#clue-content{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#262a1e;background:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased;--blue:#94ab63;--ink:#262a1e;--muted:#82877a;--line:#dde0d7;--ease:cubic-bezier(.22,1,.36,1)}
#clue-content *{box-sizing:border-box}
#clue-content{scroll-behavior:smooth;scroll-padding-top:32px}
#clue-content{margin:0}
#clue-content button,#clue-content input{font:inherit}
#clue-content button,#clue-content a{-webkit-tap-highlight-color:transparent}
#clue-content button{cursor:pointer}
#clue-content a{color:inherit;text-decoration:none}
#clue-content button{color:inherit}
#clue-content button:focus-visible,#clue-content a:focus-visible,#clue-content summary:focus-visible{outline:3px solid #94ab63;outline-offset:5px}
#clue-content h1,#clue-content h2,#clue-content h3,#clue-content p{margin:0}
#clue-content ::selection{background:#e7ecdc}
#clue-content .section-width{width:min(1180px,calc(100% - 104px));margin-inline:auto}
#clue-content .header{position:absolute;top:0;left:0;width:100%;z-index:5;padding:25px 44px}
#clue-content .group{display:inline-flex;gap:10px;align-items:center;font-size:15px;font-weight:650;letter-spacing:.1em}
#clue-content .group img{display:block}
#clue-content .skip{position:fixed;top:-100px;z-index:100;background:white;padding:12px}
#clue-content .skip:focus{top:8px}
#clue-content .hero{position:relative;isolation:isolate;overflow:hidden;padding:78px 24px 25px;min-height:100svh;background:#f3f6ee;text-align:center}
#clue-content .hero-light{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse 65% 50% at 50% 35%,#fff 15%,#f1f4eb 75%,transparent),linear-gradient(180deg,#f5f7f0,#eff2e7 65%,white)}
#clue-content .light-ribbon{position:absolute;width:120vw;height:80vw;left:-10vw;top:4%;border-radius:50%;border:1px solid #c6d2ac55;box-shadow:inset 0 18px 34px #b3c39020,0 -6px 16px #fff;transform:rotate(-13deg);background:radial-gradient(ellipse at 50% 0%,#dae2c920,transparent 40%);animation:breathe 12s ease-in-out infinite alternate}
#clue-content .ribbon-two{width:130vw;left:-22vw;top:13%;transform:rotate(19deg);opacity:.55;animation-delay:-4s}
#clue-content .ribbon-three{width:95vw;left:23vw;top:22%;transform:rotate(-36deg);opacity:.35;animation-delay:-8s}
#clue-content .hero-heading{position:relative;z-index:1;animation:arrive .95s var(--ease) both}
#clue-content .hero h1{font-size:clamp(80px,8.6vw,132px);line-height:1;letter-spacing:-.075em;font-weight:650;color:#7b8f51;background:linear-gradient(135deg,#4d5a31 5%,#95ac64 60%,#cad5b1);background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;padding-right:.12em}
#clue-content .title-period{color:#bfcda2}
#clue-content .hero-heading>p{font-size:20px;font-weight:500;letter-spacing:.14em;margin:15px 0 21px;color:#646959}
#clue-content .hero-actions{display:flex;align-items:center;justify-content:center;gap:26px}
#clue-content .button{display:inline-flex;align-items:center;gap:20px;justify-content:center;border:0;background:#94ab63;color:white;font-size:14px;font-weight:550;padding:13px 24px;border-radius:30px;box-shadow:0 7px 20px #95ac6522;transition:transform .25s,box-shadow .25s,background .25s}
#clue-content .button:hover{transform:translateY(-2px);background:#89a157;box-shadow:0 10px 28px #95ac6535}
#clue-content .button span{font-size:20px;line-height:1}
#clue-content .text-button{background:none;border:0;color:var(--blue);font-size:13px;padding:8px 0}
#clue-content .text-button:hover{color:#718447}
#clue-content .product-wrap{max-width:1080px;margin:37px auto 0;position:relative;z-index:2;animation:product-arrive 1.25s var(--ease) both;animation-delay:.1s}
#clue-content .product-frame{border:1px solid #c8cebd;border-radius:14px;background:#edefea;box-shadow:0 3px 4px #5b624c10,0 30px 70px -30px #6e7d4f44,0 0 0 5px #ffffff90;overflow:hidden;text-align:left}
#clue-content .frame-bar{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:10px;color:#92968a;border-bottom:1px solid #dcdfd6;background:linear-gradient(#fff,#ebede8)}
#clue-content .frame-bar small{font-size:9px;margin-left:5px}
#clue-content .frame-lights{display:flex;gap:5px;width:55px}
#clue-content .frame-lights i{width:6px;height:6px;background:#d1d4ca;border-radius:50%}
#clue-content .frame-bar button{background:transparent;border:0;color:#848a79;font-size:18px;width:35px}
#clue-content .product-viewport{position:relative;width:100%;aspect-ratio:1440/730;overflow:hidden;background:white}
#clue-content .product-viewport iframe{width:1440px;height:730px;border:0;position:absolute;left:0;top:0;transform-origin:top left;transform:scale(var(--preview-scale,.7));background:white}
#clue-content .preview-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:6px 14px;font-size:10px;color:#91948a;background:#fff;border-top:1px solid #e8e9e4}
#clue-content .preview-caption span{display:flex;align-items:center;gap:6px}
#clue-content .preview-caption i{width:5px;height:5px;border-radius:50%;background:#458a78}
#clue-content .preview-caption button{border:0;background:none;color:#828973;font-size:10px}
#clue-content .product-tabs{display:flex;align-items:center;gap:4px;justify-content:center;margin:20px auto 0;width:fit-content;background:#e7eae180;border:1px solid #e3e6db;padding:4px;border-radius:26px}
#clue-content .product-tabs button{border:0;background:none;padding:8px 17px;color:#898d7f;border-radius:20px;font-size:11px;transition:background .25s,color .25s,box-shadow .25s}
#clue-content .product-tabs button.selected{background:#fff;color:#849b53;box-shadow:0 2px 6px #48542e10}
#clue-content .product-tabs button:hover{color:#849b53}
#clue-content .hero-foot{font-size:10px;letter-spacing:.12em;color:#a4a89c;margin-top:24px}
#clue-content .hero-foot span{margin-left:10px}
#clue-content .product-wrap.expanded{position:fixed;z-index:50;inset:18px;margin:0;max-width:none;background:#edf0e5;padding:12px;border-radius:18px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 0 100vmax #333926c9}
#clue-content .product-wrap.expanded .product-viewport{max-height:calc(100svh - 164px);aspect-ratio:1440/850}
#clue-content .product-wrap.expanded .product-tabs{margin-top:13px}
#clue-content body.preview-open{overflow:hidden}
#clue-content .eyebrow{display:block;font-size:12px;font-weight:650;color:#888e7c;letter-spacing:.13em;margin-bottom:25px}
#clue-content .manifesto{padding:170px 0 145px;text-align:center}
#clue-content .manifesto h2,#clue-content .section-heading h2,#clue-content .feature-heading h2,#clue-content .effort-inner h2,#clue-content .engineering h2,#clue-content .closing h2{font-size:clamp(38px,4.8vw,66px);line-height:1.22;letter-spacing:-.045em;font-weight:650}
#clue-content .manifesto h2 span,#clue-content .feature-heading h2 span,#clue-content .section-heading h2 span,#clue-content .engineering h2 span,#clue-content .closing h2 span{color:#94988c}
#clue-content .manifesto p{font-size:18px;color:#94978b;line-height:1.9;margin-top:29px}
#clue-content .reveal{transition:opacity .85s var(--ease),transform .85s var(--ease)}
#clue-content .motion-enabled .reveal:not(.visible){opacity:0;transform:translateY(32px)}
#clue-content .journey{height:230svh;background:#f0f2ea;position:relative}
#clue-content .journey-pin{position:sticky;top:0;height:100svh;min-height:610px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:7vw;width:min(1220px,calc(100% - 104px));margin:auto}
#clue-content .journey-copy h2{font-size:clamp(36px,4.5vw,63px);line-height:1.3;letter-spacing:-.055em;font-weight:650}
#clue-content .journey-copy h2 span{color:#8fa461}
#clue-content .journey-copy>p{color:#8f9484;font-size:15px;line-height:1.9;max-width:350px;margin-top:25px;min-height:58px}
#clue-content .journey-steps{display:flex;gap:19px;margin-top:50px}
#clue-content .journey-steps button{background:transparent;border:0;border-bottom:2px solid #dde1d5;color:#a6aa9c;padding:12px 0;font-size:11px;transition:color .25s,border-color .25s}
#clue-content .journey-steps .active{color:#89a05a;border-color:#89a05a}
#clue-content .journey-visual{position:relative;perspective:1000px}
#clue-content .glass-sheet{position:relative;border:1px solid #fff;background:linear-gradient(130deg,#fffffffa,#f3f6ede0);box-shadow:0 34px 90px -30px #79855f44,inset 0 0 0 1px #dee2d480;border-radius:20px;padding:27px 32px;min-height:360px;transform:rotateY(-8deg) rotateX(4deg);transition:transform .8s var(--ease)}
#clue-content .journey-visual:hover .glass-sheet{transform:rotateY(0) rotateX(0)}
#clue-content .sheet-heading{display:flex;align-items:center;gap:9px;font-size:11px;color:#949989;border-bottom:1px solid #e8eae2;padding-bottom:18px}
#clue-content .sheet-heading small{margin-left:auto;font:10px Consolas,monospace}
#clue-content .blue-dot{width:6px;height:6px;border-radius:50%;background:#9eb371;box-shadow:0 0 0 4px #ecf0e4}
#clue-content .file-tree{font:13px/1.7 Consolas,"Microsoft YaHei",monospace;color:#878e77;padding:25px 0 10px}
#clue-content .file-tree>span{font-size:16px;color:#5e6a46}
#clue-content .file-tree p{margin-top:13px}
#clue-content .file-tree b{float:right;font:10px "Microsoft YaHei",sans-serif;color:#acb0a2;margin-top:6px}
#clue-content .sheet-note{border-top:1px solid #e8ebe1;padding-top:18px;font-size:11px;color:#a7ac9c;margin-top:15px}
#clue-content .sheet-code{margin:30px 0;font:13px/2 Consolas,monospace;color:#8d947d}
#clue-content .sheet-code .added{color:#248965;display:block;background:#edf8f2;padding:3px 8px}
#clue-content .sheet-code .removed{color:#b18789;text-decoration:line-through;display:block;padding:3px 8px}
#clue-content .check-line{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #eaece5;color:#848d73;font-size:13px}
#clue-content .check-line b{color:#3b9c77;font-weight:500}
#clue-content .visual-caption{display:block;text-align:center;font-size:10px;color:#a9ae9e;margin-top:30px}
#clue-content .sheet-shadow{position:absolute;z-index:-1;inset:40px -35px -35px;background:radial-gradient(ellipse,#cfdaba40,transparent 70%);filter:blur(25px)}
#clue-content .feature-section{padding-block:160px}
#clue-content .mode-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:68px}
#clue-content .mode-choice{width:100%;display:flex;align-items:center;gap:20px;text-align:left;padding:29px 0;border:0;border-bottom:1px solid #e4e6df;background:transparent;color:#aaaea3}
#clue-content .mode-choice>span{font:11px Consolas,monospace}
#clue-content .mode-choice h3{font-size:24px;font-weight:600}
#clue-content .mode-choice p{font-size:13px;margin-top:9px}
#clue-content .mode-choice b{margin-left:auto;font-size:25px;font-weight:400}
#clue-content .mode-choice.active{color:#72834e}
#clue-content .mode-choice.active h3{color:#414930}
#clue-content .mode-explanation{font-size:12px;line-height:1.9;color:#a1a499;margin-top:24px}
#clue-content .question-illustration{border-radius:26px;padding:30px 25px;background:radial-gradient(ellipse at 50% 40%,#ebefe2,transparent 80%);align-self:center}
#clue-content .mini-label{color:#a4a99a;font-size:10px;letter-spacing:.08em;display:block;margin-bottom:30px}
#clue-content .bubble{padding:21px;border-radius:20px;font-size:13px;box-shadow:0 16px 35px #7f896a14}
#clue-content .user-bubble{margin-left:55px;background:#94ab63;color:white;border-bottom-right-radius:5px}
#clue-content .ai-bubble{display:flex;align-items:flex-start;gap:12px;margin-top:25px;background:white;border:1px solid #e5e9de;border-bottom-left-radius:5px;min-height:146px}
#clue-content .ai-bubble strong{font-size:13px;color:#6a705d;line-height:1.8}
#clue-content .ai-bubble p{font-size:12px;color:#989d8e;margin-top:9px;line-height:1.8}
#clue-content .mini-logo{color:#99ae6d;font-size:22px}
#clue-content .mini-progress{height:3px;background:#edf0e5;margin-top:22px;border-radius:10px;overflow:hidden}
#clue-content .mini-progress i{display:block;width:55%;height:100%;background:linear-gradient(90deg,#dbe3ca,#9baf6f);animation:progress 4s ease-in-out infinite}
#clue-content .sample-options{display:flex;gap:8px;margin-top:12px}
#clue-content .sample-options span{padding:6px 10px;font-size:10px;background:#eff3e8;color:#808a6a;border-radius:6px}
#clue-content .effort-section{position:relative;background:#f0f2ec;overflow:hidden}
#clue-content .effort-light{position:absolute;width:70%;height:120%;right:-10%;top:-10%;background:radial-gradient(ellipse at 80% 70%,#c3d0a71a,transparent 70%),radial-gradient(ellipse,#d6dfc422,transparent 70%);pointer-events:none}
#clue-content .effort-inner{position:relative;padding-block:150px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:80px}
#clue-content .effort-inner h2 span{background:linear-gradient(90deg,#889962,#a5b08e);background-clip:text;-webkit-text-fill-color:transparent}
#clue-content .effort-inner>div>p{font-size:14px;color:#94998a;line-height:1.9;margin-top:23px}
#clue-content .effort-chips{display:flex;justify-content:space-between;color:#a3a89a;font:10px Consolas,monospace}
#clue-content .effort-chips .ultra-chip{color:#9ba781}
#clue-content .effort-spectrum{height:8px;margin:22px 0 35px;background:linear-gradient(90deg,#e3e9d6,#bac89c 60%,#afbd93);border-radius:20px;position:relative;box-shadow:0 10px 28px #bcc8a235}
#clue-content .effort-spectrum i{position:absolute;right:12%;top:-5px;width:18px;height:18px;border-radius:6px;background:#fff;border:1px solid #bec4b1;box-shadow:0 3px 7px #8b95742b}
#clue-content .candidate-row{display:flex;justify-content:space-between;gap:10px}
#clue-content .candidate-row>span{width:54px;height:64px;background:linear-gradient(#fff,#f2f5ed);border:1px solid #e2e5da;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#a4a89a;font:12px Consolas,monospace;box-shadow:0 7px 20px #61694f0a}
#clue-content .candidate-row i{width:16px;height:2px;background:#cdd4be}
#clue-content .candidate-row>span:nth-child(3){border-color:#bdc5ac;transform:translateY(-10px);box-shadow:0 10px 20px #a1aa8d24}
#clue-content .candidate-row>span:nth-child(3) i{background:#b6bfa1}
#clue-content .effort-showcase>p{text-align:center;font-size:11px;color:#a2a699;margin-top:24px}
#clue-content .effort-showcase>.text-button{display:block;margin:13px auto 0}
#clue-content .details-section{padding-block:150px}
#clue-content .section-heading{max-width:700px}
#clue-content .section-heading>p,#clue-content .engineering-heading>p{font-size:16px;line-height:1.9;max-width:590px;color:#95998c;margin-top:25px}
#clue-content .benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:65px}
#clue-content .benefit{background:#f0f2ec;border:1px solid #e9ebe5;border-radius:22px;padding:30px;display:flex;flex-direction:column;min-height:325px;transition:background .35s,transform .35s}
#clue-content .benefit:hover{background:#eef1e6;transform:translateY(-4px)}
#clue-content .icon-box{font-size:26px;color:#96a86e;margin-bottom:30px}
#clue-content .benefit h3{font-size:19px;line-height:1.55;font-weight:600;letter-spacing:-.03em}
#clue-content .benefit p{font-size:13px;line-height:1.9;color:#909486;margin-top:16px;margin-bottom:22px}
#clue-content .benefit code{font-size:12px}
#clue-content .card-bottom,#clue-content .card-link{margin-top:auto;font-size:11px;color:#9da390}
#clue-content .card-link{text-align:left;background:none;border:0;padding:0;color:#8da25f}
#clue-content .engineering{background:#f0f2ea;padding-block:140px}
#clue-content .engineering-heading{max-width:850px}
#clue-content .architecture{margin:60px 0 100px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:38px;background:#fff;border:1px solid #e3e6db;border-radius:20px}
#clue-content .architecture>div{flex:1}
#clue-content .architecture small{color:#a7ab9d;font-size:10px}
#clue-content .architecture strong{display:block;color:#677250;font-size:21px;font-weight:550;margin:9px 0}
#clue-content .architecture span{font-size:11px;color:#a0a595}
#clue-content .architecture>i{font-style:normal;color:#ccd0c2;transform:rotate(-90deg);margin-right:30px}
#clue-content .tech-chapter{display:grid;grid-template-columns:240px 1fr;gap:60px;margin-top:90px;padding-top:50px;border-top:1px solid #dee2d7}
#clue-content .chapter-heading{position:sticky;top:45px;align-self:start}
#clue-content .chapter-heading>span{font:11px Consolas,monospace;color:#9daa82;letter-spacing:.16em}
#clue-content .chapter-heading h3{font-size:30px;line-height:1.3;letter-spacing:-.04em;margin:20px 0}
#clue-content .chapter-heading p{font-size:13px;line-height:1.85;color:#999e8e}
#clue-content .tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#clue-content .tech-card{padding:28px;border:1px solid #e4e7dd;border-radius:16px;background:#fff;min-width:0}
#clue-content .tech-card>small{font:10px Consolas,monospace;color:#909d74;letter-spacing:.05em}
#clue-content .tech-card h4{font-size:17px;margin:12px 0;font-weight:600;color:#424835}
#clue-content .tech-card p{font-size:12px;line-height:2;color:#909585}
#clue-content .tech-card code{display:block;margin-top:18px;font:10px/1.9 Consolas,"Microsoft YaHei",monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#99a284;background:#f2f4eb;border:1px solid #ebeee5;border-radius:7px;padding:11px}
#clue-content .release-notes{margin-top:100px;padding:35px 0;border-top:1px solid #dfe3d6;max-width:950px}
#clue-content .release-notes h3{font-size:22px;letter-spacing:-.03em;margin-bottom:20px}
#clue-content .release-notes p{color:#979b8e;font-size:12px;line-height:2;margin-top:14px}
#clue-content .closing{padding-block:145px;text-align:center}
#clue-content .closing>img{margin-bottom:33px}
#clue-content .closing .button{margin-top:36px}
#clue-content .closing>p{font-size:11px;color:#a4a89b;margin-top:18px}
#clue-content .download-detail{max-width:640px;margin:35px auto 0;font-size:11px;color:#9a9f90;line-height:1.9}
#clue-content .download-detail summary{cursor:pointer;color:#8d947c}
#clue-content .download-detail p{margin:16px 0}
#clue-content .download-detail>span{display:block;font:10px Consolas,monospace}
#clue-content .download-detail code{display:block;font:10px/1.9 Consolas,monospace;overflow-wrap:anywhere;margin-top:8px}
#clue-content .footer{border-top:1px solid #e2e4dc;padding-block:29px;display:flex;align-items:center;gap:25px;color:#9ea394;font-size:10px}
#clue-content .footer .group{color:#737a63;font-size:12px;letter-spacing:.04em}
#clue-content .footer>a:nth-last-child(2){margin-left:auto}
#clue-content .footer small{font-size:9px;color:#afb3a8}
#clue-content .notice{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#fff;border:1px solid #e1e6d7;box-shadow:0 5px 25px #4a533722;padding:13px 22px;border-radius:12px;font-size:12px;color:#788066;transition:opacity .25s,transform .25s;z-index:60}
#clue-content .notice.shown{opacity:1;transform:translate(-50%,0)}
@keyframes arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@keyframes product-arrive{from{opacity:0;transform:translateY(26px) scale(.985)}to{opacity:1;transform:none}}
@keyframes breathe{to{translate:0 12px;opacity:.65}}
@keyframes progress{0%,100%{width:35%}50%{width:90%}}
@media(min-width:1500px){#clue-content .hero{padding-top:85px}
#clue-content .product-wrap{max-width:1160px;margin-top:38px}}
@media(max-height:820px) and (min-width:900px){#clue-content .hero{padding-top:65px}
#clue-content .hero h1{font-size:85px}
#clue-content .hero-heading>p{font-size:17px;margin:9px 0 16px}
#clue-content .product-wrap{max-width:880px;margin-top:24px}
#clue-content .hero-foot{margin-top:16px}
#clue-content .product-tabs{margin-top:14px}
#clue-content .button{padding:11px 21px;font-size:12px}}
@media(max-width:1000px){#clue-content .section-width{width:calc(100% - 64px)}
#clue-content .journey-pin{width:calc(100% - 64px);gap:35px}
#clue-content .mode-layout{gap:40px}
#clue-content .benefit-grid{grid-template-columns:1fr 1fr}
#clue-content .effort-inner{gap:40px}
#clue-content .tech-chapter{grid-template-columns:190px 1fr;gap:35px}
#clue-content .architecture{gap:10px;padding:28px}
#clue-content .architecture strong{font-size:18px}}
@media(max-width:700px){#clue-content .section-width{width:calc(100% - 40px)}
#clue-content .header{padding:23px 23px}
#clue-content .group{font-size:13px}
#clue-content .hero{padding:103px 15px 35px;min-height:100svh}
#clue-content .hero h1{font-size:92px}
#clue-content .hero-heading>p{font-size:17px;margin:18px 0 27px}
#clue-content .hero-actions{gap:20px}
#clue-content .button{font-size:12px;padding:12px 20px}
#clue-content .text-button{font-size:12px}
#clue-content .product-wrap{margin-top:42px}
#clue-content .product-viewport{aspect-ratio:1000/760}
#clue-content .product-viewport iframe{width:1000px;height:760px}
#clue-content .product-frame{border-radius:10px}
#clue-content .frame-bar{height:27px;padding-inline:10px;font-size:9px}
#clue-content .preview-caption{font-size:8px;padding:8px}
#clue-content .preview-caption button{font-size:9px}
#clue-content .product-tabs{gap:0;margin-top:22px;max-width:100%;padding:4px}
#clue-content .product-tabs button{padding:9px 11px;font-size:10px}
#clue-content .hero-foot{margin-top:37px}
#clue-content .product-wrap.expanded{inset:8px;padding:6px}
#clue-content .product-wrap.expanded .product-viewport{aspect-ratio:1000/1350;max-height:calc(100svh - 155px)}
#clue-content .manifesto{padding:105px 0}
#clue-content .manifesto h2,#clue-content .section-heading h2,#clue-content .feature-heading h2,#clue-content .effort-inner h2,#clue-content .engineering h2,#clue-content .closing h2{font-size:38px}
#clue-content .eyebrow{font-size:10px;margin-bottom:22px}
#clue-content .manifesto p{font-size:14px}
#clue-content .journey{height:200svh}
#clue-content .journey-pin{width:calc(100% - 40px);display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:38px;min-height:660px}
#clue-content .journey-copy h2{font-size:35px}
#clue-content .journey-copy>p{font-size:12px;min-height:40px;margin-top:16px;max-width:none}
#clue-content .journey-steps{margin-top:12px}
#clue-content .journey-steps button{font-size:10px}
#clue-content .glass-sheet{min-height:240px;padding:18px 22px;border-radius:14px;transform:rotateY(-5deg) rotateX(3deg)}
#clue-content .sheet-heading{padding-bottom:12px;font-size:10px}
#clue-content .file-tree{padding-top:18px;font-size:11px}
#clue-content .file-tree>span{font-size:13px}
#clue-content .file-tree p{margin-top:7px}
#clue-content .sheet-note{font-size:10px;padding-top:12px;margin-top:12px}
#clue-content .visual-caption{font-size:8px;margin-top:16px}
#clue-content .sheet-code{font-size:11px;margin-block:20px}
#clue-content .check-line{font-size:11px;padding:10px 0}
#clue-content .feature-section{padding-block:100px}
#clue-content .mode-layout{grid-template-columns:1fr;gap:35px;margin-top:33px}
#clue-content .mode-choice{padding-block:22px}
#clue-content .mode-choice h3{font-size:21px}
#clue-content .question-illustration{padding:15px 6px}
#clue-content .effort-inner{display:block;padding-block:105px}
#clue-content .effort-showcase{margin-top:65px}
#clue-content .effort-inner>div>p{font-size:12px}
#clue-content .details-section{padding-block:100px}
#clue-content .section-heading>p,#clue-content .engineering-heading>p{font-size:13px}
#clue-content .benefit-grid{gap:12px;margin-top:40px}
#clue-content .benefit{padding:21px;min-height:285px;border-radius:16px}
#clue-content .benefit h3{font-size:17px}
#clue-content .benefit p{font-size:12px}
#clue-content .icon-box{margin-bottom:19px}
#clue-content .card-bottom,#clue-content .card-link{font-size:10px}
#clue-content .engineering{padding-block:100px}
#clue-content .architecture{display:block;padding:25px;margin:40px 0 60px}
#clue-content .architecture>div{padding:10px}
#clue-content .architecture>i{display:block;transform:none;margin:5px 11px}
#clue-content .tech-chapter{display:block;margin-top:50px;padding-top:35px}
#clue-content .chapter-heading{position:static;margin-bottom:27px}
#clue-content .chapter-heading h3{font-size:27px;margin:15px 0}
#clue-content .chapter-heading p{font-size:12px}
#clue-content .tech-grid{gap:12px}
#clue-content .tech-card{padding:22px}
#clue-content .tech-card h4{font-size:16px}
#clue-content .tech-card p{font-size:12px}
#clue-content .release-notes{margin-top:60px}
#clue-content .closing{padding-block:100px}
#clue-content .footer{flex-wrap:wrap;gap:20px}
#clue-content .footer>span{display:none}
#clue-content .footer small{flex-basis:100%}
#clue-content .notice{max-width:90%;width:max-content}}
@media(max-width:430px){#clue-content .benefit-grid,#clue-content .tech-grid{grid-template-columns:1fr}
#clue-content .benefit{min-height:245px}
#clue-content .tech-card{padding:25px}
#clue-content .product-tabs button{padding-inline:10px}
#clue-content .hero{padding-top:98px}
#clue-content .hero h1{font-size:86px}
#clue-content .product-viewport{aspect-ratio:1000/790}
#clue-content .journey-copy h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){#clue-content{scroll-behavior:auto}
#clue-content *,#clue-content *:before,#clue-content *:after{animation:none!important;transition:none!important}
#clue-content .motion-enabled .reveal:not(.visible){opacity:1;transform:none}
#clue-content .journey{height:auto}
#clue-content .journey-pin{position:static;height:auto;min-height:0;padding-block:80px}
#clue-content .product-wrap{animation:none}
#clue-content .glass-sheet{transform:none}}
#clue-content{scroll-behavior:auto}
#clue-content .journey{overflow:clip}
#clue-content .journey-copy,#clue-content .journey-visual,#clue-content .effort-inner>div,#clue-content .mode-layout>div{min-width:0}