/* === styles.css === */
:root{--bg:#090a10;--surface:#11121a;--surface-2:#181923;--ink:#f5f4fa;--muted:#a4a4b2;--line:rgba(255,255,255,.09);--violet:#a875ff;--blue:#6d8cff;--pink:#f58ed8;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.page-glow{position:absolute;pointer-events:none;filter:blur(80px);opacity:.22;border-radius:50%}.glow-one{width:520px;height:360px;background:#6c4bff;top:370px;left:-200px}.glow-two{width:420px;height:360px;background:#e857bd;top:1900px;right:-270px}.site-header{max-width:1320px;margin:0 auto;height:82px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.8px}.brand em{font:10px var(--mono);font-style:normal;letter-spacing:.02em;color:#898997;padding:3px 6px;border:1px solid #30303b;border-radius:10px;margin-left:2px}.brand-mark{display:grid;grid-template-columns:repeat(2,7px);gap:2px;width:16px}.brand-mark i{display:block;width:7px;height:7px;border-radius:3px;background:linear-gradient(135deg,#e8b5ff,#7799ff)}.brand-mark i:first-child{grid-column:span 2;width:16px;background:linear-gradient(90deg,#c891ff,#7b91ff)}.site-header nav{display:flex;gap:37px;margin-left:100px}.site-header nav a,.header-link,footer a{font-size:13px;color:#a6a6b0;text-decoration:none;transition:color .2s}.site-header nav a:hover,.header-link:hover,footer a:hover{color:#fff}.header-link{color:#eee;border:1px solid #2d2e38;border-radius:9px;padding:9px 13px}.header-link span{color:#bf98ff;padding-left:3px}.section-shell{max-width:1240px;margin:auto;padding-left:32px;padding-right:32px}.hero{text-align:center;padding-top:76px;position:relative}.eyebrow,.section-kicker{font:11px var(--mono);letter-spacing:.07em;color:#9d9ca9}.eyebrow{display:flex;align-items:center;justify-content:center;gap:8px}.eyebrow span{width:6px;height:6px;background:#bd91ff;box-shadow:0 0 12px #bd91ff;border-radius:50%}.hero h1,.intro h2,.intelligence h2,.modules h2,.closing h2{font-size:clamp(53px,7.2vw,102px);line-height:.97;letter-spacing:-.075em;margin:22px 0 24px;font-weight:700}.hero h1 span,.intro h2 span,.intelligence h2 span,.modules h2 span,.closing h2 span{background:linear-gradient(105deg,#dcaaff 10%,#9d97ff 49%,#78beff 95%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy{font-size:17px;line-height:1.62;color:#aeafbb;max-width:625px;margin:0 auto}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}.button{display:inline-flex;gap:16px;align-items:center;justify-content:center;border-radius:12px;padding:13px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.primary{color:white;background:linear-gradient(110deg,#9a63ff,#637cff);box-shadow:0 10px 30px rgba(111,103,255,.22)}.quiet{color:#c9c8d1;border:1px solid #292a35}.hero-stage{height:650px;position:relative;margin-top:53px;perspective:1200px}.product-window{position:absolute;z-index:1;left:50%;top:50px;transform:translateX(-50%) rotateX(2deg);width:min(1100px,96vw);border:1px solid rgba(255,255,255,.14);border-radius:17px;background:#11121a;overflow:hidden;box-shadow:0 50px 100px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.02) inset;text-align:left}.window-bar{height:44px;background:#181923;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 14px;color:#8d8e9b;font-size:10px}.window-dots{display:flex;gap:5px}.window-dots b{display:block;width:7px;height:7px;border-radius:50%;background:#30313d}.window-dots b:first-child{background:#ff7f6f}.window-title{margin:auto;display:flex;align-items:center;gap:5px}.tiny-logo{font-size:8px;font-weight:800;color:#d5b5ff}.window-user{color:#cdced7}.online-dot{display:inline-block;width:5px;height:5px;background:#76dfaf;border-radius:50%;margin-right:4px}.app-grid{height:497px;display:grid;grid-template-columns:185px 1fr 208px}.sidebar{background:#14151e;border-right:1px solid var(--line);padding:14px 10px;position:relative}.workspace-chip{height:34px;border:1px solid #2b2c37;border-radius:8px;display:flex;align-items:center;gap:7px;padding:5px;font-size:10px;color:#dedee5}.workspace-chip b{margin-left:auto;color:#747582}.workspace-icon{background:linear-gradient(135deg,#d39eff,#717eff);height:21px;width:21px;display:grid;place-items:center;color:#fff;border-radius:5px;font-size:9px;font-weight:bold}.side-label{font:8px var(--mono);letter-spacing:.08em;color:#5c5d6b;margin:20px 7px 8px}.side-label.spacer{margin-top:21px}.side-item{display:flex;align-items:center;gap:8px;color:#888a99;text-decoration:none;font-size:10px;padding:7px 7px;border-radius:6px;margin:1px 0}.side-item span{font-size:12px;color:#9b9daa}.side-item i{margin-left:auto;background:#2a2b37;border-radius:7px;font:8px var(--mono);padding:2px 4px;color:#d0d0d8}.side-item.active{background:#262535;color:#f1eff7}.side-item.active span{color:#d3a4ff}.sidebar-bottom{position:absolute;bottom:14px;left:11px;right:11px;display:flex;align-items:center;gap:6px;padding:8px 6px;color:#c2c1cd;font-size:9px;border-top:1px solid var(--line)}.sidebar-bottom kbd{margin-left:auto;font:8px var(--mono);color:#7c7e8a;border:1px solid #343541;border-radius:3px;padding:2px}.tiny-orb{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f4b1e2,#966df0 44%,#263a99);box-shadow:0 0 7px #aa7cff}.dashboard{padding:26px 29px;background:linear-gradient(140deg,#171823,#11121a)}.dashboard-top{display:flex;justify-content:space-between;align-items:flex-start}.dashboard-top p{font:8px var(--mono);color:#747582;letter-spacing:.09em;margin:0 0 7px}.dashboard h2{font-size:20px;letter-spacing:-.6px;margin:0}.plus-button{border:0;border-radius:50%;width:26px;height:26px;color:#c8bdff;background:#2e2a47;font-size:18px}.focus-card{background:linear-gradient(105deg,rgba(147,94,255,.18),rgba(75,103,205,.15));border:1px solid rgba(175,146,255,.18);margin-top:23px;border-radius:11px;padding:14px 15px}.focus-top{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.07em;color:#a9a6c0}.focus-time{color:#c9b4ff}.focus-main{display:flex;align-items:center;gap:10px;margin:11px 0}.task-check{width:15px;height:15px;border:1px solid #555664;border-radius:5px;display:grid;place-items:center;font-size:9px;color:#111}.task-check.checked{background:#b18afe;border-color:#b18afe}.focus-main strong,.task-row strong{font-size:11px;color:#f1f0f6}.focus-main p{font-size:9px;color:#8e8f9c;margin:3px 0 0}.avatars{margin-left:auto;display:flex}.avatars b{display:grid;place-items:center;width:20px;height:20px;margin-left:-5px;border:1px solid #4e4275;border-radius:50%;background:#483767;font:7px var(--mono);color:#eadfff}.avatars b:nth-child(2){background:#33516d;border-color:#547895}.progress{height:3px;border-radius:5px;background:rgba(255,255,255,.1)}.progress i{display:block;width:64%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d095ff,#7e90ff)}.board-heading{display:flex;align-items:center;justify-content:space-between;margin:23px 0 10px}.board-heading h3{margin:0;font-size:12px;letter-spacing:-.2px}.board-heading button{border:0;background:none;color:#a588e4;font-size:9px}.task-rows{border:1px solid #282935;border-radius:9px;overflow:hidden;background:#171822}.task-row{height:49px;border-bottom:1px solid #292a34;display:grid;align-items:center;grid-template-columns:17px 1fr 52px 56px 18px;gap:7px;padding:0 11px}.task-row:last-child{border:0}.task-row strong{display:block;font-size:9px}.task-row span{font-size:8px;color:#777886}.tag{font:7px var(--mono);font-style:normal;border-radius:4px;padding:3px 4px;text-align:center}.tag.violet{background:#3e2e5b;color:#d7b5ff}.tag.blue{background:#263752;color:#a9ccff}.tag.green{background:#1d433b;color:#a5e6cb}.task-row time{font-size:8px;color:#9c9da7}.mini-avatar{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;font:7px var(--mono);color:#fff}.plum{background:#765368}.sand{background:#9d7f61}.ink{background:#4b607d}.right-rail{background:#14151e;border-left:1px solid var(--line);padding:19px 14px}.right-rail-head{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.09em;color:#6e7080}.right-rail-head button{border:0;color:#92939e;background:none;font-weight:bold}.sound-card{margin-top:13px;padding:10px;border-radius:9px;background:#1c1d27}.sound-cover{height:65px;border-radius:6px;overflow:hidden;background:radial-gradient(circle at 50% 68%,#fc91d5 0 6%,transparent 7%),radial-gradient(circle at 50% 68%,#7e75eb 0 22%,transparent 23%),linear-gradient(130deg,#352b68,#182743);display:flex;align-items:flex-end;justify-content:center;gap:3px;padding-bottom:9px}.sound-cover i{width:3px;background:#e8b5ff;border-radius:4px}.sound-cover i:nth-child(1),.sound-cover i:nth-child(5){height:11px}.sound-cover i:nth-child(2),.sound-cover i:nth-child(4){height:23px}.sound-cover i:nth-child(3){height:31px}.sound-card strong{font-size:9px;display:block;margin-top:8px}.sound-card p{font-size:8px;color:#858694;margin:3px 0 10px}.sound-controls{display:flex;justify-content:space-between;align-items:center;color:#9395a2;font-size:10px}.sound-controls b{width:20px;height:20px;border-radius:50%;background:#eee9fd;color:#20212b;display:grid;place-items:center;font-size:8px}.right-rail-head.next{margin-top:22px}.pulse-item{display:flex;align-items:flex-start;gap:6px;margin:13px 0}.portrait{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:8px var(--mono);color:#fff}.portrait-a{background:#5a6c91}.portrait-b{background:#9b6e64}.pulse-item p{font-size:8px;line-height:1.35;color:#9394a1;margin:0}.pulse-item p b{color:#dddde5}.pulse-item time{margin-left:auto;font:7px var(--mono);color:#676875}.ai-suggestion{margin-top:17px;border-radius:8px;padding:9px;background:linear-gradient(135deg,#24213b,#1c2439);border:1px solid #3a3658}.ai-suggestion div{display:flex;gap:4px;align-items:center;color:#c4b2ff;font-size:8px}.spark{font-size:13px}.ai-suggestion p{font-size:8px;line-height:1.45;color:#bab9ca;margin:7px 0}.ai-suggestion button{border:0;background:none;padding:0;font-size:8px;color:#c7adff}.ai-orb{position:absolute;width:260px;height:260px;top:-40px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 31% 27%,#ffb1e8 0,transparent 18%),radial-gradient(circle at 60% 61%,#5451e7 4%,#251861 38%,#0e132f 66%,transparent 70%);filter:blur(2px);opacity:.9;animation:float 7s ease-in-out infinite}.ai-orb:before{content:"";inset:-10px;position:absolute;border-radius:inherit;border:1px solid rgba(204,173,255,.25);animation:pulse 5s ease-in-out infinite}.ai-orb div{position:absolute;inset:16%;border:1px solid rgba(255,255,255,.12);border-radius:44% 56% 46% 54%/52% 39% 61% 48%;transform:rotate(23deg)}.orbital{position:absolute;left:50%;top:48px;width:440px;height:230px;border:1px solid rgba(154,123,255,.19);border-radius:50%;transform:translateX(-50%) rotate(-18deg)}.orbital-b{width:350px;height:450px;top:-60px;transform:translateX(-50%) rotate(56deg);border-color:rgba(119,164,255,.13)}@keyframes float{50%{transform:translate(-50%,8px) scale(1.04)}}@keyframes pulse{50%{inset:-22px;opacity:.4}}.signal-strip{margin:0 auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1240px;padding:21px 32px;display:flex;justify-content:space-between;align-items:center;color:#c4c3ce}.signal-strip p{font-size:13px;margin:0}.signal-strip div{display:flex;align-items:center;gap:13px;font:10px var(--mono);color:#7f7f8d}.signal-strip i{height:3px;width:3px;border-radius:50%;background:#9c7eff}.intro{padding-top:155px;padding-bottom:140px;position:relative}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.intro h2,.intelligence h2,.modules h2{font-size:clamp(42px,5.3vw,72px);margin:13px 0 0}.intro-grid p,.intelligence-copy>p,.section-top>p{font-size:16px;line-height:1.65;color:#aaaab6;margin:0 0 23px;max-width:410px}.text-link{font-size:12px;font-weight:700;color:#d4bcff;text-decoration:none}.text-link span{margin-left:6px}.feature-grid{display:grid;grid-template-columns:1.26fr 1fr 1fr;gap:13px;margin-top:69px}.feature-card{min-height:407px;overflow:hidden;padding:19px;background:linear-gradient(140deg,#151620,#0e0f16);border:1px solid #242530;border-radius:16px;position:relative}.feature-card.large-card{background:linear-gradient(140deg,#1b1a2b,#11121b)}.feature-card-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.icon-box{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#29263d;color:#cdb0ff;font-size:14px}.card-index{font:9px var(--mono);color:#6e6e7c}.feature-card h3{font-size:18px;line-height:1.25;letter-spacing:-.6px;margin:0 0 9px;position:relative;z-index:1}.feature-card>p{font-size:12px;line-height:1.6;color:#9697a5;max-width:265px;margin:0;position:relative;z-index:1}.project-visual{position:absolute;top:52px;left:0;right:0;height:207px;background:radial-gradient(ellipse at 42% 50%,rgba(148,112,255,.24),transparent 56%)}.project-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#8969e2,transparent);transform-origin:left}.line-one{width:226px;left:91px;top:102px;transform:rotate(-18deg)}.line-two{width:180px;left:110px;top:111px;transform:rotate(36deg)}.line-three{width:132px;left:164px;top:61px;transform:rotate(73deg)}.project-dot{position:absolute;width:15px;height:15px;border-radius:50%;border:3px solid #171724;background:#be9aff;box-shadow:0 0 13px #926eff}.dot-one{left:103px;top:97px}.dot-two{left:276px;top:39px;background:#7193ff;box-shadow:0 0 13px #7193ff}.dot-three{left:248px;top:204px;background:#e58ccc;box-shadow:0 0 13px #e58ccc}.project-note{position:absolute;left:229px;top:11px;border:1px solid rgba(255,255,255,.13);box-shadow:0 10px 30px #0b0c15;background:#21202f;border-radius:7px;padding:8px 10px;font-size:9px;color:#e8e6ef;transform:rotate(-3deg)}.project-note span{color:#a98cff;margin-left:8px}.collab-visual{height:211px;position:relative}.chat-bubble{position:absolute;top:45px;left:11px;background:#282937;border:1px solid #3a3b4b;border-radius:12px 12px 12px 2px;padding:10px 12px;color:#e8e7ee;font-size:10px;line-height:1.5;box-shadow:0 20px 30px rgba(0,0,0,.2);transform:rotate(-2deg)}.chat-bubble b{color:#e4a8ff}.typing{position:absolute;right:17px;top:127px;padding:8px 9px;background:#b78aff;border-radius:10px 10px 2px 10px;display:flex;gap:3px}.typing i{display:block;width:3px;height:3px;border-radius:50%;background:#3f2e60}.cursor-tag{position:absolute;right:18px;top:32px;color:#e5c2ff;font:9px var(--mono);transform:rotate(10deg)}.cursor-tag span{display:inline-block;margin-left:5px;width:10px;height:13px;clip-path:polygon(0 0,100% 62%,56% 70%,38% 100%);background:#e5c2ff}.brand-visual{height:211px;position:relative}.brand-ring{position:absolute;left:50%;top:92px;transform:translate(-50%,-50%);height:138px;width:138px;border-radius:50%;border:1px dashed #8566d0;box-shadow:inset 0 0 40px rgba(137,95,222,.16),0 0 45px rgba(117,93,216,.11);display:grid;place-items:center;text-align:center;font:10px var(--mono);line-height:1.4;color:#c6a6ff}.brand-ring:after{content:"";width:74px;height:74px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#edb4ec,#8b66e6 43%,#34366e);filter:blur(.2px)}.brand-ring span{position:absolute;z-index:1}.brand-tags i{position:absolute;font:8px var(--mono);font-style:normal;color:#ccc4de;background:#232431;border:1px solid #363744;padding:5px 7px;border-radius:5px}.brand-tags i:nth-child(1){left:10px;top:51px}.brand-tags i:nth-child(2){right:8px;top:78px}.brand-tags i:nth-child(3){left:36px;bottom:23px}.intelligence{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding-top:135px;padding-bottom:155px;border-top:1px solid var(--line)}.intelligence-visual{height:508px;border-radius:20px;background:radial-gradient(circle at 50% 47%,#292258,#121521 43%,#101118 72%);border:1px solid #292a38;position:relative;overflow:hidden}.grid-floor{position:absolute;inset:53% -30% -24%;background-image:linear-gradient(rgba(142,122,238,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(142,122,238,.2) 1px,transparent 1px);background-size:36px 36px;transform:perspective(180px) rotateX(57deg);mask-image:linear-gradient(to bottom,transparent,black)}.intelligence-orb{width:218px;height:218px;position:absolute;top:133px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle at 30% 27%,#ffbbeb 1%,transparent 16%),radial-gradient(circle at 42% 43%,#a674ff 3%,#4b35a2 37%,#171d54 66%,#101329 72%);box-shadow:0 0 70px rgba(136,95,255,.54),inset -20px -20px 50px #182269;animation:float 6s ease-in-out infinite}.intelligence-orb:before,.intelligence-orb:after{content:"";position:absolute;border-radius:48% 52% 54% 46%/61% 40% 60% 39%;inset:15px;border:1px solid rgba(255,255,255,.18);transform:rotate(33deg)}.intelligence-orb:after{inset:-17px;border-color:rgba(192,145,255,.33);transform:rotate(103deg)}.prompt-float{position:absolute;background:rgba(31,30,49,.79);backdrop-filter:blur(8px);border:1px solid rgba(194,172,255,.24);box-shadow:0 18px 30px rgba(0,0,0,.22);border-radius:9px;padding:9px 11px}.prompt-float em{display:block;font:7px var(--mono);font-style:normal;letter-spacing:.1em;color:#89839e;margin-bottom:4px}.prompt-float b{display:block;font-size:10px}.prompt-float small{font-size:8px;color:#adadbc}.prompt-a{top:91px;left:32px;transform:rotate(-5deg)}.prompt-b{right:28px;top:202px;font-size:9px;color:#d6c4ff}.prompt-b span{color:#d29aff;font-size:13px;margin-right:5px}.prompt-c{bottom:57px;right:43px;transform:rotate(4deg)}.intelligence-copy h2{margin-bottom:22px}.intelligence-copy ul{padding:0;margin:33px 0 28px;list-style:none}.intelligence-copy li{display:flex;gap:12px;margin:18px 0}.intelligence-copy li>span{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#23223a;color:#c8a9ff;font-size:12px;flex:0 0 auto}.intelligence-copy li b{display:block;font-size:12px;margin:0 0 4px}.intelligence-copy li small{font-size:11px;color:#92939f}.modules{padding-top:135px;padding-bottom:150px;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:end}.section-top>p{margin-bottom:9px}.module-wheel-wrap{display:grid;grid-template-columns:1fr .55fr;gap:54px;align-items:center;margin-top:57px}.module-wheel{height:520px;position:relative;border-radius:19px;border:1px solid #282937;background:radial-gradient(circle at 50% 50%,#24223a 0%,#14151f 30%,#0e0f15 72%);overflow:hidden}.module-wheel:before,.module-wheel:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(185,152,255,.18)}.module-wheel:before{width:355px;height:355px}.module-wheel:after{width:228px;height:228px;border-style:dashed}.wheel-core{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:115px;height:115px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#604596,#25213e 60%,#12151f);border:1px solid #70609c;box-shadow:0 0 42px rgba(167,113,255,.35)}.wheel-core b{font-size:12px;margin-top:8px}.wheel-item{position:absolute;display:flex;flex-direction:column;gap:4px;align-items:center;border:0;color:#a4a4b2;background:none;font:10px var(--sans);cursor:pointer;transition:color .2s,transform .2s}.wheel-item:hover,.wheel-item.active-wheel{color:#fff;transform:scale(1.08)}.wheel-item span{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;background:#22232e;border:1px solid #383946;color:#c7a6ff;font-size:15px}.wheel-tasks{top:53px;left:calc(50% - 21px)}.wheel-chat{top:112px;right:90px}.wheel-plan{bottom:111px;right:81px}.wheel-files{bottom:43px;left:calc(50% - 21px)}.wheel-create{bottom:111px;left:85px}.wheel-force{top:112px;left:88px}.wheel-projects{top:237px;left:31px}.module-detail{padding:10px 15px}.module-detail-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#b27bff,#798cff);font-size:22px;box-shadow:0 10px 30px rgba(154,112,255,.3)}.module-eyebrow{font:10px var(--mono);color:#9d80d7;letter-spacing:.08em;margin:26px 0 8px}.module-detail h3{font-size:28px;line-height:1.1;letter-spacing:-1px;margin:0 0 14px}.module-detail>p:not(.module-eyebrow){font-size:13px;line-height:1.65;color:#9e9eac}.module-stat{margin-top:28px;border-top:1px solid var(--line);padding-top:19px;display:flex;gap:10px;align-items:center}.module-stat b{font-size:39px;letter-spacing:-2px;color:#d4bbff}.module-stat span{font-size:10px;line-height:1.4;color:#9798a6}.closing{text-align:center;border-top:1px solid var(--line);padding-top:152px;padding-bottom:143px;position:relative;overflow:hidden}.closing:before{content:"";position:absolute;width:580px;height:300px;border-radius:50%;background:#7858e8;filter:blur(100px);opacity:.15;left:50%;top:100px;transform:translateX(-50%)}.closing>*{position:relative;z-index:1}.closing .section-kicker{color:#b394ef}.closing h2{font-size:clamp(52px,6.4vw,86px);margin:14px 0 21px}.closing>p{color:#aaaab6;line-height:1.65;max-width:540px;margin:0 auto 27px;font-size:15px}.closing small{display:block;margin-top:18px;color:#747582;font:10px var(--mono)}.closing-orb{position:absolute;width:185px;height:185px;left:50%;top:76px;transform:translateX(-50%);z-index:0;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fbbce4,transparent 18%),radial-gradient(circle at 55% 58%,#6059ec,#211d5b 60%,transparent 65%);filter:blur(3px);opacity:.6}.closing-orb i{position:absolute;inset:-32px;border:1px solid #a57af1;border-radius:50%;opacity:.3}footer{max-width:1240px;border-top:1px solid var(--line);margin:auto;min-height:85px;padding:0 32px;display:flex;align-items:center;justify-content:space-between}footer p{font-size:11px;color:#747582}footer>div{display:flex;gap:23px}footer a{font-size:11px}@media(max-width:900px){.site-header nav{margin-left:0;gap:18px}.app-grid{grid-template-columns:155px 1fr}.right-rail{display:none}.hero-stage{height:540px}.product-window{top:35px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card.large-card{grid-column:span 2}.intelligence{grid-template-columns:1fr;gap:46px}.intelligence-copy{max-width:600px}.module-wheel-wrap{grid-template-columns:1fr;gap:20px}.module-detail{max-width:500px}.section-top{display:block}.section-top>p{margin-top:24px}.signal-strip{margin:0 32px}.signal-strip div{display:none}}@media(max-width:600px){.site-header{height:65px;padding:0 18px}.site-header nav{display:none}.header-link{font-size:11px;padding:8px 10px}.section-shell{padding-left:20px;padding-right:20px}.hero{padding-top:58px}.hero-copy{font-size:14px}.hero-actions{flex-direction:column;align-items:center}.button{width:max-content}.hero-stage{height:370px;margin-top:32px}.product-window{width:670px;transform:translateX(-50%) scale(.62);transform-origin:top center;top:0}.ai-orb,.orbital{transform:translateX(-50%) scale(.75);transform-origin:center}.ai-orb{top:-80px}.orbital{top:-40px}.app-grid{height:497px}.signal-strip{margin:0 20px;padding:16px 0}.signal-strip p{font-size:11px}.intro{padding-top:90px;padding-bottom:90px}.intro-grid{grid-template-columns:1fr;gap:20px}.intro-grid p{font-size:14px}.feature-grid{grid-template-columns:1fr;margin-top:40px}.feature-card.large-card{grid-column:span 1}.feature-card{min-height:360px}.intelligence{padding-top:90px;padding-bottom:90px}.intelligence-visual{height:390px}.intelligence-orb{transform:translateX(-50%) scale(.75);top:85px}.prompt-a{left:17px;top:55px}.prompt-c{right:17px;bottom:34px}.prompt-b{right:18px;top:167px}.modules{padding-top:90px;padding-bottom:90px}.module-wheel{height:440px}.module-wheel:before{width:295px;height:295px}.wheel-chat{right:49px}.wheel-plan{right:42px}.wheel-create{left:44px}.wheel-force{left:45px}.wheel-projects{left:15px}.closing{padding-top:100px;padding-bottom:95px}footer{padding:19px 20px;min-height:auto;flex-wrap:wrap;gap:15px}footer p{display:none}footer>div{gap:14px}}

/* === features.css === */
.teams{border-top:1px solid var(--line);padding-top:138px;padding-bottom:138px}.team-heading{text-align:center;max-width:710px;margin:0 auto}.team-heading h2,.faq-heading h2{font-size:clamp(42px,5.4vw,72px);line-height:.99;letter-spacing:-.07em;margin:15px 0 18px}.team-heading h2 span,.faq-heading h2 span{background:linear-gradient(105deg,#dcaaff 10%,#9d97ff 49%,#78beff 95%);background-clip:text;-webkit-background-clip:text;color:transparent}.team-heading>p{font-size:15px;line-height:1.65;color:#a7a8b4;margin:0 auto;max-width:570px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:57px}.team-card{min-height:220px;padding:28px 27px;border:1px solid #262732;border-radius:15px;background:linear-gradient(145deg,#15161e,#101117);transition:transform .25s,border-color .25s,background .25s}.team-card:hover{transform:translateY(-4px);border-color:rgba(172,139,255,.54);background:linear-gradient(145deg,#1b1928,#11121b)}.team-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#22232d;color:#ae8bff;font-size:19px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.team-card h3{font-size:18px;letter-spacing:-.6px;margin:27px 0 10px}.team-card p{font-size:12px;line-height:1.65;color:#9899a6;margin:0}.faq{border-top:1px solid var(--line);padding-top:140px;padding-bottom:145px}.faq-heading{text-align:center;margin-bottom:51px}.faq-list{max-width:940px;margin:auto}.faq-list details{background:#14151b;border:1px solid #282934;border-radius:15px;margin:11px 0;transition:border-color .2s,background .2s}.faq-list details[open]{background:linear-gradient(105deg,#191827,#151620);border-color:rgba(165,133,255,.43)}.faq-list summary{list-style:none;cursor:pointer;min-height:78px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#f0eff5;font-size:16px;font-weight:600;letter-spacing:-.3px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:30px/1 var(--sans);font-weight:300;color:#a68aff;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:755px;margin:0;padding:0 26px 24px;color:#a4a4b1;font-size:13px;line-height:1.65}.faq-list details[open] p{animation:answer .25s ease-out}@keyframes answer{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.team-grid{grid-template-columns:1fr 1fr}.teams,.faq{padding-top:100px;padding-bottom:100px}}@media(max-width:600px){.team-grid{grid-template-columns:1fr;gap:10px;margin-top:37px}.team-card{min-height:190px;padding:23px}.team-card h3{margin-top:20px}.faq{padding-top:90px;padding-bottom:95px}.faq-heading{margin-bottom:33px}.faq-list summary{padding:0 18px;min-height:67px;font-size:14px}.faq-list details p{padding:0 18px 19px;font-size:12px}.faq-list summary span{font-size:26px}}

/* === hero-rework.css === */
body{background:#090a10}.site-header{position:absolute;z-index:10;top:61px;left:50%;transform:translateX(-50%);width:min(1047px,calc(100% - 48px));height:80px;padding:0 18px 0 28px;background:rgba(2,25,57,.68);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(75,157,205,.14);border-radius:18px;box-shadow:0 15px 35px rgba(0,25,56,.2);font-family:Inter,sans-serif}.site-header .hero-logo{display:flex;width:69px}.hero-logo img{display:block;width:69px;height:auto}.site-header nav{margin:0 0 0 auto;gap:71px}.site-header nav a{font:600 16px Inter,sans-serif;color:#fafcff}.site-header .header-link{margin-left:82px;min-width:158px;padding:13px 15px;border:0;border-radius:11px;background:#fff;color:#111;text-align:left;font:600 16px Inter,sans-serif}.site-header .header-link span{float:right;color:#111;font-size:27px;line-height:15px}.hero.section-shell{max-width:none;height:1080px;min-height:100vh;padding:0;text-align:left;overflow:hidden;background:#081f42}.hero.section-shell> :not(.moon-hero){display:none}.moon-hero{height:100%;position:relative;background-image:linear-gradient(180deg,rgba(5,26,59,.02) 39%,rgba(10,20,52,.04) 100%);background-size:cover;background-position:center center;font-family:Inter,sans-serif;color:#f8fbff}.moon-hero-copy{position:absolute;left:max(7.7vw,76px);top:26.1%;z-index:1}.moon-hero-copy h1{margin:0;font-size:clamp(42px,4.05vw,66px);line-height:1.14;font-weight:400;letter-spacing:.032em}.moon-hero-side{position:absolute;z-index:2;right:max(7.8vw,76px);top:25.5%;width:min(450px,28vw)}.moon-hero-side>p{margin:0 0 40px;font-size:17px;line-height:1.6;font-weight:400;color:#f3f7fe}.hero-glass-link{height:63px;padding:0 26px;margin:11px 0;display:flex;align-items:center;justify-content:space-between;border-radius:17px;background:rgba(194,221,249,.31);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff;text-decoration:none;font-size:16px}.hero-glass-link span{font-size:30px;font-weight:300}.app-preview-card{position:relative;margin-top:12px;padding:29px 30px 28px;border-radius:17px;background:#fff;color:#414149;box-shadow:0 18px 40px rgba(10,37,70,.18)}.app-preview-card p{margin:0 0 25px;font-size:16px;line-height:1.55;font-weight:400}.app-preview-card img{display:block;width:100%;border-radius:9px}.app-card-arrow{position:absolute;right:23px;top:22px;font-size:30px;line-height:1;color:#111;text-decoration:none}.invite-stack{position:absolute;z-index:2;left:max(11.6vw,108px);bottom:20.5%;width:355px;height:256px}.brainstorm-card,.call-card{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:white;background:rgba(184,192,210,.66);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 30px rgba(8,24,57,.1)}.brainstorm-card{left:0;bottom:0;width:205px;height:213px;border-radius:27px}.brainstorm-card span{font-size:50px;font-weight:200;line-height:1}.brainstorm-card p,.call-card p{margin:31px 0 0;font-size:18px;line-height:1.45}.call-card{right:0;top:0;width:205px;height:215px;border-radius:27px}.call-card img{width:74px;height:74px;border-radius:50%;object-fit:cover}.call-card p{margin-top:18px}.hero-chips{position:absolute;z-index:3;left:max(11.6vw,108px);bottom:6.6%;display:flex;gap:15px}.hero-chips button{display:flex;align-items:center;gap:13px;border:0;padding:9px 17px 9px 10px;border-radius:999px;color:#57585d;font:500 14px Inter,sans-serif;box-shadow:0 7px 16px rgba(8,25,55,.17)}.hero-chips b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#050505;color:white;font-size:22px;font-weight:400}.invite-chip{background:#b398ff}.share-chip{background:#c5e898}@media(max-width:1050px){.site-header nav{gap:30px}.site-header .header-link{margin-left:35px}.moon-hero-side{width:34vw;right:5vw}.moon-hero-copy{left:6vw}.invite-stack,.hero-chips{left:7vw}}@media(max-width:760px){.site-header{top:16px;width:calc(100% - 28px);height:60px;border-radius:14px;padding:0 12px 0 17px}.site-header nav{display:none}.site-header .header-link{margin-left:auto;min-width:auto;font-size:13px;padding:10px 12px}.site-header .header-link span{font-size:22px}.hero.section-shell{height:940px;min-height:940px}.moon-hero{background-position:56% center}.moon-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,18,48,.1),rgba(2,18,48,.23))}.moon-hero-copy{left:24px;top:14%;right:20px}.moon-hero-copy h1{font-size:39px}.moon-hero-side{z-index:3;left:24px;right:24px;top:31%;width:auto}.moon-hero-side>p{font-size:13px;margin-bottom:14px;line-height:1.5}.hero-glass-link{height:48px;border-radius:13px;margin:7px 0;padding:0 16px;font-size:12px}.hero-glass-link span{font-size:23px}.app-preview-card{display:none}.invite-stack{z-index:3;left:24px;bottom:110px;transform:scale(.72);transform-origin:left bottom}.hero-chips{z-index:3;left:24px;bottom:35px;gap:8px}.hero-chips button{font-size:11px;padding:6px 12px 6px 7px}.hero-chips b{width:27px;height:27px;font-size:17px}}

/* === hero-tuning.css === */
/* Small optical tightening requested for the hero navigation and right-hand cards. */
.site-header{width:min(1004px,calc(100% - 48px));height:72px;padding:0 16px 0 25px;border-radius:16px}.site-header .hero-logo,.hero-logo img{width:62px}.site-header nav{gap:64px}.site-header nav a{font-size:14px}.site-header .header-link{margin-left:72px;min-width:146px;padding:11px 14px;border-radius:10px;font-size:14px}.site-header .header-link span{font-size:24px;line-height:14px}.moon-hero-side{width:min(420px,26vw)}.moon-hero-side>p{margin-bottom:34px;font-size:16px}.hero-glass-link{height:58px;margin:10px 0;padding:0 23px;border-radius:15px;font-size:14px}.hero-glass-link span{font-size:28px}.app-preview-card{margin-top:11px;padding:25px 26px;border-radius:15px}.app-preview-card p{margin-bottom:21px;font-size:14px}.app-preview-card img{border-radius:8px}.app-card-arrow{right:20px;top:19px;font-size:27px}@media(max-width:760px){.site-header{height:60px;width:calc(100% - 28px)}.site-header .hero-logo,.hero-logo img{width:62px}.site-header .header-link{min-width:auto;font-size:13px}.moon-hero-side{width:auto}.moon-hero-side>p{font-size:13px}.hero-glass-link{height:48px;font-size:12px}.app-preview-card{display:none}}

/* Hero composition refinement */
.hero.section-shell{height:100svh;min-height:780px}.site-header .hero-logo{transform:translateY(-2px)}.site-header nav{position:absolute;left:50%;transform:translateX(-50%);margin:0}.site-header .header-link{margin-left:auto}.moon-hero-copy h1{font-size:clamp(38px,3.55vw,59px);line-height:1.16}.invite-stack{left:max(7.7vw,76px);bottom:19%;width:345px;height:330px}.brainstorm-card{width:190px;height:205px;border-radius:25px}.call-card{width:190px;height:200px;border-radius:25px}.brainstorm-card p,.call-card p{margin-top:24px;font-size:16px}.brainstorm-card span{font-size:44px}.call-card img{width:68px;height:68px}.hero-chips{left:max(7.7vw,76px);bottom:10%;gap:12px}.hero-chips button{gap:10px;padding:7px 14px 7px 8px;font-size:12px}.hero-chips b{width:30px;height:30px;font-size:19px}.invite-chip{transform:translateY(22px)}
@media(max-width:760px){.hero.section-shell{min-height:780px}.site-header nav{position:static;transform:none}.moon-hero-copy h1{font-size:37px}.invite-stack{left:24px;bottom:104px;height:295px;transform:scale(.7);transform-origin:left bottom}.hero-chips{left:24px;bottom:29px}.invite-chip{transform:translateY(12px)}}

/* === hero-arrows.css === */
/* Purpose-drawn arrows: horizontal in the navigation, outbound on the hero cards. */
.site-header .header-link{display:flex;align-items:center;justify-content:space-between}.site-header .header-link span{float:none;width:23px;height:18px;display:block;position:relative;font-size:0!important;line-height:0}.site-header .header-link span:before{content:"";position:absolute;left:0;top:8px;width:21px;height:2px;border-radius:2px;background:#101010}.site-header .header-link span:after{content:"";position:absolute;right:0;top:3px;width:10px;height:10px;border-top:2px solid #101010;border-right:2px solid #101010;transform:rotate(45deg)}.hero-glass-link span,.app-card-arrow{font-size:0!important;position:relative;display:block;width:25px;height:25px;flex:0 0 25px;line-height:0}.hero-glass-link span:before,.app-card-arrow:before{content:"";position:absolute;left:3px;bottom:4px;width:27px;height:2px;border-radius:2px;background:currentColor;transform:rotate(-45deg);transform-origin:left center}.hero-glass-link span:after,.app-card-arrow:after{content:"";position:absolute;right:0;top:0;width:11px;height:11px;border-top:2px solid currentColor;border-right:2px solid currentColor}.app-card-arrow{color:#111;right:20px;top:19px}.hero-glass-link span{color:#fff}

/* === hero-arrows-fix.css === */
.app-card-arrow{position:absolute}

/* === hero-arrow-assets.css === */
/* Brand arrow assets supplied for the hero. */
.site-header .header-link span:before,.site-header .header-link span:after,.hero-glass-link span:before,.hero-glass-link span:after,.app-card-arrow:before,.app-card-arrow:after{display:none}.site-header .header-link span{display:block;width:29px;height:18px;flex:0 0 29px}.site-header .header-link span img{display:block;width:29px;height:auto}.hero-glass-link span{display:grid;width:22px;height:22px;flex:0 0 22px}.hero-glass-link span img{display:block;width:22px;height:22px}.app-card-arrow{display:grid;width:22px;height:22px;right:20px;top:19px}.app-card-arrow img{display:block;width:22px;height:22px;filter:brightness(0)}.hero-glass-link{background:rgba(194,221,249,.24)}.hero-glass-link:first-of-type{background:rgba(194,221,249,.38)}.hero-chips{gap:12px}.hero-chips button{padding:9px 18px 5px 8px}.share-chip{transform:translateX(16px)}

/* === hero-arrow-scale.css === */
.site-header .header-link span{width:24px;height:15px;flex-basis:24px}.site-header .header-link span img{width:24px}.hero-glass-link span{width:18px;height:18px;flex-basis:18px}.hero-glass-link span img{width:18px;height:18px}.app-card-arrow,.app-card-arrow img{width:18px;height:18px}

/* === hero-feedback.css === */
/* Optical alignment pass from design feedback. */
.site-header{top:56px;width:min(960px,calc(100% - 48px))}.site-header nav{gap:50px;transform:translateX(calc(-50% - 38px))}.moon-hero-side{top:calc(25.5% - 20px)}.hero-glass-link{background:rgba(194,221,249,.34)}.hero-glass-link:first-of-type{background:rgba(194,221,249,.48)}.app-card-arrow{width:22px;height:22px;right:18px;top:23px;display:grid;place-items:center}.app-card-arrow img{width:18px;height:18px;margin:2px}.invite-stack,.hero-chips{margin-bottom:20px}.hero-chips button{padding:8px 18px 8px 9px}.hero-chips b{transform:translate(-1px,-2px)}
@media(max-width:760px){.site-header{top:16px;width:calc(100% - 28px)}.site-header nav{transform:none}.moon-hero-side{top:31%}.invite-stack,.hero-chips{margin-bottom:0}.hero-chips b{transform:translate(-1px,-1px)}}

/* === hero-final-tune.css === */
.site-header{width:min(930px,calc(100% - 48px))}.app-card-arrow{box-sizing:content-box;overflow:visible;padding:2px}.app-card-arrow img{width:16px!important;height:16px!important;margin:3px!important}.hero-chips b{transform:translate(-1px,4px)}
@media(max-width:760px){.site-header{width:calc(100% - 28px)}.hero-chips b{transform:translate(-1px,3px)}}

/* === hero-correction.css === */
/* Precise hero alignment pass. */
.site-preloader{
  position:fixed;
  z-index:9999;
  inset:0;
  display:grid;
  place-items:center;
  background:#071b35;
  opacity:1;
  visibility:visible;
  transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s;
}

.site-preloader-inner{
  display:grid;
  justify-items:center;
  gap:23px;
}

.site-preloader-label{
  color:rgba(255,255,255,.82);
  font:500 12px/1 Inter,sans-serif;
  letter-spacing:.14em;
}

.site-preloader-line{
  position:relative;
  display:block;
  width:187px;
  height:2px;
  overflow:hidden;
  background:rgba(255,255,255,.16);
  transform:translateY(-4px);
}

.site-preloader-line:after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(255,255,255,.82);
  transform:translateX(-100%);
  animation:site-preloader-progress 1s cubic-bezier(.65,0,.35,1) infinite;
}

body.is-loaded .site-preloader{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.moon-hero{
  overflow:visible;
  isolation:isolate;
  background-color:#081f42;
  background-image:none!important;
}

.moon-hero:before{
  content:"";
  position:absolute;
  z-index:0;
  top:-2px;
  right:0;
  bottom:-140px;
  left:0;
  pointer-events:none;
  background-image:linear-gradient(to bottom,rgba(247,248,250,0) 88%,rgba(247,248,250,.12) 94%,#f7f8fa 100%),linear-gradient(180deg,rgba(5,26,59,.02) 39%,rgba(10,20,52,.04) 100%),url('assets/Hero-bg.jpg?v=3');
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center,center center,center calc(50% + 60px);
  opacity:1;
  filter:blur(18px);
  transform:scale(1.5);
  transform-origin:center center;
}

body.is-loaded .moon-hero:before{
  animation:hero-background-enter 1.15s cubic-bezier(.16,1,.3,1) both;
}

.moon-hero:after{z-index:0;pointer-events:none}

.hero.section-shell{
  height:calc(100svh + 80px);
  min-height:860px;
  margin-top:-1px;
  overflow:visible;
}

.site-header{
  position:fixed;
  height:73px;
  border-radius:20px;
  background:rgba(0,0,0,.16);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:none;
  transition:background-color .28s ease,border-color .28s ease;
}

.site-header.is-past-hero{
  background:rgba(0,0,0,.80);
  border-color:rgba(255,255,255,.10);
}

.site-header .header-link{
  min-width:136px;
}

.site-header .hero-logo svg{
  display:block;
  width:62px;
  height:auto;
  flex:0 0 auto;
  fill:#fff;
  opacity:1;
  visibility:visible;
}

.menu-toggle,
.mobile-open-app{display:none}

/* Hero load sequence */
@keyframes hero-nav-enter{
  from{opacity:0;transform:translate(-50%,-34px)}
  to{opacity:1;transform:translate(-50%,0)}
}

@keyframes site-preloader-progress{
  0%{transform:translateX(-100%)}
  55%,100%{transform:translateX(100%)}
}

@keyframes hero-background-enter{
  from{opacity:1;filter:blur(14px);transform:scale(1.18)}
  to{opacity:1;filter:blur(0);transform:scale(1)}
}

@keyframes hero-title-reveal{
  from{
    opacity:0;
    filter:blur(10px);
    transform:translateY(115%);
  }
  to{
    opacity:1;
    filter:blur(0);
    transform:translateY(0);
  }
}

@keyframes hero-fade-enter{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}

@keyframes hero-opacity-enter{
  from{opacity:0}
  to{opacity:1}
}

@keyframes hero-cards-enter{
  from{opacity:0;transform:translateY(16px) scale(.98)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@keyframes hero-brainstorm-card-split{
  0%{
    left:73px;
    bottom:59px;
    background-color:rgba(120,129,149,0);
    box-shadow:0 18px 30px rgba(8,24,57,0);
  }
  28%{
    left:73px;
    bottom:59px;
    background-color:rgba(120,129,149,.76);
    box-shadow:0 18px 30px rgba(8,24,57,.1);
  }
  100%{
    left:0;
    bottom:0;
    background-color:rgba(120,129,149,.76);
    box-shadow:0 18px 30px rgba(8,24,57,.1);
  }
}

@keyframes hero-call-card-split{
  0%{
    right:83px;
    top:69px;
    background-color:rgba(162,171,190,0);
    box-shadow:0 18px 30px rgba(8,24,57,0);
  }
  28%{
    right:83px;
    top:69px;
    background-color:rgba(162,171,190,.72);
    box-shadow:0 18px 30px rgba(8,24,57,.1);
  }
  100%{
    right:14px;
    top:18px;
    background-color:rgba(162,171,190,.72);
    box-shadow:0 18px 30px rgba(8,24,57,.1);
  }
}

@keyframes hero-card-content-enter{
  from{opacity:0}
  to{opacity:1}
}

@keyframes hero-accordion-reveal{
  from{height:0}
  to{height:var(--hero-accordion-reveal-height)}
}

body.is-loaded .site-header{
  animation:hero-nav-enter .9s cubic-bezier(.22,1,.36,1) .08s backwards;
}

.hero-title-line{
  display:block;
  overflow:hidden;
  padding-bottom:.06em;
  margin-bottom:-.06em;
}

.hero-title-line>span{
  display:block;
  will-change:transform,filter,opacity;
}

body.is-loaded .hero-title-line>span{
  animation:hero-title-reveal 1.05s cubic-bezier(.16,1,.3,1) .32s backwards;
}

body.is-loaded .hero-title-line:nth-child(2)>span{
  animation-delay:.44s;
}

.moon-hero-side{
  width:450px;
  min-width:450px;
}

body.is-loaded .hero-chips{
  animation:hero-cards-enter .9s cubic-bezier(.22,1,.36,1) 1.02s backwards;
}

.moon-hero-copy{
  top:calc(25.5% - 45px);
}

.moon-hero-side{top:calc(25.5% - 40px)}

.invite-stack{bottom:calc(19% + 40px)}

.hero-chips{bottom:calc(10% + 54px)}

.moon-hero-copy h1,
.moon-hero-copy h1 .hero-title-line,
.moon-hero-copy h1 .hero-title-line>span{
  color:#fff!important;
  background:none!important;
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  -webkit-text-fill-color:#fff!important;
}

.hero-glass-link{
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.hero-glass-link:first-of-type{
  background:rgba(255,255,255,.12);
}

/* Auto-playing accordion in the right hero column. */
.moon-hero-side>p{
  margin-bottom:24px;
}

body.is-loaded .moon-hero-side>p{
  animation:hero-opacity-enter .9s ease .4s backwards;
}

.hero-accordion{
  position:relative;
  top:10px;
  display:grid;
  gap:10px;
}

body.is-loading .hero-accordion.is-entering{
  height:0;
  overflow:hidden;
}

body.is-loaded .hero-accordion.is-entering{
  height:0;
  overflow:hidden;
  animation:hero-accordion-reveal .7s cubic-bezier(.16,1,.3,1) .4s both;
}

.hero-accordion-item{
  overflow:hidden;
  border-radius:15px;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  color:#fff;
  transition:background-color 1.05s cubic-bezier(.16,1,.3,1),color .8s cubic-bezier(.16,1,.3,1),box-shadow 1.05s cubic-bezier(.16,1,.3,1);
}

.hero-accordion-item.is-active{
  color:#3f4249;
  background:#fff;
  box-shadow:0 18px 40px rgba(10,37,70,.16);
}

.hero-accordion-header{
  display:flex;
  width:100%;
  min-height:58px;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.hero-accordion-trigger{
  align-self:stretch;
  flex:1 1 auto;
  padding:0 0 0 23px;
  border:0;
  color:inherit;
  background:transparent;
  font:400 14px/1.35 Inter,sans-serif;
  text-align:left;
  cursor:pointer;
}

.hero-accordion-trigger:focus-visible{
  outline:2px solid currentColor;
  outline-offset:-5px;
  border-radius:13px;
}

.hero-accordion-action{
  position:relative;
  display:grid;
  flex:0 0 24px;
  width:24px;
  height:24px;
  margin-right:20px;
  padding:0;
  place-items:center;
  border:0;
  color:inherit;
  background:transparent;
  cursor:pointer;
}

.hero-accordion-action:focus-visible{
  outline:2px solid currentColor;
  outline-offset:3px;
  border-radius:50%;
}

.hero-accordion-arrow{
  display:block;
  width:17px;
  height:17px;
  object-fit:contain;
  opacity:1;
  transition:opacity .28s ease,transform .55s cubic-bezier(.22,1,.36,1);
}

.hero-accordion-item.is-active .hero-accordion-arrow{
  opacity:0;
  transform:scale(.72) rotate(18deg);
}

.hero-accordion-loader{
  position:absolute;
  inset:0;
  display:block;
  width:24px;
  height:24px;
  opacity:0;
  transform:rotate(-90deg) scale(.8);
  transition:opacity .35s ease,transform .55s cubic-bezier(.16,1,.3,1);
}

.loader-track,
.loader-progress{
  fill:none;
  stroke-width:2.5;
}

.loader-track{stroke:rgba(18,20,24,.16)}

.loader-progress{
  stroke:#111317;
  stroke-linecap:round;
  stroke-dasharray:100;
  stroke-dashoffset:100;
}

.hero-accordion-item.is-active .hero-accordion-loader{
  opacity:1;
  transform:rotate(-90deg) scale(1);
}

.hero-accordion-item.is-active .loader-progress{
  animation:hero-loader-progress 4.4s linear forwards;
}

.hero-accordion.is-entering .hero-accordion-item.is-active .loader-progress{
  animation-play-state:paused;
}

.hero-accordion.is-paused .hero-accordion-item.is-active .loader-progress{
  animation-play-state:paused;
}

.hero-accordion-control-icon{
  position:absolute;
  inset:0;
  display:block;
  opacity:0;
  transform:scale(.72);
  transition:opacity .24s ease,transform .45s cubic-bezier(.16,1,.3,1);
}

.hero-accordion-control-icon:before,
.hero-accordion-control-icon:after{
  content:"";
  position:absolute;
  top:7px;
  width:2px;
  height:10px;
  border-radius:2px;
  background:#111317;
}

.hero-accordion-control-icon:before{left:8px}
.hero-accordion-control-icon:after{right:8px}

.hero-accordion-item.is-active .hero-accordion-action:hover .hero-accordion-loader,
.hero-accordion.is-paused .hero-accordion-item.is-active .hero-accordion-loader{
  opacity:0;
}

.hero-accordion-item.is-active .hero-accordion-action:hover .hero-accordion-control-icon,
.hero-accordion.is-paused .hero-accordion-item.is-active .hero-accordion-control-icon{
  opacity:1;
  transform:scale(1);
}

.hero-accordion.is-paused .hero-accordion-control-icon:before{
  left:6px;
  top:6px;
  width:12px;
  height:12px;
  border-radius:0;
  background:#111317;
  clip-path:none;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath d='M2.3 1.35C1.5.87.75 1.34.75 2.28v9.44c0 .94.75 1.41 1.55.93l8-4.72c.8-.47.8-1.39 0-1.86l-8-4.72Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 14'%3E%3Cpath d='M2.3 1.35C1.5.87.75 1.34.75 2.28v9.44c0 .94.75 1.41 1.55.93l8-4.72c.8-.47.8-1.39 0-1.86l-8-4.72Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.hero-accordion.is-paused .hero-accordion-control-icon:after{display:none}

@keyframes hero-loader-progress{
  to{stroke-dashoffset:0}
}

.hero-accordion-content{
  display:grid;
  grid-template-rows:0fr;
  opacity:0;
  transition:grid-template-rows 1.05s cubic-bezier(.16,1,.3,1),opacity .55s cubic-bezier(.16,1,.3,1);
}

.hero-accordion-content>div{
  min-height:0;
  overflow:hidden;
  padding:0 26px;
  transition:padding-bottom 1.05s cubic-bezier(.16,1,.3,1);
}

.hero-accordion-item.is-active .hero-accordion-content{
  grid-template-rows:1fr;
  opacity:1;
}

.hero-accordion-item.is-active .hero-accordion-content>div{
  padding-bottom:26px;
}

.hero-accordion-content p{
  margin:0 0 18px;
  color:#656872;
  font:400 13px/1.5 Inter,sans-serif;
}

.hero-accordion-content img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  border-radius:8px;
  object-fit:cover;
}

.brainstorm-card{
  background:rgba(120,129,149,.76);
}

body.is-loaded .brainstorm-card{
  animation:hero-brainstorm-card-split 1.2s cubic-bezier(.16,1,.3,1) .35s backwards;
}

.brainstorm-card,
.call-card{
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.call-card{
  background:rgba(162,171,190,.72);
  top:18px;
  right:14px;
}

body.is-loaded .call-card{
  animation:hero-call-card-split 1.2s cubic-bezier(.16,1,.3,1) .35s backwards;
}

body.is-loaded .brainstorm-card>*,
body.is-loaded .call-card>*{
  animation:hero-card-content-enter .38s ease .35s backwards;
}

.hero-chips button{
  padding:7px 18px 7px 7px;
}

.hero-chips b{
  flex:0 0 30px;
  transform:none;
}

.chip-label{
  display:block;
  transform:translateY(1px);
}

.app-card-arrow{
  box-sizing:border-box!important;
  display:block!important;
  width:18px!important;
  height:18px!important;
  padding:0!important;
  overflow:visible!important;
  border-radius:0!important;
  right:26px!important;
  top:28px!important;
}

.app-card-arrow img{
  display:block!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  max-width:none!important;
  object-fit:contain;
  border-radius:0!important;
  filter:brightness(0);
}

@media(max-width:760px){
  .moon-hero:before{background-position:center center,center center,56% calc(50% + 60px)}
  .moon-hero:before{bottom:-90px}

  .site-header{
    height:61px;
    padding-right:20px;
    border-radius:20px;
    overflow:visible;
  }

  .site-header .header-link{
    display:none;
  }

  .menu-toggle{
    position:relative;
    display:flex;
    flex:0 0 44px;
    width:44px;
    height:40px;
    margin-left:auto;
    padding:0;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:7px;
    border:0;
    border-radius:0;
    color:#fff;
    background:transparent;
    cursor:pointer;
  }

  .menu-toggle span{
    display:block;
    width:32px;
    height:1.5px;
    border-radius:2px;
    background:currentColor;
    transition:transform .24s ease,opacity .18s ease;
  }

  .site-header.menu-open .menu-toggle span:nth-child(1){transform:translateY(4.25px) rotate(45deg)}
  .site-header.menu-open .menu-toggle span:nth-child(2){transform:translateY(-4.25px) rotate(-45deg)}

  .site-header nav{
    position:absolute;
    top:calc(100% + 10px);
    left:0;
    right:0;
    display:grid;
    gap:2px;
    margin:0;
    padding:10px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:18px;
    background:rgba(5,9,16,.94);
    box-shadow:none;
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-8px);
    transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
  }

  .site-header nav a{
    display:flex;
    min-height:48px;
    padding:0 15px;
    align-items:center;
    border-radius:12px;
    color:#fff;
    font-size:14px;
  }

  .site-header nav a:hover{background:rgba(255,255,255,.08)}

  .site-header nav .mobile-open-app{
    display:flex;
    min-height:48px;
    margin-top:6px;
    justify-content:space-between;
    background:#fff;
    color:#111;
    font-weight:600;
  }

  .site-header nav .mobile-open-app:hover{background:#f2f2f2;color:#111}

  .mobile-open-app span{
    display:grid;
    width:22px;
    height:22px;
    place-items:center;
  }

  .mobile-open-app img{
    display:block;
    width:18px;
    height:18px;
  }

  .site-header.menu-open{
    background:rgba(0,0,0,.80);
  }

  .site-header.menu-open nav{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }

  .hero.section-shell{
    height:100svh;
    min-height:640px;
  }

  .moon-hero-copy{top:14%}
  .moon-hero-copy h1{
    font-size:clamp(35px,9.5vw,40px);
    line-height:1.1;
  }

  .moon-hero-side{
    top:auto;
    right:20px;
    bottom:120px;
    left:20px;
    width:auto;
    min-width:0;
  }

  .moon-hero-side>p{
    margin-bottom:14px;
    font-size:16px;
  }

  .hero-accordion{top:0;gap:7px}

  .hero-accordion-item{
    color:#fff;
    background:rgba(255,255,255,.12);
    box-shadow:none;
  }

  .hero-accordion-item.is-active{
    color:#3f4249;
    background:#fff;
    box-shadow:0 14px 30px rgba(10,37,70,.14);
  }

  .hero-accordion-trigger{
    min-height:48px;
    padding:0 0 0 16px;
    font-size:14px;
  }

  .hero-accordion-header{min-height:48px}
  .hero-accordion-action{margin-right:16px}

  .hero-accordion-content{display:grid}
  .hero-accordion-content>div{padding-right:16px;padding-left:16px}
  .hero-accordion-item.is-active .hero-accordion-content>div{padding-bottom:16px}
  .hero-accordion-content p{margin-bottom:12px;font-size:13px;line-height:1.5}
  .hero-accordion-content img{
    width:100%;
    height:auto;
    max-height:none;
    aspect-ratio:16/9;
    object-position:center;
    object-fit:cover;
  }
  .hero-accordion-item.is-active .hero-accordion-arrow{opacity:0;transform:scale(.72) rotate(18deg)}
  .hero-accordion-item.is-active .hero-accordion-loader{display:block}

  .invite-stack,
  .hero-chips{display:none!important}

  .hero-chips button{padding:6px 12px 6px 6px}
  .hero-chips b{flex-basis:27px;transform:none}
}

@media(prefers-reduced-motion:reduce){
  .site-preloader-line:after{animation:none!important}

  body.is-loaded .moon-hero:before{
    animation:none!important;
    opacity:1;
    filter:none;
    transform:none;
  }

  .site-header,
  .hero-title-line>span,
  .moon-hero-side,
  .moon-hero-side>p,
  .hero-accordion.is-entering,
  .invite-stack,
  .brainstorm-card,
  .call-card,
  .brainstorm-card>*,
  .call-card>*,
  .hero-chips{
    animation:none!important;
  }

  .hero-accordion-item,
  .hero-accordion-content,
  .hero-accordion-content>div,
  .hero-accordion-loader,
  .hero-accordion-control-icon{
    transition:none!important;
  }

  .loader-progress{animation:none!important}
}

/* === light-theme.css === */
/* Light theme for every section below the image hero. */
:root{
  --bg:#f7f8fa;
  --surface:#ffffff;
  --surface-2:#f1f3f6;
  --ink:#17191d;
  --muted:#667085;
  --line:rgba(23,25,29,.11);
  --violet:#7657d6;
  --blue:#4667d9;
}

body{
  background:var(--bg);
  color:var(--ink);
}

.page-glow{display:none}

/* Minimal sticky statement directly after the hero. */
.scroll-statement{
  position:relative;
  height:calc(195vh - 90px);
  min-height:1080px;
  background:#f7f8fa;
}

.scroll-statement-sticky{
  position:sticky;
  top:70px;
  min-height:calc(100vh - 90px);
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.scroll-statement-text{
  max-width:1080px;
  margin:0;
  color:#17191d;
  font-family:Inter,var(--sans);
  font-size:clamp(1.8rem,3.9vw,3rem);
  font-weight:500;
  line-height:1.32;
  letter-spacing:-.8px;
  text-align:center;
  perspective:800px;
}

.scroll-word-wrap{display:inline}

.scroll-word{
  display:inline-block;
  filter:blur(6px);
  opacity:.12;
  transform:scale(.92) translateY(16px) rotateX(24deg);
  transform-origin:50% 70%;
  transition:filter .38s cubic-bezier(.25,.8,.25,1),opacity .38s cubic-bezier(.25,.8,.25,1),transform .38s cubic-bezier(.25,.8,.25,1);
  will-change:filter,opacity,transform;
}

/* Continuously moving light-theme showcase. */
.showcase-section{
  margin-top:0;
  padding:190px 0 0;
  overflow:hidden;
  background:#f7f8fa;
  border-top:0;
}

.showcase-heading{
  position:relative;
  z-index:2;
  max-width:760px;
  margin:0 auto;
  padding:0 24px;
  text-align:center;
}

.showcase-heading .showcase-label{
  display:block;
  margin:0 0 30px;
  max-width:none;
  color:#343b45;
  font:500 12px/1.2 var(--mono);
  letter-spacing:.18em;
}

.showcase-heading h2{
  margin:0 0 16px;
  color:#17191d;
  font-size:clamp(40px,4.7vw,62px);
  font-weight:500;
  line-height:1.02;
  letter-spacing:-.055em;
}

.showcase-heading p{
  max-width:650px;
  margin:0 auto;
  color:#6b7280;
  font-size:15px;
  line-height:1.6;
}

.showcase-marquee{
  width:80%;
  margin:68px auto 0;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 16%,#000 84%,transparent 100%);
}

.showcase-track{
  display:flex;
  width:max-content;
  animation:none;
  transform:translate3d(0,0,0);
  will-change:transform;
  backface-visibility:hidden;
  contain:layout paint;
}

.showcase-track.is-ready{
  animation:showcase-flow 60s linear infinite;
}

.showcase-set{
  display:flex;
  gap:20px;
  padding-right:20px;
}

.showcase-card{
  position:relative;
  flex:0 0 clamp(288px,24.7vw,340px);
  aspect-ratio:3/4;
  overflow:hidden;
  border:0;
  border-radius:24px;
  background:#fff;
  box-shadow:none;
  transform:translateZ(0);
  backface-visibility:hidden;
}

.showcase-card>img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Interactive team overview directly below the slider. */
.team-filter-section{
  padding:10px clamp(32px,6vw,115px) 155px;
  background:#f7f8fa;
  color:#17191d;
}

.team-filter-section>h2{
  max-width:980px;
  margin:0 auto;
  color:#17191d;
  font:400 clamp(40px,4.2vw,62px)/1.05 Inter,var(--sans);
  letter-spacing:-.055em;
  text-align:center;
}

.team-filter-tabs{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  max-width:1100px;
  margin:48px auto 0;
}

.team-filter-choice{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  clip-path:inset(50%);
  white-space:nowrap;
}

.team-filter-tabs label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 23px;
  border:1px solid #d5d8dc;
  border-radius:999px;
  background:transparent;
  color:#262a30;
  font:500 14px/1 Inter,var(--sans);
  cursor:pointer;
  transition:color .24s ease,background-color .24s ease,border-color .24s ease,transform .24s ease;
}

.team-filter-tabs label:hover{
  transform:translateY(-1px);
  border-color:#aeb3ba;
}

#team-social-media:focus-visible ~ .team-filter-tabs label[for="team-social-media"],
#team-brand-design:focus-visible ~ .team-filter-tabs label[for="team-brand-design"],
#team-strategy:focus-visible ~ .team-filter-tabs label[for="team-strategy"],
#team-brand-intelligence:focus-visible ~ .team-filter-tabs label[for="team-brand-intelligence"],
#team-manage-brands:focus-visible ~ .team-filter-tabs label[for="team-manage-brands"]{
  outline:2px solid #17191d;
  outline-offset:3px;
}

.team-filter-grid.team-filter-panel{
  display:none;
}

#team-social-media:checked ~ .team-filter-tabs label[for="team-social-media"],
#team-brand-design:checked ~ .team-filter-tabs label[for="team-brand-design"],
#team-strategy:checked ~ .team-filter-tabs label[for="team-strategy"],
#team-brand-intelligence:checked ~ .team-filter-tabs label[for="team-brand-intelligence"],
#team-manage-brands:checked ~ .team-filter-tabs label[for="team-manage-brands"]{
  border-color:#17191d;
  background:#17191d;
  color:#fff;
}

#team-social-media:checked ~ .team-filter-panels .team-filter-panel-social,
#team-brand-design:checked ~ .team-filter-panels .team-filter-panel-design,
#team-strategy:checked ~ .team-filter-panels .team-filter-panel-strategy,
#team-brand-intelligence:checked ~ .team-filter-panels .team-filter-panel-intelligence,
#team-manage-brands:checked ~ .team-filter-panels .team-filter-panel-manage{
  display:grid;
  animation:team-filter-panel-enter .46s cubic-bezier(.16,1,.3,1) both;
}

@keyframes team-filter-panel-enter{
  from{
    opacity:0;
    transform:translate3d(0,12px,0);
  }
  to{
    opacity:1;
    transform:translate3d(0,0,0);
  }
}

@media(prefers-reduced-motion:reduce){
  #team-social-media:checked ~ .team-filter-panels .team-filter-panel-social,
  #team-brand-design:checked ~ .team-filter-panels .team-filter-panel-design,
  #team-strategy:checked ~ .team-filter-panels .team-filter-panel-strategy,
  #team-brand-intelligence:checked ~ .team-filter-panels .team-filter-panel-intelligence,
  #team-manage-brands:checked ~ .team-filter-panels .team-filter-panel-manage{
    animation:none;
  }
}

.team-filter-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(18px,2vw,30px);
  max-width:1660px;
  margin:92px auto 0;
}

.team-filter-card{
  min-width:0;
}

.team-filter-visual{
  aspect-ratio:3/4;
  overflow:hidden;
  border-radius:12px;
  clip-path:inset(0 round 12px);
  contain:paint;
  transform:translateZ(0);
  backface-visibility:hidden;
  background:#ebecee;
}

.team-filter-visual img{
  display:block;
  width:100%;
  height:100%;
  border-radius:12px;
  clip-path:inset(0 round 12px);
  transform:translateZ(0);
  object-fit:cover;
}

.team-filter-card h3{
  margin:22px 0 12px;
  color:#25282d;
  font:500 16px/1.3 Inter,var(--sans);
  letter-spacing:-.015em;
}

.team-filter-card p{
  margin:0;
  color:#858991;
  font:400 15px/1.55 Inter,var(--sans);
}

/* Minimal value overview below the team filter. */
.benefits-section{
  padding:45px clamp(32px,6vw,115px) 225px;
  background:#f7f8fa;
  color:#17191d;
}

.benefits-section>h2{
  max-width:1660px;
  margin:0 auto;
  color:#17191d;
  font:400 clamp(40px,4vw,58px)/1.08 Inter,var(--sans);
  letter-spacing:-.05em;
}

.benefits-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:clamp(70px,9vw,175px);
  row-gap:78px;
  max-width:1660px;
  margin:110px auto 0;
}

.benefits-grid article{
  min-width:0;
}

.benefits-grid h3{
  margin:0 0 27px;
  color:#202327;
  font:400 clamp(24px,2vw,34px)/1.15 Inter,var(--sans);
  letter-spacing:-.035em;
}

.benefits-grid p{
  max-width:390px;
  margin:0;
  color:#888b91;
  font:400 16px/1.55 Inter,var(--sans);
  letter-spacing:-.015em;
}

/* Two large visual stories below the benefits overview. */
.dual-feature-section{
  padding:0 clamp(32px,6vw,115px) 175px;
  background:#f7f8fa;
  color:#17191d;
}

.dual-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(22px,2.4vw,40px);
  max-width:1660px;
  margin:0 auto;
}

.dual-feature-grid article{
  min-width:0;
  outline:none;
}

.dual-feature-grid article:focus-visible .dual-feature-visual{
  outline:2px solid #17191d;
  outline-offset:4px;
}

.dual-feature-visual{
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  border-radius:12px;
  background:#ebecee;
  isolation:isolate;
}

.dual-feature-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform 1.5s cubic-bezier(.16,1,.3,1);
}

.dual-feature-overlay{
  position:absolute;
  z-index:1;
  right:4%;
  bottom:4.5%;
  left:4%;
  padding:22px 28px;
  overflow:hidden;
  border-radius:12px;
  background:rgba(0,0,0,.4);
  -webkit-backdrop-filter:blur(29px);
  backdrop-filter:blur(29px);
  opacity:0;
  transform:translate3d(0,18px,0) scale(.985);
  transform-origin:50% 100%;
  transition:
    opacity .38s cubic-bezier(.22,1,.36,1),
    transform .72s cubic-bezier(.16,1,.3,1);
}

.dual-feature-overlay ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:36px;
  margin:0;
  padding:0;
  list-style:none;
}

.dual-feature-overlay li{
  display:flex;
  align-items:center;
  min-width:0;
  min-height:45px;
  border-bottom:1px solid rgba(255,255,255,.3);
  color:#fff;
  font:400 14px/1.3 Inter,var(--sans);
  letter-spacing:-.01em;
  opacity:0;
  transform:translate3d(0,10px,0);
  transition:
    opacity .35s cubic-bezier(.22,1,.36,1),
    transform .62s cubic-bezier(.16,1,.3,1);
}

.dual-feature-overlay li:nth-last-child(-n+2){border-bottom:0}

.dual-feature-chevron{
  width:7px;
  height:7px;
  margin:0 9px 0 2px;
  flex:0 0 auto;
  border-top:1.5px solid rgba(255,255,255,.72);
  border-right:1.5px solid rgba(255,255,255,.72);
  transform:rotate(45deg);
}

.dual-feature-grid article:hover .dual-feature-overlay,
.dual-feature-grid article:focus-within .dual-feature-overlay{
  opacity:1;
  transform:none;
}

.dual-feature-grid article:hover .dual-feature-visual img,
.dual-feature-grid article:focus-within .dual-feature-visual img{
  transform:scale(1.04);
}

.dual-feature-grid article:hover .dual-feature-overlay li,
.dual-feature-grid article:focus-within .dual-feature-overlay li{
  opacity:1;
  transform:none;
}

.dual-feature-grid article:hover .dual-feature-overlay li:nth-child(1),
.dual-feature-grid article:focus-within .dual-feature-overlay li:nth-child(1){transition-delay:.08s}
.dual-feature-grid article:hover .dual-feature-overlay li:nth-child(2),
.dual-feature-grid article:focus-within .dual-feature-overlay li:nth-child(2){transition-delay:.11s}
.dual-feature-grid article:hover .dual-feature-overlay li:nth-child(3),
.dual-feature-grid article:focus-within .dual-feature-overlay li:nth-child(3){transition-delay:.14s}
.dual-feature-grid article:hover .dual-feature-overlay li:nth-child(4),
.dual-feature-grid article:focus-within .dual-feature-overlay li:nth-child(4){transition-delay:.17s}
.dual-feature-grid article:hover .dual-feature-overlay li:nth-child(5),
.dual-feature-grid article:focus-within .dual-feature-overlay li:nth-child(5){transition-delay:.2s}
.dual-feature-grid article:hover .dual-feature-overlay li:nth-child(6),
.dual-feature-grid article:focus-within .dual-feature-overlay li:nth-child(6){transition-delay:.23s}
.dual-feature-grid article:hover .dual-feature-overlay li:nth-child(7),
.dual-feature-grid article:focus-within .dual-feature-overlay li:nth-child(7){transition-delay:.26s}
.dual-feature-grid article:hover .dual-feature-overlay li:nth-child(8),
.dual-feature-grid article:focus-within .dual-feature-overlay li:nth-child(8){transition-delay:.29s}

.dual-feature-grid h3{
  margin:25px 0 13px;
  color:#25282d;
  font:500 16px/1.3 Inter,var(--sans);
  letter-spacing:-.015em;
}

.dual-feature-grid p{
  max-width:650px;
  margin:0;
  color:#858991;
  font:400 15px/1.55 Inter,var(--sans);
}

@keyframes showcase-flow{
  to{transform:translate3d(-50%,0,0)}
}

.mosaic-grid{
  position:absolute;
  inset:20px;
  display:grid;
  grid-template-columns:1.1fr .8fr;
  grid-template-rows:1.05fr .8fr 1fr;
  gap:9px;
}

.mosaic-grid span{display:block;border-radius:10px;overflow:hidden}
.mosaic-photo{background:#c7d2d9;box-shadow:inset 0 -45px 55px rgba(33,48,60,.16)}
.mosaic-note{padding:15px;background:#e7e3d8;color:#4b4a43;font:500 15px/1.1 Inter,sans-serif}
.mosaic-type{padding:14px;background:#25292f;color:#fff;font:500 14px/1.15 Inter,sans-serif}
.mosaic-swatch{background:#b8c596}
.mosaic-copy{padding:14px;background:#d9d0ea;color:#504463;font:500 13px/1.15 Inter,sans-serif}
.mosaic-mini{background:repeating-linear-gradient(90deg,#e5e7eb 0 18px,#8d9aac 18px 34px)}

.stack-stage{position:absolute;inset:0;display:grid;place-items:center;background:#f1f2f5}
.stack-stage>span{position:absolute;width:48%;height:62%;border-radius:17px;border:1px solid rgba(49,56,68,.11);background:#cbd6d5;transform:translateY(-24px) scale(.86)}
.stack-stage>span:nth-child(2){background:#e2e6de;transform:translateY(-11px) scale(.93)}
.stack-stage>span:nth-child(3){padding:25px;background:#fff;transform:none;box-shadow:0 18px 36px rgba(30,41,59,.12)}
.stack-stage b{color:#30343a;font:500 20px/1.05 Inter,sans-serif}
.stack-stage i{display:block;width:56px;height:56px;margin-top:35px;border-radius:50%;background:#a9b785;box-shadow:18px 8px 0 #d4cde6}

.workspace-preview{position:absolute;inset:22px;display:grid;grid-template-columns:24% 1fr;overflow:hidden;border:1px solid #d9dee6;border-radius:16px;background:#f8f9fb}
.workspace-side{padding:22px 12px;background:#eef0f4;border-right:1px solid #d9dee6}
.workspace-side i{display:block;height:8px;margin:0 0 14px;border-radius:6px;background:#b5bdc9}
.workspace-side i:nth-child(2){width:72%}.workspace-side i:nth-child(3){width:86%}.workspace-side i:nth-child(4){width:58%}
.workspace-main{padding:25px 22px}
.workspace-head{display:block;width:44%;height:18px;border-radius:6px;background:#303640}
.workspace-row{display:block;width:82%;height:9px;margin-top:17px;border-radius:6px;background:#c9ced7}
.workspace-row.short{width:61%;margin-top:8px}
.workspace-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}
.workspace-cards i{height:78px;border-radius:10px;background:#e4e1ec;border:1px solid #d6d1e2}
.workspace-cards i:nth-child(2){background:#dde5e1;border-color:#ccd8d2}.workspace-cards i:nth-child(3){background:#e8e4db;border-color:#d9d1c2}

.collage-stage{position:absolute;inset:0;background:#eef0f4}
.collage-label{position:absolute;left:28px;top:28px;color:#505762;font:500 10px var(--mono);letter-spacing:.13em}
.collage-card{position:absolute;display:grid;place-items:center;border:1px solid rgba(36,43,53,.1);border-radius:12px;background:#fff;box-shadow:0 15px 28px rgba(30,41,59,.10)}
.card-a{left:16%;top:30%;width:34%;height:48%;background:#bdc8aa}
.card-b{right:13%;top:18%;width:35%;height:50%;padding:17px;color:#fff;background:#343943;font:500 15px/1.2 Inter,sans-serif}
.card-c{right:26%;bottom:10%;width:29%;height:32%;background:#d7cfe6}
.collage-dot{position:absolute;left:31%;top:44%;width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:13px 11px 0 #929f76}

.orbit-stage{position:absolute;inset:0;background:#f2f3f6}
.orbit-ring{position:absolute;left:50%;top:50%;border:1px solid #c8cdd5;border-radius:50%;transform:translate(-50%,-50%)}
.ring-one{width:72%;aspect-ratio:1}.ring-two{width:45%;aspect-ratio:1;border-style:dashed}
.orbit-core{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:#fff;border:1px solid #d0d5dd;color:#4e4b71;font:500 22px Inter,sans-serif;transform:translate(-50%,-50%);box-shadow:0 13px 30px rgba(30,41,59,.10)}
.orbit-node{position:absolute;width:24px;height:24px;border:5px solid #fff;border-radius:50%;background:#8476af;box-shadow:0 5px 14px rgba(30,41,59,.13)}
.node-a{left:19%;top:31%}.node-b{right:19%;top:26%;background:#91a178}.node-c{right:25%;bottom:19%;background:#b38f9b}

.editorial-stage{position:absolute;inset:0;padding:30px;background:#e9e6df;color:#292c31}
.editorial-index{font:500 9px var(--mono);letter-spacing:.13em;color:#74777d}
.editorial-stage strong{display:block;margin-top:31px;font:500 clamp(24px,2.4vw,34px)/.98 Inter,sans-serif;letter-spacing:-.055em}
.editorial-stage div{position:absolute;left:30px;right:30px;bottom:30px;display:flex;gap:8px}
.editorial-stage i{display:block;height:48px;flex:1;border-radius:8px;background:#79856a}.editorial-stage i:nth-child(2){background:#c1b6d3}.editorial-stage i:nth-child(3){background:#fff;border:1px solid #d3d0c9}

/* Typography: solid colors and lighter headline weights. */
.intro h2,
.intelligence h2,
.modules h2,
.team-heading h2,
.faq-heading h2,
.closing h2{
  color:#17191d;
  font-weight:500;
}

.intro h2 span,
.intelligence h2 span,
.modules h2 span,
.team-heading h2 span,
.faq-heading h2 span,
.closing h2 span{
  background:none;
  background-clip:border-box;
  -webkit-background-clip:border-box;
  -webkit-text-fill-color:currentColor;
  color:inherit;
}

.feature-card h3,
.module-detail h3,
.team-card h3,
.faq-list summary{
  color:#1d2025;
  font-weight:500;
}

.section-kicker{
  color:#737985;
}

.intro-grid p,
.intelligence-copy>p,
.section-top>p,
.team-heading>p,
.closing>p{
  color:#667085;
}

.text-link{
  color:#5269bd;
  font-weight:600;
}

/* Transition from the hero into the light page. */
.signal-strip{
  max-width:none;
  margin:0;
  padding-left:max(32px,calc((100vw - 1176px)/2));
  padding-right:max(32px,calc((100vw - 1176px)/2));
  color:#25282e;
  background:#fff;
  border-color:#e3e6eb;
}

.signal-strip div{color:#747b87}
.signal-strip i{background:#6f78a8}

.intro,
.intelligence,
.modules,
.teams,
.faq,
.closing{
  border-color:#dfe3e8;
}

/* Feature cards. */
.feature-card,
.feature-card.large-card{
  color:#1d2025;
  background:#fff;
  border-color:#dfe3e8;
  box-shadow:0 18px 50px rgba(30,41,59,.06);
}

.feature-card:hover{
  border-color:#bcc5d1;
}

.feature-card>p{color:#687180}
.icon-box{background:#eef0f7;color:#6758aa}
.card-index{color:#949aa4}
.project-visual{background:radial-gradient(ellipse at 42% 50%,rgba(118,87,214,.10),transparent 58%)}
.project-dot{border-color:#fff}
.project-note{
  color:#30343a;
  background:#fff;
  border-color:#d9dde4;
  box-shadow:0 12px 28px rgba(30,41,59,.12);
}

.chat-bubble{
  color:#343840;
  background:#f4f5f8;
  border-color:#d9dde4;
  box-shadow:0 16px 28px rgba(30,41,59,.08);
}

.chat-bubble b{color:#7055bc}
.cursor-tag{color:#7055bc}
.brand-ring{color:#554680;border-color:#9b8bc5;box-shadow:inset 0 0 40px rgba(137,95,222,.08)}
.brand-tags i{color:#4b5059;background:#fff;border-color:#d9dde4}

/* Intelligence section. */
.intelligence-visual{
  background:#eef1f6;
  border-color:#d9dee7;
  box-shadow:0 20px 55px rgba(30,41,59,.07);
}

.grid-floor{
  background-image:linear-gradient(rgba(95,80,155,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(95,80,155,.12) 1px,transparent 1px);
}

.prompt-float{
  color:#272b31;
  background:rgba(255,255,255,.88);
  border-color:rgba(82,70,128,.16);
  box-shadow:0 14px 30px rgba(30,41,59,.12);
}

.prompt-float em{color:#777e89}
.prompt-float small{color:#687180}
.prompt-b{color:#604ca3}
.intelligence-copy li>span{background:#eeedf5;color:#6758aa}
.intelligence-copy li b{color:#272b31;font-weight:500}
.intelligence-copy li small{color:#707887}

/* Module overview. */
.module-wheel{
  background:#fff;
  border-color:#dce1e8;
  box-shadow:0 20px 55px rgba(30,41,59,.06);
}

.module-wheel:before,
.module-wheel:after{border-color:rgba(88,78,132,.18)}

.wheel-core{
  color:#25282e;
  background:#f0eef7;
  border-color:#c8c0df;
  box-shadow:0 14px 35px rgba(88,70,145,.12);
}

.wheel-item{color:#6c7380}
.wheel-item:hover,
.wheel-item.active-wheel{color:#1d2025}
.wheel-item span{background:#f2f3f6;border-color:#d9dde4;color:#6758aa}
.module-detail-icon{background:#ece9f6;color:#604ca3;box-shadow:none}
.module-eyebrow{color:#705fa8}
.module-detail>p:not(.module-eyebrow){color:#667085}
.module-stat{border-color:#dfe3e8}
.module-stat b{color:#5f4ca0;font-weight:500}
.module-stat span{color:#747c89}

/* Audience cards. */
.team-card{
  color:#1d2025;
  background:#fff;
  border:0;
  border-radius:22px;
  box-shadow:0 14px 38px rgba(30,41,59,.05);
}

.teams.section-shell{
  max-width:1380px;
}

.team-grid{
  gap:18px;
}

.team-card{
  min-height:260px;
  padding:34px 32px;
}

.team-card h3{
  letter-spacing:-.015em;
}

.team-card:hover{
  background:#fff;
  border-color:transparent;
  transform:none;
}

.teams,
.faq,
.closing{
  border-top:0;
}

.team-icon{
  background:#eef0f2;
  color:#858b95;
  box-shadow:none;
  font:500 13px/1 Inter,var(--sans);
  letter-spacing:.02em;
  backface-visibility:hidden;
  transform:translateZ(0);
  isolation:isolate;
}
.team-card p{color:#687180;font-size:14px}

.teams{
  padding-top:118px;
  padding-bottom:90px;
}

.team-grid{
  gap:18px;
  margin-top:76px;
}

.faq{
  padding-top:95px;
  padding-bottom:80px;
}

.faq-heading{
  margin-bottom:81px;
}

.team-heading .section-kicker,
.faq-heading .section-kicker,
.closing .section-kicker{
  font:500 13px/1.2 Inter,var(--sans);
  letter-spacing:.08em;
}

/* FAQ. */
.faq-list details,
.faq-list details[open]{
  margin:0;
  background:transparent;
  border:0;
  border-bottom:1px solid #d7dbe1;
  border-radius:0;
}

.faq-list details:first-child{border-top:1px solid #d7dbe1}

.faq-list details[open]{background:transparent}

.faq-list summary{
  min-height:82px;
  padding:0 4px;
  color:#25282e;
  font-weight:500;
}

.faq-list summary span{
  width:30px;
  color:#25282e;
  font-size:0;
  text-align:center;
  transform:none!important;
}

.faq-list summary span:before{
  content:"+";
  font:300 27px/1 Inter,var(--sans);
}

.faq-list details[open] summary span:before{content:"−"}

.faq-list details p{
  max-width:780px;
  padding:0 48px 27px 4px;
  color:#687180;
}

/* Closing and footer. */
.closing:before{display:none}
.closing-orb{display:none}
.closing .section-kicker{color:#70668e}
.closing small{color:#7b828e}
.primary{background:#20242b;box-shadow:none}

footer{
  position:relative;
  isolation:isolate;
  max-width:none;
  min-height:370px;
  margin:0;
  padding:250px max(32px,calc((100vw - 1176px)/2)) 30px;
  overflow:hidden;
  color:#25282e;
  background:transparent;
  border:0;
}

footer:before{
  content:"";
  position:absolute;
  z-index:0;
  top:0;
  right:0;
  left:0;
  height:720px;
  pointer-events:none;
  background:url('assets/footer-background.jpg?v=1') center bottom/cover no-repeat;
  opacity:.96;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 42%,#000 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 42%,#000 100%);
}

footer>*{
  position:relative;
  z-index:1;
}

footer>div{
  width:100%;
  justify-content:center;
  gap:36px;
}

footer a{font-size:14px}

footer .brand,
footer a{color:#41464f}
footer p{color:#7b828e}

/* One continuous page canvas; sections never paint their own page background. */
.showcase-section,
.scroll-statement,
.team-filter-section,
.benefits-section,
.dual-feature-section,
.teams,
.faq,
.closing,
footer{
  background-color:transparent;
}

/* Dark tail: activated when the teams section enters the viewport. */
body,
.showcase-section,
.scroll-statement,
.team-filter-section,
.benefits-section,
.dual-feature-section,
.teams,
.faq,
.closing,
footer,
.showcase-heading h2,
.showcase-heading p,
.scroll-statement-text,
.team-filter-section>h2,
.team-filter-tabs label,
.team-filter-card h3,
.team-filter-card p,
.benefits-section>h2,
.benefits-grid h3,
.benefits-grid p,
.dual-feature-grid h3,
.dual-feature-grid p,
.team-heading h2,
.team-heading h2 span,
.team-heading>p,
.team-card,
.team-card h3,
.team-card p,
.team-icon,
.faq-heading h2,
.faq-heading h2 span,
.faq-list details,
.faq-list details[open],
.faq-list summary,
.faq-list summary span,
.faq-list details p,
.closing h2,
.closing h2 span,
.closing>p,
.closing small,
footer a,
footer p{
  transition:background-color 1.15s cubic-bezier(.4,0,.2,1),color 1.15s cubic-bezier(.4,0,.2,1),border-color 1.15s cubic-bezier(.4,0,.2,1),box-shadow 1.15s cubic-bezier(.4,0,.2,1);
}

body.dark-tail-active{
  background:#090a0c;
}

body.dark-tail-active main,
body.dark-tail-active .showcase-section,
body.dark-tail-active .scroll-statement,
body.dark-tail-active .team-filter-section,
body.dark-tail-active .benefits-section,
body.dark-tail-active .dual-feature-section,
body.dark-tail-active .teams,
body.dark-tail-active .faq,
body.dark-tail-active .closing,
body.dark-tail-active footer{
  color:#f4f5f7;
  background-color:transparent;
}

body.dark-tail-active .showcase-heading .showcase-label,
body.dark-tail-active .showcase-heading p,
body.dark-tail-active .team-filter-card p,
body.dark-tail-active .benefits-grid p,
body.dark-tail-active .dual-feature-grid p{
  color:#989fa9;
}

body.dark-tail-active .showcase-heading h2,
body.dark-tail-active .scroll-statement-text,
body.dark-tail-active .team-filter-section>h2,
body.dark-tail-active .team-filter-card h3,
body.dark-tail-active .benefits-section>h2,
body.dark-tail-active .benefits-grid h3,
body.dark-tail-active .dual-feature-grid h3{
  color:#f5f6f7;
}

body.dark-tail-active .scroll-word{
  color:inherit;
  background:transparent;
}

body.dark-tail-active .team-filter-tabs label{
  color:#d7dbe1;
  border-color:#383c44;
  background:transparent;
}

body.dark-tail-active .team-filter-tabs label:hover{
  border-color:#747b87;
}

body.dark-tail-active #team-social-media:checked ~ .team-filter-tabs label[for="team-social-media"],
body.dark-tail-active #team-brand-design:checked ~ .team-filter-tabs label[for="team-brand-design"],
body.dark-tail-active #team-strategy:checked ~ .team-filter-tabs label[for="team-strategy"],
body.dark-tail-active #team-brand-intelligence:checked ~ .team-filter-tabs label[for="team-brand-intelligence"],
body.dark-tail-active #team-manage-brands:checked ~ .team-filter-tabs label[for="team-manage-brands"]{
  color:#111317;
  border-color:#f1f2f4;
  background:#f1f2f4;
}

body.dark-tail-active .team-filter-visual,
body.dark-tail-active .dual-feature-visual{
  background:#14171b;
}

body.dark-tail-active .team-heading .section-kicker,
body.dark-tail-active .faq-heading .section-kicker,
body.dark-tail-active .closing .section-kicker{
  color:#9298a3;
}

body.dark-tail-active .team-heading h2,
body.dark-tail-active .team-heading h2 span,
body.dark-tail-active .faq-heading h2,
body.dark-tail-active .faq-heading h2 span,
body.dark-tail-active .closing h2,
body.dark-tail-active .closing h2 span{
  color:#f7f7f8;
  -webkit-text-fill-color:#f7f7f8;
}

body.dark-tail-active .team-heading>p,
body.dark-tail-active .closing>p,
body.dark-tail-active .closing small{
  color:#9ca2ad;
}

body.dark-tail-active .team-card{
  color:#f5f6f7;
  background:#111317;
  box-shadow:none;
}

body.dark-tail-active .team-card:hover{
  background:#16191e;
}

body.dark-tail-active .team-card h3{color:#f5f6f7}
body.dark-tail-active .team-card p{color:#969da8}

body.dark-tail-active .team-icon{
  color:#c9cdd3;
  background:#25262d;
}

body.dark-tail-active .faq-list details,
body.dark-tail-active .faq-list details[open]{
  background:transparent;
  border-color:#2a2d33;
}

body.dark-tail-active .faq-list summary,
body.dark-tail-active .faq-list summary span{
  color:#f2f3f5;
}

body.dark-tail-active .faq-list details p{color:#979ea9}

body.dark-tail-active .primary{
  color:#111317;
  background:#f4f5f7;
}

.closing{
  padding-top:105px;
  padding-bottom:75px;
}

.closing .button{
  margin-top:18px;
  height:48px;
  font-size:15px;
}

body.dark-tail-active footer{
  border-color:#24272d;
}

body.dark-tail-active footer .brand,
body.dark-tail-active footer a{color:#f0f1f3}
body.dark-tail-active footer p{color:#858c97}

@media(max-width:600px){
  .signal-strip{padding-left:20px;padding-right:20px}
  .scroll-statement{min-height:885px}
  .scroll-statement-sticky{padding:0 20px}
  .scroll-statement-text{letter-spacing:-.45px}
  .showcase-section{margin-top:0;padding:170px 0 0}
  .showcase-heading p{font-size:14px}
  .showcase-marquee{width:88%;margin-top:48px;mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
  .showcase-card{flex-basis:265px;border-radius:19px}
  footer{min-height:290px;padding:180px 20px 24px}
  footer:before{height:540px}
  .team-filter-section{padding:20px 20px 100px}
  .team-filter-section>h2{font-size:clamp(36px,11vw,48px)}
  .team-filter-tabs{justify-content:flex-start;margin-top:36px;flex-wrap:nowrap;overflow-x:auto;padding:3px 0 8px;scrollbar-width:none}
  .team-filter-tabs::-webkit-scrollbar{display:none}
  .team-filter-tabs label{flex:0 0 auto;min-height:40px;padding:0 18px;font-size:13px}
  .team-filter-grid{grid-template-columns:1fr;margin-top:54px;gap:45px}
  .benefits-section{padding:5px 20px 160px}
  .benefits-grid{grid-template-columns:1fr;margin-top:65px;row-gap:52px}
  .benefits-grid h3{margin-bottom:16px}
  .benefits-grid p{font-size:15px}
  .dual-feature-section{padding:0 20px 110px}
  .dual-feature-grid{grid-template-columns:1fr;gap:55px}
  .faq-heading{margin-bottom:63px}
}

@media(min-width:601px) and (max-width:1050px){
  .team-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:70px}
}

@media(prefers-reduced-motion:reduce){
  .scroll-statement{height:auto;min-height:100vh}
  .scroll-word{filter:none!important;opacity:1!important;transform:none!important;transition:none!important}
  .showcase-track.is-ready{animation:none;transform:none}
  .showcase-marquee{overflow-x:auto;mask-image:none;-webkit-mask-image:none;scrollbar-width:none}
  body,
  .teams,
  .faq,
  .closing,
  footer,
  .team-card,
  .faq-list details{transition:none!important}
}

/* Magnetic hero pills */
.hero-chips button{
  --magnetic-x:0px;
  --magnetic-y:0px;
  cursor:pointer;
  transition:transform .7s cubic-bezier(.16,1,.3,1);
  will-change:transform;
}

.hero-chips button.is-magnetic{
  transition-duration:.18s;
}

.hero-chips .invite-chip{
  transform:translate(var(--magnetic-x),calc(22px + var(--magnetic-y)));
}

.hero-chips .share-chip{
  transform:translate(calc(16px + var(--magnetic-x)),var(--magnetic-y));
}

@media(prefers-reduced-motion:reduce){
  .hero-chips button{
    --magnetic-x:0px!important;
    --magnetic-y:0px!important;
    transition:none!important;
  }
}

/* Large product introduction between the hero and the showcase. */
.platform-intro-section{
  position:relative;
  padding:190px 0 45px;
  overflow:visible;
  color:#17191d;
  background:transparent;
  font-family:Inter,var(--sans);
}

.platform-intro-inner{
  width:min(1472px,calc(100% - 96px));
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(36px,3.5vw,56px);
  align-items:stretch;
}

.platform-intro-visual{
  min-width:0;
  display:flex;
  align-items:stretch;
}

.platform-intro-frame{
  width:88%;
  min-height:430px;
  border-radius:28px;
  height:100%;
  overflow:hidden;
  background:#e3e5e8;
}

.platform-intro-frame img{
  display:block;
  width:100%;
  height:114%;
  margin-top:-7%;
  object-fit:cover;
  object-position:center;
  will-change:transform;
}

.platform-intro-copy h2{
  max-width:700px;
  margin:0;
  color:#17191d;
  font-size:clamp(42px,4vw,64px);
  font-weight:500;
  line-height:1.02;
  letter-spacing:-.057em;
}

.platform-intro-copy{
  padding-right:0;
}

.platform-intro-copy>p{
  max-width:650px;
  margin:27px 0 0;
  color:#69717e;
  font-size:17px;
  line-height:1.62;
}

.platform-intro-highlights{
  position:relative;
  margin-top:74px;
  display:grid;
  grid-template-columns:minmax(0,42fr) minmax(0,58fr);
}

.platform-intro-highlights:after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:calc(42% - 15px);
  width:1px;
  background:rgba(24,31,43,.11);
  transform:translateX(-.5px);
}

.platform-intro-highlights article{
  min-width:0;
  padding-right:34px;
}

.platform-intro-highlights article+article{
  padding-right:0;
  padding-left:54px;
  border-left:0;
  transform:translateX(-15px);
}

.platform-intro-icon{
  width:43px;
  height:43px;
  display:grid;
  place-items:center;
  border-radius:12px;
  background:#eceeef;
  color:#2b2e33;
  font-size:20px;
}

.platform-intro-icon svg{
  width:21px;
  height:21px;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.platform-intro-highlights h3{
  margin:23px 0 11px;
  color:#17191d;
  font-size:20px;
  font-weight:600;
  line-height:1.2;
  letter-spacing:-.035em;
}

.platform-intro-highlights p{
  max-width:270px;
  margin:0;
  color:#747c88;
  font-size:14px;
  line-height:1.58;
}

@media(max-width:1080px){
  .platform-intro-inner{
    width:min(820px,calc(100% - 48px));
    margin:0 auto;
    grid-template-columns:1fr;
    gap:66px;
  }

  .platform-intro-visual{
    margin:0;
    padding:0;
  }

  .platform-intro-frame{
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:1147/722;
  }

  .platform-intro-copy{
    max-width:760px;
    padding-right:0;
  }

  .platform-intro-copy h2,
  .platform-intro-copy>p{
    max-width:720px;
  }

  .platform-intro-highlights{
    max-width:700px;
  }
}

@media(max-width:600px){
  .platform-intro-section{
    padding:105px 0 25px;
  }

  .platform-intro-inner{
    width:calc(100% - 40px);
    gap:48px;
  }

  .platform-intro-frame{
    border-radius:18px;
  }

  .platform-intro-copy h2{
    font-size:clamp(38px,11vw,49px);
    line-height:1.04;
  }

  .platform-intro-copy>p{
    margin-top:23px;
    font-size:15px;
  }

  .platform-intro-highlights{
    margin-top:58px;
    grid-template-columns:1fr;
    gap:32px;
  }

  .platform-intro-highlights:after{
    display:none;
  }

  .platform-intro-highlights article{
    padding:0 0 32px;
  }

  .platform-intro-highlights article+article{
    padding:32px 0 0;
    border-top:1px solid rgba(24,31,43,.11);
    border-left:0;
    transform:none;
  }

  .platform-intro-highlights p{
    max-width:340px;
  }

}

/* Hero redesign based on the July 20 composition. */
.hero.section-shell{
  height:100svh;
  min-height:800px;
  margin-top:0;
  overflow:hidden;
  background:#061b39;
}

.moon-hero{
  height:100%;
  overflow:hidden;
  background-color:#061b39;
}

.moon-hero:before{
  inset:0;
  background-image:url('assets/Hero-bg.jpg?v=3');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

.site-header{
  top:60px;
  width:min(1048px,calc(100% - 48px));
  height:80px;
  padding:0 18px 0 28px;
  border-radius:20px;
}

.site-header nav{
  gap:64px;
  transform:translateX(-50%);
}

.site-header .header-link{
  min-width:148px;
  height:48px;
  padding:13px 15px;
  font-size:15px;
}

.moon-hero-copy{
  top:24.2%;
  left:max(11.2vw,96px);
  width:min(800px,52vw);
}

.moon-hero-copy h1{
  font-size:clamp(39.2px,2.94vw,59.8px);
  line-height:1.14;
  letter-spacing:.032em;
}

.hero-main-visual{
  position:relative;
  width:min(617px,39.6vw);
  aspect-ratio:1541/1186;
  margin-top:55px;
  transform:translateY(-4px);
}

.hero-orbit-visual{
  position:absolute;
  inset:0;
}

.hero-orbit-ring{
  position:absolute;
  display:block;
  border-radius:50%;
  pointer-events:none;
}

.hero-orbit-ring-outer{
  top:3.3%;
  left:12.65%;
  width:74.3%;
  aspect-ratio:1;
}

.hero-orbit-ring-outer:before{
  position:absolute;
  inset:0;
  padding:2px;
  border-radius:inherit;
  background:conic-gradient(from 205deg,rgba(34,143,186,.96),rgba(209,221,222,.88) 33%,rgba(175,201,205,.84) 60%,rgba(30,132,174,.88));
  content:"";
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}

.hero-orbit-ring-inner{
  top:21.05%;
  left:26%;
  width:46.75%;
  aspect-ratio:1;
  border:2px dashed rgba(232,241,246,.67);
}

.hero-orbit-core{
  position:absolute;
  top:36.85%;
  left:38.05%;
  width:22.7%;
  aspect-ratio:1;
  border-radius:50%;
  background:linear-gradient(145deg,rgba(58,101,147,.6),rgba(22,63,105,.68));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.hero-orbit-core-dot{
  position:absolute;
  width:8.6%;
  aspect-ratio:1;
  border-radius:50%;
}

.hero-orbit-core-dot-top{
  top:34.6%;
  left:45.7%;
  background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.06) 100%);
}

.hero-orbit-core-dot-right{
  top:45.7%;
  right:34.6%;
  background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,.06) 100%);
}

.hero-orbit-core-dot-bottom{
  bottom:34.6%;
  left:45.7%;
  background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.06) 100%);
}

.hero-orbit-core-dot-left{
  top:45.7%;
  left:34.6%;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.06) 100%);
}

.hero-invite-card{
  position:absolute;
  top:30.86%;
  left:0;
  display:flex;
  width:27.4%;
  height:43.1%;
  box-sizing:border-box;
  padding:7.25% 3% 4.7%;
  align-items:center;
  flex-direction:column;
  border-radius:15.5%;
  background:linear-gradient(145deg,rgba(102,136,172,.54),rgba(45,78,116,.72));
  -webkit-backdrop-filter:blur(13px) saturate(115%);
  backdrop-filter:blur(13px) saturate(115%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  color:#fff;
  font:400 clamp(10px,1.12vw,18px)/1.48 Inter,sans-serif;
  text-align:center;
}

.hero-invite-card img{
  display:block;
  width:42.7%;
  aspect-ratio:1;
  margin-bottom:12.5%;
  border-radius:50%;
  object-fit:cover;
  transform:translateY(-5px);
}

.hero-visual-action{
  position:absolute;
  z-index:2;
  border:0;
  font-family:Inter,sans-serif;
  cursor:pointer;
  transition:transform .5s cubic-bezier(.16,1,.3,1),filter .5s ease;
}

.hero-visual-action:hover{
  transform:scale(1.045);
  filter:brightness(1.035);
}

.hero-visual-action:focus-visible{
  outline:2px solid #fff;
  outline-offset:4px;
}

.hero-visual-chip.hero-visual-top-plus{
  top:-1.98%;
  left:43.73%;
  width:7.19%;
  gap:0;
  padding-right:0;
  overflow:hidden;
  background:transparent;
  transform-origin:left center;
}

.hero-visual-top-plus:hover{
  transform:scale(1.025);
}

.hero-visual-analyze-label{
  opacity:0;
  color:#59595e;
  transform:translateX(-8px);
}

.hero-visual-top-plus.is-analyze-open{
  width:calc(26.1% - 9px);
  gap:clamp(7px,.85vw,13px);
  padding-right:4%;
  background:#aaa4ff;
}

.hero-visual-top-plus.is-analyze-open .hero-visual-analyze-label{
  opacity:1;
  transform:translateX(0);
  transition-delay:.16s;
}

.hero-visual-chip{
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:clamp(7px,.85vw,13px);
  height:11.05%;
  padding:0 5% 0 1.75%;
  border-radius:999px;
  color:#59595e;
  font-size:clamp(8px,.92vw,14.5px);
  font-weight:500;
  line-height:1;
  white-space:nowrap;
  transition:width .48s cubic-bezier(.16,1,.3,1),padding .48s cubic-bezier(.16,1,.3,1),gap .48s cubic-bezier(.16,1,.3,1),background-color .32s ease,transform .4s cubic-bezier(.16,1,.3,1),filter .4s ease;
}

.hero-visual-chip-plus{
  display:grid;
  height:64%;
  flex:0 0 auto;
  aspect-ratio:1;
  place-items:center;
  border-radius:50%;
  background:#030303;
  color:#fff;
  font-size:1.35em;
  font-weight:400;
  line-height:1;
}

.hero-visual-plus-glyph{
  transform:translateY(-2px);
}

.hero-visual-chip-label{
  max-width:140px;
  flex:0 0 auto;
  overflow:hidden;
  opacity:1;
  transform:translateX(0);
  transition:max-width .48s cubic-bezier(.16,1,.3,1),opacity .18s ease,transform .34s cubic-bezier(.16,1,.3,1);
}

.hero-visual-share{
  top:44.95%;
  left:68.15%;
  width:calc(31.85% + 8px);
  background:#acf166;
  overflow:visible;
}

.hero-visual-task{
  top:76.65%;
  left:46.15%;
  width:calc(26.1% - 4px);
  background:#fff;
}

.hero-visual-task.is-collapsed{
  width:5.44%;
  gap:0;
  padding-right:0;
  padding-left:0;
  background:transparent;
}

.hero-visual-task.is-collapsed .hero-visual-chip-label{
  max-width:0;
  opacity:0;
  transform:translateX(-8px);
}

body.is-loaded .hero-main-visual{
  animation:none;
}

body.is-loaded .hero-orbit-core{
  animation:hero-orbit-core-enter .9s cubic-bezier(.16,1,.3,1) .52s backwards;
  transform-origin:center;
}

body.is-loaded .hero-orbit-core-dot{
  animation:hero-orbit-dot-enter .48s cubic-bezier(.16,1,.3,1) .7s backwards;
}

body.is-loaded .hero-orbit-ring-inner{
  animation:hero-orbit-inner-enter 1.02s cubic-bezier(.16,1,.3,1) .78s backwards;
  transform-origin:center;
}

body.is-loaded .hero-orbit-ring-outer{
  animation:hero-orbit-outer-enter 1.14s cubic-bezier(.16,1,.3,1) .96s backwards;
  transform-origin:center;
}

body.is-loaded .hero-visual-top-plus .hero-visual-chip-plus{
  animation:hero-orbit-plus-enter .42s cubic-bezier(.16,1,.3,1) 1.3s backwards;
}

body.is-loaded .hero-invite-card{
  animation:hero-invite-card-enter .96s cubic-bezier(.16,1,.3,1) 1.22s backwards;
  transform-origin:center;
}

body.is-loaded .hero-visual-share{
  animation:hero-share-chip-enter .68s cubic-bezier(.16,1,.3,1) 1.7s backwards;
}

body.is-loaded .hero-visual-share .hero-visual-chip-plus{
  animation:hero-orbit-plus-enter .36s cubic-bezier(.16,1,.3,1) 1.64s backwards;
}

body.is-loaded .hero-visual-share .hero-visual-chip-label{
  animation:hero-orbit-label-enter .38s cubic-bezier(.16,1,.3,1) 1.92s backwards;
}

body.is-loaded .hero-visual-task{
  animation:hero-task-chip-enter .68s cubic-bezier(.16,1,.3,1) 1.9s backwards;
}

body.is-loaded .hero-visual-task .hero-visual-chip-plus{
  animation:hero-orbit-plus-enter .36s cubic-bezier(.16,1,.3,1) 1.84s backwards;
}

body.is-loaded .hero-visual-task .hero-visual-chip-label{
  animation:hero-orbit-label-enter .38s cubic-bezier(.16,1,.3,1) 2.12s backwards;
}

@keyframes hero-orbit-core-enter{
  from{
    opacity:0;
    transform:scale(.24) rotate(-125deg);
  }
  58%{opacity:1}
  to{
    opacity:1;
    transform:scale(1) rotate(0);
  }
}

@keyframes hero-orbit-dot-enter{
  from{opacity:0;transform:scale(.2)}
  to{opacity:1;transform:scale(1)}
}

@keyframes hero-orbit-inner-enter{
  0%{
    opacity:0;
    transform:scale(.2) rotate(-72deg);
  }
  42%{opacity:.28}
  to{
    opacity:1;
    transform:scale(1) rotate(0);
  }
}

@keyframes hero-orbit-outer-enter{
  0%{
    opacity:0;
    transform:scale(.08);
  }
  44%{opacity:.24}
  to{
    opacity:1;
    transform:scale(1);
  }
}

@keyframes hero-orbit-plus-enter{
  from{opacity:0;transform:scale(.2) rotate(-55deg)}
  to{opacity:1;transform:scale(1) rotate(0)}
}

@keyframes hero-invite-card-enter{
  from{
    opacity:0;
    transform:scale(.2);
  }
  48%{opacity:1}
  to{
    opacity:1;
    transform:scale(1);
  }
}

@keyframes hero-share-chip-enter{
  from{
    width:5.44%;
    gap:0;
    padding-right:0;
    padding-left:0;
    background-color:transparent;
  }
  to{
    width:calc(31.85% + 8px);
    gap:clamp(7px,.85vw,13px);
    padding-right:5%;
    padding-left:1.75%;
    background-color:#acf166;
  }
}

@keyframes hero-task-chip-enter{
  from{
    width:5.44%;
    gap:0;
    padding-right:0;
    padding-left:0;
    background-color:transparent;
  }
  to{
    width:calc(26.1% - 4px);
    gap:clamp(7px,.85vw,13px);
    padding-right:5%;
    padding-left:1.75%;
    background-color:#fff;
  }
}

@keyframes hero-orbit-label-enter{
  from{
    max-width:0;
    opacity:0;
    transform:translateX(-8px);
  }
  to{
    max-width:140px;
    opacity:1;
    transform:translateX(0);
  }
}

.moon-hero-side{
  top:23.5%;
  right:max(9.5vw,86px);
  width:min(450px,28vw);
  min-width:0;
}

.moon-hero-side>p{
  margin-bottom:40px;
  font-size:17px;
  line-height:1.55;
}

.hero-accordion{
  top:0;
  gap:11px;
}

.hero-docs-link{
  display:flex;
  width:max-content;
  margin:36px 0 0 auto;
  align-items:center;
  gap:18px;
  color:#fff;
  font:600 16px/1 Inter,sans-serif;
  text-decoration:none;
  transition:opacity .35s ease;
}

.hero-docs-link:hover{
  opacity:.72;
}

.hero-docs-link img{
  display:block;
  width:26px;
  height:auto;
  filter:invert(1);
}

body.is-loaded .hero-docs-link{
  animation:hero-opacity-enter .9s ease 1.05s backwards;
}

@media(max-width:1100px) and (min-width:761px){
  .site-header{
    width:calc(100% - 48px);
  }

  .site-header nav{
    gap:42px;
  }

  .moon-hero-copy{
    left:5vw;
    width:53vw;
  }

  .hero-main-visual{
    width:41.3vw;
  }

  .moon-hero-side{
    right:4vw;
    width:38vw;
  }

  .moon-hero-side>p{
    font-size:15px;
  }
}

@media(max-width:760px){
  .hero.section-shell{
    height:max(100svh,780px);
    min-height:780px;
  }

  .moon-hero{
    height:100%;
  }

  .moon-hero:before{
    inset:0;
    background-position:center;
  }

  .site-header{
    top:16px;
    width:calc(100% - 28px);
    height:61px;
    padding-right:20px;
  }

  .menu-toggle:focus,
  .menu-toggle:focus-visible,
  .site-header nav a:focus,
  .site-header nav a:focus-visible{
    outline:none;
    box-shadow:none;
  }

  .site-header nav{
    display:flex;
    height:auto;
    max-height:calc(100svh - 98px);
    flex-direction:column;
    gap:4px;
    padding:12px;
    align-content:start;
    transform-origin:top center;
    transform:translateY(-18px) scaleY(.96);
    transition:
      opacity .26s cubic-bezier(.22,1,.36,1),
      transform .38s cubic-bezier(.16,1,.3,1),
      visibility 0s linear .38s;
  }

  .site-header nav a{
    min-height:46px;
  }

  .site-header nav .mobile-open-app{
    margin-top:10px;
  }

  .site-header.menu-open nav{
    transform:translateY(0) scaleY(1);
    transition:
      opacity .26s cubic-bezier(.22,1,.36,1),
      transform .38s cubic-bezier(.16,1,.3,1),
      visibility 0s;
  }

  .moon-hero-copy{
    top:130px;
    right:20px;
    left:20px;
    width:auto;
  }

  .moon-hero-copy h1{
    font-size:clamp(34px,9.2vw,40px);
  }

  .hero-main-visual{
    display:none;
  }

  .moon-hero-side{
    top:auto;
    right:20px;
    bottom:32px;
    left:20px;
    width:auto;
  }

  .moon-hero-side>p{
    display:none;
  }

  .hero-accordion{
    display:grid;
    visibility:visible;
    opacity:1;
  }

  .hero-docs-link{
    display:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .hero-main-visual,
  .hero-docs-link,
  .hero-orbit-core,
  .hero-orbit-core-dot,
  .hero-orbit-ring,
  .hero-invite-card,
  .hero-visual-action,
  .hero-visual-chip-plus,
  .hero-visual-chip-label{
    animation:none!important;
  }
}

/* Pricing page */
.pricing-page{
  min-height:100%;
  background:#05070b;
  color:#f7f9ff;
  font-family:Inter,var(--sans);
  color-scheme:dark;
}

.pricing-page:before{
  display:none;
}

.pricing-page .site-header nav a{
  color:rgba(244,248,255,.72);
}

.pricing-page .site-header nav a:hover,
.pricing-page .site-header nav a.is-current{
  color:#fff;
}

.site-header nav a:not(.mobile-open-app){
  color:rgba(244,248,255,.58);
}

.site-header nav a:not(.mobile-open-app):hover{
  color:rgba(255,255,255,.88);
}

.site-header nav a.is-current,
.site-header nav a.is-current:hover{
  color:#fff;
}

.pricing-main{
  min-height:100vh;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 24%,rgba(28,94,190,.18),transparent 32%),
    linear-gradient(180deg,#05070b 0%,#060a11 70%,#07101d 100%);
}

.pricing-hero{
  position:relative;
  z-index:1;
  width:min(100%,1320px);
  min-height:100vh;
  margin:0 auto;
  padding:240px 32px 78px;
}

.pricing-aura{
  position:absolute;
  z-index:-1;
  pointer-events:none;
  border-radius:50%;
  filter:blur(90px);
  opacity:.22;
}

.pricing-aura-one{
  width:430px;
  height:280px;
  top:120px;
  left:50%;
  background:#175ebc;
  transform:translateX(-50%);
}

.pricing-aura-two{
  width:380px;
  height:250px;
  right:50px;
  bottom:80px;
  background:#1676d8;
  opacity:.12;
}

.pricing-heading{
  position:relative;
  text-align:center;
  animation:pricing-enter .9s cubic-bezier(.16,1,.3,1) both;
}

.pricing-eyebrow{
  margin:0 0 18px;
  color:#7d8796;
  font:600 11px/1.2 "DM Mono",monospace;
  letter-spacing:.13em;
}

.pricing-heading .pricing-eyebrow{
  color:#7d8796;
}

.pricing-heading h1{
  margin:0;
  color:#f7f9ff;
  font-size:clamp(43px,4.6vw,66px);
  font-weight:500;
  line-height:1.03;
  letter-spacing:-.052em;
}

.pricing-heading>p:not(.pricing-eyebrow){
  max-width:600px;
  margin:22px auto 0;
  color:#8e98a9;
  font-size:15px;
  line-height:1.6;
}

.billing-toggle{
  position:relative;
  display:inline-grid;
  grid-template-columns:repeat(2,1fr);
  align-items:center;
  gap:4px;
  margin-top:30px;
  padding:4px;
  border:1px solid rgba(133,160,201,.16);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.billing-toggle:before{
  content:"";
  position:absolute;
  top:4px;
  bottom:4px;
  left:4px;
  width:calc((100% - 12px) / 2);
  border-radius:999px;
  background:rgba(255,255,255,.11);
  box-shadow:0 5px 18px rgba(0,0,0,.16);
  transform:translateX(0);
  transition:transform .42s cubic-bezier(.65,0,.35,1),background .42s cubic-bezier(.65,0,.35,1),box-shadow .42s cubic-bezier(.65,0,.35,1);
}

.billing-toggle.is-annual:before{
  transform:translateX(calc(100% + 4px));
}

.billing-toggle button{
  position:relative;
  z-index:1;
  min-height:34px;
  min-width:78px;
  padding:0 14px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#758093;
  font:500 12px Inter,sans-serif;
  cursor:pointer;
  transition:background .3s ease,color .3s ease,box-shadow .3s ease;
}

.billing-toggle button span{
  margin-left:5px;
  color:#73aaff;
  font-size:10px;
}

.billing-toggle button.is-active{
  background:transparent;
  color:#fff;
  box-shadow:none;
}

.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  width:min(100%,1240px);
  margin:52px auto 0;
}

.pricing-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:548px;
  padding:29px 29px 24px;
  overflow:hidden;
  border:1px solid rgba(149,173,211,.15);
  border-radius:22px;
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
  box-shadow:0 22px 70px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.045);
  animation:pricing-card-enter 1s cubic-bezier(.16,1,.3,1) backwards;
  transition:transform .9s cubic-bezier(.65,0,.35,1),background 1.1s cubic-bezier(.65,0,.35,1),border-color 1.1s cubic-bezier(.65,0,.35,1),box-shadow 1.1s cubic-bezier(.65,0,.35,1);
}

.pricing-card:before{
  content:"";
  position:absolute;
  z-index:0;
  right:-25%;
  bottom:-150px;
  left:-25%;
  height:310px;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(52,139,255,.7) 0%,rgba(38,110,226,.3) 35%,transparent 72%);
  filter:blur(24px);
  opacity:0;
  transform:translateY(38px) scale(.84);
  transition:opacity 1.1s cubic-bezier(.65,0,.35,1),transform 1.2s cubic-bezier(.65,0,.35,1),filter 1.1s cubic-bezier(.65,0,.35,1);
}

.pricing-card-pro{
  border-color:rgba(91,151,255,.34);
  background:linear-gradient(155deg,rgba(30,47,75,.92),rgba(16,26,43,.98));
  animation-delay:.08s;
}

.pricing-card-starter,
.pricing-card-agency{
  background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.022));
}

.pricing-card-agency{
  animation-delay:.16s;
}

.pricing-card-pro:after{
  content:"";
  position:absolute;
  z-index:0;
  right:-12%;
  bottom:-90px;
  left:-12%;
  height:250px;
  pointer-events:none;
  background:radial-gradient(ellipse at center,#217bd8 0%,rgba(30,107,206,.72) 26%,rgba(16,89,191,.18) 62%,transparent 78%);
  filter:blur(14px);
  opacity:.72;
  transform:translateY(18px) scale(.94);
  transition:opacity 1.1s cubic-bezier(.65,0,.35,1),transform 1.2s cubic-bezier(.65,0,.35,1),filter 1.1s cubic-bezier(.65,0,.35,1);
}

.pricing-card>*{
  position:relative;
  z-index:1;
}

@media(hover:hover) and (pointer:fine){
  .pricing-card:hover{
    transform:translateY(-2px);
    border-color:rgba(113,168,255,.23);
    background:linear-gradient(155deg,rgba(255,255,255,.097),rgba(52,83,129,.055));
    box-shadow:0 27px 76px rgba(0,0,0,.29),0 16px 52px rgba(22,83,176,.065),inset 0 1px 0 rgba(255,255,255,.055);
  }

  .pricing-card:hover:before{
    opacity:.28;
    filter:blur(34px);
    transform:translateY(2px) scale(1.04);
  }

  .pricing-card-pro:hover{
    background:linear-gradient(150deg,rgba(34,53,82,.95),rgba(18,31,52,.99));
    border-color:rgba(113,168,255,.37);
  }

  .pricing-card-starter:hover,
  .pricing-card-agency:hover{
    background:linear-gradient(155deg,rgba(255,255,255,.068),rgba(52,83,129,.032));
  }

  .pricing-card-pro:hover:after{
    opacity:.82;
    filter:blur(25px);
    transform:translateY(0) scale(1.03);
  }
}

.pricing-popular{
  position:absolute;
  top:24px;
  right:24px;
  padding:6px 9px;
  border:1px solid rgba(110,169,255,.25);
  border-radius:999px;
  background:rgba(66,127,225,.13);
  color:#8bb9ff;
  font:500 9px/1 "DM Mono",monospace;
  letter-spacing:.08em;
}

.pricing-plan-name{
  margin:0 0 16px;
  color:#f9fbff;
  font-size:16px;
  font-weight:600;
}

.pricing-price{
  display:flex;
  align-items:flex-end;
  min-height:54px;
  color:#fff;
}

.pricing-currency{
  align-self:flex-start;
  margin:7px 3px 0 0;
  font-size:22px;
  font-weight:400;
}

.pricing-price strong{
  font-size:48px;
  font-weight:500;
  line-height:1;
  letter-spacing:-.05em;
}

.pricing-price-custom strong{
  font-size:42px;
  letter-spacing:-.04em;
}

.pricing-period{
  margin:0 0 5px 7px;
  color:#8791a2;
  font-size:12px;
}

.pricing-billing-note{
  min-height:14px;
  margin:7px 0 0;
  color:#6f7b8e;
  font-size:10px;
}

.pricing-card-free .pricing-description{
  margin-top:29px;
}

.pricing-description{
  min-height:43px;
  margin:17px 0 0;
  color:#9ba4b3;
  font-size:12px;
  line-height:1.55;
}

.pricing-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:27px 0 21px;
  color:#667185;
  font:500 8px/1 "DM Mono",monospace;
  letter-spacing:.1em;
  white-space:nowrap;
}

.pricing-divider:before,
.pricing-divider:after{
  content:"";
  height:1px;
  flex:1;
  background:rgba(157,176,207,.11);
}

.pricing-features{
  display:grid;
  gap:13px;
  margin:0;
  padding:0;
  list-style:none;
}

.pricing-features li{
  display:flex;
  align-items:center;
  gap:10px;
  color:#dce2ed;
  font-size:12px;
  line-height:1.35;
}

.pricing-features li>span{
  display:grid;
  width:17px;
  height:17px;
  flex:0 0 17px;
  place-items:center;
  border:1px solid rgba(132,174,240,.2);
  border-radius:50%;
  background:rgba(93,149,233,.08);
  color:#8bb9ff;
  font-size:9px;
}

.pricing-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:48px;
  margin-top:auto;
  border-radius:999px;
  text-decoration:none;
  font-size:12px;
  font-weight:600;
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
}

.pricing-button:hover{
  transform:translateY(-2px);
}

.pricing-button-quiet{
  border:1px solid rgba(161,180,211,.13);
  background:rgba(255,255,255,.055);
  color:#e7ebf2;
}

.pricing-button-primary{
  background:#f6f8fc;
  color:#09101b;
  box-shadow:0 12px 35px rgba(0,38,101,.24);
}

.pricing-button-primary:hover{
  background:#fff;
  box-shadow:0 15px 42px rgba(41,112,223,.28);
}

.pricing-trust{
  display:flex;
  justify-content:center;
  gap:30px;
  margin:30px auto 0;
  color:#7d899c;
  font-size:13px;
}

.pricing-trust span{
  display:flex;
  align-items:center;
  gap:7px;
}

.pricing-trust i{
  display:grid;
  width:19px;
  height:19px;
  place-items:center;
  border:1px solid rgba(121,161,221,.16);
  border-radius:50%;
  color:#75aaff;
  font-size:10px;
  font-style:normal;
}

.pricing-page .pricing-footer{
  position:relative;
  max-width:none;
  min-height:166px;
  padding:106px 32px 30px;
  justify-content:center;
  border:0;
  background:#07101d;
}

.pricing-page .pricing-footer:before{
  display:none;
}

.pricing-page .pricing-footer a{
  color:#6d798b;
}

.pricing-comparison{
  width:min(100%,1160px);
  margin:0 auto;
  padding:110px 32px 135px;
}

.comparison-heading{
  max-width:650px;
}

.comparison-heading h2{
  margin:0;
  color:#f7f9ff;
  font-size:clamp(42px,4.4vw,62px);
  font-weight:500;
  line-height:1.05;
  letter-spacing:-.05em;
}

.comparison-heading>p:not(.pricing-eyebrow){
  max-width:580px;
  margin:18px 0 0;
  color:#8994a6;
  font-size:14px;
  line-height:1.6;
}

.comparison-table-wrap{
  margin-top:62px;
  overflow-x:auto;
  scrollbar-width:none;
}

.comparison-table-wrap::-webkit-scrollbar{
  display:none;
}

.comparison-table{
  min-width:860px;
  border-top:1px solid rgba(132,158,198,.14);
  border-bottom:1px solid rgba(132,158,198,.14);
}

.comparison-row{
  display:grid;
  grid-template-columns:minmax(300px,1.35fr) repeat(3,minmax(135px,.55fr));
  min-height:44px;
  align-items:center;
  padding:0 18px;
  border-radius:10px;
  color:#b8c0ce;
  font-size:13px;
}

.comparison-row:not(.comparison-head):hover{
  background:rgba(104,154,229,.055);
}

.comparison-head{
  min-height:82px;
  color:#f4f7fb;
}

.comparison-head>span{
  color:#758196;
  font:500 10px/1 "DM Mono",monospace;
  letter-spacing:.11em;
}

.comparison-head strong{
  text-align:center;
  font-size:24px;
  font-weight:500;
  letter-spacing:-.035em;
}

.comparison-category{
  padding:21px 0 28px;
  border-top:1px solid rgba(132,158,198,.11);
}

.comparison-category h3{
  margin:0 18px 14px;
  color:#f0f3f8;
  font-size:14px;
  font-weight:600;
}

.comparison-mark,
.comparison-dash,
.comparison-value{
  justify-self:center;
}

.comparison-mark{
  display:grid;
  width:19px;
  height:19px;
  place-items:center;
  border:1px solid rgba(110,168,255,.38);
  border-radius:50%;
  background:rgba(73,135,231,.09);
  color:#8dbbff;
  font-size:10px;
}

.comparison-dash{
  color:#596578;
  font-size:16px;
}

.comparison-value{
  color:#cbd3df;
  font-size:12px;
}

.pricing-page .pricing-faq{
  width:min(100%,1160px);
  max-width:none;
  padding:110px 32px 65px;
  border-top:0;
}

.pricing-page .pricing-faq .section-kicker{
  color:#758196;
}

.pricing-page .pricing-faq .faq-heading h2,
.pricing-page .pricing-faq .faq-heading h2 span{
  color:#f7f9ff;
  -webkit-text-fill-color:#f7f9ff;
}

.pricing-page .pricing-faq .faq-list details,
.pricing-page .pricing-faq .faq-list details[open]{
  background:transparent;
  border-color:rgba(132,158,198,.17);
}

.pricing-page .pricing-faq .faq-list summary,
.pricing-page .pricing-faq .faq-list summary span{
  color:#f1f4f8;
}

.pricing-page .pricing-faq .faq-list details p{
  color:#8f9aab;
}

@keyframes pricing-enter{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:none}
}

@keyframes pricing-card-enter{
  from{opacity:0;transform:translateY(28px) scale(.985)}
  to{opacity:1;transform:none}
}

@media(max-width:760px){
  .pricing-hero{padding:160px 18px 64px}
  .pricing-heading h1{font-size:clamp(40px,13vw,58px)}
  .pricing-heading>p:not(.pricing-eyebrow){max-width:350px;font-size:14px}
  .pricing-grid{grid-template-columns:1fr;width:min(100%,440px);margin-top:42px}
  .pricing-card{min-height:535px;padding:27px 22px 22px}
  .pricing-trust{width:min(100%,440px);flex-wrap:wrap;gap:13px 20px}
  .pricing-comparison{padding:85px 18px 105px}
  .comparison-table-wrap{margin-top:45px}
  .pricing-page .pricing-faq{padding:85px 18px 50px}
  .pricing-page .pricing-footer{min-height:85px;padding:22px 18px}
}

@media(min-width:761px) and (max-width:1060px){
  .pricing-grid{
    width:min(100%,760px);
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .pricing-card-agency{
    grid-column:1 / -1;
    width:calc(50% - 8px);
    justify-self:center;
  }
}

@media(prefers-reduced-motion:reduce){
  .pricing-heading,
  .pricing-card{animation:none}
}

/* Smooth FAQ accordions */
.faq-list details{
  overflow:clip;
}

.faq-list summary span{
  transition:transform .62s cubic-bezier(.19,1,.22,1),opacity .4s ease;
}

.faq-list details[open] summary span{
  transform:rotate(180deg)!important;
}

.faq-list details p{
  opacity:0;
  transform:translateY(-7px);
  transition:opacity .38s ease,transform .62s cubic-bezier(.19,1,.22,1);
}

.faq-list details[open]:not(.is-closing) p{
  opacity:1;
  transform:none;
}

.faq-list details.is-closing p{
  opacity:0;
  transform:translateY(-5px);
}

@media(prefers-reduced-motion:reduce){
  .faq-list summary span,
  .faq-list details p{
    transition:none!important;
  }
}

/* Legal pages */
.legal-page{
  --legal-ink:#171a20;
  --legal-body:#535d6c;
  --legal-muted:#818b9b;
  --legal-line:#dce2ea;
  --legal-blue:#3a72df;
  min-height:100%;
  background:#fff;
  color:var(--legal-ink);
  font-family:Inter,sans-serif;
}

.legal-page .site-header{
  position:fixed;
  background:rgba(3,17,39,.84);
  border-color:rgba(105,170,238,.16);
  box-shadow:none;
}

.legal-page .site-header nav a{
  color:rgba(255,255,255,.68);
}

.legal-page .site-header nav a:hover{
  color:#fff;
}

.legal-main{
  min-height:calc(100vh - 150px);
  padding-top:205px;
  background:#fff;
}

.legal-wrap{
  width:min(100%,880px);
  margin:0 auto;
  padding:0 30px 125px;
}

.legal-back{
  display:inline-flex;
  align-items:center;
  margin-bottom:43px;
  color:#687487;
  font-size:13px;
  font-weight:500;
  text-decoration:none;
  transition:color .25s ease,transform .55s cubic-bezier(.19,1,.22,1);
}

.legal-back:hover{
  color:var(--legal-blue);
  transform:translateX(-3px);
}

.legal-head{
  padding-bottom:39px;
  margin-bottom:52px;
  border-bottom:1px solid var(--legal-line);
}

.imprint-page .legal-head{
  padding-bottom:0;
  border-bottom:0;
}

.legal-kicker{
  margin:0 0 19px;
  color:var(--legal-blue);
  font:500 11px/1.4 "DM Mono",monospace;
  letter-spacing:.12em;
}

.legal-head h1{
  margin:0 0 18px;
  color:var(--legal-ink);
  font:500 clamp(52px,6vw,76px)/.98 Inter,sans-serif;
  letter-spacing:-.058em;
}

.legal-meta{
  margin:0;
  color:var(--legal-muted);
  font-size:13px;
}

.legal-content h2{
  margin:58px 0 17px;
  color:var(--legal-ink);
  font:500 25px/1.25 Inter,sans-serif;
  letter-spacing:-.035em;
}

.legal-content h2:first-child{
  margin-top:0;
}

.legal-content h3{
  margin:32px 0 11px;
  color:#262b33;
  font:600 16px/1.4 Inter,sans-serif;
  letter-spacing:-.015em;
}

.legal-content p,
.legal-content ul,
.legal-content ol{
  margin-top:0;
  margin-bottom:17px;
  color:var(--legal-body);
  font:400 15px/1.75 Inter,sans-serif;
}

.legal-content ul,
.legal-content ol{
  padding-left:22px;
}

.legal-content li{
  margin-bottom:7px;
  padding-left:3px;
}

.legal-content strong{
  color:#292f38;
  font-weight:600;
}

.legal-content a{
  color:var(--legal-blue);
  text-decoration:none;
  text-underline-offset:3px;
}

.legal-content a:hover{
  text-decoration:underline;
}

.legal-content code{
  padding:2px 6px;
  border:1px solid #dbe5f3;
  border-radius:5px;
  background:#edf3fb;
  color:#315d9f;
  font:500 12px/1.5 "DM Mono",monospace;
}

.legal-table-wrap{
  width:100%;
  margin:22px 0 31px;
  overflow-x:auto;
  border:1px solid var(--legal-line);
  border-radius:16px;
  background:rgba(255,255,255,.7);
}

.legal-content table{
  width:100%;
  min-width:620px;
  border-collapse:collapse;
  font-size:13px;
}

.legal-content th,
.legal-content td{
  padding:15px 17px;
  border-bottom:1px solid var(--legal-line);
  color:var(--legal-body);
  line-height:1.55;
  text-align:left;
  vertical-align:top;
}

.legal-content th{
  background:#edf2f8;
  color:#343b46;
  font-weight:600;
}

.legal-content tr:last-child td{
  border-bottom:0;
}

.legal-contact-card{
  margin:22px 0 34px;
  padding:25px 28px 9px;
  border:1px solid #d9e5f4;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(218,233,252,.72),rgba(255,255,255,.65));
}

.legal-page .legal-footer{
  max-width:none;
  min-height:132px;
  margin:0;
  padding:38px 30px;
  border:0;
  background:#fff;
  justify-content:center;
}

.legal-page .legal-footer:before{
  display:none;
}

.legal-page .legal-footer>div{
  position:relative;
  z-index:1;
  justify-content:center;
  gap:30px;
}

.legal-page .legal-footer a{
  color:#737d8d;
  font-size:13px;
  font-weight:500;
}

.legal-page .legal-footer a:hover,
.legal-page .legal-footer a.is-current{
  color:#1c222b;
}

@media(max-width:760px){
  .legal-main{
    padding-top:132px;
  }

  .legal-wrap{
    padding:0 20px 82px;
  }

  .legal-back{
    margin-bottom:32px;
  }

  .legal-head{
    padding-bottom:30px;
    margin-bottom:40px;
  }

  .legal-head h1{
    font-size:clamp(43px,13vw,58px);
  }

  .legal-content h2{
    margin-top:45px;
    font-size:22px;
  }

  .legal-content h3{
    margin-top:27px;
  }

  .legal-content p,
  .legal-content ul,
  .legal-content ol{
    font-size:14px;
    line-height:1.72;
  }

  .legal-contact-card{
    padding:21px 21px 5px;
    border-radius:15px;
  }

  .legal-page .legal-footer{
    min-height:108px;
    padding:31px 20px;
  }

  .legal-page .legal-footer>div{
    width:100%;
    flex-wrap:wrap;
    gap:16px 24px;
  }

  .dual-feature-overlay{
    display:none;
  }

  .dual-feature-grid article:hover .dual-feature-visual img,
  .dual-feature-grid article:focus-within .dual-feature-visual img{
    transform:none;
  }
}