:root{--bg:#0b0d12;--panel:#12151d;--text:#f4f0e8;--muted:#a8a8ad;--lime:#00bcd4;--coral:#ff7a68;--line:rgba(244,240,232,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"Space Grotesk",sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.04;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");z-index:5}.wrap{width:min(1160px,calc(100% - 48px));margin:0 auto}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;gap:10px;align-items:center;color:var(--text);font-size:19px;font-weight:700;text-decoration:none;letter-spacing:-.6px}.brand-mark{width:29px;height:29px;object-fit:contain}.nav nav{display:flex;align-items:center;gap:25px}.nav nav a,footer a:not(.brand){color:var(--muted);text-decoration:none;font-size:13px}.nav nav .nav-github{color:var(--text);border:1px solid var(--line);padding:9px 12px;border-radius:6px}.hero{display:grid;grid-template-columns:.87fr 1.13fr;align-items:center;gap:55px;padding:78px 0 94px}.eyebrow{margin:0 0 20px;color:var(--lime);font:500 11px "DM Mono",monospace;letter-spacing:1.3px;text-transform:uppercase}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--coral);margin-right:8px}h1,h2,h3{letter-spacing:-3.5px;line-height:.96;margin:0}h1{font-size:clamp(52px,6vw,82px);font-weight:600}h1 em,h2 em,h3 em{font-style:normal;color:var(--lime)}.lede{max-width:520px;margin:27px 0 30px;color:var(--muted);font-size:18px;line-height:1.5}.actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;gap:10px;border-radius:7px;padding:15px 19px;text-decoration:none;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--lime);color:#062125}.button-primary span{font-size:18px;margin-left:2px}.button-quiet{border:1px solid var(--line);color:var(--text)}.button-quiet span{color:var(--coral);margin-left:2px}.microcopy{margin-top:18px;color:#767880;font:11px "DM Mono",monospace}.hero-visual{margin:0;position:relative}.hero-visual:before{content:"";position:absolute;inset:7% -2% -7%;background:radial-gradient(ellipse,rgba(0,188,212,.18),transparent 66%);filter:blur(12px)}.hero-visual img{position:relative;z-index:1;display:block;width:100%;border:1px solid #ffffff23;border-radius:12px;box-shadow:0 28px 70px #000a}.hero-visual figcaption{display:flex;align-items:center;gap:11px;position:absolute;z-index:2;right:15px;bottom:14px;padding:7px 10px;border-radius:4px;background:#080a0dcf;color:#ddd;font:9px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.6px}.hero-visual figcaption i{width:27px;border-top:1px solid var(--lime)}.intro{padding:92px 0 80px;border-top:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end}.intro-grid p,.gallery-head>p{margin:0;color:var(--muted);font-size:17px;line-height:1.6}h2{font-size:clamp(40px,5vw,66px);font-weight:500}.workflow{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:center;padding:88px 0;border-top:1px solid var(--line)}.workflow-reverse{grid-template-columns:1.25fr .75fr}.workflow-reverse .workflow-copy{order:2}.workflow-reverse .shot-pair{order:1}.sequence{display:block;margin-bottom:23px;color:var(--coral);font:11px "DM Mono",monospace;letter-spacing:1px}.workflow h3{font-size:clamp(31px,3.4vw,46px);font-weight:500}.workflow-copy p{margin:22px 0;color:var(--muted);font-size:16px;line-height:1.58}.mode-pills{display:flex;gap:7px;flex-wrap:wrap}.mode-pills span{border:1px solid var(--line);padding:7px 9px;border-radius:99px;color:#d8d8da;font:10px "DM Mono",monospace}.shot-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.shot-pair figure{margin:0}.shot-pair img{display:block;width:100%;border:1px solid #ffffff1f;border-radius:8px}.shot-pair figcaption{margin-top:10px;color:#989aa0;font:10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.8px}.portrait{max-width:600px}.features{margin-top:25px;padding:95px 7%;background:var(--panel);border-radius:12px}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading .eyebrow{align-self:start}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:65px;border-top:1px solid var(--line)}.feature-grid article{padding:27px 27px 0 0;border-right:1px solid var(--line)}.feature-grid article+article{padding-left:27px}.feature-grid article:last-child{border:0}.feature-symbol{color:var(--coral);font:24px "DM Mono",monospace}.feature-grid h3{margin:48px 0 12px;font-size:21px;letter-spacing:-.8px}.feature-grid p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}.app-gallery{padding:130px 0}.gallery-head{display:grid;grid-template-columns:1fr .65fr;gap:80px;align-items:end}.app-shots{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:58px}.app-shots img{width:100%;display:block;border:1px solid #ffffff1d;border-radius:9px;box-shadow:0 12px 30px #0005}.app-shots img:nth-child(even){transform:translateY(25px)}.cta{padding:125px 0;text-align:center;border-top:1px solid var(--line)}.cta>p:not(.eyebrow){max-width:560px;margin:25px auto 32px;color:var(--muted);font-size:17px;line-height:1.55}.cta .actions{justify-content:center}footer{border-top:1px solid var(--line);padding:27px 0 35px;display:flex;align-items:center;justify-content:space-between;color:#7a7c83;font-size:13px}footer p{margin:0}@media(max-width:800px){.hero,.workflow,.workflow-reverse{grid-template-columns:1fr;gap:42px}.hero{padding:65px 0}.hero-copy{z-index:1}.workflow-reverse .workflow-copy,.workflow-reverse .shot-pair{order:initial}.intro-grid,.gallery-head{grid-template-columns:1fr;gap:25px}.workflow{padding:65px 0}.features{padding:70px 28px}.section-heading{display:block}.feature-grid{grid-template-columns:1fr;margin-top:40px}.feature-grid article,.feature-grid article+article{border-right:0;border-bottom:1px solid var(--line);padding:25px 0}.feature-grid h3{margin:24px 0 10px}.app-gallery{padding:85px 0}.app-shots{grid-template-columns:repeat(2,1fr);margin-top:35px}.cta{padding:90px 0}}@media(max-width:560px){.wrap{width:min(100% - 36px,1160px)}.nav{height:72px}.nav nav a:not(.nav-github){display:none}.nav nav{gap:0}h1{letter-spacing:-2.5px}.lede{font-size:16px}.hero-visual figcaption{font-size:7px;right:8px;bottom:8px}.intro{padding:70px 0 55px}.shot-pair{gap:8px}.workflow h3{letter-spacing:-2.3px}.features{width:100%;border-radius:0}.button{width:100%;justify-content:center}.app-shots{gap:9px}.cta h2{letter-spacing:-2.3px}footer{gap:18px;flex-wrap:wrap}}