@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#ece6dd;--bg-soft:#f7f3ee;--surface:#fffbf5bd;--surface-strong:#fffbf5eb;--primary:#1a3263;--secondary:#547792;--accent:#fab95b;--ink:#0f1b33;--muted:#0f1b33b3;--border:#1a326324;--shadow:0 24px 80px #111e382e;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #fab95b42, transparent 30%), radial-gradient(circle at 80% 20%, #54779238, transparent 28%), linear-gradient(180deg, #f3ede4 0%, var(--bg) 48%, #e8e1d7 100%);min-width:320px;color:var(--ink);margin:0;font-family:IBM Plex Sans,sans-serif}body:before{content:"";mix-blend-mode:soft-light;pointer-events:none;opacity:.4;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.page-shell{isolation:isolate;width:min(1180px,100vw - 32px);margin:0 auto;padding:20px 0 32px;position:relative}.page-noise,.page-glow{pointer-events:none;z-index:-1;position:fixed;inset:auto}.page-noise{opacity:.08;background-image:radial-gradient(circle,#0f1b3373 0 1px,#0000 1px);background-size:8px 8px;inset:0;-webkit-mask-image:linear-gradient(#000c,#0000 90%);mask-image:linear-gradient(#000c,#0000 90%)}.page-glow{filter:blur(80px);opacity:.4;border-radius:50%;width:42vw;height:42vw}.page-glow-a{background:#5477925c;top:-12vw;right:-10vw}.page-glow-b{background:#fab95b5c;top:28vw;left:-12vw}.footer,.hero,.band,.content-section{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.section-grid{grid-template-columns:1.02fr .98fr;gap:32px;display:grid}.hero{min-height:clamp(600px,86vh,760px);box-shadow:var(--shadow);background:linear-gradient(135deg,#fffbf5d6,#fffbf59e);border:1px solid #1a32631f;border-radius:38px;align-items:center;margin-bottom:24px;padding:48px 42px}.reveal{animation:.8s both fade-up}.hero-copy{max-width:640px}.kicker{color:var(--secondary);letter-spacing:.14em;text-transform:uppercase;margin:0 0 16px;font-family:IBM Plex Mono,monospace;font-size:.8rem}.hero h1,.section-heading h2,.quote-section blockquote,.notes-card h3,.feature-card h3,.steps-panel h3{letter-spacing:-.03em;margin:0;font-family:Fraunces,serif}.hero h1{max-width:10ch;font-size:clamp(3.8rem,8vw,7.4rem);line-height:.92}.hero-text{max-width:58ch;color:var(--muted);margin:22px 0 0;font-size:1.1rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.button{border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 22px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg, var(--primary), #284373 72%, #45648f);color:#fff7ec;box-shadow:0 18px 40px #1a326340}.button-secondary{color:var(--primary);background:#ffffff80;border:1px solid #1a326338}.hero-visual{perspective:1400px;perspective-origin:52% 58%;place-items:start center;min-height:620px;display:grid;position:relative}.device-stack{width:min(100%,500px);min-height:580px;transform-style:preserve-3d;position:relative}.device-card{background:linear-gradient(#1c222dfa,#0f141ffa);border:1px solid #ffffff14;border-radius:34px;width:min(100%,360px);padding:16px 16px 18px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 30px 60px #0b111e47}.device-card-back{transform-origin:50% 100%;top:24px;transform:translate(-58%)rotate(-8deg)rotateX(5deg);box-shadow:0 34px 66px #0b111e4d}.device-card-front{z-index:2;top:68px;transform:translate(-42%)rotate(7deg)rotateX(3deg)}.device-art{aspect-ratio:.51;border-radius:26px;overflow:hidden}.device-screenshot-image{object-fit:cover;width:100%;height:100%;display:block}.screenshot-board p,.screenshot-shell p,.device-caption,.band p,.feature-card p,.step-row p,.notes-card p,.notes-card li{color:var(--muted);line-height:1.7}.piece{border-radius:50%;width:34px;height:34px;position:absolute;box-shadow:0 8px 16px #0f1b332e}.piece-white{background:linear-gradient(#fcfbf7,#d8d1c8);top:58%;left:20%}.piece-black{background:linear-gradient(#1d293d,#0e1628);top:28%;right:16%}.move-line{transform-origin:0;background:linear-gradient(90deg,#fab95b00,#fab95be6,#fab95b00);width:46%;height:3px;position:absolute;top:56%;left:24%;transform:rotate(-22deg)}.device-caption{text-align:center;margin:12px 4px 0;font-size:.88rem}.band,.content-section{background:var(--surface);box-shadow:var(--shadow);border:1px solid #1a32631c;border-radius:34px;margin-top:22px;padding:30px 32px}.band{font-family:Fraunces,serif;font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.2}.content-section{gap:24px;display:grid}.section-heading h2{max-width:15ch;font-size:clamp(2.1rem,4.5vw,4rem);line-height:1}.feature-grid,.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card,.notes-card,.steps-panel{background:var(--surface-strong);border-radius:var(--radius-lg);border:1px solid #1a32631f;padding:24px}.notes-card{flex-direction:column;display:flex}.feature-eyebrow{color:var(--secondary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-family:IBM Plex Mono,monospace;font-size:.78rem}.feature-card h3,.notes-card h3,.steps-panel h3{font-size:1.7rem;line-height:1.05}.split-section{grid-template-columns:.9fr 1.1fr}.steps-panel{gap:18px;display:grid}.step-row{border-top:1px solid #1a32631a;grid-template-columns:86px 1fr;gap:18px;padding:18px 0;display:grid}.step-row:first-child{border-top:0;padding-top:0}.step-number{color:var(--accent);letter-spacing:.16em;font-family:IBM Plex Mono,monospace;font-size:1.05rem}.quote-section{padding-block:42px}.quote-section blockquote{max-width:18ch;font-size:clamp(2.6rem,6vw,5rem);line-height:.92}.notes-section{padding-bottom:34px}.notes-card ul{gap:12px;margin:14px 0 0;padding-left:20px;display:grid}.notes-card-accent{color:#f8f3eb;background:linear-gradient(135deg,#1a3263f5,#274375fa)}.notes-card-accent p,.notes-card-accent li,.notes-card-accent .button-inline{color:#f8f3ebdb}.notes-card-accent .button-inline{color:#182745;background:#fab95bf5;margin-top:auto}.notes-card-highlight{color:#182745;background:#fab95bf5}.notes-card-highlight p,.notes-card-highlight li,.notes-card-highlight .button-inline{color:#182745}.notes-card-highlight .button-inline{color:#f8f3eb;background:linear-gradient(135deg,#1a3263f5,#274375fa);margin-top:auto}.footer{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:20px 12px 6px;font-size:.95rem;display:flex}.footer-copy{margin:0}.footer-contact-list{flex-wrap:wrap;gap:10px;display:flex}.footer-contact-button{width:46px;height:46px;color:var(--primary);background:radial-gradient(circle at 25% 25%,#fffffff2,#ffffff61),linear-gradient(145deg,#fab95bb8,#5477928a);border:1px solid #1a32632e;border-radius:50%;justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex;box-shadow:0 8px 20px #1a326324}.footer-contact-button svg{fill:currentColor;width:19px;height:19px}.footer-contact-button:hover{border-color:#1a326359;transform:translateY(-2px)scale(1.03);box-shadow:0 12px 24px #1a326333}.footer-contact-button:focus-visible{outline-offset:3px;outline:2px solid #1a32638c}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero-copy.reveal{animation-delay:80ms}.hero-visual.reveal{animation-delay:.18s}.band.reveal{animation-delay:.24s}.feature-card.reveal:nth-child(2),.notes-card.reveal:nth-child(2){animation-delay:.12s}.feature-card.reveal:nth-child(3){animation-delay:.22s}.step-row+.step-row{animation-delay:.11s}@media (width<=1024px){.hero,.section-grid,.split-section,.feature-grid,.notes-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:34px 24px 30px}.hero h1{max-width:none}.hero-visual{min-height:560px}.section-heading h2,.quote-section blockquote{max-width:none}}@media (width<=760px){.page-shell{width:min(100vw - 20px,1180px);padding-top:12px}.hero,.band,.content-section{border-radius:28px;padding-inline:18px}.hero h1{font-size:clamp(3rem,14vw,4.8rem)}.hero-text{font-size:1rem}.hero-visual{min-height:420px}.device-stack{min-height:420px;transform:translateY(-22px)}.device-card{width:min(100%,310px)}.device-card-back{top:14px}.device-card-front{top:48px}.device-card-back{transform:translate(-54%)rotate(-7deg)rotateX(5deg)}.device-card-front{transform:translate(-44%)rotate(6deg)}.feature-card h3,.notes-card h3,.steps-panel h3{font-size:1.45rem}.step-row{grid-template-columns:58px 1fr}.footer{flex-direction:column;align-items:flex-start;padding-inline:6px}.footer-contact-list{gap:8px}.footer-contact-button{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}