:root{--bg:#07090e;--text:#f3f5fc;--green:#caff83}
body{background:#07090e}.ambient{background:radial-gradient(ellipse at 79% 25%,#35227845,transparent 45%),radial-gradient(ellipse at 6% 68%,#084c4b28,transparent 50%)}
.topbar{background:#07090ec9;border-color:#ffffff12;height:72px;max-width:none;padding:0 4vw;backdrop-filter:blur(24px)}.brand{font-size:30px}.topbar nav{gap:33px}.topbar nav a{font-size:12px}.edition{color:#82918f}
main{max-width:1600px;padding:0 4vw}.hero{position:relative;min-height:298px;padding:43px 0 30px;align-items:flex-end;isolation:isolate;overflow:hidden}.hero-copy{position:relative;z-index:2}.hero .eyebrow{font-size:10px;color:#b1b8c1;letter-spacing:.15em}.hero h1{display:block;font-size:clamp(54px,5.7vw,88px);font-weight:650;letter-spacing:-.06em;line-height:1.09}.hero h1 span{font-size:inherit;font-weight:650;letter-spacing:inherit;color:#caff83;background:linear-gradient(100deg,#f1ffc9,#caff83 55%,#78e6cd);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-side{position:relative;z-index:2;text-align:right;padding-right:12px;padding-bottom:9px}.market-tag{justify-content:flex-end;color:#e1e7eb}.hero-side p{color:#afb8c7;font-size:13px}.hero-monogram{position:absolute;z-index:-1;right:2%;top:-8px;font:900 clamp(140px,22vw,350px)/1.1 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.09em;color:#ffffff03;-webkit-text-stroke:1px #b9bded25;transform:rotate(-8deg);pointer-events:none;user-select:none}.orbital{position:absolute;width:110%;height:43%;border:1px solid #b4a0ff26;border-radius:50%;top:22%;left:-10%;transform:rotate(-23deg);box-shadow:0 -1px 0 #b4a0ff20,0 0 50px #8a4fff0a}.orbital-two{transform:rotate(21deg);height:66%;border-color:#bdfc7918;left:-4%;top:12%}
.trajectory{position:relative;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.trajectory:before{content:"";position:absolute;inset:50px -4vw 185px;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 40%,#34438525,transparent 68%)}.chart-top{padding:16px 0 8px;border-top:1px solid #ffffff20}.chart-top h2{font-size:14px;letter-spacing:.07em;color:#c6ccd5}.section-no{color:#606d80}.play-control{color:#d9e1ea;border-color:#8094ab44;background:#ffffff04;padding:9px 15px}.play-control:hover{background:#caff8312}.chart-wrap{position:relative;padding:18px 0 0;min-height:0}.chart-wrap svg{position:relative;z-index:2}.chart-wrap canvas{position:absolute;left:0;top:18px;width:100%;height:calc(100% - 18px);z-index:1;pointer-events:none}.curve-group .curve{opacity:.15;stroke-width:1}.curve-group.active .curve{opacity:.3}.curve-halo{display:none}.curve-point{r:4;stroke-width:2}.curve-name{font-size:12px;letter-spacing:.12em;opacity:1;font-weight:500}.axis-caption{fill:#8190a7;font-size:10px}.chart-ticks text{fill:#acb6ca;font-size:11px}.chart-wrap svg>rect{opacity:.28}.chart-wrap svg>line{stroke:#45516c;stroke-opacity:.5}
.curve-selector{margin:0;border-top:1px solid #64718d44;gap:12px;padding-top:13px}.curve-selector button{border:1px solid #505f7a3d;border-radius:7px;padding:17px 16px;background:#161c2c5c;backdrop-filter:blur(16px);transition:background .4s,border-color .4s,transform .4s;overflow:hidden}.curve-selector button:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,var(--active),transparent 70%);opacity:0;transition:opacity .4s}.curve-selector button[aria-pressed=true]{border-color:var(--active);background:#24303e66;box-shadow:inset 0 0 22px #ffffff05,0 0 28px color-mix(in srgb,var(--active) 7%,transparent)}.curve-selector button[aria-pressed=true]:before{opacity:.10}.curve-selector button:hover{transform:translateY(-3px);border-color:#c1d0ed99}.curve-selector button>*{position:relative}.curve-selector .step-count{font-size:25px;letter-spacing:-.08em;font-weight:300;color:#8590a761;margin-right:4px}.curve-selector small{color:#9ba8be}.curve-selector strong{font-size:14px;color:#dce3ee}.curve-selector i{width:6px;height:6px}.stage-detail{margin:0;min-height:130px;padding:26px 0 20px;grid-template-columns:1.2fr 1.5fr;gap:70px;border-color:#ffffff13}.stage-lead h3{font-size:24px;font-weight:450;letter-spacing:-.03em}.stage-lead .mini-label{font-size:9px}.stage-points p{color:#a6b1c4;font-size:12px}.stage-lead p{color:#68768c;font-size:11px}.chart-foot{padding:12px 0;font-size:10px;color:#65728b}.platform-line{padding:24px 0 12px}.platform-symbol{font-size:40px;color:#d5f9b1}.platform-line p{color:#7e8da5}.platform-line strong{color:#cad4e5}.text-link{color:#caff83}
.page-heading{position:relative;padding:50px 0 38px}.page-heading h1{font-size:clamp(32px,3.6vw,56px);font-weight:500;letter-spacing:-.05em}.page-heading .eyebrow{color:#b4a0ff}.page-heading:after{content:"";width:100px;height:1px;display:block;background:linear-gradient(90deg,#b4a0ff,transparent);margin-top:26px}.product-layout{border-color:#46516b55}.product-detail{background:radial-gradient(ellipse at 100% 0,#2623453a,transparent 65%)}.product-menu button[aria-pressed=true]{background:linear-gradient(90deg,#c2f97014,transparent)}.audiences{background:linear-gradient(120deg,#1323297a,#1614269c);border-color:#58658255}.audience-icon{font-size:64px;font-weight:200}.lifecycle article>span{font-size:33px;letter-spacing:-.06em;font-weight:200}.cadence-content{background:linear-gradient(100deg,#18342c70,#161c3270);border-color:#46556a66}.market-statement{background:linear-gradient(115deg,#e1ffa4,#b7f47b 70%,#8ee5b3);padding:38px;border-radius:4px;box-shadow:0 15px 100px #acff6510}.market-statement h2{font-size:32px}.large-arrow{font-size:75px}.comparison strong{color:#dde3f0}footer{max-width:1600px;padding-left:4vw;padding-right:4vw;border-color:#ffffff10;color:#52617b}
@media(min-width:1550px){.hero{min-height:350px}.chart-wrap{max-height:440px}.chart-wrap svg{max-height:422px}.chart-wrap canvas{height:422px}}
@media(max-width:760px){.topbar{height:auto;min-height:105px;padding:17px 20px 0}.topbar nav{gap:0}.topbar nav a{font-size:10px}.hero{min-height:308px;padding:32px 0 22px;overflow:visible}.hero h1{font-size:52px;letter-spacing:-.06em}.hero h1 span{font-size:52px}.hero-monogram{font-size:144px;right:-5px;top:104px;opacity:.8}.hero-side{display:flex;justify-content:space-between;align-items:center;text-align:left;margin-top:24px;padding:0;gap:12px}.hero-side p{font-size:10px}.market-tag{font-size:10px;justify-content:flex-start}.hero .eyebrow{font-size:9px;letter-spacing:.08em}.chart-top{padding:15px 0 8px;gap:10px}.chart-top h2{font-size:11px;letter-spacing:0}.play-control{font-size:9px;padding:7px 9px}.chart-wrap{padding-top:18px;min-width:650px}.curve-selector{gap:9px;padding-top:12px}.curve-selector button{padding:13px 10px;border-top:1px solid #505f7a3d}.curve-selector .step-count{font-size:22px;margin-right:0}.curve-selector strong{font-size:11px}.curve-selector small{font-size:9px}.stage-detail{grid-template-columns:1fr;gap:20px;padding:23px 0 18px;min-height:238px}.stage-lead h3{font-size:22px}.stage-points p{font-size:11px}.chart-foot{font-size:9px}.platform-line strong{font-size:12px}.platform-line p{font-size:10px}.page-heading{padding:32px 0 26px}.page-heading h1{font-size:30px}.page-heading:after{margin-top:20px}.audience-icon{font-size:42px}.market-statement{padding:24px 20px;gap:15px}.market-statement h2{font-size:21px}.large-arrow{font-size:44px}.lifecycle article>span{font-size:25px}.swipe-hint{color:#8998b3}.trajectory:before{inset:50px -4vw 300px}}
@media(prefers-reduced-motion:reduce){.curve-selector button:hover{transform:none}}
@media(max-width:760px){.hero{overflow:hidden}}
/* One motion language across the entire PRD. */
:root{--ease-out:cubic-bezier(.22,1,.36,1)}
.view{animation:chapter-in .5s var(--ease-out) both}
@keyframes chapter-in{from{opacity:.6;transform:translateY(14px)}to{opacity:1;transform:none}}
.hero{min-height:280px}.hero h1{font-size:clamp(70px,8vw,118px);line-height:1;letter-spacing:-.07em}.hero h1 span{display:block;font-size:clamp(25px,3.1vw,43px);line-height:1.4;letter-spacing:.025em;font-weight:450;margin-top:13px;background:none;-webkit-text-fill-color:#e0e7f1;color:#e0e7f1}.hero-monogram{opacity:.7}.hero-copy,.hero-side,.page-heading{animation:rise-in .8s var(--ease-out) both}.hero-side{animation-delay:.12s}.hero .eyebrow{animation:rise-in .6s var(--ease-out) both}
@keyframes rise-in{from{opacity:.25;transform:translateY(22px)}to{opacity:1;transform:none}}
.orbital-one{animation:orbit-one 18s ease-in-out infinite alternate}.orbital-two{animation:orbit-two 22s ease-in-out infinite alternate}
@keyframes orbit-one{to{transform:rotate(-8deg) scale(1.06)}}@keyframes orbit-two{to{transform:rotate(6deg) scale(.96)}}
.ambient{animation:atmosphere 14s ease-in-out infinite alternate;transform-origin:center}
@keyframes atmosphere{from{opacity:.55;transform:scale(1)}to{opacity:1;transform:scale(1.08)}}
.audiences article,.lifecycle article,.comparison>div,.product-menu button{animation:rise-in .65s var(--ease-out) both}
.audiences article:nth-child(2),.lifecycle article:nth-child(2),.comparison>div:nth-child(2),.product-menu button:nth-child(2){animation-delay:.06s}
.lifecycle article:nth-child(3),.comparison>div:nth-child(3),.product-menu button:nth-child(3){animation-delay:.12s}.lifecycle article:nth-child(4),.product-menu button:nth-child(4){animation-delay:.18s}.product-menu button:nth-child(5){animation-delay:.22s}.product-menu button:nth-child(6){animation-delay:.26s}
.product-detail>* ,#pricing-content>*,.cadence-content>*,.stage-detail>*{animation:detail-in .42s var(--ease-out) both}
@keyframes detail-in{from{opacity:.5;transform:translateY(9px)}to{opacity:1;transform:none}}
.product-facts{animation-delay:.045s}.product-detail .metric-tags{animation-delay:.09s}.stage-points{animation-delay:.06s}
.reveal-section{opacity:.55;transform:translateY(19px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal-section.in-view{opacity:1;transform:none}
.topbar nav a{transition:color .22s ease}.topbar nav a:before{content:'';position:absolute;inset:16px -12px;border-radius:5px;background:#c4d1ff;opacity:0;transition:opacity .22s}.topbar nav a:hover:before{opacity:.05}.topbar nav a[aria-current]:after{animation:nav-line .4s var(--ease-out) both;transform-origin:left}@keyframes nav-line{from{transform:scaleX(.15);opacity:.3}to{transform:scaleX(1);opacity:1}}
.segment button,.product-menu button,.play-control,.owner-row,.operating-grid>div,.comparison>div{transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}
.segment button:hover{background:#ffffff0b}.owner-row:hover{background:#a0b8ff06}.comparison>div:hover{border-top-color:#b4a0ff}.operating-grid>div{padding:9px 12px;margin:-9px -12px;border-radius:5px}.operating-grid>div:hover{background:#b4a0ff0b}.product-menu button:hover{box-shadow:inset 3px 0 #caff8355}
.audiences article{overflow:hidden}.audiences article:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 100% 0,#b4a0ff19,transparent 65%);opacity:0;transition:opacity .5s}.audiences article:hover:after{opacity:1}.audience-icon{transition:transform .6s var(--ease-out)}.audiences article:hover .audience-icon{transform:translateY(-5px) rotate(-5deg)}
.planning-details[open] .planning-body{animation:detail-in .4s var(--ease-out)}.planning-details summary:hover{color:#caff83}.planning-details summary{transition:color .2s}
@media(max-width:760px){.hero{min-height:290px}.hero h1{font-size:80px}.hero h1 span{font-size:28px;margin-top:8px}.hero-side{margin-top:24px}.hero-monogram{top:94px}.product-detail{min-height:490px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-section{opacity:1;transform:none}}