@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,figure{margin:0}img{max-width:100%;height:auto;display:block}button,summary{font:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}@media (width<=767px) and (scripting:enabled){.detail-switch[hidden],.mobile-switch[hidden]{visibility:hidden;display:flex!important}}}@layer base{@font-face{font-family:Manrope Variable;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_astro/manrope-latin-wght-normal.DHIcAJRg.woff2)format("woff2")}:root{color-scheme:dark;--bg:#090d0b;--surface:#101713;--raised:#17211b;--accent:#6de49a;--accent-strong:#42c979;--ink:#f4f8f5;--secondary:#b3c0b8;--muted:#8b9b91;--line:#26332c;--ease:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(20px, 4.5vw, 80px);background:var(--bg);color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth;scroll-padding-top:30px;font-family:Manrope Variable,sans-serif}body{font-size:16px;line-height:1.65}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:3px}h1,h2,h3{text-wrap:balance}h1,h2{letter-spacing:-.04em;font-weight:650;line-height:1.07}h2{font-size:clamp(38px,4vw,64px)}h3{letter-spacing:-.025em;font-size:22px;font-weight:650;line-height:1.3}p{text-wrap:pretty}button,summary{cursor:pointer}.wrap{width:min(100% - var(--gutter) * 2, 1440px);margin-inline:auto}.section{padding-block:clamp(80px,8vw,128px)}.skip-link{background:var(--accent);color:var(--bg);opacity:0;pointer-events:none;z-index:5;padding:10px 20px;position:fixed;top:16px;left:20px;transform:translateY(-200%)}.skip-link:focus{opacity:1;pointer-events:auto;transform:none}a{-webkit-tap-highlight-color:transparent}}@layer components{.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;height:80px;display:flex}.brand{letter-spacing:.11em;align-items:center;gap:12px;font-size:18px;font-weight:750;display:inline-flex}.brand-mark{color:#07100a;background:var(--accent-strong);letter-spacing:0;border-radius:9px;place-items:center;width:34px;height:34px;font-family:Segoe UI,sans-serif;font-size:23px;font-weight:700;line-height:1;display:grid}.site-header nav{gap:34px;display:flex}.site-header nav a,.header-contact{align-items:center;min-height:44px;font-size:14px;font-weight:600;display:inline-flex}.site-header nav a{color:var(--secondary)}.site-header a:hover{color:var(--accent)}.header-contact{border-bottom:1px solid var(--accent)}.hero{padding-top:48px}.hero-intro{grid-template-columns:1.4fr 1fr;align-items:end;gap:40px;padding-bottom:58px;display:grid}.hero h1{font-size:clamp(58px,6vw,96px)}.hero h1 span{color:var(--accent)}.hero-copy{padding:0 0 6px 12%}.hero-copy p{color:var(--secondary);margin-bottom:25px;font-size:clamp(17px,1.5vw,22px);line-height:1.55}.button{min-height:54px;transition:background .2s, transform .3s var(--ease);border-radius:7px;justify-content:space-between;align-items:center;gap:36px;padding:13px 22px;font-size:15px;font-weight:700;display:inline-flex}.button-primary{background:var(--accent);color:var(--bg)}.button-primary:hover{background:#a1efbd;transform:translateY(-2px)}.button span{font-size:22px;line-height:1}.hero-stage{max-width:950px;margin-inline:auto;padding:0 100px 0 0;position:relative}.desktop-preview{background:var(--surface);border-radius:12px 12px 0 0;padding:7px 7px 0;box-shadow:0 22px 70px -24px #000a}.desktop-preview .product-figure figcaption{background:var(--bg);margin-inline:-7px;padding:16px 7px 0}.product-figure img{width:100%}.image-link{border-radius:7px;display:block;position:relative;overflow:hidden}.image-enlarge{background:var(--raised);color:var(--ink);opacity:0;border-radius:5px;padding:8px 14px;font-size:13px;transition:opacity .2s,transform .2s;position:absolute;bottom:12px;right:12px;transform:translateY(4px)}.image-link:hover .image-enlarge,.image-link:focus-visible .image-enlarge{opacity:1;transform:none}figcaption{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.5}.hero-phone{width:195px;position:absolute;bottom:0;right:0}.hero-phone a,.mobile-device a{background:#242b26;border-radius:29px;padding:6px;display:block;box-shadow:0 25px 55px -18px #000c}.hero-phone img,.mobile-device img{border-radius:23px}.hero-phone figcaption{text-align:center}.section-intro{max-width:720px;margin-bottom:60px}.section-intro p{color:var(--secondary);max-width:570px;margin-top:22px;font-size:19px}.feature-story{grid-template-columns:340px 1fr;align-items:center;gap:clamp(38px,5vw,80px);display:grid}.feature-narrative>p,.feature-detail p{color:var(--secondary);margin-top:14px}.feature-detail{margin-top:40px}.feature-narrative .mode-note{color:var(--muted);margin-top:28px;font-size:14px}.draft-preview{min-width:0}.draft-preview .image-link{background:var(--surface);border-radius:10px;padding:6px}.feature-index{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:72px;margin:64px 0 0 420px;padding-top:30px;display:grid}.feature-index p{color:var(--secondary);max-width:390px;margin-top:12px}.mobile-section{background:var(--surface);overflow:clip}.mobile-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding-block:105px;display:grid}.mobile-copy h2{font-size:clamp(42px,4.4vw,68px)}.mobile-copy h2 span{color:var(--accent)}.mobile-copy>p{color:var(--secondary);margin-top:28px;font-size:22px;line-height:1.55}.mobile-copy .mobile-body{max-width:470px;margin-top:24px;font-size:16px;line-height:1.75}.development-note{border-top:1px solid var(--line);max-width:470px;margin-top:32px}.development-note summary{color:var(--accent);padding-block:15px;font-size:14px;font-weight:650}.development-note p{color:var(--secondary);padding-bottom:10px;font-size:14px}.phone-pair{grid-template-columns:1fr 1fr;gap:22px;max-width:545px;padding-bottom:30px;display:grid;position:relative}.mobile-switch{display:none}.mobile-pick{margin-top:60px}.mobile-build{margin-bottom:60px}.mobile-device figcaption{text-align:center;color:var(--secondary);font-size:13px}.phone-caption{color:var(--muted);text-align:center;width:100%;font-size:12px;position:absolute;bottom:0}.about-section{grid-template-columns:1fr 1fr;gap:90px;display:grid}.about-heading h2{max-width:500px}.about-heading p{color:var(--muted);margin-top:22px;font-size:20px}.about-body{max-width:520px}.about-body>p{color:var(--secondary);margin-bottom:22px;font-size:18px}.about-body .availability{color:var(--muted);margin:28px 0 0;font-size:14px}.contact-section{background:var(--accent);color:var(--bg);margin-bottom:96px;padding:50px 60px}.contact-section h2{font-size:clamp(35px,4vw,60px)}.contact-section p{margin-top:15px;font-size:17px}.contact-email{letter-spacing:-.03em;border-bottom:1px solid #090d0b66;align-items:center;gap:50px;width:fit-content;margin-top:34px;padding-bottom:6px;font-size:clamp(22px,3.5vw,48px);font-weight:600;display:flex}.contact-email:hover{border-color:var(--bg)}.contact-section :focus-visible{outline-color:var(--bg)}.site-footer{padding-bottom:35px}.footer-main{justify-content:space-between;align-items:center;gap:30px;margin-bottom:35px;display:flex}.footer-main p,.footer-main>a{color:var(--secondary);font-size:14px}.footer-main>a,.footer-bottom nav a{align-items:center;min-height:44px;display:inline-flex}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-top:20px;font-size:13px;display:flex}.footer-bottom nav{gap:28px;display:flex}.site-footer a:hover{color:var(--accent)}.riot-disclaimer{max-width:920px;color:var(--muted);margin-top:20px;font-size:12px;line-height:1.7}.image-dialog{background:var(--surface);width:min(94vw,1440px);max-height:94dvh;color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:24px}.image-dialog::backdrop{background:#000d}.viewer-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.viewer-head h2{letter-spacing:-.02em;font-size:22px}.viewer-close{border:1px solid var(--line);color:var(--ink);background:var(--raised);border-radius:6px;align-items:center;gap:15px;min-height:44px;padding:9px 16px;display:flex}.viewer-close:hover{border-color:var(--accent)}.viewer-image{object-fit:contain;width:auto;max-width:100%;max-height:73dvh;margin-inline:auto}.image-dialog>p{color:var(--secondary);margin-top:18px;font-size:13px}.viewer-open{overflow:hidden}.legal-page{max-width:850px;padding-block:75px 100px}.legal-page h1{margin-bottom:32px;font-size:clamp(44px,5vw,72px)}.legal-page h2{letter-spacing:-.02em;margin:40px 0 14px;font-size:26px;line-height:1.3}.legal-page p,.legal-page address,.legal-page ul{color:var(--secondary);margin-bottom:18px;font-style:normal}.legal-page a{color:var(--accent);text-underline-offset:4px;overflow-wrap:anywhere;text-decoration:underline}.legal-notice{background:var(--raised);border-radius:8px;padding:18px 22px}.legal-page .back-link{min-height:44px;margin-top:28px;padding-block:10px;display:inline-block}}@layer responsive{@media (width>=1600px){.hero-stage{max-width:1120px;padding-right:120px}.hero-phone{width:215px}}@media (width<=1100px){.hero{padding-top:48px}.hero-intro{gap:24px;padding-bottom:42px}.hero-copy{padding-left:0}.hero-stage{padding-right:0}.hero-phone{display:none}.feature-story{grid-template-columns:270px 1fr;gap:36px}.feature-index{gap:35px;margin-left:306px}.mobile-inner{grid-template-columns:1fr;gap:48px}.mobile-copy{max-width:700px}.phone-pair{gap:14px;width:min(100%,520px);margin-inline:auto}.about-section{gap:50px}}@media (width<=767px){.site-header{gap:14px;height:72px}.brand{gap:9px;font-size:16px}.brand-mark{border-radius:8px;width:30px;height:30px;font-size:21px}.site-header nav{gap:20px}.site-header nav a{font-size:13px}.header-contact{display:none}.hero{padding-top:42px}.hero-intro{grid-template-columns:1fr;gap:25px;padding-bottom:35px}.hero h1{font-size:clamp(54px,9.8vw,76px)}.hero-copy p{margin-bottom:20px;font-size:18px}.hero-copy{padding:0}.hero-stage{padding-bottom:0;padding-right:0}.hero-phone{display:none}.desktop-preview{border-radius:8px;padding:4px 4px 0}.desktop-preview .product-figure figcaption{margin-inline:-4px;padding-inline:4px}.image-enlarge{text-align:right;opacity:1;border-radius:0;padding:8px 12px;font-size:12px;display:block;position:static;transform:none}.section-intro{margin-bottom:36px}.section-intro p{font-size:17px}.feature-story{grid-template-columns:1fr;gap:30px}.feature-narrative{grid-template-columns:1fr 1fr;gap:0 30px;display:grid}.feature-narrative>h3,.feature-narrative>p:not(.mode-note){grid-column:1}.feature-detail{grid-area:1/2/3;margin:0}.feature-narrative .mode-note{grid-column:1/-1;margin-top:24px}.feature-index{gap:32px;margin:35px 0 0}.feature-index h3,.feature-narrative h3{font-size:20px}.mobile-inner{grid-template-columns:1fr;gap:42px;padding-block:75px}.mobile-copy h2{font-size:clamp(40px,7.5vw,64px)}.mobile-copy>p{font-size:20px}.phone-pair{width:100%;max-width:440px;padding-bottom:32px;display:block}.mobile-device{width:min(100%,260px);margin:0 auto}.phone-pair[data-mobile-active=build] .mobile-pick,.phone-pair[data-mobile-active=pick] .mobile-build{display:none}.mobile-switch{justify-content:center;gap:8px;margin-bottom:26px;display:flex}.mobile-switch button{border:1px solid var(--line);min-height:46px;color:var(--secondary);background:0 0;border-radius:6px;padding:10px 16px;font-size:14px}.mobile-switch button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:700}.mobile-switch button:hover{border-color:var(--accent)}.hero-phone a,.mobile-device a{border-radius:23px;padding:5px}.mobile-device img{border-radius:18px}.about-section{grid-template-columns:1fr;gap:30px}.about-heading p{margin-top:18px;font-size:18px}.about-body>p{font-size:17px}.contact-section{margin-bottom:65px;padding:35px 28px}.contact-section p{font-size:15px}.contact-email{gap:20px;margin-top:30px;font-size:clamp(21px,4.8vw,32px)}.footer-main{flex-wrap:wrap;gap:10px 20px}.footer-main p{flex-basis:100%;order:3}.image-dialog{padding:16px}.viewer-head h2{font-size:19px}.legal-page{padding-block:48px 65px}}@media (width<=480px){.site-header nav{gap:15px}.site-header nav a:last-child{display:none}.hero h1{font-size:54px}.feature-narrative{display:block}.feature-detail{margin-top:28px}.feature-index{grid-template-columns:1fr;gap:26px}.phone-pair{gap:11px}.mobile-device figcaption{font-size:11px}.contact-section{padding:30px 22px}.contact-email{gap:14px;font-size:22px}.footer-main>a{font-size:13px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}}.hero{padding-top:42px}.hero-intro{grid-template-columns:1.25fr 1fr;padding-bottom:42px}.hero-copy{padding-left:10%}.hero h1 .headline-line{color:var(--ink);margin-bottom:-.07em;padding-bottom:.07em;display:block;overflow:clip}.hero h1 .headline-line>span{color:inherit;display:block}.hero h1 .headline-line:last-child{color:var(--accent)}.hero-stage{isolation:isolate;max-width:1280px;padding:26px 115px 0 26px}.hero-stage:before{content:"";z-index:-1;background:#1b2a21;border-radius:3px 34px 3px 3px;position:absolute;inset:0 58px 52px 0}.hero-stage:after{content:"";border-top:2px solid var(--accent);border-left:2px solid var(--accent);pointer-events:none;width:58px;height:58px;position:absolute;top:0;left:0}.desktop-preview{background:0 0;border-radius:8px;padding:0;box-shadow:0 30px 60px -24px #000b}.showcase-label{color:#d7e5db;justify-content:space-between;align-items:center;gap:12px;padding:0 0 16px;font-size:12px;font-weight:600;display:flex}.showcase-label span:last-child{color:#a3bcae}.desktop-preview .image-link{background:var(--bg);transform:perspective(1500px) rotateX(var(--pitch,0deg)) rotateY(var(--yaw,0deg));transition:transform .3s var(--ease);border-radius:8px}.desktop-preview .product-figure figcaption{background:var(--bg);margin:0;padding:18px 0 0}.hero-phone{width:235px;bottom:-20px;right:0}.hero-phone a{background:#3b5142;padding:5px;box-shadow:0 25px 55px -15px #000c}.hero-phone figcaption{margin-top:20px}.stage-context{border-top:1px solid var(--line);justify-content:space-between;align-items:end;max-width:1280px;margin:48px auto 0;padding-top:22px;display:flex}.stage-context p{font-size:18px;font-weight:600;line-height:1.45}.stage-context p span{color:var(--muted)}.stage-context a{color:var(--accent);align-items:center;gap:18px;min-height:44px;font-size:14px;display:inline-flex}.crop-label,.detail-switch{display:none}.section-intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;max-width:none;display:grid}.section-intro h2 span{color:var(--muted)}.section-intro p{max-width:440px;margin:0 0 6px}.feature-story{grid-template-columns:300px 1fr;gap:60px}.draft-preview{background:#1b2a21;border-radius:3px 28px 3px 3px;padding:24px 0 0 24px}.draft-preview .image-link{border-radius:7px 0 0;padding:0}.draft-preview figcaption{background:var(--bg);margin:0;padding:14px 0 0}.feature-index{gap:60px;margin-left:360px}.mobile-section{background:#131f18;position:relative}.mobile-inner{gap:60px}.mobile-copy .connection-path{color:var(--accent);flex-wrap:wrap;gap:10px;margin-top:24px;font-size:13px;line-height:1.6;display:flex}.phone-pair{gap:26px;max-width:580px}.mobile-device a{background:#3b5142}.mobile-pick{margin-top:72px;transform:rotate(-3deg)}.mobile-build{transform:rotate(3deg)}.mobile-switch button,.detail-switch button{transition:background .18s, color .18s, transform .2s var(--ease)}.mobile-switch button:active,.detail-switch button:active{transform:scale(.97)}.button span,.stage-context a span,.contact-email span{transition:transform .25s var(--ease);display:inline-block}.button:hover span,.button:focus-visible span{transform:translate(3px,-3px)}.button:active{transform:translateY(0)scale(.98)}.site-header nav a{position:relative}.site-header nav a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .25s var(--ease);position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1)}.contact-email:hover span{transform:translate(4px,-4px)}.image-link:hover .image-enlarge{transform:translateY(-2px)}.image-dialog{scrollbar-color:var(--line) var(--surface)}.viewer-foot{justify-content:space-between;align-items:center;gap:20px;margin-top:18px;display:flex}.viewer-foot p{color:var(--secondary);font-size:13px}.viewer-original{color:var(--accent);flex-shrink:0;align-items:center;gap:12px;min-height:44px;font-size:13px;display:inline-flex}html{scrollbar-color:var(--line) var(--bg)}@media (width>=1600px){.hero-stage{max-width:1340px;padding-right:120px}.hero-phone{width:250px}}@media (width<=1100px){.hero-copy{padding-left:0}.hero-stage{max-width:100%;padding-right:26px}.hero-stage:before{right:0}.hero-phone{display:none}.section-intro{grid-template-columns:1fr;gap:24px}.section-intro p{max-width:550px}.feature-story{grid-template-columns:245px 1fr;gap:30px}.feature-index{margin-left:275px}}@media (width<=767px){.hero{padding-top:32px}.hero-intro{grid-template-columns:1fr;gap:22px;padding-bottom:30px}.hero h1{font-size:clamp(46px,13.85vw,72px)}.hero-copy p{max-width:400px;font-size:18px}.hero-stage{padding:16px 0 0 12px}.hero-stage:before{border-radius:3px 20px 3px 3px;inset:0 -8px 66px 0}.hero-stage:after{width:30px;height:30px}.showcase-label{padding-bottom:14px;font-size:11px}.showcase-label span:last-child{display:none}.desktop-preview .product-figure figcaption{padding-top:12px}.product-figure picture{display:block}.desktop-preview .product-figure picture{aspect-ratio:1;overflow:hidden}.desktop-preview .product-figure img{aspect-ratio:1;object-fit:contain;width:100%;height:100%}.draft-preview .product-figure img{aspect-ratio:390/535;width:100%}.crop-label{display:inline}.detail-switch{gap:8px;margin-bottom:12px;display:flex}.detail-switch button{min-height:44px;color:var(--secondary);background:0 0;border:1px solid #3b5142;border-radius:5px;padding:7px 12px;font-size:13px}.detail-switch button[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:700}.image-enlarge{background:var(--raised)}.stage-context{align-items:start;gap:12px;margin-top:26px}.stage-context p{font-size:15px}.stage-context a{gap:8px;max-width:135px;font-size:12px}.product-section{padding-top:72px}.section-intro{gap:22px;margin-bottom:35px}.section-intro h2{font-size:clamp(35px,9.5vw,50px)}.feature-story{grid-template-columns:1fr;gap:32px}.feature-narrative{display:block}.feature-detail{margin-top:26px}.draft-preview{margin-right:0;padding:14px 0 0 14px}.feature-index{gap:28px;margin:35px 0 0}.mobile-inner{gap:32px;padding-block:72px}.mobile-copy h2{font-size:clamp(37px,10.6vw,64px)}.mobile-device{width:min(100%,300px);margin:0 auto;transform:none}.mobile-switch{margin-bottom:22px}.phone-pair{max-width:400px}.viewer-foot{display:block}}@media (prefers-reduced-motion:no-preference){.home-header .brand,.home-header nav,.home-header .header-contact{animation:navigation-arrive .55s var(--ease) both}.home-header nav{animation-delay:60ms}.home-header .header-contact{animation-delay:.12s}.headline-line>span{animation:type-arrive .8s var(--ease) both}.headline-line:last-child>span{animation-delay:.12s}.hero-copy p{animation:copy-arrive .65s var(--ease) .22s both}.hero-copy .button{animation:copy-arrive .65s var(--ease) .3s backwards}.desktop-preview{animation:plate-arrive .9s var(--ease) .22s backwards}.hero-phone{animation:phone-arrive .85s var(--ease) .36s backwards}.hero-stage:after{animation:corner-arrive .7s var(--ease) .42s backwards}.image-dialog[open]{animation:viewer-arrive .25s var(--ease)}.image-dialog[open]::backdrop{animation:.2s ease-out veil-arrive}@keyframes navigation-arrive{0%{opacity:.25;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes type-arrive{0%{transform:translateY(105%)}to{transform:none}}@keyframes copy-arrive{0%{opacity:.25;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes plate-arrive{0%{opacity:.3;transform:perspective(1600px)translateY(45px)rotateX(5deg)scale(.96)}to{opacity:1;transform:none}}@keyframes phone-arrive{0%{opacity:.3;transform:translate(25px,45px)rotate(5deg)}to{opacity:1;transform:none}}@keyframes corner-arrive{0%{opacity:.2;transform-origin:0 0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes viewer-arrive{0%{opacity:.45;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes veil-arrive{0%{opacity:.3}to{opacity:1}}@media (width<=767px){.headline-line>span,.desktop-preview{animation-duration:.65s}@keyframes plate-arrive{0%{opacity:.4;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.desktop-preview .image-link{transform:none}}
