.dev-canvas{--dc-ink:#132033;--dc-muted:#607286;--dc-cyan:#087e9b;--dc-blue:#346aab;--dc-violet:#633863;--dc-gold:#c99a2d;--dc-red:#b84742;color:var(--dc-ink);background:#f5f9fc;position:relative;overflow:hidden}.dev-canvas *{box-sizing:border-box}.dc-section{padding:120px 7vw;position:relative}.dc-grid{pointer-events:none;background-image:linear-gradient(#1320330b 1px,#0000 1px),linear-gradient(90deg,#1320330b 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.dc-kicker{letter-spacing:.2em;color:var(--dc-cyan);font:700 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace}.dc-title{letter-spacing:-.09em;max-width:1050px;margin:25px 0 0;font-size:clamp(66px,10.4vw,158px);font-weight:600;line-height:.78}.dc-gradient{background:linear-gradient(115deg,var(--dc-cyan),var(--dc-blue) 52%,var(--dc-violet));color:#0000;-webkit-background-clip:text;background-clip:text}.dc-copy{max-width:620px;color:var(--dc-muted);margin-top:34px;font-size:15px;line-height:1.9}.dc-actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.dc-button{min-height:44px;color:var(--dc-ink);background:#fff;border:1px solid #13203321;border-radius:12px;align-items:center;gap:9px;padding:0 18px;font-size:10px;text-decoration:none;transition:all .25s;display:inline-flex}.dc-button:hover{border-color:var(--dc-cyan);transform:translateY(-2px)}.dc-button-primary{color:#fff;background:linear-gradient(120deg,var(--dc-cyan),var(--dc-blue) 50%,var(--dc-violet));border-color:#0000}.dc-hero{align-items:center;min-height:100vh;padding-top:150px;display:grid}.dc-hero-inner{z-index:2;grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);align-items:center;gap:7vw;display:grid;position:relative}.dc-hero-copy{z-index:4;position:relative}.dc-origin-board{isolation:isolate;background:#ffffffa3;border:1px solid #1320331a;border-radius:28px;min-height:610px;position:relative;overflow:hidden;box-shadow:0 35px 100px #193b5b14}.dc-origin-board:before{content:"";background:radial-gradient(circle at 60% 38%,#087e9b1f,#0000 36%),radial-gradient(circle at 25% 72%,#63386317,#0000 34%);position:absolute;inset:0}.dc-embroidery{opacity:.78;background-image:linear-gradient(45deg,#0000 46%,#087e9b2e 47% 53%,#0000 54%),linear-gradient(-45deg,#0000 46%,#63386326 47% 53%,#0000 54%);background-size:46px 46px;animation:16s linear infinite dcPatternDrift;position:absolute;inset:7%;-webkit-mask-image:radial-gradient(circle,#000 34%,#0000 80%);mask-image:radial-gradient(circle,#000 34%,#0000 80%)}.dc-stitch{border:1px solid;animation:5s ease-in-out infinite dcStitchFloat;position:absolute;transform:rotate(45deg)}.dc-stitch.s1{width:54px;height:54px;color:var(--dc-gold);top:18%;left:14%}.dc-stitch.s2{width:34px;height:34px;color:var(--dc-cyan);animation-delay:.9s;top:20%;right:17%}.dc-stitch.s3{width:42px;height:42px;color:var(--dc-red);animation-delay:1.6s;bottom:20%;right:22%}.dc-mountain{opacity:.9;height:42%;position:absolute;bottom:17%;left:7%;right:7%}.dc-mountain svg{width:100%;height:100%;overflow:visible}.dc-mountain path{fill:none;stroke:var(--dc-ink);stroke-width:1.2px;stroke-opacity:.28;stroke-dasharray:8 7;animation:16s linear infinite dcDash}.dc-mountain path:nth-child(2){stroke:var(--dc-cyan);stroke-opacity:.45;animation-direction:reverse}.dc-origin-chip{letter-spacing:.12em;background:#ffffffd1;border:1px solid #1320331c;align-items:center;gap:8px;padding:9px 11px;font:700 7px ui-monospace,SFMono-Regular,Consolas,monospace;animation:5s ease-in-out infinite dcFloat;display:flex;position:absolute;box-shadow:0 12px 34px #1320330f}.dc-origin-chip.c1{top:11%;left:10%}.dc-origin-chip.c2{animation-delay:1s;top:43%;right:9%}.dc-origin-chip.c3{animation-delay:2s;bottom:9%;left:21%}.dc-origin-chip i{background:var(--dc-cyan);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #087e9b14}.dc-thread{z-index:1;background:linear-gradient(#087e9b26,#087e9b99 18%,#346aab80 58%,#6338632e);width:1px;position:absolute;top:88vh;bottom:0;left:50%}.dc-thread-dot{border:2px solid var(--dc-cyan);background:#fff;border-radius:50%;width:11px;height:11px;margin-left:-5px;position:sticky;top:48vh;box-shadow:0 0 0 8px #087e9b12}.dc-story{padding-top:80px}.dc-story-row{z-index:2;grid-template-columns:minmax(0,.88fr) minmax(380px,1.12fr);align-items:center;gap:8vw;min-height:760px;display:grid;position:relative}.dc-story-row:nth-child(2n){grid-template-columns:minmax(380px,1.12fr) minmax(0,.88fr)}.dc-story-row:nth-child(2n) .dc-story-copy{order:2}.dc-story-row:nth-child(2n) .dc-stage{order:1}.dc-index{letter-spacing:.17em;color:var(--dc-cyan);align-items:center;gap:12px;margin-bottom:20px;font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace;display:flex}.dc-index:before{content:"";background:currentColor;width:34px;height:1px}.dc-story h2{letter-spacing:-.075em;max-width:690px;font-size:clamp(48px,6.4vw,94px);font-weight:600;line-height:.88}.dc-story p{max-width:570px;color:var(--dc-muted);margin-top:24px;font-size:14px;line-height:1.9}.dc-note{border-left:2px solid var(--dc-cyan);letter-spacing:.12em;color:var(--dc-cyan);background:#087e9b0d;margin-top:26px;padding:10px 12px;font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace;display:inline-flex}.dc-stage{background:#ffffffb8;border:1px solid #1320331a;border-radius:26px;min-height:520px;position:relative;overflow:hidden;box-shadow:0 30px 90px #14314d14}.dc-stage-grid{background-image:linear-gradient(#1320330d 1px,#0000 1px),linear-gradient(90deg,#1320330d 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0}.dc-pattern-panel{grid-template-columns:repeat(7,1fr);place-items:center;gap:10px;display:grid;position:absolute;inset:12%;transform:rotate(-5deg)}.dc-pattern-panel span{border:1px solid #087e9b47;width:42px;height:42px;animation:4.5s ease-in-out infinite dcTile;transform:rotate(45deg)}.dc-pattern-panel span:nth-child(3n){border-color:#63386352;animation-delay:.7s}.dc-pattern-panel span:nth-child(4n){border-color:#c99a2d6b;animation-delay:1.4s}.dc-stage-caption{letter-spacing:.15em;color:#13203361;font:700 7px ui-monospace,SFMono-Regular,Consolas,monospace;position:absolute;bottom:18px;left:20px}.dc-wireframe{grid-template-rows:48px 1fr;grid-template-columns:92px 1fr;gap:10px;animation:6s ease-in-out infinite dcWireFloat;display:grid;position:absolute;inset:12%}.dc-wireframe>*{background:#087e9b09;border:1px solid #087e9b38}.dc-wireframe .nav{grid-column:1/3}.dc-wireframe .side{grid-row:2}.dc-wireframe .canvas{padding:24px;position:relative}.dc-wireframe .canvas:before,.dc-wireframe .canvas:after{content:"";border:1px solid #63386333;height:26%;position:absolute;left:9%;right:9%}.dc-wireframe .canvas:before{top:14%}.dc-wireframe .canvas:after{border-color:#c99a2d47;bottom:14%}.dc-ui-card{background:#fff;border:1px solid #1320331f;border-radius:18px;width:47%;min-height:165px;padding:18px;animation:5.5s ease-in-out infinite dcFloat;position:absolute;box-shadow:0 20px 50px #13203314}.dc-ui-card.u1{top:15%;left:10%}.dc-ui-card.u2{animation-delay:1.2s;bottom:13%;right:9%}.dc-ui-card .bar{background:linear-gradient(90deg,var(--dc-cyan),var(--dc-blue));border-radius:10px;width:44%;height:8px}.dc-ui-card .line{background:#dbe5ed;border-radius:10px;height:5px;margin-top:13px}.dc-ui-card .line.short{width:68%}.dc-ui-card .mini{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px;display:grid}.dc-ui-card .mini i{background:#eef4f8;border:1px solid #dde8ef;border-radius:10px;height:45px}.dc-code-window{color:#bcd5e8;background:#0d1827;border:1px solid #13203324;border-radius:18px;position:absolute;inset:10%;overflow:hidden;box-shadow:0 30px 70px #08132133}.dc-code-top{border-bottom:1px solid #ffffff14;align-items:center;gap:6px;height:42px;padding:0 14px;display:flex}.dc-code-top i{background:#65d9ee;border-radius:50%;width:7px;height:7px}.dc-code-top i:nth-child(2){background:#d7a52a}.dc-code-top i:nth-child(3){background:#c86b63}.dc-code-lines{padding:22px;font:10px/2 ui-monospace,SFMono-Regular,Consolas,monospace}.dc-code-lines div{white-space:nowrap;width:0;animation:7s steps(36,end) infinite dcType;overflow:hidden}.dc-code-lines div:nth-child(2){color:#8ab8ef;animation-delay:.5s}.dc-code-lines div:nth-child(3){color:#d6a4d8;animation-delay:1s}.dc-code-lines div:nth-child(4){color:#d7c37b;animation-delay:1.5s}.dc-code-lines div:nth-child(5){animation-delay:2s}.dc-code-node{background:#65d9ee;border-radius:50%;width:12px;height:12px;animation:2.3s ease-in-out infinite dcNodePulse;position:absolute;box-shadow:0 0 0 8px #65d9ee14,0 0 25px #65d9ee4d}.dc-code-node.n1{top:24%;right:15%}.dc-code-node.n2{background:#d6a4d8;animation-delay:.8s;bottom:19%;left:18%}.dc-impact-stage{color:#fff;background:linear-gradient(145deg,#0c1727,#15263d)}.dc-impact-stage .dc-stage-grid{opacity:.22;background-image:linear-gradient(#65d9ee1f 1px,#0000 1px),linear-gradient(90deg,#65d9ee1f 1px,#0000 1px)}.dc-impact-orbit{border:1px solid #65d9ee38;border-radius:50%;width:300px;height:300px;animation:16s linear infinite dcOrbit;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dc-impact-orbit:before,.dc-impact-orbit:after{content:"";border:1px dashed #d6a4d838;border-radius:50%;position:absolute}.dc-impact-orbit:before{inset:42px}.dc-impact-orbit:after{border-color:#d7c57b47;inset:86px}.dc-impact-core{text-align:center;letter-spacing:.14em;background:linear-gradient(145deg,#162c46,#0a1422);border:1px solid #65d9ee80;border-radius:50%;place-items:center;width:142px;height:142px;font:800 12px/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 80px #087e9b40}.dc-impact-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.13em;color:#d2e7f5;background:#ffffff0d;border:1px solid #ffffff1f;padding:10px 12px;font:700 7px ui-monospace,SFMono-Regular,Consolas,monospace;animation:5s ease-in-out infinite dcFloat;position:absolute}.dc-impact-tag.t1{top:19%;left:8%}.dc-impact-tag.t2{animation-delay:1s;top:27%;right:8%}.dc-impact-tag.t3{animation-delay:1.8s;bottom:18%;left:13%}.dc-impact-tag.t4{animation-delay:2.5s;bottom:14%;right:12%}.dc-manifesto{color:#f4f9ff;background:linear-gradient(135deg,#10253d,#263858 56%,#442f4f);padding-top:160px;padding-bottom:160px}.dc-manifesto .dc-kicker{color:#65d9ee}.dc-manifesto-inner{z-index:2;max-width:1160px;position:relative}.dc-manifesto h2{letter-spacing:-.085em;margin-top:24px;font-size:clamp(54px,8vw,122px);font-weight:600;line-height:.82}.dc-manifesto h2 span{color:#65d9ee}.dc-manifesto p{color:#bdd0e0;max-width:690px;margin-top:34px;font-size:16px;line-height:1.9}.dc-values{background:#ffffff1a;border:1px solid #ffffff1c;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;display:grid}.dc-value{background:#0b192b9e;min-height:170px;padding:28px}.dc-value b{letter-spacing:.15em;color:#65d9ee;font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.dc-value strong{letter-spacing:-.045em;margin-top:28px;font-size:24px;display:block}.dc-value small{color:#9fb6ca;margin-top:8px;font-size:11px;line-height:1.7;display:block}.dc-signoff{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:end;gap:24px;margin-top:70px;padding-top:30px;display:flex}.dc-signoff span{letter-spacing:.16em;color:#a9c6da;font:700 8px ui-monospace,SFMono-Regular,Consolas,monospace}.dc-signoff strong{letter-spacing:-.055em;font-size:clamp(25px,3vw,44px)}@keyframes dcPatternDrift{to{background-position:92px 46px,-92px 46px}}@keyframes dcStitchFloat{0%,to{transform:rotate(45deg)translateY(0)}50%{transform:rotate(49deg)translateY(-8px)}}@keyframes dcDash{to{stroke-dashoffset:-120px}}@keyframes dcFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes dcTile{0%,to{opacity:.45;transform:rotate(45deg)scale(.9)}50%{opacity:1;transform:rotate(45deg)scale(1.08)}}@keyframes dcWireFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes dcType{0%,12%{width:0}48%,78%{width:100%}to{width:0}}@keyframes dcNodePulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes dcOrbit{to{transform:translate(-50%,-50%)rotate(360deg)}}@media (max-width:1024px){.dc-hero-inner,.dc-story-row,.dc-story-row:nth-child(2n){grid-template-columns:1fr}.dc-story-row:nth-child(2n) .dc-story-copy,.dc-story-row:nth-child(2n) .dc-stage{order:initial}.dc-origin-board{min-height:540px}.dc-thread{left:4vw}.dc-story-row{min-height:auto;padding:90px 0}.dc-stage{min-height:500px}.dc-values{grid-template-columns:1fr}}@media (max-width:640px){.dc-section{padding:90px 5.5vw}.dc-hero{padding-top:130px}.dc-title{font-size:clamp(56px,18vw,92px);line-height:.81}.dc-copy{font-size:14px}.dc-origin-board{min-height:440px}.dc-origin-chip{font-size:6px}.dc-mountain{left:2%;right:2%}.dc-stage{border-radius:20px;min-height:410px}.dc-pattern-panel{grid-template-columns:repeat(5,1fr);inset:13%}.dc-pattern-panel span{width:30px;height:30px}.dc-wireframe{grid-template-columns:64px 1fr;inset:8%}.dc-ui-card{width:62%;min-height:145px}.dc-code-window{inset:6%}.dc-code-lines{padding:17px;font-size:8px}.dc-impact-orbit{width:235px;height:235px}.dc-impact-core{width:112px;height:112px;font-size:9px}.dc-impact-tag{padding:8px;font-size:6px}.dc-manifesto{padding-top:110px;padding-bottom:110px}.dc-signoff{flex-direction:column;align-items:flex-start}.dc-thread{display:none}}@media (prefers-reduced-motion:reduce){.dev-canvas *{scroll-behavior:auto!important;animation:none!important}}