:root{--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--primary: #4886B8;--primary-hover: #BFE0F0;--primary-press: #3a6e99;--on-primary: #ffffff;--on-primary-hover: #122B45;--highlight: #122B45;--secondary: #BFE0F0;--ring: color-mix(in oklab, var(--primary) 55%, transparent);--success: #34d399;--warning: #f5b14c;--danger: #f2666b;--bg: #1c1c1c;--surface-1: #262626;--surface-2: #2c2c2c;--surface-3: #363636;--elevated: #2c2c2c;--border: #3a3a3a;--border-strong: #4a4a4a;--border-faint: #2b2b2b;--text: #e9edf0;--text-dim: #a6b0b8;--muted: #868f98;--radius: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 16px;--shadow-card: 0 1px 0 rgba(0,0,0,.4);--shadow-pop: 0 24px 64px rgba(0,0,0,.55);--transition: .16s cubic-bezier(.4,0,.2,1);--maxw: 1120px;--grid-size: 40px;--dot: #393939;--dot-size: 22px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}html,body{margin:0}body{font-family:var(--sans);font-weight:400;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em;line-height:1.12}p{margin:0}::selection{background:color-mix(in oklab,var(--primary) 38%,transparent)}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{padding:clamp(64px,10vw,128px) 0}.eyebrow{font-family:var(--mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--secondary);margin:0 0 18px}.accent{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 22px;border:1px solid transparent;border-radius:var(--radius);font-family:var(--sans);font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-hover);color:var(--on-primary-hover)}.btn-primary:active{background:var(--primary-press);color:var(--on-primary)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-3);border-color:var(--border-strong)}.btn-lg{height:50px;padding:0 28px;font-size:16px}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.nav{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--bg) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-faint)}.nav-inner{display:flex;align-items:center;gap:24px;height:64px}.brand{display:inline-flex;align-items:center;gap:10px}.brand img{width:26px;height:26px}.brand .word{font-family:var(--mono);font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.brand .word b{color:var(--primary);font-weight:600}.nav-links{display:flex;gap:4px;margin-left:12px}.nav-links a{padding:8px 12px;border-radius:var(--radius);color:var(--text-dim);font-size:14px;font-weight:500;transition:color var(--transition),background var(--transition)}.nav-links a:hover{color:var(--text);background:var(--surface-2)}.nav-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.nav-login{font-size:14px;font-weight:500;color:var(--text-dim);padding:8px 12px;border-radius:var(--radius);transition:color var(--transition),background var(--transition)}.nav-login:hover{color:var(--text);background:var(--surface-2)}.nav .btn{height:38px;padding:0 16px;font-size:14px}.nav-toggle{position:absolute;width:1px;height:1px;opacity:0;margin:0;pointer-events:none}.nav-burger{display:none;flex:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius);cursor:pointer}.nav-burger:hover{background:var(--surface-2)}.nav-burger span{position:relative}.nav-burger span,.nav-burger span:before,.nav-burger span:after{display:block;width:20px;height:2px;background:var(--text-dim);border-radius:2px}.nav-burger span:before{content:"";position:absolute;left:0;top:-6px}.nav-burger span:after{content:"";position:absolute;left:0;top:6px}.nav-toggle:focus-visible~.nav-burger{outline:2px solid var(--ring);outline-offset:2px}.hero{position:relative;padding-top:clamp(56px,8vw,96px);padding-bottom:0;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(var(--dot) 1.4px,transparent 1.4px);background-size:var(--dot-size) var(--dot-size);-webkit-mask-image:linear-gradient(to bottom,#000 58%,transparent 100%);mask-image:linear-gradient(to bottom,#000 58%,transparent 100%)}.hero-inner{position:relative;z-index:1;text-align:center;max-width:820px;margin:0 auto}.hero h1{font-size:clamp(2.5rem,6vw,4.1rem);font-weight:700;letter-spacing:-.025em;line-height:1.03;margin:0 0 22px}.hero-sub{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--text-dim);max-width:640px;margin:0 auto 32px}.hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.hero-note{margin-top:20px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--muted)}.shot{position:relative;z-index:1;border-radius:var(--radius-2xl);border:1px solid var(--border-strong);background:var(--surface-1);box-shadow:var(--shadow-pop);overflow:hidden}.shot img{width:100%;height:auto}.hero-shot{width:min(1320px,94vw);max-width:none;margin:clamp(48px,6vw,80px) 0 -10%;margin-left:50%;transform:translate(-50%)}.hero-shot:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none}.strip{border-top:1px solid var(--border-faint);border-bottom:1px solid var(--border-faint)}.strip-inner{display:flex;flex-wrap:wrap;gap:18px 68px;justify-content:center;align-items:center;padding:40px 0;font-family:var(--mono);font-size:13px;letter-spacing:.14em;color:var(--muted);text-align:center;text-transform:uppercase}.strip-inner b{color:var(--text-dim);font-weight:500}#features .wrap{max-width:1320px}.feature{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(32px,5vw,72px);align-items:center}.feature+.feature{margin-top:clamp(72px,11vw,148px)}.feature.reverse{grid-template-columns:1.22fr .78fr}.feature.reverse .feature-media{order:-1}.feature h2{font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:600;letter-spacing:-.02em;margin:0 0 16px}.feature p{color:var(--text-dim);font-size:1.06rem}.feature-media{position:relative}.notes{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0;padding:0}.note{padding:11px 14px;border-radius:3px;max-width:230px;font-size:.92rem;font-weight:500;line-height:1.3;color:#23282f;box-shadow:0 5px 14px #00000057}.note.y{background:#fff7ae;transform:rotate(-1.6deg)}.note.b{background:#a0c4ff;transform:rotate(1.4deg)}.note.g{background:#caffbf;transform:rotate(-.8deg)}.note.o{background:#ffd9a0;transform:rotate(1.8deg)}.note.p{background:#f7a8d8;transform:rotate(-1.2deg)}.note.c{background:#9bf6ff;transform:rotate(1deg)}.cursor{position:absolute;z-index:3;pointer-events:none}.cursor svg{display:block;width:20px;height:20px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.5))}.cursor span{display:inline-block;margin:-3px 0 0 13px;padding:2px 8px;border-radius:5px;font-size:11px;font-weight:600;color:#1b2027;white-space:nowrap;box-shadow:0 3px 8px #00000059}.cursor.rae svg{color:#f7a8d8}.cursor.rae span{background:#f7a8d8}.cursor.sam svg{color:#caffbf}.cursor.sam span{background:#caffbf}.cursor-a{top:20%;left:13%}.cursor-b{top:57%;left:63%}.pricing-head{text-align:center;max-width:640px;margin:0 auto clamp(40px,6vw,64px)}.pricing-head h2{font-size:clamp(1.8rem,3.4vw,2.5rem);margin:0 0 14px}.pricing-head p{color:var(--text-dim);font-size:1.06rem}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:760px;margin:0 auto}.plan{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px 30px;display:flex;flex-direction:column}.plan.featured{border-color:color-mix(in oklab,var(--primary) 55%,var(--border));box-shadow:0 0 0 1px color-mix(in oklab,var(--primary) 30%,transparent),var(--shadow-pop)}.plan-name{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.plan.featured .plan-name{color:var(--secondary)}.plan-price{display:flex;align-items:baseline;gap:8px;margin:14px 0 4px}.plan-price .amt{font-size:2.6rem;font-weight:700;letter-spacing:-.03em}.plan-price .per{color:var(--muted);font-size:.95rem}.plan-tag{color:var(--text-dim);font-size:.96rem;margin-bottom:22px;min-height:1.4em}.plan ul{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:12px;flex:1}.plan li{display:flex;align-items:flex-start;gap:10px;color:var(--text-dim);font-size:.96rem}.plan li svg{flex:none;width:18px;height:18px;margin-top:2px;color:var(--primary)}.plan .btn{width:100%}.cta-band{position:relative;overflow:hidden}.cta-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--surface-1);padding:clamp(56px,8vw,96px) 24px;text-align:center}.cta-card:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(var(--dot) 1.4px,transparent 1.4px);background-size:var(--dot-size) var(--dot-size);opacity:.8}.cta-card h2,.cta-card p,.cta-card .hero-cta{position:relative;z-index:2}.cta-card h2{font-size:clamp(1.9rem,3.8vw,2.8rem);letter-spacing:-.02em;margin:0 0 16px}.cta-card p{color:var(--text-dim);font-size:1.1rem;max-width:560px;margin:0 auto 30px}.cta-card .hero-cta{justify-content:center}.cta-deco{position:absolute;inset:0;z-index:1;pointer-events:none}.cta-deco .note{position:absolute}.cta-deco .n1{top:13%;left:6%}.cta-deco .n2{bottom:15%;left:10%}.cta-deco .n3{top:17%;right:7%}.cta-deco .n4{bottom:13%;right:9%}.cta-deco .cursor{top:47%;left:12%}@media(max-width:1080px){.cta-deco{display:none}}.foot{border-top:1px solid var(--border-faint);padding:44px 0}.foot-inner{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}.foot-brand{display:flex;align-items:center;gap:12px}.foot-tag{color:var(--muted);font-family:var(--mono);font-size:12px;letter-spacing:.06em}.foot-links{display:flex;gap:22px}.foot-links a{color:var(--text-dim);font-size:14px}.foot-links a:hover{color:var(--text)}.foot-copy{color:var(--muted);font-size:13px}@media(max-width:860px){.nav-inner{position:relative}.nav-burger{display:inline-flex}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;margin:0;flex-direction:column;gap:2px;padding:10px 16px 14px;background:color-mix(in oklab,var(--bg) 97%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-faint)}.nav-toggle:checked~.nav-links{display:flex}.nav-links a{padding:12px;font-size:15px}.feature,.feature.reverse{grid-template-columns:1fr;gap:28px}.feature.reverse .feature-media{order:0}.feature-media{order:-1}.hero-shot{margin-bottom:-6%}}@media(max-width:640px){.plans{grid-template-columns:1fr}.nav-actions .nav-login{display:none}.foot-inner{flex-direction:column;align-items:flex-start;gap:18px}.hero h1{font-size:clamp(2.1rem,9vw,2.9rem)}}
