:root { --purple:#7c3aed; --purple-dark:#251044; --ink:#171127; --muted:#766f83; --line:#ebe7f2; --green:#a3ffcb; --pink:#ff6fcf; --yellow:#ffd66e; --shadow:0 20px 60px rgba(54,28,93,.12); font-family:Inter,ui-sans-serif,system-ui,sans-serif; color:var(--ink); background:#fff; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; min-width:320px; overflow-x:hidden; background:#fff; } a { color:inherit; text-decoration:none; } button { font:inherit; cursor:pointer; } .page-orb { position:fixed; z-index:-2; width:420px; height:420px; border-radius:50%; filter:blur(70px); pointer-events:none; opacity:.32; } .orb-one { top:8%; left:-230px; background:#d3b8ff; }.orb-two { top:42%; right:-260px; background:#ffbef0; }.orb-three { bottom:-240px; left:35%; background:#b8ffe3; }
.nav { position:sticky; z-index:20; top:16px; display:flex; align-items:center; justify-content:space-between; width:min(1180px,calc(100% - 40px)); min-height:62px; margin:16px auto 0; padding:10px 13px 10px 17px; border:1px solid rgba(255,255,255,.76); border-radius:18px; }.glass { background:rgba(255,255,255,.68); box-shadow:0 14px 40px rgba(45,24,84,.08); backdrop-filter:blur(18px); }.logo { display:flex; align-items:center; gap:9px; font:700 18px 'Space Grotesk',sans-serif; letter-spacing:-.05em; }.purple-text { color:var(--purple); }.logo-icon { position:relative; display:grid; place-items:center; width:34px; height:34px; color:#fff; background:linear-gradient(145deg,#a46aff,#5b20c9); border-radius:11px; box-shadow:0 8px 18px rgba(124,58,237,.3); }.logo-icon svg { width:18px; height:18px; }.logo-sparkle { position:absolute; top:-6px; right:-5px; width:13px!important; height:13px!important; color:#ffd76d; fill:#ffd76d; stroke:#fff; }.nav-links { display:flex; gap:31px; margin-left:100px; color:#625a70; font-size:12px; font-weight:600; }.nav-links a,.footer-links a { transition:color .2s ease; }.nav-links a:hover,.footer-links a:hover { color:var(--purple); }.nav-cta,.price-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:10px 14px; color:#fff; background:#1a102a; border-radius:11px; font-size:11px; font-weight:800; box-shadow:0 8px 20px rgba(26,16,42,.18); transition:transform .2s ease,box-shadow .2s ease; }.nav-cta:hover,.price-button:hover { transform:translateY(-2px); box-shadow:0 12px 25px rgba(26,16,42,.25); }.nav-cta svg,.button svg,.price-button svg,.footer-links svg { width:14px; height:14px; }
.section-grid,.section { width:min(1180px,calc(100% - 40px)); margin-right:auto; margin-left:auto; }.hero { min-height:665px; display:grid; grid-template-columns:1fr .9fr; align-items:center; gap:65px; padding:85px 0 90px; }.eyebrow { display:flex; align-items:center; gap:7px; margin:0 0 17px; color:var(--purple); font-size:10px; font-weight:800; letter-spacing:.17em; }.eyebrow svg { width:14px; height:14px; fill:#d79cff; }.hero h1 { max-width:620px; margin:0; color:#1c122d; font:700 clamp(48px,6.7vw,82px)/.98 'Space Grotesk',sans-serif; letter-spacing:-.08em; }.rainbow-text { background:linear-gradient(90deg,#7c3aed 5%,#ef4bbd 46%,#ff9845 74%,#6d2cff); -webkit-background-clip:text; background-clip:text; color:transparent; }.hero-subhead { max-width:555px; margin:27px 0 16px; color:#665e70; font-size:15px; line-height:1.7; }.not-another { max-width:570px; margin:0; color:#867e8d; font-size:12px; line-height:1.7; }.not-another strong { color:#332543; }.hero-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }.button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:44px; padding:12px 17px; border-radius:13px; font-size:12px; font-weight:800; transition:transform .2s ease,box-shadow .2s ease; }.button:hover { transform:translateY(-3px); }.button-gradient { color:#fff; background:linear-gradient(100deg,#6325d6,#dd4bc0 57%,#ff9853); box-shadow:0 12px 25px rgba(124,58,237,.24); }.button-gradient:hover { box-shadow:0 17px 32px rgba(124,58,237,.35); }.button-glass { color:#4b4059; border:1px solid #e5dff0; background:rgba(255,255,255,.55); }.hero-proof { display:flex; align-items:center; gap:11px; margin-top:27px; color:#918999; font-size:10px; font-weight:600; }.proof-avatars { display:flex; }.proof-avatars span { display:grid; place-items:center; width:24px; height:24px; margin-right:-5px; color:#fff; background:#b487fd; border:2px solid #fff; border-radius:50%; font-size:7px; }.proof-avatars span:nth-child(2){background:#ff73c9}.proof-avatars span:nth-child(3){background:#1b102b}.proof-line { width:23px; height:1px; background:#ddd4e7; }
.hero-visual { position:relative; min-height:485px; display:grid; place-items:center; }.hero-ring { position:absolute; width:410px; height:410px; border:1px solid rgba(124,58,237,.21); border-radius:50%; box-shadow:0 0 0 27px rgba(124,58,237,.035),0 0 0 55px rgba(255,111,207,.03); }.ring-two { width:330px; height:330px; border-style:dashed; border-color:rgba(255,111,207,.35); animation:spin 22s linear infinite; } @keyframes spin{to{transform:rotate(360deg)}} .hero-ring:after { content:'✦'; position:absolute; top:34px; right:28px; color:#ff6fcf; font-size:17px; }.hero-orb-card { position:relative; z-index:1; width:300px; padding:24px; color:#fff; background:linear-gradient(145deg,rgba(52,20,87,.93),rgba(14,9,28,.97)); border:1px solid rgba(221,194,255,.22); border-radius:23px; box-shadow:0 28px 70px rgba(70,24,117,.28),0 0 45px rgba(124,58,237,.25); }.glass-dark { background-color:rgba(20,11,35,.9); backdrop-filter:blur(22px); }.orb-card-top,.pulse-foot,.terminal-titlebar,.watch-header { display:flex; align-items:center; }.orb-card-top { gap:8px; color:#bcaed0; font-size:9px; font-weight:800; letter-spacing:.14em; }.orb-card-date { margin-left:auto; color:#766a85; }.live-pip { display:inline-block; width:7px; height:7px; background:var(--green); border-radius:50%; box-shadow:0 0 0 4px rgba(163,255,203,.12),0 0 13px var(--green); }.pulse-number { margin-top:34px; font:700 67px/1 'Space Grotesk',sans-serif; letter-spacing:-.08em; }.pulse-number span { color:#867b96; font-size:17px; letter-spacing:0; }.pulse-label { margin-top:7px; color:#aa9eb9; font-size:11px; }.pulse-bars { display:flex; align-items:end; gap:9px; height:94px; margin:30px 0 14px; }.pulse-bars span { flex:1; border-radius:5px 5px 2px 2px; background:linear-gradient(#c98eff,#6025ca); box-shadow:0 0 13px rgba(155,89,255,.3); }.pulse-bars span:nth-child(3n){background:linear-gradient(#ff8dd2,#a42b94)}.pulse-foot { justify-content:space-between; color:#a699b7; font-size:10px; }.pulse-foot span:first-child { display:flex; align-items:center; gap:5px; color:var(--green); }.pulse-foot svg { width:12px; height:12px; }.float-tag { position:absolute; z-index:2; display:flex; align-items:center; gap:7px; padding:10px 12px; color:#473954; background:rgba(255,255,255,.78); border:1px solid rgba(255,255,255,.9); border-radius:11px; box-shadow:0 14px 30px rgba(64,31,100,.13); backdrop-filter:blur(14px); font-size:10px; font-weight:800; }.float-tag svg { width:14px; height:14px; color:var(--purple); }.tag-top { top:76px; right:12px; }.tag-bottom { bottom:79px; left:16px; }.tag-bottom svg { color:#15a866; }
.feature-section { padding:45px 0 120px; }.section-intro { max-width:610px; margin-bottom:31px; }.section-intro h2,.playground-intro h2,.cta-content h2 { margin:0; color:#231630; font:700 clamp(31px,4vw,48px)/1.02 'Space Grotesk',sans-serif; letter-spacing:-.065em; }.section-intro>p:last-child { max-width:500px; margin:14px 0 0; color:var(--muted); font-size:13px; line-height:1.7; }.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; }.feature-card { position:relative; min-height:325px; padding:27px 27px 25px; overflow:hidden; border:1px solid var(--line); border-radius:21px; background:rgba(255,255,255,.74); box-shadow:var(--shadow); transition:transform .22s ease,box-shadow .22s ease; }.feature-card:before { position:absolute; inset:0 auto 0 0; width:3px; content:''; background:var(--purple); }.feature-card.stripe-pink:before{background:var(--pink)}.feature-card.stripe-green:before{background:#13b879}.feature-card:hover { transform:translateY(-7px); box-shadow:0 27px 65px rgba(64,31,100,.15); }.feature-icon,.bento-icon { display:grid; place-items:center; width:39px; height:39px; border-radius:12px; }.feature-icon svg,.bento-icon svg { width:19px; height:19px; }.purple-tint{color:#7030db;background:#eee5ff}.pink-tint{color:#d72b9e;background:#ffe5f6}.green-tint{color:#0d9c65;background:#dbffed}.feature-title { display:flex; align-items:center; gap:9px; margin-top:31px; }.feature-emoji { font-size:21px; }.feature-card h3,.bento-card h3 { margin:0; color:#271a38; font:700 21px 'Space Grotesk',sans-serif; letter-spacing:-.05em; }.feature-card>p { min-height:58px; margin:13px 0 18px; color:#807689; font-size:12px; line-height:1.65; }.check-list { display:grid; gap:9px; margin:0; padding:0; list-style:none; color:#685b74; font-size:10px; font-weight:600; }.check-list li { display:flex; align-items:center; gap:7px; }.check-list svg { width:14px; height:14px; padding:2px; color:#6e25d8; background:#efe7ff; border-radius:50%; stroke-width:3; }
.bento-section { padding:24px 0 116px; }.compact { margin-bottom:26px; }.bento-grid { display:grid; grid-template-columns:1.2fr .8fr .8fr; grid-template-rows:215px 215px; gap:16px; }.bento-card { position:relative; overflow:hidden; padding:23px; border:1px solid rgba(216,204,232,.72); border-radius:21px; box-shadow:var(--shadow); transition:transform .22s ease,box-shadow .22s ease; }.bento-card:hover { transform:translateY(-5px) rotate(.2deg); box-shadow:0 25px 55px rgba(66,33,105,.14); }.tool-card { grid-row:span 2; }.pastel-lilac{background:linear-gradient(135deg,#fbf9ff,#f0e7ff)}.pastel-blue{background:linear-gradient(135deg,#f8fcff,#e5f3ff)}.pastel-yellow{background:linear-gradient(135deg,#fffdf5,#fff4ce)}.pastel-pink{background:linear-gradient(135deg,#fff9fd,#ffe5f5)}.bento-heading { display:flex; align-items:center; gap:9px; }.bento-icon { width:32px; height:32px; color:#6d2bd3; background:rgba(255,255,255,.7); }.bento-icon svg { width:15px; height:15px; }.tiny-label { color:#9086a0; font-size:9px; font-weight:800; letter-spacing:.14em; }.bento-card h3 { margin-top:22px; font-size:23px; }.bento-card>p { max-width:380px; margin:9px 0 0; color:#81768b; font-size:11px; line-height:1.6; }.tool-chip-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:27px; }.tool-chip-grid span { padding:9px 8px; color:#652bc0; background:rgba(255,255,255,.68); border:1px solid rgba(177,144,232,.25); border-radius:8px; font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace; }.mini-terminal { margin-top:30px; padding:13px; background:rgba(25,16,38,.91); border-radius:12px; box-shadow:0 10px 20px rgba(36,17,59,.14); }.mini-terminal p { margin:0; padding:8px 0; color:#a0b4a8; border-bottom:1px solid rgba(255,255,255,.08); font:10px ui-monospace,monospace; }.mini-terminal p:last-child{border:0}.mini-terminal span{color:#746881;margin-right:7px}.mini-terminal b{color:var(--green);font-weight:500}.mini-terminal .neon-line b{color:#ff83d2}.undo-card .big-emoji { margin-top:22px; color:#ce941c; font-size:57px; line-height:1; }.approval-card { color:#fff; background:linear-gradient(145deg,#291044,#10091c); border-color:#4c2770; }.approval-card h3{color:#fff}.approval-card>p{color:#b3a3bd}.approval-glow { position:absolute; top:-100px; right:-70px; width:210px; height:210px; background:radial-gradient(circle,#ff5dcd,transparent 68%); opacity:.43; }.approval-lock { position:absolute; top:27px; right:25px; display:grid; place-items:center; width:45px; height:45px; color:#fff; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.25); border-radius:14px; }.approval-lock svg{width:19px}.approval-badge { position:absolute; right:23px; bottom:23px; color:#c999ff; font-size:8px; font-weight:800; letter-spacing:.13em; }.bento-tabs { display:flex; gap:8px; margin-top:16px; }.bento-tab { padding:9px 12px; color:#7e728d; background:#f6f2fb; border:1px solid transparent; border-radius:10px; font-size:10px; font-weight:800; }.bento-tab.active,.bento-tab:hover { color:#6327c7; background:#eee5ff; border-color:#dfcffb; }.bento-tab-output { display:flex; align-items:center; gap:10px; margin-top:11px; padding:13px 15px; color:#685b74; background:rgba(250,248,253,.8); border:1px solid #eee8f5; border-radius:12px; font-size:11px; line-height:1.5; }.bento-tab-output svg{width:15px;color:#7c3aed}
.playground-section { padding:25px 0 116px; }.playground-intro { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:17px; margin-bottom:27px; }.playground-intro h2 { width:100%; color:#fff; }.playground-intro>p:not(.eyebrow):not(.playground-note) { max-width:550px; margin:0; color:#aa9ab7; font-size:13px; line-height:1.65; }.playground-section { width:100%; padding-right:max(20px,calc((100% - 1180px)/2)); padding-left:max(20px,calc((100% - 1180px)/2)); background:linear-gradient(135deg,#160b25 0%,#281044 53%,#10091a 100%); }.neon-eyebrow{color:#bcffdc}.neon-eyebrow svg{color:#ff84d5;fill:#ff84d5}.playground-note { display:flex; align-items:center; gap:7px; margin:0 0 2px; padding:9px 11px; color:#bbb0c7; background:rgba(255,255,255,.065); border:1px solid rgba(255,255,255,.1); border-radius:9px; font-size:10px; }.playground-note svg{width:13px;color:#a3ffcb}.terminal-window { overflow:hidden; border:1px solid rgba(210,167,255,.27); border-radius:19px; box-shadow:0 25px 75px rgba(0,0,0,.3),0 0 35px rgba(124,58,237,.15); }.terminal-titlebar { height:48px; justify-content:space-between; padding:0 18px; border-bottom:1px solid rgba(255,255,255,.1); background:rgba(9,5,17,.62); }.traffic-lights { display:flex; gap:5px; }.traffic-lights i { width:8px; height:8px; background:#ff6d78; border-radius:50%; }.traffic-lights i:nth-child(2){background:#ffd66e}.traffic-lights i:nth-child(3){background:#a3ffcb}.terminal-title { display:flex; align-items:center; gap:7px; color:#e7daf1; font:600 12px 'Space Grotesk',sans-serif; }.terminal-title svg{width:14px;color:#bd8dff}.terminal-status { display:flex; align-items:center; gap:8px; color:#96b7a6; font:800 9px ui-monospace,monospace; }.prompt-chips { display:flex; flex-wrap:wrap; gap:8px; padding:18px; border-bottom:1px solid rgba(255,255,255,.08); }.prompt-chips button { padding:9px 11px; color:#c8aed8; background:rgba(255,255,255,.07); border:1px solid rgba(216,172,255,.2); border-radius:9px; font-size:10px; font-weight:700; transition:background .2s ease,color .2s ease,transform .2s ease; }.prompt-chips button:hover,.prompt-chips button:focus-visible { color:#fff; background:rgba(124,58,237,.55); transform:translateY(-2px); outline:0; }.terminal-body { display:grid; grid-template-columns:1fr 275px; min-height:255px; }.playground-console { min-height:255px; padding:20px; overflow:auto; color:#a3ffcb; background:rgba(7,5,12,.75); font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace; }.console-muted { margin:0 0 7px; color:#675b70; }.console-call { margin:0 0 5px; color:#f5c9ff; }.console-call:before{content:'> ';color:#ff71d0}.console-result { margin:0 0 15px; color:#a3ffcb; white-space:pre-wrap; }.console-result:before{content:'✦ ';color:#ffcb6e}.budget-watch { padding:19px; border-left:1px solid rgba(255,255,255,.09); background:rgba(24,12,38,.7); }.watch-header { justify-content:space-between; margin-bottom:15px; color:#b8a6c7; font-size:10px; font-weight:800; letter-spacing:.08em; }.watch-header span:first-child{display:flex;align-items:center;gap:7px}.watch-header svg{width:14px;color:#c28aff}.watch-header span:last-child{color:#a3ffcb;font:9px ui-monospace,monospace}.landing-budgets { display:grid; gap:12px; }.landing-budget-row { display:grid; gap:5px; }.landing-budget-top { display:flex; justify-content:space-between; color:#afa1b7; font-size:10px; }.landing-budget-top b{color:#eee2f2;font-weight:600}.landing-bar { height:6px; overflow:hidden; background:rgba(255,255,255,.1); border-radius:99px; }.landing-bar span { display:block; height:100%; border-radius:99px; background:linear-gradient(90deg,#8c43f4,#f66fce); transition:width .45s ease; }.landing-budget-row:nth-child(2) .landing-bar span{background:linear-gradient(90deg,#53d69a,#a3ffcb)}.landing-budget-row:nth-child(3) .landing-bar span{background:linear-gradient(90deg,#ff8b78,#ffcf70)}.landing-transaction { display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin-top:20px; padding-top:14px; color:#b6a9bd; border-top:1px solid rgba(255,255,255,.1); font-size:9px; }.landing-transaction b{color:#f7d7ff}.landing-transaction em{width:100%;padding-left:14px;color:#806f8d;font-style:normal}.transaction-dot{width:7px;height:7px;background:#ff7dcb;border-radius:50%}.landing-transaction.highlighted{background:rgba(255,111,207,.12);border-radius:8px;box-shadow:0 0 0 1px rgba(255,111,207,.5);animation:flash 1.3s ease}.landing-plan { margin:17px; padding:15px; background:linear-gradient(135deg,rgba(132,59,219,.22),rgba(255,111,207,.1)); border:1px solid rgba(198,140,255,.35); border-radius:13px; }.landing-plan.is-hidden{display:none}.landing-plan h3{margin:0;color:#fff;font:600 14px 'Space Grotesk',sans-serif}.landing-plan p{margin:6px 0 12px;color:#c4b3cb;font-size:10px}.plan-move{display:flex;justify-content:space-between;padding:8px 0;color:#cfc1d5;border-top:1px solid rgba(255,255,255,.1);font-size:10px}.plan-move b{color:#a3ffcb}.plan-actions{display:flex;gap:7px;margin-top:10px}.plan-actions button,.terminal-undo{padding:8px 10px;color:#fff;background:#7c3aed;border:0;border-radius:8px;font-size:10px;font-weight:800}.plan-actions .reject,.terminal-undo{color:#bcaeca;background:rgba(255,255,255,.08)}.landing-activity { display:flex; align-items:center; gap:10px; min-height:46px; padding:0 18px; color:#8c7a99; border-top:1px solid rgba(255,255,255,.09); font:10px ui-monospace,monospace; }.activity-prompt{color:#f076c9;font-size:9px;font-weight:800;letter-spacing:.1em}.terminal-undo{margin-left:auto}.terminal-undo:disabled{cursor:not-allowed;opacity:.4}.playground-caption { display:flex; align-items:center; gap:7px; margin:14px 0 0; color:#8f819d; font-size:10px; line-height:1.5; }.playground-caption svg{width:13px;color:#ff74d1}.landing-budget-row.flash .landing-bar{box-shadow:0 0 0 2px #a3ffcb;animation:flash 1.1s ease}@keyframes flash{0%{transform:scale(1)}40%{transform:scale(1.02)}100%{transform:scale(1)}}
.testimonials-section { padding:37px 0 117px; }.testimonial-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.testimonial { position:relative; min-height:230px; padding:26px; border:1px solid rgba(226,219,237,.85); border-radius:20px; }.quote-mark { color:#cb9cff; font:700 48px/1 Georgia,serif; }.testimonial p { min-height:66px; margin:4px 0 25px; color:#61566d; font-size:12px; line-height:1.7; }.person { display:flex; align-items:center; gap:9px; }.person-avatar { display:grid; place-items:center; width:30px; height:30px; color:#fff; border-radius:10px; font-size:8px; font-weight:800; }.avatar-purple{background:#8b4ce9}.avatar-green{background:#19a879}.avatar-pink{background:#e958ae}.person b,.person small{display:block}.person b{color:#342541;font-size:10px}.person small{margin-top:2px;color:#9a90a1;font-size:9px}.pricing-section { padding:20px 0 125px; }.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; align-items:stretch; }.price-card { position:relative; display:flex; flex-direction:column; min-height:397px; padding:27px; border:1px solid #e4ddea; border-radius:21px; }.price-card h3 { margin:13px 0 0; color:#2c1c3b; font:700 28px 'Space Grotesk',sans-serif; letter-spacing:-.06em; }.price-card h3 span{color:#8d8197;font:500 12px Inter,sans-serif;letter-spacing:0}.price-kicker { color:#8553d9; font-size:9px; font-weight:800; letter-spacing:.16em; }.price-description { min-height:38px; margin:10px 0 20px; color:#84788d; font-size:11px; line-height:1.5; }.price { padding:13px 0; border-top:1px solid #eee9f3; border-bottom:1px solid #eee9f3; }.price b{font:700 25px 'Space Grotesk',sans-serif}.price span{color:#94879c;font-size:10px}.price-card .check-list{margin:20px 0 24px}.price-button { margin-top:auto; color:#6340a2; background:#f1e9ff; box-shadow:none }.price-button:hover{box-shadow:none}.featured-price { color:#fff; background:linear-gradient(145deg,#281043,#10091b); border-color:#6935a0; box-shadow:0 24px 62px rgba(75,25,132,.25); transform:translateY(-9px) }.featured-price h3{color:#fff}.featured-price .price-description{color:#b6a4c1}.featured-price .price{border-color:rgba(255,255,255,.14)}.featured-price .price span{color:#ad99b7}.featured-price .check-list{color:#d6c7dc}.featured-price .check-list svg{color:#24102f;background:#a3ffcb}.featured-price .price-kicker{color:#a3ffcb}.popular-pill { position:absolute; top:18px; right:18px; padding:5px 8px; color:#1d1030; background:#a3ffcb; border-radius:99px; font-size:8px; font-weight:900; }.light-button{color:#22102e;background:linear-gradient(100deg,#a3ffcb,#ffe08b);}.cta-section { position:relative; display:flex; align-items:center; justify-content:space-between; width:min(1180px,calc(100% - 40px)); min-height:310px; margin:0 auto 80px; overflow:hidden; padding:46px 58px; color:#fff; background:linear-gradient(112deg,#2a0c49,#0d0716 79%); border:1px solid #4a2370; border-radius:28px; box-shadow:0 24px 80px rgba(47,13,79,.27); }.cta-section:before { position:absolute; inset:0; content:''; background-image:radial-gradient(rgba(255,255,255,.15) 1px,transparent 1px); background-size:18px 18px; opacity:.15; }.cta-orb { position:absolute; right:13%; width:310px; height:310px; background:radial-gradient(circle,rgba(255,111,207,.52),rgba(124,58,237,.16) 39%,transparent 70%); filter:blur(5px); }.cta-content,.cta-side-note{position:relative;z-index:1}.light-eyebrow{color:#b9ffd8}.cta-content h2{color:#fff}.cta-content>p:not(.eyebrow){max-width:470px;margin:14px 0 22px;color:#b8a6c1;font-size:12px;line-height:1.6}.cta-button{color:#241031;background:linear-gradient(100deg,#a3ffcb,#ffe080);box-shadow:0 10px 25px rgba(163,255,203,.2)}.cta-side-note { align-self:flex-end; padding:14px 17px; color:#cfb4ec; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.13); border-radius:13px; font-size:11px; transform:rotate(3deg) }.cta-side-note span,.cta-side-note b{display:block}.cta-side-note b{margin-top:4px;color:#ff84d3;font:700 16px 'Space Grotesk',sans-serif}.footer { display:flex; align-items:center; justify-content:space-between; width:min(1180px,calc(100% - 40px)); min-height:100px; margin:0 auto; padding:25px 0 35px; color:#9a91a2; border-top:1px solid #eeeaf2; font-size:10px; }.footer-logo{color:#35243f}.footer-links{display:flex;gap:19px}.footer-links a{display:flex;align-items:center;gap:4px;font-weight:700}.footer-links svg{width:12px;height:12px}
@media (max-width:900px){.nav-links{margin-left:0}.hero{grid-template-columns:1fr;gap:35px;padding-top:70px}.hero-visual{min-height:430px}.hero-copy{max-width:680px}.feature-grid,.testimonial-grid,.pricing-grid{grid-template-columns:1fr}.feature-card{min-height:0}.bento-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.tool-card{grid-row:span 1;grid-column:span 2;min-height:270px}.approval-card{min-height:215px}.featured-price{transform:none}.cta-section{padding:42px 35px}.cta-side-note{display:none}}
.landing-toast { position:absolute; right:18px; bottom:58px; z-index:4; max-width:290px; padding:10px 13px; color:#1c1028; background:#a3ffcb; border-radius:9px; box-shadow:0 10px 24px rgba(0,0,0,.25); font-size:10px; font-weight:800; opacity:0; transform:translateY(8px); pointer-events:none; transition:opacity .2s ease,transform .2s ease; }.landing-toast.visible { opacity:1; transform:translateY(0); }
@media (max-width:600px){.nav{width:calc(100% - 24px);top:8px;margin-top:8px}.nav-links{display:none}.nav-cta{padding:9px 10px;font-size:10px}.section-grid,.section,.footer,.cta-section{width:calc(100% - 28px)}.hero{padding:63px 0 65px}.hero h1{font-size:48px}.hero-subhead{font-size:13px}.hero-proof{flex-wrap:wrap}.hero-visual{min-height:350px}.hero-ring{width:280px;height:280px}.ring-two{width:230px;height:230px}.hero-orb-card{width:250px;padding:20px}.pulse-number{font-size:55px}.tag-top{top:25px;right:0}.tag-bottom{bottom:28px;left:0}.feature-section,.bento-section,.playground-section,.testimonials-section,.pricing-section{padding-bottom:75px}.bento-grid{grid-template-columns:1fr}.tool-card{grid-column:auto}.tool-chip-grid{grid-template-columns:1fr}.terminal-body{grid-template-columns:1fr}.budget-watch{border-top:1px solid rgba(255,255,255,.09);border-left:0}.landing-budgets{grid-template-columns:1fr 1fr}.landing-budget-row:last-child{grid-column:span 2}.landing-activity{flex-wrap:wrap;padding:10px 18px}.terminal-undo{margin-left:0}.playground-caption{align-items:flex-start}.cta-section{min-height:280px;padding:35px 25px}.footer{align-items:flex-start;flex-direction:column;gap:17px}.footer-links{flex-wrap:wrap}.price-card{min-height:370px}}