:root{--ink:#eaf1ff;--muted:#9dacbf;--bg:#07101f;--panel:#0d1a2d;--line:#c2daff29;--cyan:#62def3;--orange:#ff8b56;--paper:#f4f7fb;--nav-h:72px;--ease:cubic-bezier(.22,1,.36,1);--radius:12px;--maxw:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px)}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,textarea{font:inherit}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:4px}.skip{z-index:200;background:var(--cyan);color:#062033;border-radius:6px;padding:10px 16px;font-weight:800;position:absolute;top:8px;left:-9999px}.skip:focus{left:12px}.shell{width:min(var(--maxw),calc(100% - 44px));margin:auto}.nav{z-index:60;height:var(--nav-h);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07101fb8;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{letter-spacing:-.4px;z-index:2;font-size:17px;font-weight:850}.brand span{color:#07101f;background:var(--cyan);border-radius:4px;margin-right:4px;padding:5px 7px}.navlinks{color:#b5c1d0;gap:30px;font-size:14px;display:flex}.navlinks a:hover{color:var(--cyan)}.navCta{border:1px solid var(--cyan);color:var(--cyan);transition:background .25s var(--ease),color .25s var(--ease);border-radius:5px;padding:10px 15px;font-size:13px;font-weight:800}.navCta:hover{background:var(--cyan);color:#062033}.navCta b{margin-left:12px}.navToggle{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:none}.navToggle span{background:var(--ink);width:20px;height:2px;transition:transform .3s var(--ease),opacity .2s var(--ease);border-radius:2px;display:block}.navToggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.navToggle[aria-expanded=true] span:nth-child(2){opacity:0}.navToggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navMenu{top:var(--nav-h);background:var(--panel);border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);opacity:0;pointer-events:none;transition:transform .28s var(--ease),opacity .28s var(--ease);border-top:0;flex-direction:column;gap:2px;padding:14px 22px 20px;display:none;position:absolute;left:0;right:0;transform:translateY(-14px);box-shadow:0 24px 60px #0006}.navMenu.open{opacity:1;pointer-events:auto;transform:none}.navMenu a{color:#d4deec;border-bottom:1px solid #c2daff14;padding:13px 4px;font-size:15px}.navMenu a:last-child{border-bottom:0}.navMenu .navCta{text-align:center;margin-top:12px;display:block}.hero{background:radial-gradient(circle at 65% 40%,#2a78a32e,#0000 31%);grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;min-height:680px;padding:100px 0 90px;display:grid}.eyebrow,.sectionKicker{color:var(--cyan);letter-spacing:2px;margin:0;font-size:11px;font-weight:850}.eyebrow{align-items:center;gap:9px;display:flex}.eyebrow i{background:var(--orange);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #ff8b5626}.hero h1{letter-spacing:-4px;margin:24px 0;font-size:clamp(40px,6vw,82px);line-height:1.04}.hero mark{color:var(--ink);background:linear-gradient(#0000 70%,#62def357 0);padding:0}.lede{max-width:590px;color:var(--muted);font-size:17px;line-height:1.85}.heroActions{flex-wrap:wrap;gap:12px;margin-top:35px;display:flex}.primary,.secondary{cursor:pointer;transition:transform .12s var(--ease),background .25s var(--ease);border:0;border-radius:5px;padding:15px 20px;font-weight:850;display:inline-block}.primary{background:var(--cyan);color:#062033}.primary:hover{background:#b2effa}.primary:active{transform:translateY(1px)}.primary b{margin-left:18px}.secondary{border:1px solid var(--line);color:#d5dfed;transition:border-color .25s var(--ease),background .25s var(--ease)}.secondary:hover{border-color:var(--cyan);background:#62def30f}.proof{color:#9dacbf;flex-wrap:wrap;gap:21px;margin-top:34px;font-size:12px;display:flex}.heroVisual{background:linear-gradient(130deg,#101e33 0%,#172e49 45%,#0a1628 100%);border:1px solid #62def373;border-radius:12px;min-height:432px;position:relative;overflow:hidden;box-shadow:18px 22px #62def31c,0 30px 80px #00000059}.filmTop{letter-spacing:1px;color:#aec2d7;border-bottom:1px solid var(--line);justify-content:space-between;padding:18px 22px;font:700 10px monospace;display:flex;position:absolute;top:0;left:0;right:0}.frameGrid{opacity:.45;background-color:#0000;background-image:linear-gradient(90deg,#0000 49.85%,#62def31a 50%,#0000 50.15%),linear-gradient(#0000 49.85%,#62def31a 50%,#0000 50.15%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:44px 44px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.heroGuide{position:absolute;bottom:50px;right:16%;transform:scale(1.45)}.heroTitle{border-left:4px solid var(--orange);padding:6px 0 6px 15px;position:absolute;top:100px;left:36px}.heroTitle small,.metric small,.boardLabel small{color:var(--cyan);letter-spacing:1.2px;font:800 10px monospace}.heroTitle strong{letter-spacing:-2px;margin-top:8px;font-size:43px;line-height:1.06;display:block}.caption{text-align:center;background:#020811ad;border:1px solid #ffffff2e;padding:12px 15px;font-size:14px;font-weight:750;position:absolute;bottom:20px;left:32px;right:32px}.metric{border:1px solid var(--line);background:#040f1ecc;border-radius:6px;width:145px;padding:12px;position:absolute;bottom:86px;right:23px}.metric span{color:var(--orange);margin-right:10px;font-size:36px;font-weight:900}.metric i{background:var(--cyan);width:19px;height:8px;margin-right:3px;display:inline-block}.metric i:nth-last-child(2){background:#86b8e5;height:17px}.metric i:last-child{background:var(--orange);height:26px}.flowBand{color:#10213a;background:#f3f6fb;padding:100px 0}.flowBand h2,.lab h2,.style h2,.status h2{letter-spacing:-2.4px;margin:14px 0 43px;font-size:clamp(30px,4vw,53px);line-height:1.13}.steps{border-top:1px solid #bdcad8;grid-template-columns:repeat(4,1fr);display:grid}.steps article{min-height:225px;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease);border-right:1px solid #bdcad8;padding:24px 22px 15px;position:relative}.steps article:first-child{border-left:1px solid #bdcad8}.steps article:hover{background:#fff;transform:translateY(-6px);box-shadow:0 18px 44px #10213a29}.steps b{color:#1b82a3;font:800 13px monospace}.steps h3{margin:37px 0 11px;font-size:20px}.steps p{color:#607084;font-size:14px;line-height:1.7}.steps span{color:#e86128;font-size:21px;position:absolute;bottom:13px;right:19px}.lab{grid-template-columns:.8fr 1.2fr;align-items:center;gap:82px;padding:115px 0;display:grid}.labIntro{position:relative}.labIntro>p:not(.sectionKicker),.styleCopy>p:not(.sectionKicker),.status>p{color:var(--muted);font-size:16px;line-height:1.85}.miniGuide{opacity:.85;height:90px;margin-top:25px;position:relative;overflow:hidden}.miniGuide .pencil{transform-origin:0 0;transform:scale(.62)}.topicPanel{background:var(--panel);border:1px solid var(--line);transition:transform .3s var(--ease),box-shadow .3s var(--ease);border-radius:10px;padding:30px;box-shadow:0 25px 70px #0000003b}.topicPanel:hover{transform:translateY(-4px);box-shadow:0 32px 84px #0000004d}.topicPanel label{font-size:13px;font-weight:800}.topicPanel textarea{resize:vertical;color:#eaf1ff;width:100%;min-height:102px;transition:border-color .2s var(--ease);background:#071323;border:1px solid #29415e;border-radius:5px;outline:none;margin:11px 0 14px;padding:14px;line-height:1.6;display:block}.topicPanel textarea:focus{border-color:var(--cyan)}.topicPanel textarea::placeholder{color:#657890}.build{text-align:left;width:100%}.topicResult{border-top:1px solid var(--line);margin-top:20px;padding-top:8px;display:none}.topicResult.show{animation:fadeUp .5s var(--ease);display:block}.topicResult p{color:#dce6f4;border-bottom:1px solid #c2daff17;grid-template-columns:104px 1fr;gap:15px;margin:0;padding:13px 0;font-size:14px;line-height:1.65;display:grid}.topicResult small{color:var(--cyan);font-weight:800}.style{grid-template-columns:1fr 1fr;align-items:center;gap:94px;padding:70px 0 115px;display:grid}.styleBoard{color:#10213a;background:linear-gradient(145deg,#e5eef8,#afc6dd);border-radius:11px;height:390px;position:relative;overflow:hidden}.boardNoise{opacity:.6;background-image:radial-gradient(#0c2a451f 1px,#0000 1px);background-size:11px 11px;position:absolute;inset:0}.styleBoard>.pencil{position:absolute;top:44%;left:44%;transform:scale(1.65)}.boardLabel{position:absolute;bottom:26px;left:28px}.boardLabel b{letter-spacing:-2px;margin-top:8px;font-size:35px;line-height:1.05;display:block}.swatches{gap:7px;display:flex;position:absolute;bottom:28px;right:24px}.swatches i{background:#0a172a;border-radius:50%;width:17px;height:17px}.swatches i:nth-child(2){background:#62def3}.swatches i:nth-child(3){background:#ff8b56}.swatches i:nth-child(4){background:#f4f7fb;border:1px solid #9fb6cc}.styleCopy ul{margin:26px 0;padding:0;list-style:none}.styleCopy li{border-top:1px solid var(--line);color:#c7d2df;padding:11px 0;font-size:14px}.styleCopy li:before{content:"✦";color:var(--orange);margin-right:10px}.status{border-top:1px solid var(--line);grid-template-columns:1.3fr .7fr;gap:80px;padding:75px 0;display:grid}.status h2{margin-bottom:0}footer{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:auto 1fr auto auto;align-items:center;gap:25px;padding:30px 0 40px;font-size:12px;display:grid}footer .brand{color:var(--ink)}footer>div:nth-child(3){gap:16px;display:flex}footer a{transition:color .2s var(--ease)}footer a:hover{color:var(--cyan)}.pencil{filter:drop-shadow(8px 12px 8px #0000002e);width:100px;height:184px;position:relative;transform:rotate(11deg)}.pencil .body{background:#f6f8f5;border:3px solid #0b192c;border-radius:17px 17px 8px 8px;width:76px;height:111px;position:absolute;top:35px;left:12px}.pencil .eraser{background:var(--orange);z-index:1;border:3px solid #0b192c;border-radius:12px 12px 5px 5px;width:76px;height:30px;position:absolute;top:18px;left:12px}.pencil .tip{z-index:1;border-top:40px solid #dfb486;border-left:27px solid #0000;border-right:27px solid #0000;width:0;height:0;position:absolute;top:139px;left:23px}.pencil .tip:after{content:"";border-top:15px solid #152238;border-left:10px solid #0000;border-right:10px solid #0000;position:absolute;top:-40px;left:-10px}.pencil .eye{z-index:2;background:#0b192c;border-radius:50%;width:7px;height:10px;position:absolute;top:72px}.pencil .eye.left{left:38px}.pencil .eye.right{left:59px}.pencil .smile{z-index:2;border-bottom:3px solid #0b192c;border-radius:50%;width:14px;height:7px;position:absolute;top:91px;left:46px}.pencil .arm,.pencil .leg{transform-origin:0;background:#0b192c;border-radius:4px;width:33px;height:4px;position:absolute}.pencil .leftArm{top:94px;left:-16px;transform:rotate(-28deg)}.pencil .rightArm{top:89px;right:-17px;transform:rotate(29deg)}.pencil .leftLeg{top:150px;left:28px;transform:rotate(75deg)}.pencil .rightLeg{top:150px;right:18px;transform:rotate(105deg)}.pencil.point .rightArm{width:56px;transform:rotate(-45deg)}.pencil.wave .rightArm{width:50px;transform:rotate(-83deg)}.pencil.think .leftArm{width:44px;transform:rotate(-58deg)}.reveal{opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:80ms}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}.reveal.d4{transition-delay:.32s}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width:980px){:root{--maxw:100%}.hero{gap:44px}}@media (max-width:850px){.navlinks,.navCta{display:none}.navToggle,.navMenu{display:flex}.hero{grid-template-columns:1fr;gap:45px;padding:64px 0}.heroVisual{order:2;min-height:390px}.heroCopy{order:1}.flowBand{padding:80px 0}.lab{grid-template-columns:1fr;gap:42px;padding:90px 0}.style{grid-template-columns:1fr;gap:42px;padding:30px 0 90px}.styleBoard{order:2;height:330px}.styleCopy{order:1}.status{grid-template-columns:1fr;gap:16px;padding:60px 0}footer{text-align:left;grid-template-columns:1fr;gap:14px}footer>div:nth-child(3){flex-wrap:wrap}}@media (max-width:640px){.steps{grid-template-columns:1fr 1fr}.steps article:nth-child(3){border-left:1px solid #bdcad8}.steps article:hover{transform:none}}@media (max-width:520px){.shell{width:min(100% - 26px,var(--maxw))}.hero h1{letter-spacing:-2.6px}.heroActions,.proof{flex-direction:column;align-items:flex-start}.heroVisual{min-height:350px}.heroTitle{top:82px;left:22px}.heroTitle strong{font-size:35px}.heroGuide{bottom:43px;right:11%;transform:scale(1.15)}.metric{display:none}.steps{grid-template-columns:1fr}.steps article{border-left:1px solid #bdcad8!important}.topicResult p{grid-template-columns:1fr;gap:4px}.styleBoard{height:300px}.styleBoard>.pencil{transform:scale(1.28)}.boardLabel b{font-size:29px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}