:root { --ink:#1b1739; --muted:#665f7e; --pink:#ed008c; --purple:#8424c4; --pale:#fff8fe; --line:#f0ddec; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:121px; }
body { margin:0; color:var(--ink); background:#fff; font-family:"DM Sans",Arial,sans-serif; font-size:16px; }
a { color:inherit; text-decoration:none; }
.site-header { height:101px; padding:0 clamp(28px,5vw,82px); display:flex; align-items:center; gap:39px; border-bottom:1px solid #eeeaf0; background:rgba(255,255,255,.94); position:sticky; top:0; z-index:20; box-shadow:0 3px 16px rgba(36,20,57,.04); backdrop-filter:blur(14px); }
.brand { display:inline-flex; line-height:1; }
.brand-word { display:inline-block; color:#68636c; font-family:Quicksand,"DM Sans",sans-serif; font-size:35px; line-height:1; letter-spacing:-2.7px; font-weight:500; }
.brand-word span { display:inline-block; margin-left:-1px; margin-right:-1px; background:linear-gradient(150deg,#f00991 10%,#8c36be 100%); -webkit-background-clip:text; background-clip:text; color:transparent; font-weight:500; }
nav { display:flex; gap:29px; margin-left:auto; color:#69656d; font-weight:500; }
nav a:hover,.login-link:hover,.text-link:hover { color:var(--pink); }
.menu-toggle { display:none; border:0; padding:10px 0 10px 12px; background:transparent; cursor:pointer; }
.menu-toggle span { display:block; width:24px; height:2px; margin:5px 0; border-radius:2px; background:#51485d; transition:transform .22s ease, opacity .22s ease; }
.menu-scrim { display:none; }
.hero { min-height:640px; position:relative; overflow:hidden; padding:clamp(70px,9vw,135px) clamp(28px,5vw,82px) 95px; display:grid; grid-template-columns:minmax(340px, .91fr) minmax(470px,1.09fr); align-items:center; background:radial-gradient(circle at 10% 12%,#fff0fb 0,transparent 20%), linear-gradient(120deg,#fff 25%,#fffafd 67%,#fff 100%); }
.hero-copy { position:relative; z-index:2; max-width:650px; }
.eyebrow { margin:0 0 21px; font-size:12px; letter-spacing:1.7px; text-transform:uppercase; color:#cb118f; font-weight:700; display:flex; align-items:center; gap:9px; }
.eyebrow span { width:25px; height:2px; display:inline-block; background:var(--pink); }
h1,h2 { margin:0; font-family:Manrope,"DM Sans",sans-serif; letter-spacing:-3px; line-height:1.05; font-weight:800; }
h1 { max-width:560px; font-size:clamp(48px,5.2vw,78px); }
h1 em,h2 em { font-style:normal; background:linear-gradient(105deg,var(--pink),#b617c2 70%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-intro { max-width:525px; margin:27px 0 31px; color:#5d5870; line-height:1.7; font-size:18px; }
.hero-actions { display:flex; align-items:center; gap:24px; }
.button { border:0; cursor:pointer; min-height:55px; display:inline-flex; align-items:center; justify-content:center; gap:16px; padding:0 23px; border-radius:999px; font:700 14px "DM Sans",sans-serif; transition:transform .2s,box-shadow .2s; }
.button:hover { transform:translateY(-2px); box-shadow:0 12px 25px rgba(183,20,157,.22); }
.button-primary { color:#fff; background:linear-gradient(105deg,#f3008a,#861dc4); box-shadow:0 8px 17px rgba(200,19,160,.22); }
.button span { font-size:20px; line-height:0; font-weight:400; }
.text-link { font-size:14px; color:#565169; font-weight:700; }
.text-link span { color:var(--pink); font-size:18px; margin-left:6px; }
.availability { color:#736d82; font-size:13px; margin:30px 0 0; display:flex; gap:8px; align-items:center; }
.availability-dot { width:8px; height:8px; border-radius:50%; background:#ee008d; box-shadow:0 0 0 4px #fbe3f3; }
.hero-visual { min-height:450px; position:relative; }
.contours { position:absolute; opacity:.6; background-repeat:no-repeat; background-size:cover; }
.contours::before,.contours::after { content:""; position:absolute; inset:15%; border:1px solid currentColor; border-radius:47% 53% 62% 38% / 41% 39% 61% 59%; box-shadow:0 0 0 12px transparent,0 0 0 13px currentColor,0 0 0 25px transparent,0 0 0 26px currentColor,0 0 0 38px transparent,0 0 0 39px currentColor,0 0 0 51px transparent,0 0 0 52px currentColor; opacity:.13; }
.contours-large { width:460px; height:460px; color:#b628bc; top:-75px; right:10px; transform:rotate(24deg); }
.contours-large::after { inset:28%; transform:rotate(40deg); }
.orbit { position:absolute; border:1px solid #f4cae9; border-radius:50%; }
.orbit-one { width:445px; height:445px; right:72px; top:-14px; }
.orbit-two { width:337px; height:337px; right:125px; top:42px; border-color:#eed5f3; }
.creator-card { position:absolute; overflow:hidden; background:#fff; box-shadow:0 24px 55px rgba(72,33,92,.14); }
.card-main { width:239px; height:361px; right:188px; top:33px; border-radius:22px; padding:15px; transform:rotate(-7deg); z-index:2; }
.card-top,.card-bottom { display:flex; justify-content:space-between; align-items:center; font-size:11px; color:#6d6680; }
.avatar { width:27px; height:27px; border-radius:50%; display:block; background:linear-gradient(145deg,#fd60ae,#7e43cc); border:2px solid #f9d9ed; }
.dots { letter-spacing:1px; color:#aaa3b2; }
.photo { height:226px; border-radius:13px; position:relative; overflow:hidden; margin:12px 0; background:linear-gradient(160deg,#facbdb 0 25%,#eca7ca 26% 37%,#c35bb9 38% 58%,#6151b3 59% 100%); }
.photo::after { content:""; position:absolute; width:150px; height:130px; bottom:-51px; left:48px; border-radius:50% 50% 0 0; background:linear-gradient(90deg,#321d60,#6b3d97); transform:rotate(15deg); box-shadow:45px -64px 0 -37px #e7a086; }
.photo-glow { position:absolute; width:126px; height:126px; top:-47px; right:-19px; border-radius:50%; background:#ffd1d4; opacity:.87; }
.photo-sun { position:absolute; width:59px; height:59px; top:34px; right:40px; border:4px solid rgba(255,255,255,.45); border-radius:50%; }
.card-line { height:6px; margin-top:8px; background:#ebe8f0; border-radius:9px; }.line-long{width:64%;}.line-short{width:40%; margin-top:5px;}.card-bottom{margin-top:12px;}
.card-small { width:176px; height:224px; right:18px; top:204px; border:6px solid #fff; border-radius:19px; background:linear-gradient(155deg,#1a1843 0%,#6e206f 45%,#ea358a 100%); transform:rotate(11deg); z-index:3; }
.card-small::before { content:""; position:absolute; width:170px; height:120px; bottom:-32px; left:-17px; border-radius:50%; background:rgba(255,151,198,.4); transform:rotate(-21deg); }.play { position:absolute; top:18px; left:18px; width:35px; height:35px; border-radius:50%; display:grid; place-items:center; padding-left:2px; background:rgba(255,255,255,.93); color:#d60b99; font-size:12px; z-index:1; }.small-label{position:absolute; bottom:15px; left:17px; color:#fff; font-size:12px; font-weight:700; z-index:1;}
.bubble { position:absolute; display:grid; place-items:center; border-radius:50%; color:#fff; z-index:4; box-shadow:0 13px 23px rgba(180,20,147,.25); }.bubble-heart{width:57px;height:57px;right:151px;top:4px;background:linear-gradient(140deg,#f71298,#9a25c7);font-size:21px}.bubble-star{width:40px;height:40px;right:3px;top:151px;background:#fff;color:#d921a7;font-size:20px}
.floating-note { position:absolute; display:flex; align-items:center; gap:10px; right:234px; bottom:5px; padding:12px 16px 12px 12px; border-radius:13px; background:rgba(255,255,255,.93); box-shadow:0 13px 28px rgba(62,30,79,.13); font-size:11px; z-index:5; }.floating-note b,.floating-note small{display:block}.floating-note b{font-size:11px}.floating-note small{color:#847c90;margin-top:2px}.mini-avatar{width:27px;height:27px;border-radius:50%;background:linear-gradient(130deg,#fb9bc7,#7655be)}
.value-strip { padding:34px clamp(28px,5vw,82px); border-top:1px solid #f4edf3; border-bottom:1px solid #f4edf3; display:flex; justify-content:space-between; align-items:center; gap:40px; }.value-strip p{font-size:18px;margin:0;color:#696176}.value-strip strong{color:var(--ink)}.value-points{display:flex;gap:29px;font-weight:700;font-size:13px;color:#4b455d}.value-points span{display:flex;align-items:center;gap:9px}.value-points span::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#ed008c,#792ac8)}
.audience-section{padding:112px clamp(28px,7vw,135px) 70px;background:#fff}.section-heading{max-width:700px}.section-heading h2{font-size:clamp(38px,4.1vw,62px)}.audience-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:47px}.audience-card{min-height:350px;position:relative;overflow:hidden;padding:36px 37px;border-radius:24px}.audience-card h3{max-width:420px;position:relative;z-index:1;margin:17px 0 14px;font:800 28px/1.18 Manrope,sans-serif;letter-spacing:-1.3px}.audience-card>p:not(.card-label){position:relative;z-index:1;max-width:410px;margin:0;line-height:1.68;color:#645d75}.audience-card a{display:inline-flex;position:absolute;left:37px;bottom:36px;z-index:2;gap:9px;align-items:center;font-size:13px;font-weight:700}.audience-card a span{color:var(--pink);font-size:19px}.audience-icon{position:relative;z-index:1;display:grid;width:38px;height:38px;place-items:center;border-radius:12px;font-size:21px}.card-label{position:relative;z-index:1;margin:20px 0 0;color:#8b8297;font-size:11px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700}.companion-card{background:linear-gradient(126deg,#fff1fb,#f6ebff)}.companion-card .audience-icon{color:#d9109a;background:#fff;box-shadow:0 7px 18px rgba(185,34,164,.12)}.creator-card-copy{color:#fff;background:linear-gradient(127deg,#2a214d,#6c297b 60%,#bd178b)}.creator-card-copy .audience-icon{background:rgba(255,255,255,.13);color:#ffcfec}.creator-card-copy .card-label,.creator-card-copy>p:not(.card-label){color:#e9d7f2}.creator-card-copy a span{color:#ffb6e2}.card-orb{position:absolute;border-radius:50%}.orb-a{width:275px;height:275px;right:-36px;bottom:-72px;background:linear-gradient(145deg,#ee40a7,#a23cd1);opacity:.25}.orb-b{width:155px;height:155px;right:104px;top:40px;background:#fff;opacity:.62}.mini-contours{width:310px;height:310px;position:absolute;right:-48px;top:15px;opacity:.3;transform:rotate(31deg);border:1px solid #fbd4f0;border-radius:48% 52% 63% 37% / 42% 37% 63% 58%;box-shadow:0 0 0 15px transparent,0 0 0 16px #fbd4f0,0 0 0 31px transparent,0 0 0 32px #fbd4f0,0 0 0 47px transparent,0 0 0 48px #fbd4f0}
.story-section { padding:120px clamp(28px,7vw,135px); display:grid; grid-template-columns:1fr 1fr; gap:clamp(50px,10vw,165px); align-items:center; background:linear-gradient(180deg,#fff 0,#fffaff 100%); }.story-art{height:428px;position:relative}.contours-small{width:370px;height:370px;top:18px;left:34px;color:#ee94d5;transform:rotate(-20deg);}.story-window{width:335px;height:260px;position:absolute;top:75px;left:58px;border-radius:23px;background:#fff;box-shadow:0 24px 58px rgba(74,35,93,.11);overflow:hidden;padding:28px}.window-bar{position:absolute;top:0;left:0;width:100%;height:29px;background:#f8eff8;display:flex;align-items:center;gap:5px;padding-left:13px}.window-bar i{width:6px;height:6px;background:#f4a9d3;border-radius:50%}.story-shape{position:absolute;border-radius:50%}.shape-one{width:201px;height:201px;bottom:-82px;left:-22px;background:linear-gradient(145deg,#ff85c1,#b029c4)}.shape-two{width:112px;height:112px;top:65px;right:35px;background:#e7dcf5}.shape-three{width:73px;height:73px;bottom:45px;right:68px;background:#55458f;box-shadow:0 0 0 12px #f3eafb}.story-pill{position:absolute;right:0;bottom:22px;border-radius:12px;background:#1c173b;color:#fff;padding:14px 17px;font-size:12px;font-weight:700;box-shadow:0 16px 28px rgba(28,23,59,.2)}.story-pill span{color:#ff56b7;font-size:16px;margin-left:12px}.story-copy h2,.access-copy h2{font-size:clamp(37px,3.6vw,57px)}.story-copy>p:not(.eyebrow){max-width:520px;color:#615a76;line-height:1.78;font-size:17px;margin:25px 0}.story-copy ul{padding:0;margin:31px 0 0;list-style:none;display:grid;gap:17px;font-weight:700}.story-copy li::before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;margin-right:12px;background:#f9e2f2;color:#d50b94;font-size:12px}
.orbit-section{position:relative;overflow:hidden;padding:105px clamp(28px,7vw,135px);background:#f9f6fc}.orbit-section::before{content:"";width:460px;height:460px;position:absolute;top:-260px;right:-90px;border-radius:50%;background:#f1d9f3}.orbit-copy{max-width:610px;position:relative;z-index:1}.orbit-copy h2{font-size:clamp(38px,4.1vw,62px)}.orbit-copy>p:not(.eyebrow){margin:23px 0 29px;max-width:550px;color:#625b75;line-height:1.75;font-size:17px}.button-dark{color:#fff;background:#201b41;box-shadow:0 8px 17px rgba(32,27,65,.15)}.orbit-dashboard{position:relative;z-index:1;margin:65px 0 47px;overflow:hidden;border:8px solid #fff;border-radius:21px;background:#f8f9fc;box-shadow:0 23px 57px rgba(56,34,79,.14)}.dashboard-head{height:61px;display:flex;align-items:center;gap:8px;padding:0 22px;background:#fff;color:#251f45;font-size:14px}.orbit-logo{color:#e7008c;font-size:26px;line-height:0}.dashboard-status{margin-left:auto;padding:6px 10px;color:#2c9a68;background:#ecfaf3;border-radius:20px;font-size:10px;font-weight:700}.dashboard-body{display:grid;grid-template-columns:65px 1fr;min-height:292px}.dashboard-body aside{padding-top:22px;background:#252048;display:flex;align-items:center;flex-direction:column;gap:18px}.dashboard-body aside span{width:21px;height:21px;border-radius:7px;background:#80799d}.dashboard-body aside .active{background:linear-gradient(135deg,#ff3baf,#a132db)}.dashboard-main{padding:26px 31px}.dash-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px}.dash-welcome small{display:block;color:#a09aaa;letter-spacing:1px;font-size:9px}.dash-welcome b{display:block;margin-top:5px;font:700 19px Manrope,sans-serif}.dash-welcome>span{padding:9px 12px;color:#fff;background:linear-gradient(120deg,#ed008e,#8e23c8);border-radius:8px;font-size:10px;font-weight:700;white-space:nowrap}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:25px 0 18px}.dash-metrics>div{padding:14px;border:1px solid #eeeaf2;border-radius:11px;background:#fff}.dash-metrics small,.persona-row small{display:block;color:#888298;font-size:10px}.dash-metrics b{display:block;margin:5px 0;font:800 23px Manrope,sans-serif}.dash-metrics i{color:#19a76d;font-size:10px;font-style:normal}.dash-feed{display:grid;gap:8px}.persona-row{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:9px;background:#fff;font-size:11px}.persona-row>span:nth-child(2){flex:1}.persona-row b{display:block}.persona-row>i{padding:4px 8px;border-radius:20px;background:#fae8f5;color:#c41796;font-size:9px;font-style:normal}.persona-dot{flex:0 0 auto;width:27px;height:27px;border-radius:50%}.persona-dot.pink{background:linear-gradient(135deg,#ff83bd,#ef328c)}.persona-dot.purple{background:linear-gradient(135deg,#cf90ee,#7655c5)}.persona-dot.peach{background:linear-gradient(135deg,#ffc180,#ff7d8c)}.orbit-benefits{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.orbit-benefits article{padding:18px 17px;border-top:1px solid #ded6e4}.orbit-benefits article>span{color:#d20d98;font:700 11px Manrope,sans-serif}.orbit-benefits h3{margin:16px 0 7px;font:700 17px Manrope,sans-serif;letter-spacing:-.5px}.orbit-benefits p{margin:0;color:#746d83;font-size:13px;line-height:1.55}
.access-section{min-height:600px;position:relative;overflow:hidden;padding:92px clamp(28px,9vw,145px);display:grid;grid-template-columns:1fr minmax(320px,420px);align-items:center;gap:100px;background:linear-gradient(124deg,#ed008d,#8a20c6);color:#fff}.access-background{position:absolute;inset:0;pointer-events:none}.contours-access{width:680px;height:680px;color:#fff;opacity:.25;right:-155px;top:-150px;transform:rotate(56deg)}.access-copy,.form-card{position:relative;z-index:1}.eyebrow.light{color:#ffe2f5}.eyebrow.light span{background:#ffe3f6}.access-copy h2 em{background:linear-gradient(110deg,#fff,#ffd5f2);-webkit-background-clip:text;background-clip:text}.access-copy>p:not(.eyebrow){max-width:420px;margin:25px 0 0;color:#ffddf2;line-height:1.72;font-size:17px}.form-card{background:#fff;color:var(--ink);border-radius:22px;padding:30px;box-shadow:0 25px 55px rgba(85,6,101,.25)}.form-kicker{font:800 22px Manrope,sans-serif;letter-spacing:-.8px;margin:0 0 23px}.form-row{margin:0 0 17px}.form-row label{display:block;margin:0 0 7px;font-size:13px;font-weight:700;color:#4f4864}.form-row input,.form-row select{height:51px;width:100%;padding:0 14px;border:1px solid #e5dce8;border-radius:9px;background:#fff;color:#282340;font:15px "DM Sans",sans-serif;outline:none}.form-row input:focus,.form-row select:focus{border-color:#d61aa7;box-shadow:0 0 0 3px #fbe2f5}.form-row select{appearance:auto}.optional{margin-left:4px;color:#948c9e;font-weight:500}.form-submit{width:100%;margin-top:4px}.form-submit:disabled{cursor:not-allowed;opacity:.56;transform:none;box-shadow:none}.form-status{min-height:20px;margin:15px 0 0;color:#837b92;font-size:12px;line-height:1.4;text-align:center}.is-unlocked .form-status{color:#a40d94}.form-fine-print{margin:15px 0 0;color:#958ca0;text-align:center;font-size:11px;line-height:1.5}.no-js-message{margin:0;padding:17px;border-radius:12px;background:#fff4fb;color:#9d0a7c;line-height:1.5}footer{min-height:116px;padding:25px clamp(28px,5vw,82px);display:flex;align-items:center;gap:31px;color:#777186;font-size:13px}footer .brand-word{font-size:26px}footer p{margin:0}footer>span{margin-left:auto}
@media (max-width:850px){.site-header{height:78px}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:72px}.hero-visual{margin-top:47px;max-width:560px;width:100%;justify-self:center}.value-strip,.story-section,.access-section{grid-template-columns:1fr}.value-strip{display:block}.value-points{margin-top:20px;flex-wrap:wrap}.story-section{gap:45px;padding-top:80px;padding-bottom:80px}.story-copy{order:-1}.access-section{gap:45px;padding-top:75px;padding-bottom:75px}.access-copy{max-width:500px}.form-card{max-width:470px;width:100%}}
@media (max-width:850px){body.menu-is-open{overflow:hidden}.site-header{position:sticky}.site-header nav{display:flex;position:fixed;z-index:31;top:0;right:0;width:min(82vw,330px);height:100dvh;padding:108px 34px 34px;flex-direction:column;align-items:flex-start;gap:25px;background:#fff;box-shadow:-18px 0 45px rgba(37,20,58,.15);transform:translateX(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.site-header.menu-open nav{transform:translateX(0)}.site-header nav a{font:700 21px Manrope,"DM Sans",sans-serif;letter-spacing:-.8px;color:var(--ink)}.site-header nav a:hover{color:var(--pink)}.menu-toggle{display:block;position:relative;z-index:32;margin-left:auto}.site-header.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header.menu-open .menu-toggle span:nth-child(2){opacity:0}.site-header.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-scrim{display:block;visibility:hidden;opacity:0;position:fixed;z-index:19;inset:0;background:rgba(22,15,36,.38);transition:opacity .3s,visibility .3s}.site-header.menu-open + .menu-scrim{visibility:visible;opacity:1}}
@media (max-width:520px){.site-header{padding:0 21px;gap:0}.brand img{width:128px}.login-link{margin-left:auto;font-size:14px}.hero{padding:63px 23px 60px;min-height:0}h1{font-size:48px;letter-spacing:-2.5px}.hero-intro{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-visual{min-height:350px;transform:scale(.86);transform-origin:top center;margin-bottom:-43px}.card-main{right:100px}.card-small{right:-18px}.orbit-one{right:1px}.orbit-two{right:55px}.bubble-heart{right:85px}.floating-note{right:139px}.value-strip{padding:28px 23px}.value-strip p{font-size:16px}.value-points{gap:14px 20px;font-size:12px}.story-section{padding:64px 23px}.story-art{height:330px;transform:scale(.85);transform-origin:top left;width:118%}.story-copy h2,.access-copy h2{font-size:38px;letter-spacing:-2px}.story-copy>p:not(.eyebrow){font-size:16px}.access-section{padding:64px 23px}.form-card{padding:24px 20px}footer{padding:27px 23px;flex-wrap:wrap;gap:14px 20px}footer>span{margin-left:0;width:100%}}
@media (max-width:850px){.audience-section{padding-top:80px}.audience-cards{grid-template-columns:1fr}.orbit-section{padding-top:80px;padding-bottom:80px}.orbit-benefits{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.brand-word{font-size:29px}.audience-section{padding:64px 23px}.audience-card{min-height:370px;padding:29px 25px}.audience-card a{left:25px;bottom:28px}.audience-card h3{font-size:25px}.orbit-section{padding:65px 23px}.orbit-dashboard{margin:39px 0 31px;border-width:5px}.dashboard-body{grid-template-columns:39px 1fr}.dashboard-body aside{gap:13px}.dashboard-main{padding:19px 13px}.dash-welcome b{font-size:14px}.dash-welcome>span{font-size:8px}.dash-metrics{gap:6px}.dash-metrics>div{padding:9px}.dash-metrics b{font-size:17px}.dash-metrics small{font-size:8px}.dash-metrics i{font-size:8px}.orbit-benefits{grid-template-columns:1fr 1fr;gap:8px}.orbit-benefits article{padding:14px 5px}.orbit-benefits h3{font-size:15px}.orbit-benefits p{font-size:12px}}
@media (max-width:850px){html{scroll-padding-top:94px}}