:root{--ink:#0b0b0b;--paper:#f4f0e7;--paper-deep:#e7e0d4;--orange:#ff5c35;--acid:#d9ff43;--blue:#7c9cff;--purple:#a98cff;--mint:#8cffcf;--line:#0b0b0b29;--mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Manrope", Arial, sans-serif;--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}::selection{color:var(--ink);background:var(--acid)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.grain{z-index:1000;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:fixed;inset:0}.cursor-glow{z-index:-1;aspect-ratio:1;filter:blur(50px);pointer-events:none;background:#ff5c3521;border-radius:50%;width:460px;transition:opacity .3s;position:fixed;transform:translate(-50%,-50%)}.site-header{z-index:100;border-bottom:1px solid #0000;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:20px clamp(22px,4vw,68px);transition:padding .3s,background .3s,border-color .3s;display:grid;position:fixed;top:0;left:0}.site-header.is-scrolled{border-color:var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f0e7db;padding-top:13px;padding-bottom:13px}.brand{letter-spacing:-.04em;align-items:center;gap:10px;width:fit-content;font-weight:800;display:inline-flex}.brand-mark{aspect-ratio:1;width:38px;color:var(--ink);background:var(--orange);font-family:var(--mono);border-radius:50% 50% 46% 54%/56% 42% 58% 44%;place-items:center;font-size:11px;display:grid;position:relative;overflow:hidden;transform:rotate(-7deg)}.brand-mark span{transform:rotate(7deg)}.brand-mark img{object-fit:contain;width:60%;height:60%;transform:rotate(7deg)}.brand-name{font-size:21px}.nav-links{font-family:var(--mono);text-transform:uppercase;letter-spacing:.09em;gap:clamp(22px,3vw,48px);font-size:11px;display:flex}.nav-links a,.footer-right a{position:relative}.nav-links a:after,.footer-right a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .25s;position:absolute;bottom:-5px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after,.footer-right a:hover:after{transform-origin:0;transform:scaleX(1)}.header-cta{border:1px solid var(--ink);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;justify-self:end;align-items:center;gap:16px;padding:11px 15px 11px 18px;font-size:10px;transition:color .2s,background .2s;display:inline-flex}.header-cta span{font-size:15px;transition:transform .2s}.header-cta:hover{color:var(--paper);background:var(--ink)}.header-cta:hover span{transform:translate(2px,2px)}.hero{min-height:100vh;padding:128px clamp(22px,4vw,68px) 0;position:relative;overflow:hidden}.hero-status{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:10px;font-size:10px;display:flex}.pulse-dot{background:#35bd66;border-radius:50%;width:7px;height:7px;position:relative}.pulse-dot:after{border-radius:inherit;content:"";border:1px solid #35bd66;animation:1.8s ease-out infinite pulse;position:absolute;inset:-4px}.hero-copy{z-index:2;grid-template-columns:minmax(0,1fr) minmax(240px,.32fr);align-items:end;gap:40px;margin-top:clamp(28px,5vw,70px);display:grid;position:relative}.hero h1{letter-spacing:-.09em;max-width:1050px;margin:0;font-size:clamp(78px,11.4vw,182px);font-weight:700;line-height:.77}.hero h1 .scribble{z-index:1;color:var(--orange);letter-spacing:-.085em;font-style:italic;font-weight:500;display:inline-block;position:relative}.hero h1 .scribble:after{z-index:-1;content:"";border:.018em solid;border-top:0;border-radius:50%;height:.09em;position:absolute;bottom:-.08em;left:.06em;right:-.03em;transform:rotate(-2deg)}.hero-side{flex-direction:column;gap:30px;padding-bottom:3px;display:flex}.hero-side p{letter-spacing:-.025em;margin:0;font-size:clamp(16px,1.5vw,21px);line-height:1.5}.text-link,.project-link{width:100%;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid;justify-content:space-between;align-items:center;padding-bottom:10px;font-size:11px;display:flex}.text-link span,.project-link span{font-size:17px;transition:transform .25s}.text-link:hover span{transform:translateY(4px)}.project-link:hover span{transform:translate(3px,-3px)}.hero-stage{max-width:1240px;height:clamp(430px,45vw,610px);margin:clamp(28px,2vw,42px) auto -70px;position:relative}.orbit{border:1px solid #0b0b0b2b;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.orbit:after,.orbit:before{background:var(--ink);content:"";border-radius:50%;width:5px;height:5px;position:absolute}.orbit:before{top:22%;left:3.3%}.orbit:after{bottom:18%;right:6%}.orbit-one{width:min(72vw,870px);height:66%}.orbit-two{border-style:dashed;width:min(48vw,570px);height:44%;transform:translate(-50%,-50%)rotate(14deg)}.hero-core{aspect-ratio:1;width:clamp(130px,15vw,210px);color:var(--paper);background:var(--ink);border-radius:47% 53% 48% 52%/55% 46% 54% 45%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-7deg);box-shadow:0 24px 55px #0b0b0b2e}.core-label{font-family:var(--mono);letter-spacing:-.08em;font-size:clamp(30px,4vw,58px);transform:rotate(7deg)}.core-ring{border:1px solid #f4f0e745;border-radius:50%;position:absolute;inset:14%}.orbit-card{z-index:2;border:1px solid var(--ink);min-width:220px;box-shadow:7px 8px 0 var(--ink);background:#fff;border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;padding:17px 40px 17px 15px;transition:box-shadow .2s,transform .2s;display:grid;position:absolute}.orbit-card:hover{z-index:4;box-shadow:3px 4px 0 var(--ink);transform:translate(4px,4px)rotate(0)}.orbit-card>span:not(.orbit-icon){font-size:18px;font-weight:800}.orbit-card small{font-family:var(--mono);text-transform:uppercase;letter-spacing:.03em;opacity:.6;grid-column:2;font-size:10px}.orbit-arrow{opacity:.3;font-size:15px;transition:opacity .2s,transform .2s;position:absolute;top:14px;right:14px}.orbit-card:hover .orbit-arrow{opacity:1;transform:translate(2px,-2px)}.orbit-icon{border:1px solid var(--ink);width:50px;height:50px;font-family:var(--mono);background:var(--acid);border-radius:14px;grid-row:span 2;place-items:center;font-size:13px;font-weight:500;display:grid}.orbit-icon img{object-fit:contain;width:68%;height:68%}.orbit-komet{top:14%;left:10%;transform:rotate(-4deg)}.orbit-halo{top:9%;right:8%;transform:rotate(3deg)}.orbit-halo .orbit-icon{background:var(--blue)}.orbit-review{bottom:18%;left:7%;transform:rotate(4deg)}.orbit-review .orbit-icon{color:var(--paper);background:var(--orange)}.orbit-md{bottom:20%;right:7%;transform:rotate(-3deg)}.orbit-md .orbit-icon{background:var(--mint)}.marquee{z-index:3;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--acid);width:calc(100% + clamp(44px,8vw,136px));margin-left:calc(-1*clamp(22px,4vw,68px));position:relative;overflow:hidden;transform:rotate(-1.1deg)}.marquee-track{align-items:center;width:max-content;padding:13px 0;animation:26s linear infinite marquee;display:flex}.marquee span{font-family:var(--mono);letter-spacing:.09em;padding:0 30px;font-size:11px}.marquee i{font-style:normal}.work-section{padding:clamp(110px,14vw,210px) clamp(22px,4vw,68px) 120px}.section-heading{grid-template-columns:minmax(0,1fr) minmax(260px,.35fr);align-items:end;gap:60px;max-width:1440px;margin:0 auto clamp(70px,9vw,130px);display:grid}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.11em;align-items:center;gap:12px;margin:0 0 24px;font-size:10px;display:flex}.eyebrow span{border:1px solid;border-radius:50%;place-items:center;width:27px;height:27px;font-size:8px;display:grid}.section-heading h2,.studio-section h2,.contact-section h2{letter-spacing:-.075em;margin:0;font-size:clamp(60px,8vw,126px);font-weight:700;line-height:.88}.section-intro{letter-spacing:-.025em;margin:0 0 8px;font-size:clamp(17px,1.5vw,21px);line-height:1.55}.section-intro em{text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-underline-offset:4px;text-decoration-thickness:2px}.project-list{gap:clamp(28px,5vw,76px);max-width:1440px;margin:auto;display:grid}.project{border:1px solid var(--ink);border-radius:var(--radius);min-height:760px;transform-style:preserve-3d;background:#fff;grid-template-columns:minmax(300px,.36fr) minmax(0,.64fr);display:grid;overflow:hidden;box-shadow:0 2px #0b0b0b1a}.project-logo{border:1px solid var(--ink);background:var(--paper);width:58px;height:58px;box-shadow:4px 5px 0 var(--ink);border-radius:16px;place-items:center;margin-bottom:22px;padding:10px;display:grid}.project-logo img{object-fit:contain;width:100%;height:100%}.project-copy{z-index:3;border-right:1px solid var(--ink);background:var(--paper);flex-direction:column;justify-content:space-between;padding:clamp(28px,3vw,48px);display:flex;position:relative}.project-meta{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:9px;display:flex}.live-badge,.ship-badge,.soon-badge{border:1px solid var(--ink);background:var(--acid);border-radius:999px;align-items:center;gap:7px;padding:6px 9px;display:flex}.live-badge i{background:#228547;border-radius:50%;width:5px;height:5px}.ship-badge{color:var(--paper);background:var(--ink)}.soon-badge{background:var(--mint)}.project h3{letter-spacing:-.07em;margin:0 0 25px;font-size:clamp(52px,4.6vw,74px);line-height:.9}.project h3 span{color:var(--orange)}.project-copy p{letter-spacing:-.02em;max-width:390px;margin:0;font-size:clamp(15px,1.35vw,18px);line-height:1.58}.project-visual{min-width:0;position:relative;overflow:hidden}.project-komet .project-copy{background:var(--acid)}.komet-visual{background:#ff673f;place-items:center;padding:clamp(30px,6vw,90px);display:grid}.komet-burst{aspect-ratio:1;background:var(--acid);clip-path:polygon(50% 0%,58% 34%,83% 9%,69% 39%,100% 33%,72% 52%,97% 69%,66% 63%,75% 100%,53% 69%,33% 97%,39% 64%,4% 76%,33% 55%,0% 42%,37% 43%);width:58%;animation:38s linear infinite slow-spin;position:absolute}.browser-window{z-index:2;border:1px solid var(--ink);width:min(100%,830px);box-shadow:12px 14px 0 var(--ink);background:#faf9f5;border-radius:13px;transition:transform .4s cubic-bezier(.2,.75,.25,1);position:relative;overflow:hidden;transform:rotate(-2deg)}.project:hover .browser-window{transform:rotate(0)scale(1.02)}.browser-bar{border-bottom:1px solid var(--ink);background:#dedad1;align-items:center;gap:5px;height:33px;padding:0 10px;display:flex}.browser-bar>span{border:1px solid var(--ink);border-radius:50%;width:7px;height:7px}.browser-bar>span:first-child{background:var(--orange)}.browser-bar div{color:#0b0b0b8c;background:var(--paper);width:46%;font-family:var(--mono);text-align:center;border:1px solid #0b0b0b59;border-radius:4px;margin:auto;padding:4px;font-size:6px}.komet-ui{grid-template-columns:48px 1fr .78fr;min-height:340px;display:grid}.komet-ui aside{border-right:1px solid var(--ink);background:var(--ink);flex-direction:column;align-items:center;gap:21px;padding-top:14px;display:flex}.mini-logo{background:var(--acid);width:27px;height:27px;font-family:var(--mono);border-radius:8px;place-items:center;font-size:10px;display:grid}.komet-ui aside i{background:#f4f0e754;border-radius:2px;width:14px;height:4px}.komet-ui aside span{width:22px;height:22px;color:var(--paper);font-family:var(--mono);border:1px solid #f4f0e766;border-radius:50%;place-items:center;margin-top:auto;margin-bottom:14px;display:grid}.builder-panel{padding:55px 34px}.builder-panel small{font-family:var(--mono);letter-spacing:.11em;font-size:7px}.builder-panel strong{letter-spacing:-.04em;margin:14px 0 34px;font-size:clamp(18px,2vw,28px);display:block}.fake-input{border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:15px;font-size:10px;display:flex}.fake-input span{width:23px;height:23px;color:var(--paper);background:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid}.trait-row{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.trait-row span{font-family:var(--mono);text-transform:uppercase;border:1px solid #0b0b0b59;border-radius:999px;padding:5px 8px;font-size:6px}.phone-preview{border:1px solid var(--ink);background:#e8e3d8;border-radius:18px;align-self:center;min-height:270px;margin-right:18px;padding:14px 10px;box-shadow:4px 5px #0b0b0bd9}.phone-top{border-bottom:1px solid #0b0b0b33;align-items:center;gap:7px;padding-bottom:10px;font-size:8px;font-weight:800;display:flex}.phone-top span{background:var(--orange);border-radius:50%;width:17px;height:17px}.chat{border:1px solid var(--ink);border-radius:7px;width:fit-content;max-width:85%;margin-top:16px;padding:9px;font-size:7px;line-height:1.4}.chat-out{background:var(--acid);margin-left:auto}.typing{gap:3px;display:flex}.typing i{background:var(--ink);border-radius:50%;width:3px;height:3px;animation:1.2s ease-in-out infinite typing}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.sticker{z-index:4;aspect-ratio:1;border:1px solid var(--ink);background:var(--paper);width:118px;font-family:var(--mono);text-align:center;border-radius:48% 52% 38% 62%/56% 40% 60% 44%;place-items:center;font-size:9px;line-height:1.45;display:grid;position:absolute;bottom:4%;right:3%;transform:rotate(8deg)}.project-halo .project-copy{color:#fff;background:#4d51dc}.project-halo .project-link,.project-halo .project-copy{border-color:#ffffffa6}.project-halo h3 span{color:#b7ff6a}.halo-visual{background:#99a8ff;place-items:center;padding:50px;display:grid}.halo-sun{aspect-ratio:1;background:repeating-radial-gradient(circle,#0000 0 27px,#0b0b0b1a 28px 29px);border:1px solid #0b0b0b45;border-radius:50%;width:610px;position:absolute}.halo-phone{z-index:2;border:2px solid var(--ink);background:var(--paper);width:min(360px,72%);min-height:540px;box-shadow:13px 16px 0 var(--ink);border-radius:43px;padding:20px 17px 16px;transition:transform .4s cubic-bezier(.2,.75,.25,1);position:relative;transform:rotate(4deg)}.project:hover .halo-phone{transform:rotate(1deg)translateY(-5px)}.phone-speaker{background:var(--ink);border-radius:4px;width:45px;height:5px;margin:0 auto 18px}.halo-chat-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 3px 14px;display:flex}.halo-avatar{color:#fff;width:35px;height:35px;font-family:var(--mono);background:#4d51dc;border-radius:50%;place-items:center;font-size:12px;display:grid}.halo-chat-head div:nth-child(2){flex-direction:column;display:flex}.halo-chat-head strong{font-size:11px}.halo-chat-head small{color:#2d9a4f;font-family:var(--mono);font-size:6px}.halo-chat-head>span{letter-spacing:2px;margin-left:auto}.halo-messages{flex-direction:column;padding:22px 0 45px;display:flex}.message-time{font-family:var(--mono);opacity:.45;align-self:center;margin-bottom:17px;font-size:6px}.halo-message{border:1px solid var(--ink);max-width:82%;margin-bottom:13px;padding:12px;font-size:9px;line-height:1.5}.user-message{color:#fff;background:#4d51dc;border-radius:14px 14px 2px;align-self:flex-end}.agent-message{background:#fff;border-radius:14px 14px 14px 2px}.halo-reminder{border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#d9ff96;border-radius:9px;align-items:center;gap:9px;padding:12px;display:flex}.halo-reminder>span{color:#fff;background:#4d51dc;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.halo-reminder div{flex-direction:column;display:flex}.halo-reminder small{font-family:var(--mono);opacity:.58;font-size:5px}.halo-reminder strong{font-size:8px}.halo-reminder b{font-family:var(--mono);margin-left:auto;font-size:9px}.halo-input{border:1px solid var(--ink);color:#0b0b0b73;font-family:var(--mono);border-radius:999px;justify-content:space-between;align-items:center;padding:9px 10px 9px 14px;font-size:7px;display:flex;position:absolute;bottom:17px;left:17px;right:17px}.halo-input span{color:#fff;background:var(--ink);border-radius:50%;place-items:center;width:25px;height:25px;font-size:13px;display:grid}.halo-note{z-index:3;border:1px solid var(--ink);background:var(--acid);box-shadow:5px 6px 0 var(--ink);font-family:var(--mono);padding:14px 17px;font-size:9px;line-height:1.5;position:absolute;top:13%;right:6%;transform:rotate(7deg)}.project-review .project-copy{background:#d9d2ff}.review-visual{background-color:#151515;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:32px 32px;place-items:center;padding:clamp(35px,5vw,80px);display:grid}.code-window{z-index:2;color:#eee;width:min(100%,760px);box-shadow:13px 14px 0 var(--purple);background:#222;border:1px solid #ffffff59;border-radius:14px;transition:transform .4s;position:relative;overflow:hidden;transform:rotate(1.5deg)}.project:hover .code-window{transform:rotate(0)scale(1.015)}.code-head{font-family:var(--mono);opacity:.75;border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;padding:12px 15px;font-size:7px;display:flex}.file-pill{align-items:center;gap:7px;display:flex}.file-pill i{background:#6fa5ff;border-radius:2px;width:7px;height:7px}.code-body{font-family:var(--mono);padding:30px 0 105px;font-size:clamp(7px,.85vw,12px);line-height:2.2}.code-body>div{display:flex}.code-body b{color:#ffffff42;text-align:right;width:55px;padding-right:16px;font-weight:400}.code-body span{flex:1;padding-left:15px}.code-body .added{color:#baf5c3;background:#37b95e30}.code-body .removed{color:#ffa8a8;background:#f5535326}.neutral{color:#ffffffad}.video-controls{background:linear-gradient(#0000,#000000de);align-items:center;gap:14px;padding:22px;display:flex;position:absolute;bottom:0;left:0;right:0}.play-demo{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;padding:0;display:grid}.play-demo span{margin-left:2px;font-size:10px}.play-demo.is-playing span{font-size:0}.play-demo.is-playing span:after{content:"Ⅱ";font-size:10px}.timeline{background:#ffffff40;flex:1;height:2px;position:relative;overflow:hidden}.timeline i{background:var(--orange);position:absolute;inset:0 62% 0 0}.is-playing+.timeline i{animation:5s linear infinite progress}.video-controls>span{font-family:var(--mono);font-size:7px}.voice-card{z-index:3;border:1px solid var(--ink);background:var(--paper);min-width:260px;box-shadow:5px 6px 0 var(--purple);border-radius:12px;align-items:center;gap:10px;padding:11px;display:flex;position:absolute;bottom:5%;right:3%;transform:rotate(-2deg)}.voice-avatar{color:#fff;background:var(--orange);width:36px;height:36px;font-family:var(--mono);border-radius:9px;flex:none;place-items:center;font-size:8px;display:grid}.voice-card>div:nth-child(2){flex-direction:column;display:flex}.voice-card small{font-family:var(--mono);letter-spacing:.08em;font-size:5px}.voice-card strong{font-size:9px}.waveform{align-items:center;gap:2px;margin-left:auto;display:flex}.waveform i{background:var(--ink);width:2px;height:14px;animation:1s ease-in-out infinite alternate waveform}.waveform i:nth-child(2n){height:7px;animation-delay:-.5s}.waveform i:nth-child(3n){height:18px;animation-delay:-.25s}.review-stamp{border:1px solid var(--paper);color:var(--paper);font-family:var(--mono);letter-spacing:.08em;padding:9px 12px;font-size:8px;position:absolute;top:7%;left:4%;transform:rotate(-6deg)}.project-md .project-copy{background:var(--mint)}.md-visual{background:#f1a8d9 radial-gradient(#0b0b0b2e 1px,#0000 1px) 0 0/18px 18px;justify-content:center;align-items:center;gap:30px;padding:70px 45px;display:flex}.md-source,.pdf-output{z-index:2;border:1px solid var(--ink);background:var(--paper);width:32%;min-width:180px;min-height:390px;box-shadow:7px 9px 0 var(--ink);position:relative}.md-source{transition:transform .35s;transform:rotate(-4deg)}.pdf-output{padding:45px 24px;transition:transform .35s;transform:rotate(5deg)}.project:hover .md-source{transform:rotate(-2deg)translate(-5px)}.project:hover .pdf-output{transform:rotate(3deg)translate(5px)}.doc-tab{border-bottom:1px solid var(--ink);background:var(--paper-deep);font-family:var(--mono);padding:11px 13px;font-size:7px}.doc-tab span{color:#fff;background:var(--ink);border-radius:4px;place-items:center;width:17px;height:17px;margin-right:5px;display:inline-grid}.md-lines{font-family:var(--mono);flex-direction:column;gap:16px;padding:30px 19px;font-size:7px;display:flex}.md-lines strong{color:#654ace;font-size:9px}.md-lines .code-line{color:#cfefca;background:#222;margin:-9px -5px;padding:5px}.convert-arrow{z-index:4;flex-direction:column;flex:none;align-items:center;gap:7px;margin:0 -15px;display:flex;position:relative}.convert-arrow span{border:1px solid var(--ink);width:55px;height:55px;color:var(--paper);background:var(--orange);box-shadow:3px 4px 0 var(--ink);border-radius:50%;place-items:center;font-size:24px;display:grid}.convert-arrow small{border:1px solid var(--ink);background:var(--acid);font-family:var(--mono);white-space:nowrap;padding:5px 7px;font-size:6px;transform:rotate(-3deg)}.pdf-corner{border-bottom:1px solid var(--ink);border-left:1px solid var(--ink);clip-path:polygon(100% 0,0 100%,100% 100%);background:#f1a8d9;width:42px;height:42px;position:absolute;top:-1px;right:-1px}.pdf-label{color:#fff;background:var(--orange);width:36px;height:24px;font-family:var(--mono);place-items:center;margin-bottom:42px;font-size:7px;display:grid}.pdf-output>strong{letter-spacing:-.04em;font-size:15px}.pdf-output>p{margin:8px 0 25px;font-size:7px}.mermaid-mini{justify-content:space-between;align-items:center;margin:20px 0;display:flex}.mermaid-mini span{border:1px solid var(--ink);background:var(--mint);font-family:var(--mono);border-radius:4px;padding:7px;font-size:6px}.mermaid-mini i{text-align:center;flex:1}.formula{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);text-align:center;padding:15px 6px;font-family:Georgia,serif;font-size:17px;font-style:italic}.md-bubble{z-index:5;border:1px solid var(--ink);background:var(--acid);box-shadow:4px 5px 0 var(--ink);font-family:var(--mono);text-align:center;border-radius:50%;padding:16px;font-size:8px;line-height:1.4;position:absolute;bottom:4%;right:3%;transform:rotate(-5deg)}.studio-section{color:var(--paper);background:var(--ink);padding:clamp(100px,12vw,180px) clamp(22px,4vw,68px);position:relative}.studio-grid{grid-template-columns:.27fr .73fr;gap:80px;max-width:1440px;margin:auto;display:grid}.studio-grid .eyebrow{align-self:start}.studio-section h2 span{color:var(--orange);font-style:italic;font-weight:500}.studio-copy{border-top:1px solid #f4f0e740;grid-column:2;grid-template-columns:repeat(2,1fr);gap:55px;margin-top:40px;padding-top:35px;display:grid}.studio-copy p{color:#f4f0e7b8;margin:0;font-size:clamp(15px,1.4vw,19px);line-height:1.65}.principles{border-top:1px solid #f4f0e73d;border-bottom:1px solid #f4f0e73d;grid-template-columns:repeat(3,1fr);max-width:1440px;margin:115px auto 0;display:grid}.principle{min-height:270px;padding:25px 30px 35px}.principle+.principle{border-left:1px solid #f4f0e73d}.principle>span{font-family:var(--mono);opacity:.5;font-size:9px}.principle h3{letter-spacing:-.045em;margin:90px 0 14px;font-size:clamp(24px,2vw,31px)}.principle p{color:#f4f0e79e;max-width:310px;margin:0;font-size:13px;line-height:1.55}.contact-section{background:var(--orange);min-height:720px;padding:clamp(95px,11vw,160px) clamp(22px,4vw,68px);position:relative;overflow:hidden}.contact-section>.eyebrow,.contact-content{z-index:2;max-width:1440px;margin-left:auto;margin-right:auto;position:relative}.contact-content{grid-template-columns:minmax(0,1fr) minmax(280px,.34fr);align-items:end;gap:80px;margin-top:clamp(70px,8vw,115px);display:grid}.contact-content>div p{letter-spacing:-.025em;margin:0 0 42px;font-size:clamp(16px,1.4vw,20px);line-height:1.55}.contact-links{flex-direction:column;gap:14px;display:flex}.contact-link{border:1px solid var(--ink);font-family:var(--mono);box-shadow:5px 6px 0 var(--ink);border-radius:999px;justify-content:space-between;align-items:center;padding:18px 20px;font-size:11px;transition:color .2s,background .2s,transform .2s,box-shadow .2s;display:flex}.contact-link:hover{color:var(--paper);background:var(--ink);box-shadow:2px 3px 0 var(--ink);transform:translate(3px,3px)}.contact-link span{font-size:17px}.contact-orb{aspect-ratio:1;background:repeating-radial-gradient(circle,#0000 0 38px,#0b0b0b1f 39px 40px);border:1px solid #0b0b0b54;border-radius:50%;place-items:center;width:min(62vw,850px);display:grid;position:absolute;top:-45%;right:-12%}.contact-orb span{aspect-ratio:1;width:32%;color:var(--acid);background:var(--ink);border-radius:50%;place-items:center;font-size:clamp(40px,7vw,95px);animation:24s linear infinite reverse slow-spin;display:grid}footer{color:var(--paper);background:var(--ink);grid-template-columns:1fr 1fr 1fr;align-items:end;gap:30px;padding:50px clamp(22px,4vw,68px);display:grid}.footer-brand .brand-mark{color:var(--ink)}footer>p{color:#f4f0e78c;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:9px;line-height:1.7}.footer-right{font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;justify-content:flex-end;gap:25px;font-size:9px;display:flex}.footer-right span{color:#f4f0e773}.reveal{opacity:0;transition:opacity .7s,transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes pulse{0%{opacity:.8;transform:scale(.7)}70%,to{opacity:0;transform:scale(1.7)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}@keyframes waveform{to{transform:scaleY(.4)}}@keyframes progress{0%{right:100%}to{right:0}}@media (width<=1050px){.project{grid-template-columns:.4fr .6fr;min-height:690px}.project-copy{padding:30px}.builder-panel{padding:55px 20px}.halo-note,.review-stamp,.md-bubble{display:none}.md-visual{gap:18px;padding:55px 25px}.md-source,.pdf-output{width:40%;min-width:140px}}@media (width<=820px){.site-header{grid-template-columns:1fr auto}.nav-links{display:none}.hero-copy,.section-heading,.contact-content{grid-template-columns:1fr}.hero h1{font-size:clamp(72px,18vw,136px)}.hero-side{max-width:430px}.hero-stage{height:520px;margin-bottom:-35px}.orbit-one{width:92vw}.orbit-two{width:70vw}.orbit-komet,.orbit-review{left:1%}.orbit-halo,.orbit-md{right:1%}.section-heading{gap:35px}.section-intro{max-width:500px}.project{grid-template-columns:1fr;min-height:auto}.project-copy{border-right:0;border-bottom:1px solid var(--ink);min-height:460px}.project-visual{min-height:640px}.studio-grid{grid-template-columns:1fr;gap:40px}.studio-copy{grid-column:1}.principles{grid-template-columns:1fr;margin-top:75px}.principle{min-height:230px}.principle+.principle{border-top:1px solid #f4f0e73d;border-left:0}.principle h3{margin-top:70px}.contact-content{gap:50px}.contact-content>div{max-width:500px}footer{grid-template-columns:1fr 1fr}footer>p{display:none}}@media (width<=560px){.site-header,.site-header.is-scrolled{padding:12px 18px}.brand-name{font-size:18px}.header-cta{gap:8px;padding:10px 12px;font-size:8px}.hero{padding:105px 18px 0}.hero-copy{margin-top:35px}.hero h1{font-size:clamp(64px,22vw,108px);line-height:.83}.hero-stage{height:520px;margin-top:20px}.hero-core{width:120px}.orbit-one{width:110vw;height:63%}.orbit-two{width:75vw;height:35%}.orbit-card{min-width:170px;box-shadow:4px 5px 0 var(--ink);border-radius:16px;padding:12px 30px 12px 11px}.orbit-card>span:not(.orbit-icon){font-size:15px}.orbit-arrow{font-size:12px;top:10px;right:10px}.orbit-icon{width:40px;height:40px}.orbit-komet{top:2%;left:-3%}.orbit-halo{top:20%;right:-4%}.orbit-review{bottom:16%;left:-2%}.orbit-md{bottom:16%;right:-5%}.work-section{padding:100px 14px 80px}.section-heading{margin-bottom:65px;padding:0 5px}.section-heading h2,.studio-section h2,.contact-section h2{font-size:clamp(53px,17vw,82px)}.project-list{gap:25px}.project{border-radius:20px}.project-copy{min-height:420px;padding:24px}.project-logo{width:46px;height:46px;margin-bottom:14px}.project h3{font-size:60px}.project-copy p{font-size:15px}.project-visual{min-height:520px}.komet-visual{padding:25px 16px}.browser-window{box-shadow:7px 8px 0 var(--ink)}.komet-ui{grid-template-columns:38px 1fr;min-height:310px}.phone-preview{display:none}.builder-panel{padding:48px 22px}.sticker{width:92px;font-size:7px;bottom:6%;right:4%}.halo-visual{padding:40px 16px}.halo-phone{width:82%;min-height:430px;box-shadow:8px 10px 0 var(--ink);border-radius:35px}.halo-messages{padding-top:12px}.review-visual{min-height:450px;padding:35px 16px}.code-window{box-shadow:8px 9px 0 var(--purple)}.code-body{padding-bottom:95px}.voice-card{min-width:230px;bottom:5%;right:2%}.md-visual{gap:8px;min-height:510px;padding:55px 12px}.md-source,.pdf-output{width:44%;min-width:0;min-height:330px;box-shadow:4px 5px 0 var(--ink)}.doc-tab{padding:8px;font-size:5px}.md-lines{padding:25px 10px;font-size:5px}.pdf-output{padding:35px 13px}.convert-arrow{margin:0 -11px}.convert-arrow span{width:38px;height:38px}.convert-arrow small{display:none}.studio-section,.contact-section{padding-left:19px;padding-right:19px}.studio-copy{grid-template-columns:1fr;gap:24px}.contact-section{min-height:650px}.contact-orb{width:110vw;top:-15%;right:-40%}.contact-link{padding:15px 16px;font-size:9px}footer{grid-template-columns:1fr;padding:40px 20px}.footer-right{flex-wrap:wrap;justify-content:flex-start}}@media (hover:none),(pointer:coarse){.cursor-glow{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}