:root{--ink:#1b151c;--black:#151118;--deep:#241a2b;--muted:#706971;--rose:#f91673;--rose2:#fc5da8;--lilac:#b4a6fa;--peach:#ffb49c;--cream:#faf8f7;--paper:#fff;--line:#eae2e6;--radius:22px;--max:1180px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:Inter,"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}button{cursor:pointer}::selection{background:#f91673;color:white}:focus-visible{outline:3px solid #f91673;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-90px;left:18px;z-index:9999;padding:14px 20px;background:white;border-radius:12px;color:#111}.skip:focus{top:10px}.wrap{width:min(var(--max),calc(100% - 76px));margin-inline:auto}.eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:800;line-height:1.6}.eyebrow .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--rose);vertical-align:middle;margin-right:9px}.text-muted{color:var(--muted)}.pink{color:var(--rose)}.quiet{font-size:13px;line-height:1.75;color:#9e929d}.display{font-size:clamp(46px,5.35vw,78px);line-height:1.065;letter-spacing:-.067em;font-weight:640;margin:0}.heading{font-size:clamp(36px,4.4vw,61px);line-height:1.14;letter-spacing:-.062em;font-weight:650;margin:15px 0 0;max-width:760px}.lead{font-size:clamp(16px,1.6vw,19px);line-height:1.78;max-width:590px;color:#736a75}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:50px;padding:0 23px;border:1px solid transparent;border-radius:999px;font-weight:750;font-size:13px;transition:transform .18s,background-color .18s,border-color .18s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-light{background:white;color:var(--ink)}.btn-light:hover{background:#fff2f7}.btn-dark{background:var(--ink);color:white}.btn-dark:hover{background:#39303a}.btn-rose{background:#fa5ca8;color:#21111c}.btn-rose:hover{background:#ff8abc}.btn-outline{background:transparent;color:inherit;border-color:currentColor}.text-link{display:inline-flex;align-items:center;gap:11px;font-size:14px;font-weight:750;border-bottom:1px solid currentColor;padding-bottom:6px;transition:gap .18s}.text-link:hover{gap:17px}.section{padding:clamp(78px,9vw,132px) 0}.section.alt{background:#fff}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:45px}.section-top p{max-width:310px;line-height:1.85;font-size:14px;color:var(--muted);margin:0 0 2px}.rule{height:1px;background:var(--line);border:0;margin:0}
/* navigation */
.site-header{position:sticky;top:0;z-index:100;background:rgba(27,20,30,.97);color:white;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav-inner{height:79px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:inline-flex;align-items:baseline;gap:0;font-family:"Brush Script MT","Segoe Script",Georgia,serif;font-style:italic;font-weight:750;font-size:35px;line-height:1;letter-spacing:-.08em;color:white}.logo b{font-family:inherit;font-style:normal;font-size:21px;color:var(--rose);margin-left:3px;letter-spacing:0}.nav-links{display:flex;align-items:center;gap:32px}.nav-links>a{font-size:13px;font-weight:630;color:#e1d6e0;transition:color .2s}.nav-links>a:not(.btn):hover,.nav-links>a[aria-current=page]:not(.btn){color:#ff8abb}.nav-links>a.btn{color:var(--ink)}.mobile-toggle{display:none;background:transparent;color:white;border:0;width:44px;height:44px;align-items:center;justify-content:center}.mobile-panel{display:none}.banner{background:#2b1c32;color:#e8dbe5;text-align:center;font-size:11px;padding:9px 20px;letter-spacing:.04em;border-bottom:1px solid #422b45}.banner strong{color:#ffc4da}
/* hero */
.hero{background:radial-gradient(ellipse 60% 66% at 82% 42%,rgba(156,101,176,.5),transparent 75%),radial-gradient(ellipse 58% 56% at 70% 85%,rgba(210,79,119,.33),transparent 80%),#17111d;position:relative;overflow:hidden;color:#fff}.hero::before{position:absolute;content:"";inset:0;background:url('/assets/sunset-ambient.webp') center/cover;opacity:.09;mix-blend-mode:screen;pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);min-height:660px;align-items:center;gap:45px}.hero-copy{padding:85px 0 90px}.hero .eyebrow{color:#f6c2d6}.hero h1{font-size:clamp(51px,5.9vw,83px);line-height:1.05;letter-spacing:-.069em;margin:27px 0;max-width:670px;font-weight:670;text-wrap:balance}.hero h1 em{font-style:normal;background:linear-gradient(110deg,#fa5da9 15%,#ffbad9 58%,#fac2a0 95%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>.lead{color:#ded0de;max-width:515px;font-size:17px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin-top:34px}.hero-footnote{margin-top:75px;display:flex;align-items:center;gap:14px;color:#b7a4b9;font-size:10px;letter-spacing:.14em;font-weight:800}.hero-footnote::before{content:"";height:1px;width:42px;background:#9b789c}.hero-stage{height:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:35px 0 45px}.halo{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.halo.a{height:300px;width:300px;right:1%;top:14%;background:rgba(232,94,155,.27)}.halo.b{height:230px;width:230px;left:8%;bottom:9%;background:rgba(131,121,255,.28)}.phone-frame{position:relative;width:min(342px,88%);border:6px solid #1b1520;border-radius:30px;overflow:hidden;box-shadow:0 36px 98px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.22);background:#2e2031;transform:rotate(2deg)}.phone-frame img{display:block;width:100%;height:auto}.phone-caption{position:absolute;bottom:34px;right:-14px;background:rgba(255,255,255,.97);padding:14px 18px;border-radius:13px;color:#251a24;box-shadow:0 20px 50px rgba(0,0,0,.14);font-size:11px;font-weight:700;letter-spacing:.03em;transform:rotate(-3deg)}.phone-caption .pip{display:inline-block;width:6px;height:6px;margin-right:7px;background:#f91673;border-radius:100%}.hero-side-letter{position:absolute;top:65px;right:0;font-size:10px;letter-spacing:.28em;writing-mode:vertical-rl;color:rgba(255,255,255,.48)}
/* intro */
.intro-row{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:end}.intro-row .heading span{color:#ae9ba9}.intro-row>div:last-child{padding-bottom:3px}.intro-row p{color:#665e66;font-size:16px;line-height:1.9;margin:10px 0}.points-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin-top:73px}.points-strip span{padding:22px 18px;font-size:11px;font-weight:800;color:#807780;text-transform:uppercase;letter-spacing:.12em;text-align:center;border-right:1px solid var(--line)}.points-strip span:last-child{border:0}.points-strip b{color:#d52873;margin-right:8px}
/* chapters */
.chapters{background:#f6f1f3}.chapter-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #d6cdd4}.chapter-tab{background:none;border:0;border-bottom:3px solid transparent;padding:24px 14px 20px;text-align:left;font-size:14px;font-weight:750;color:#8d818b;display:flex;gap:13px;align-items:baseline;transition:color .2s,border-color .2s}.chapter-tab span{font-size:11px;color:#aaa0a8}.chapter-tab[aria-selected=true]{color:#201920;border-bottom-color:var(--rose)}.chapter-tab[aria-selected=true] span{color:#e61a70}.chapter-panel{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.chapter-description{display:flex;flex-direction:column;align-items:flex-start;padding:72px 50px 45px 0}.chapter-num{font-size:48px;letter-spacing:-.09em;font-weight:350;margin-bottom:48px}.chapter-num small{font-size:15px;color:#9d8c9b;letter-spacing:0}.chapter-description h3{font-size:clamp(35px,4vw,57px);line-height:1.13;letter-spacing:-.069em;margin:15px 0 0;font-weight:660}.chapter-description>p:not(.eyebrow){font-size:16px;line-height:1.85;max-width:460px;color:#6d626c;margin-top:22px}.chapter-next{display:flex;justify-content:space-between;align-items:center;gap:25px;width:100%;margin-top:auto;padding-top:45px}.chapter-next>span{font-size:11px;letter-spacing:.1em;color:#9a8b96}.chapter-next button{background:none;border:0;font-weight:750;font-size:13px;display:flex;align-items:center;gap:16px;color:#2b202b;padding:10px 0}.chapter-next button:hover{color:var(--rose)}.chapter-visual{background:linear-gradient(135deg,#ede2ed 0%,#efdfe5 58%,#ecd3de);display:grid;place-items:center;padding:35px 25px;min-height:610px}.sample-phone{width:min(342px,100%);min-height:504px;border:7px solid #201822;border-radius:34px;overflow:hidden;background:white;box-shadow:0 30px 60px rgba(51,26,51,.14);color:#271e27;display:flex;flex-direction:column}.sample-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 12px;border-bottom:1px solid #f3eef1;gap:10px}.sample-top strong{font-family:Georgia,serif;font-size:20px;font-style:italic;letter-spacing:-.07em}.sample-top strong b{color:var(--rose);font-style:normal;font-size:14px;margin-left:2px}.sample-top small{font-size:9px;color:#958793}.sample-body{padding:23px 20px 18px;flex:1}.sample-label{font-size:10px;font-weight:750;letter-spacing:.13em;color:#d92374;text-transform:uppercase}.sample-body h4{font-size:24px;line-height:1.2;letter-spacing:-.045em;font-weight:700;margin:12px 0 0}.sample-body p{font-size:12px;line-height:1.75;color:#776e76}.sample-bottom{height:23px;display:grid;place-items:center}.sample-bottom:after{content:"";width:69px;height:4px;border-radius:10px;background:#342b33}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:21px}.tag-row span{font-size:10px;color:#594e57;font-weight:700;padding:8px 11px;background:#f6f2f3;border-radius:40px}.sample-cover{height:184px;background:url('/assets/ivypop-welcome.webp') center 45%/cover;position:relative}.sample-cover:after{content:'';position:absolute;inset:70% 0 0;background:linear-gradient(transparent,rgba(22,12,23,.3))}.small-card{background:#f8f4f6;border:1px solid #f1ebee;padding:16px;border-radius:14px;margin-top:22px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.chat-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0e9ee;padding-bottom:16px}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f7e4ed;color:#cb3f7a;font-weight:850}.chat-head strong{display:block;font-size:13px}.chat-head small{display:block;color:#958993;margin-top:5px;font-size:10px}.bubbles{margin-top:25px;display:flex;flex-direction:column;gap:15px}.bubble{max-width:85%;width:fit-content;padding:12px 15px;font-size:12px;line-height:1.55;border-radius:16px;background:#f4f0f2}.bubble.out{margin-left:auto;background:#2c202c;color:#fff;border-bottom-right-radius:5px}.bubble.in{border-bottom-left-radius:5px}.mock-input{border:1px solid #eee5e9;border-radius:20px;padding:11px 14px;color:#a29aa1;margin-top:30px;font-size:11px}.plan-card{border:1px solid #eae0e7;border-radius:19px;padding:18px;margin-top:26px}.plan-row{padding:12px 0;border-top:1px solid #eee8eb}.plan-row:first-child{border:0}.plan-row span{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.12em;color:#a79ba5}.plan-row strong{display:block;margin-top:6px;font-size:14px}.pill-notice{font-size:10px!important;margin-top:18px!important;color:#9c8f97!important}.decision-list{display:grid;gap:8px;margin-top:16px}.decision{border:1px solid #e8dce3;background:#fff;border-radius:13px;padding:10px 12px;text-align:left;display:flex;gap:8px;align-items:center;justify-content:space-between;color:#221a22;min-height:53px}.decision:hover{border-color:#da80aa}.decision.selected{background:#fff3f8;border-color:var(--rose)}.decision strong{font-size:12px;display:block}.decision small{font-size:10px;color:#7f737d;display:block;margin-top:3px}.radio-dot{width:17px;height:17px;border-radius:50%;border:1px solid #cbbdc7;flex-shrink:0;display:grid;place-items:center}.decision.selected .radio-dot{background:var(--rose);border-color:var(--rose);color:white;font-weight:800;font-size:10px}.demo-status{font-size:10px!important;color:#a27791!important;margin-top:14px!important}
/* feature cards */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:59px}.feature-card{padding:26px 7px 16px 0;border-top:1px solid #dbd2d9}.feature-icon{display:grid;place-items:center;width:51px;height:51px;border-radius:16px;background:#fff0f6;color:#d72874;font-size:26px;margin-bottom:36px}.feature-n{font-size:10px;letter-spacing:.13em;color:#a499a3;font-weight:800}.feature-card h3{font-size:26px;line-height:1.2;letter-spacing:-.045em;font-weight:670;margin:16px 0}.feature-card p{font-size:14px;line-height:1.85;color:#766d76;max-width:325px}
/* after-date */
.after-date{background:linear-gradient(115deg,#f6eceb,#f5e9f0)}.after-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}.art-tile{aspect-ratio:1/.95;background:linear-gradient(140deg,#fa96bd 0%,#ec8fb1 28%,#a79de2 68%,#f6b693);padding:35px;display:flex;box-shadow:0 23px 60px rgba(112,59,98,.14);border-radius:4px}.art-inner{border:1px solid rgba(255,255,255,.65);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;padding:30px 14px;color:#2b1e2a}.art-inner .eyebrow{color:#442c45}.art-heart{font-size:90px;color:white;text-shadow:0 10px 35px rgba(85,28,83,.18);font-weight:200}.art-inner strong{font-size:clamp(31px,3.3vw,48px);font-weight:650;line-height:1.12;letter-spacing:-.06em}.art-inner small{font-size:13px;font-weight:600}.after-copy>p:not(.eyebrow){line-height:1.85;color:#6d606d;font-size:16px;margin-top:25px}.after-copy .text-link{margin-top:26px}
/* trust */
.trust{background:#1c1620;color:white}.trust .eyebrow{color:#ebafcb}.trust .heading{max-width:580px}.trust .heading em{font-style:normal;color:#ff8cba}.trust-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:center}.trust-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#cabdca;max-width:510px;margin-top:26px}.trust-copy .small-note{font-size:12px!important;color:#aa9aa9!important;padding-left:15px;border-left:2px solid #c55e8e;margin-top:32px!important}.trust-list{border-top:1px solid #4c3b4d}.trust-item{display:grid;grid-template-columns:42px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid #4c3b4d}.trust-item .trust-symbol{font-size:25px;color:#ff94bb;line-height:1}.trust-item h3{font-size:17px;letter-spacing:-.025em;margin:0 0 10px}.trust-item p{font-size:13px;line-height:1.8;color:#baacbb;margin:0}
/* FAQ */
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.faq-list details{border-bottom:1px solid #e5dce2}.faq-list details:first-child{border-top:1px solid #e5dce2}.faq-list summary{list-style:none;display:grid;grid-template-columns:1fr 20px;gap:20px;align-items:center;padding:24px 0;font-size:15px;font-weight:700;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:21px;font-weight:400;text-align:center}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:14px;color:#756b75;line-height:1.85;padding:0 30px 23px 0;margin:0}
/* CTA + footer */
.final-cta{background:radial-gradient(ellipse 75% 70% at 50% 100%,rgba(185,65,122,.35),transparent),#1b1420;text-align:center;color:#fff;padding:110px 0}.final-cta .eyebrow{color:#f2b6d1}.final-cta h2{font-size:clamp(55px,7.4vw,99px);line-height:1.06;letter-spacing:-.078em;font-weight:650;margin:23px auto;max-width:790px}.final-cta h2 em{font-style:normal;color:#fc78ae}.final-cta>div>p:not(.eyebrow){color:#e0d1df;line-height:1.75;font-size:16px;max-width:500px;margin:0 auto 27px}.final-cta .quiet{max-width:550px;margin:22px auto 0;color:#ac98aa;font-size:11px}.site-footer{background:#140f17;color:#b7a7b6;padding:52px 0 35px}.footer-upper{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:37px}.footer-upper p{font-size:13px}.footer-lower{border-top:1px solid #433447;padding-top:27px;display:flex;align-items:start;justify-content:space-between;gap:25px;font-size:11px;line-height:1.8}.footer-lower nav{display:flex;gap:17px 25px;flex-wrap:wrap;justify-content:flex-end}.site-footer nav a:hover{color:#ff8bb8}
/* pages */
.page-hero{padding:104px 0 91px;background:radial-gradient(ellipse 66% 110% at 96% 22%,rgba(244,105,166,.19),transparent),#1d1522;color:white}.page-hero .eyebrow{color:#ff9ac7}.page-hero h1{font-size:clamp(55px,7vw,92px);line-height:1.06;letter-spacing:-.07em;font-weight:650;max-width:850px;margin:20px 0}.page-hero h1 em{font-style:normal;color:#ff7db1}.page-hero .lead{color:#decfdd;max-width:660px}.prose{max-width:850px;margin-inline:auto}.prose p,.prose li{font-size:16px;line-height:1.9;color:#716873}.prose h2{font-size:30px;line-height:1.15;letter-spacing:-.05em;margin:42px 0 14px}.prose h3{font-size:20px;margin:24px 0 8px;letter-spacing:-.025em}.prose a{text-decoration:underline;text-underline-offset:4px}.status-card{background:white;border:1px solid var(--line);padding:35px;border-radius:20px;box-shadow:0 20px 65px rgba(53,23,47,.05)}.status-card .status-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:50px;background:#fff0f5;color:#9c1550;font-size:12px;font-weight:800}.status-card h2{font-size:30px;letter-spacing:-.05em;line-height:1.2}.status-card p{color:#6b606a;line-height:1.85}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mini-tile{border:1px solid var(--line);background:#fff;padding:25px;border-radius:16px}.mini-tile b{color:#d72570}.mini-tile h3{font-size:20px;margin:23px 0 12px;letter-spacing:-.03em}.mini-tile p{font-size:14px;line-height:1.8;color:#716674}.legal-note{border-left:3px solid #ee6da1;background:#fff5f8;padding:20px 25px;border-radius:0 12px 12px 0;font-size:13px;line-height:1.85;color:#6c4c5c;margin-top:25px}
@media(max-width:1050px){.nav-links{gap:18px}.hero-grid{gap:22px}.hero h1{font-size:60px}.hero-stage .phone-frame{width:min(315px,88%)}.section-top{align-items:start;flex-direction:column;gap:15px}.intro-row{gap:45px}}
@media(max-width:780px){.wrap{width:calc(100% - 44px)}.nav-inner{height:68px}.nav-links{display:none}.mobile-toggle{display:inline-flex;font-size:23px}.mobile-panel.open{display:flex;flex-direction:column;padding:8px 22px 22px;background:#211526;border-top:1px solid #45304b}.mobile-panel a{padding:15px 4px;font-size:15px;font-weight:700;border-bottom:1px solid #433347}.hero-grid{grid-template-columns:1fr;min-height:unset;gap:0}.hero-copy{padding:72px 0 30px}.hero h1{font-size:clamp(54px,8.8vw,81px);max-width:690px}.hero-copy>.lead{max-width:590px}.hero-footnote{margin-top:46px}.hero-stage{min-height:570px;padding:10px 0 45px}.hero-stage .phone-frame{width:min(315px,73%)}.hero-side-letter{right:2%;top:25px}.intro-row,.after-grid,.trust-grid,.faq-grid{grid-template-columns:1fr;gap:35px}.intro-row p{max-width:620px}.chapter-panel{grid-template-columns:1fr}.chapter-description{padding:44px 0 35px}.chapter-num{margin-bottom:27px}.chapter-next{padding-top:38px}.chapter-visual{min-height:580px}.feature-grid{gap:15px}.feature-card h3{font-size:23px}.art-tile{max-width:560px}.trust-grid{gap:55px}.three-grid{grid-template-columns:1fr}.footer-lower{flex-direction:column}.footer-lower nav{justify-content:flex-start}}
@media(max-width:570px){.wrap{width:calc(100% - 38px)}.section{padding:77px 0}.hero-copy{padding-top:63px}.hero h1{font-size:clamp(48px,11vw,65px);line-height:1.07}.hero .lead{font-size:15px;line-height:1.75}.hero-actions{align-items:flex-start;gap:20px}.hero-stage{min-height:495px}.hero-stage .phone-frame{width:min(275px,83%);border-width:5px;border-radius:27px}.phone-caption{right:-5px;bottom:33px;font-size:10px}.display,.heading{font-size:clamp(36px,9.4vw,50px)}.points-strip{grid-template-columns:repeat(2,1fr);margin-top:45px}.points-strip span:nth-child(2){border-right:0}.points-strip span:nth-child(-n+2){border-bottom:1px solid var(--line)}.chapter-tab{flex-direction:column;gap:8px;padding:14px 6px;font-size:11px}.chapter-description h3{font-size:39px}.chapter-visual{padding:25px 12px}.sample-phone{max-width:334px}.feature-grid{grid-template-columns:1fr;gap:30px;margin-top:38px}.feature-icon{margin-bottom:20px}.feature-card p{max-width:390px}.art-tile{padding:22px;min-height:350px}.art-inner{padding:24px 12px}.art-heart{font-size:76px}.trust-copy>p:not(.eyebrow){font-size:15px}.page-hero{padding:75px 0}.page-hero h1{font-size:clamp(47px,11vw,65px)}.prose p,.prose li{font-size:15px}.status-card{padding:25px}.final-cta{padding:79px 0}.final-cta h2{font-size:clamp(55px,12vw,78px)}.footer-upper{align-items:flex-start;flex-direction:column}.footer-lower{font-size:12px}.banner{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Refinements aligned with the user-provided mobile welcome image */
.logo-nonscript{font-family:inherit;font-style:italic}.logo-heart{font-size:21px;color:var(--rose);letter-spacing:0;font-family:Arial,sans-serif;font-style:normal;margin-left:2px}
.chat-thread{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin:24px 0 14px;flex:1}.chat-message{font-size:12px!important;line-height:1.55!important;padding:12px 13px;margin:0!important;max-width:85%;border-radius:14px}.chat-message.incoming{background:#f5eff3;color:#403340}.chat-message.outgoing{background:#302130;color:white;align-self:flex-end}.chat-input-sample{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border:1px solid #e9dce6;border-radius:100px;color:#9b8794;font-size:11px}.sample-phone .decision{transition:border-color .15s,background-color .15s}.sample-cover{background-position:center 43%}.sample-phone{min-height:515px}.status-card .status-pill{margin-bottom:13px}.status-card h2{margin:10px 0 15px}.status-card p{margin:15px 0}.feature-card .feature-icon{line-height:1}.page-hero p.lead{margin-top:20px}.prose .status-card h2{margin-top:15px}.faq-list details[open] summary{color:#c71d69}.after-date .text-link{color:#342331}.nav-links>a.btn:hover{color:var(--ink)}
/* Mobile phone / header refinements */
@media(max-width:780px){.mobile-panel a[aria-current=page]{color:#ffa3c9}.mobile-panel a:last-child{color:#ffc2d9}}
@media(max-width:380px){.hero-stage .phone-frame{width:min(270px,83%)}.hero h1{font-size:46px}.chapter-tab{font-size:10px}.phone-caption{font-size:9px}}
@media(max-width:780px){.after-grid{grid-template-columns:minmax(0,1fr)}.after-grid>*{min-width:0}.art-tile{width:100%}.after-copy .heading{overflow-wrap:break-word}}
/* IVYPOP SITE V2 · independent editorial redesign */
.logo{display:inline-flex;align-items:center;justify-content:flex-start;width:146px;max-width:100%;height:58px;line-height:1;letter-spacing:0;flex-shrink:0}
.logo img{display:block;width:142px;height:auto;max-width:100%;object-fit:contain;object-position:left center}
.site-footer .logo{width:170px;height:66px}.site-footer .logo img{width:168px}
.nav-inner{height:83px}.banner{font-size:10px;letter-spacing:.075em;font-weight:650;padding:10px 16px}.nav-links{gap:clamp(18px,2.6vw,33px)}
.nav-links>a.btn{padding:0 22px;min-height:45px;background:var(--paper);box-shadow:0 4px 20px rgba(0,0,0,.12)}
.hero-grid{min-height:720px;gap:42px}.hero-copy{padding-block:95px 103px;z-index:2}.hero h1{font-size:clamp(55px,5.75vw,87px);font-weight:670;max-width:690px}.hero-copy>.lead{font-size:clamp(16px,1.4vw,18px);line-height:1.78}.hero-actions .btn{min-width:192px;justify-content:space-between}.hero-footnote{margin-top:61px}
.hero-stage{min-height:700px;padding:44px 10px 65px;isolation:isolate}.hero-editorial-photo{position:absolute;right:1%;top:9%;width:73%;height:72%;border-radius:9px 9px 9px 88px;overflow:hidden;box-shadow:0 28px 75px rgba(4,0,4,.35);background:linear-gradient(30deg,#513049,#9f6b98,#d887a1);margin:0;transform:rotate(1.5deg)}
.hero-editorial-photo:after{content:"";position:absolute;inset:15% 0 0;background:linear-gradient(0deg,rgba(28,11,29,.48),transparent 55%);pointer-events:none}
.hero-editorial-photo img{width:100%;height:100%;object-fit:cover;object-position:50% center;display:block;filter:saturate(.83) contrast(1.03)}
.hero-editorial-photo figcaption{position:absolute;z-index:2;bottom:25px;right:22px;color:white;letter-spacing:.2em;font-size:9px;font-weight:780}
.hero-stage>.phone-frame{position:absolute;left:1%;bottom:4%;width:min(262px,51%);border:6px solid #221824;border-radius:26px;background:#563544 url('/assets/ivypop-welcome.jpg') center/cover;box-shadow:0 35px 95px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.2);transform:rotate(-5deg);z-index:3}
.hero-stage>.phone-frame img{aspect-ratio:747/1330;object-fit:cover;width:100%;height:auto;min-height:100%;background:#5c3353 url('/assets/ivypop-welcome.jpg') center/cover}
.hero-stage .phone-caption{z-index:5;bottom:12%;right:-4%;max-width:210px;line-height:1.6;transform:rotate(5deg);font-size:10px;padding:13px 16px}
.hero-side-letter{top:20px;right:0}.hero-stage .halo.a{right:10%;top:0;opacity:.8}.hero-stage .halo.b{bottom:4%;left:0;opacity:.75}
/* Rich editorial interlude replaces empty whitespace between chapter changes */
.photo-editorial{padding:0 0 88px;background:#fff}.photo-editorial-grid{display:grid;grid-template-columns:1.09fr .91fr;gap:clamp(44px,8vw,115px);align-items:center}
.photo-editorial-grid>figure{position:relative;height:clamp(390px,45vw,545px);margin:0;overflow:hidden;border-radius:3px;background:linear-gradient(145deg,#9c7281,#bba2bc)}
.photo-editorial-grid>figure img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.9)}
.photo-editorial-grid>figure:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,rgba(16,10,19,.52))}
.photo-editorial-grid>figure figcaption{position:absolute;z-index:2;bottom:23px;left:24px;color:#fff;letter-spacing:.2em;font-size:10px;font-weight:800}
.photo-editorial-note{padding:20px 0}.photo-editorial-note blockquote{max-width:490px;margin:23px 0;font-size:clamp(30px,3.5vw,51px);font-weight:650;line-height:1.16;letter-spacing:-.06em}
.photo-editorial-note>p:not(.eyebrow){max-width:415px;color:#726675;font-size:16px;line-height:1.83}.photo-editorial-note .text-link{margin-top:28px}
/* Chapter framing refined for stronger visual hierarchy */
.chapters{padding-block:106px 98px}.section-top{margin-bottom:35px}.chapter-tabs{background:rgba(255,255,255,.22)}.chapter-tab{padding-block:21px}.chapter-tab:focus-visible{outline-offset:-4px}.chapter-panel{min-height:570px}.chapter-description{padding:48px 44px 35px 0}.chapter-num{margin-bottom:32px}.chapter-visual{min-height:570px;position:relative;overflow:hidden;background:radial-gradient(circle at 22% 30%,rgba(248,175,214,.65),transparent 53%),linear-gradient(135deg,#f0e5eb,#ead7e7,#e4d6ed)}
.chapter-visual:before{content:"";position:absolute;inset:16% auto auto 4%;width:46%;aspect-ratio:1;border:1px solid rgba(255,255,255,.58);border-radius:50%;pointer-events:none}
.sample-phone{position:relative;z-index:1;box-shadow:0 25px 90px rgba(40,17,39,.16);width:min(346px,100%);min-height:494px}
.sample-top{background:#241624;color:#fff;border-bottom:0;padding:13px 16px;min-height:55px}.sample-top strong{font-family:Inter,"Avenir Next",Arial,sans-serif;font-size:13px;letter-spacing:.01em;font-style:normal;font-weight:800}.sample-top small{color:#f2b6d5;font-size:8px;letter-spacing:.08em}.sample-cover{background:#e0c2ca url('https://images.pexels.com/photos/5910735/pexels-photo-5910735.jpeg?auto=compress&cs=tinysrgb&w=750') center 47%/cover no-repeat;height:206px}.sample-phone .small-card{background:#fcf1f6}.sample-label{font-size:9px;color:#cf1d68;letter-spacing:.16em}.sample-body h4{font-weight:730}.sample-body{padding-top:20px}
/* Feature strip leaner; no generic large blank cards */
.feature-grid{margin-top:50px;gap:24px}.feature-card{border-top:2px solid #eee4e9;padding-top:26px}.feature-card .feature-icon{background:#fff0f6;border-radius:17px;box-shadow:inset 0 0 0 1px #fbe5ee}.feature-card h3{font-weight:730}
/* Signature post-date visual: real editorial photo, floating soft gradient annotation */
.after-grid{align-items:center;grid-template-columns:.95fr 1.05fr;gap:clamp(60px,8vw,130px)}
.after-photo-frame{position:relative;min-width:0;height:clamp(470px,49vw,640px);background:linear-gradient(140deg,#b68db0,#eabbc9);overflow:visible;border-radius:3px;margin-right:34px}
.after-photo-frame>img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.78);border-radius:3px}
.after-photo-frame:after{position:absolute;inset:0;content:"";background:linear-gradient(140deg,rgba(219,75,134,.13),rgba(50,33,67,.06));pointer-events:none}
.after-floating-card{position:absolute;z-index:2;right:-47px;bottom:45px;width:min(290px,80%);min-height:230px;padding:25px 23px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:linear-gradient(126deg,#fff1f6 0%,#e5d7fa 72%,#ffe1ce 100%);box-shadow:0 22px 56px rgba(41,22,35,.2);border-radius:4px;transform:rotate(3deg)}
.after-floating-card .card-stamp{font-size:10px;color:#9b5475;letter-spacing:.2em;font-weight:800}.floating-heart{font-size:49px;color:#ec2d80;line-height:1;margin-top:10px}.after-floating-card strong{font-size:clamp(29px,2.7vw,39px);letter-spacing:-.064em;line-height:1.12}.after-floating-card small{font-size:12px;color:#7c5d72;margin-top:4px}
/* Trust and photographic human context */
.trust-grid{grid-template-columns:.94fr 1.06fr;gap:clamp(36px,6.5vw,100px)}.trust-side{display:flex;flex-direction:column;gap:18px}.trust-photo{margin:0;height:clamp(180px,20vw,255px);background:#3c283a;position:relative;overflow:hidden;border-radius:3px}
.trust-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:saturate(.72) brightness(.84)}.trust-photo:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(15,6,19,.66))}
.trust-photo figcaption{position:absolute;bottom:15px;left:18px;z-index:2;color:#fff;font-size:10px;letter-spacing:.18em;font-weight:780}
.trust-item{padding:19px 0}.trust-copy .heading{font-size:clamp(38px,4vw,61px)}.trust-copy .small-note{border-left:2px solid #ee82a9;padding-left:17px}
/* FAQ – clear, useful accordion design */
.faq-list{border-top:1px solid #e4dbe0}.faq-list details{border-bottom:1px solid #e4dbe0;transition:background-color .18s}.faq-list details[open]{background:#fff9fc}
.faq-list summary{display:flex;gap:18px;align-items:center;justify-content:space-between;min-height:74px;padding:20px 16px 20px 4px;font-weight:720;font-size:16px;list-style:none;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .faq-plus{flex-shrink:0;color:#cf1b6b;border:1px solid #efc5d8;display:grid;place-items:center;font-size:23px;font-weight:400;width:31px;height:31px;border-radius:50%;transition:transform .22s,background .22s}.faq-list details[open] .faq-plus{transform:rotate(45deg);background:#ffe4f0}
.faq-list details p{line-height:1.8;font-size:14px;padding:0 50px 23px 4px;color:#736875}
/* Footer legal/business identity */
.footer-upper p{line-height:1.7!important}.footer-upper strong{color:#fff;font-weight:700}.footer-lower{line-height:1.65}.footer-lower nav{row-gap:12px}.site-footer{border-top:1px solid #3c2c3c}
/* Opinionated rhythm fixes */
.section{padding-block:clamp(76px,8vw,112px)}.intro-row{gap:clamp(50px,7vw,100px)}.points-strip{margin-top:48px}.after-date{padding-block:110px}.after-copy p{line-height:1.84}.final-cta{padding-block:110px}.page-hero{padding-block:90px 95px}
@media(min-width:1280px){.hero-grid{min-height:755px}.hero-stage{min-height:735px}.hero-editorial-photo{height:76%}}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr 1fr;gap:22px;min-height:650px}.hero h1{font-size:clamp(47px,5.9vw,65px)}.hero-stage{min-height:645px}.hero-stage>.phone-frame{width:min(230px,57%);left:-2%}.hero-editorial-photo{width:81%}.photo-editorial-grid{gap:45px}.after-grid{gap:70px}.trust-grid{gap:38px}}
@media(max-width:780px){
 .nav-inner{height:68px}.logo{height:56px;width:131px}.logo img{width:130px}
 .hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:64px 0 18px}.hero h1{max-width:680px;font-size:clamp(49px,8vw,70px)}.hero-copy>.lead{max-width:610px}.hero-footnote{margin-top:45px}
 .hero-stage{min-height:600px;padding:14px 0 30px}.hero-editorial-photo{width:64%;height:77%;right:8%;top:7%}.hero-stage>.phone-frame{width:min(230px,43%);left:18%;bottom:3%}.hero-stage .phone-caption{right:4%;bottom:7%}
 .photo-editorial-grid{grid-template-columns:1fr;gap:36px}.photo-editorial-grid>figure{height:clamp(350px,60vw,480px)}.photo-editorial-note{padding-bottom:10px}.photo-editorial{padding-bottom:60px}
 .after-grid{grid-template-columns:1fr;gap:55px}.after-photo-frame{height:clamp(390px,69vw,590px);width:min(610px,calc(100% - 30px));margin-right:30px}.after-floating-card{bottom:30px;right:-30px}
 .trust-grid{grid-template-columns:1fr}.trust-photo{max-width:580px;height:275px}
 .chapters{padding-block:75px}.chapter-panel{min-height:560px}.chapter-description{padding-top:50px}.chapter-num{margin-bottom:24px}
}
@media(max-width:540px){
 .nav-inner{height:65px}.banner{font-size:9px;letter-spacing:.02em;padding:8px 14px}
 .hero-copy{padding-top:54px}.hero h1{font-size:clamp(46px,10vw,61px)}.hero-stage{min-height:510px}.hero-editorial-photo{width:78%;height:78%;right:1%;top:7%;border-bottom-left-radius:47px}.hero-stage>.phone-frame{width:min(207px,52%);left:4%;bottom:5%;border-width:5px}.hero-side-letter{right:0;opacity:.7}.hero-stage .phone-caption{right:0;bottom:7%;font-size:9px;padding:10px}
 .photo-editorial{padding-bottom:57px}.photo-editorial-grid>figure{height:330px}.photo-editorial-note blockquote{font-size:38px}.photo-editorial-note>p:not(.eyebrow){font-size:14px}
 .section-top{margin-bottom:28px}.chapter-panel{min-height:unset}.chapter-description{padding:34px 0}.chapter-num{margin-bottom:23px}.chapter-visual{min-height:560px;padding:21px}.chapter-tab{padding:17px 7px}.sample-phone{min-height:490px}
 .after-photo-frame{height:420px;width:calc(100% - 17px);margin-right:17px}.after-floating-card{right:-17px;bottom:16px;width:min(257px,82%);min-height:196px;padding:20px}.after-floating-card strong{font-size:31px}
 .trust-photo{height:250px}.trust-grid{gap:32px}.faq-list summary{font-size:14px;min-height:68px;padding-right:5px}
 .footer-upper{gap:20px}.site-footer .logo{height:50px}.site-footer .logo img{width:142px}.footer-lower{font-size:11px}
}
@media (prefers-reduced-motion:reduce){.hero-stage>.phone-frame,.hero-editorial-photo,.after-floating-card{transform:none!important}}

.sample-top img{display:block;width:90px;height:auto;object-fit:contain} .photo-disclaimer{font-size:11px;color:#b8a8b7;max-width:400px;line-height:1.65;margin:18px 0 0} .hero-editorial-photo img{font-size:0;color:transparent} .hero-editorial-photo{background-image:url('/assets/sunset-ambient.webp');background-size:cover}.photo-editorial-grid>figure,.trust-photo,.after-photo-frame{background-image:url('/assets/sunset-ambient.webp');background-size:cover}.photo-editorial-grid>figure img,.trust-photo img,.after-photo-frame img{font-size:0;color:transparent} .site-footer .footer-lower a:focus-visible{outline-offset:4px} @media(max-width:540px){.hero .photo-disclaimer{font-size:10px}.photo-editorial-note blockquote{font-size:clamp(31px,8.2vw,38px)}}
/* IVYPOP v3 — compositional and interaction refinements. */
:root{--demo-accent:#f91673;--demo-soft:#fff0f6;--demo-white:#fff}
html{scroll-padding-top:135px} main [id]{scroll-margin-top:135px}
body{overflow-x:hidden}.site-header{z-index:1000}.mobile-panel{z-index:999}.nav-links>a[aria-current=page],.mobile-panel>a[aria-current=page]{color:#ff96c2}
.wrap{width:min(1180px,calc(100% - 88px))}
.logo{width:166px;height:71px;overflow:visible}.logo img{width:166px;max-width:none;object-fit:contain;object-position:center}
.nav-inner{min-height:82px;height:auto;gap:24px}
.site-footer .logo{width:182px;height:73px}.site-footer .logo img{width:180px}
.hero-stage .phone-frame img{display:block}
.hero-stage .phone-frame{overflow:hidden}.hero-grid{align-items:center}.hero-copy{padding-block:94px 70px}
.hero-stage .phone-caption{right:-1%}
.hero h1{font-weight:690}.heading{font-weight:685}
/* rhythm: retain scale without every section becoming an overlong scroll-stop */
.section{padding-block:clamp(66px,7.5vw,108px)}.photo-editorial{padding-block:70px}.intro-row{align-items:center}.intro-row .heading{max-width:730px}.chapter-panel{min-height:560px}
.chapter-description{padding-top:52px}.chapter-num{margin-bottom:22px}.chapter-next{margin-top:auto}
.page-hero{padding-block:82px 88px}.page-hero h1{font-size:clamp(50px,6.8vw,84px);max-width:920px}
/* The v2 faq had both a generated ::after and a real plus glyph. One affordance only. */
.faq-list summary{grid-template-columns:1fr 32px;padding-inline:5px 3px;position:relative;gap:12px}
.faq-list summary .faq-plus{display:none!important}.faq-list summary::after{content:'+'!important;font-size:23px;line-height:28px;font-weight:350;text-align:center;color:#d52774;border:1px solid #ebc3d5;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;transition:transform .2s ease,background .2s}
.faq-list details[open] summary::after{content:'+'!important;transform:rotate(45deg);background:#ffe8f1}
.faq-list summary:hover{color:#ae1a5d}.faq-list details p{max-width:720px}
/* shared component grammar: consistent tap size */
button,a.btn{touch-action:manipulation}button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.12)}
.btn{min-height:47px;gap:12px;display:inline-flex;align-items:center;justify-content:center}.btn:focus-visible,.text-link:focus-visible,.chapter-tab:focus-visible{outline-color:#f91673}
/* Interactive showroom */
.demo-utility{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;background:#fff;border:1px solid #e8dae3;border-radius:16px 16px 0 0;color:#443644;font-size:12px;line-height:1.5;margin-top:33px}
.demo-utility>div:first-child{display:flex;gap:9px;align-items:center}.live-dot{width:7px;height:7px;background:#f91673;border-radius:50%;flex:0 0 auto}
.theme-picker{display:flex;align-items:center;gap:9px}.theme-label{font-size:11px;font-weight:750;letter-spacing:.05em;color:#8b7988;margin-right:5px}.color-dot{appearance:none;border:2px solid #fff;outline:1px solid transparent;width:27px;height:27px;flex-shrink:0;border-radius:50%;transition:transform .2s ease,box-shadow .2s ease}.color-dot:hover{transform:scale(1.15)}.color-dot.is-active{box-shadow:0 0 0 2px #212025;transform:scale(1.08)}.color-dot[data-accent=raspberry]{background:#f91673}.color-dot[data-accent=lime]{background:#afe629}.color-dot[data-accent=blue]{background:#2478f9}.color-dot[data-accent=gold]{background:#f6c51e}
.chapters{--demo-accent:#f91673;--demo-soft:#fff0f6;--demo-white:#fff}.chapter-tabs{border-top:0!important}.chapter-tab[aria-selected=true]{border-bottom-color:var(--demo-accent)!important}.chapter-tab[aria-selected=true] span{color:var(--demo-accent)!important}
.chapter-visual.enter-scene>.sample-phone{animation:phone-enter .35s cubic-bezier(.2,.7,.2,1)}
@keyframes phone-enter{from{transform:translateY(9px);opacity:.55}to{transform:translateY(0);opacity:1}}
.interactive-phone{min-height:520px;display:flex;flex-direction:column;width:min(345px,100%);background:#fff}.interactive-phone .sample-top{display:flex;justify-content:space-between;align-items:center;min-height:58px}.interactive-phone .sample-top img{width:103px;height:auto;max-height:37px;object-fit:contain}.interactive-phone .sample-top small{font-weight:750;letter-spacing:.11em}.demo-phone-inner{display:flex;flex-direction:column;flex:1;min-height:412px}.demo-phone-inner>.sample-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:11px;padding:22px 18px 18px}.demo-phone-inner h4{font-size:clamp(20px,2.2vw,24px);margin:4px 0;letter-spacing:-.052em}.demo-phone-inner p{font-size:12px;line-height:1.6;color:#716371;margin:0}.demo-phone-inner .sample-label{color:var(--demo-accent);font-weight:800;letter-spacing:.11em;font-size:10px}.demo-phone-inner .sample-cover{height:185px;background-position:center 45%}.demo-phone-inner .tag-row{display:flex;flex-wrap:wrap;gap:6px;margin:3px 0 9px}.demo-phone-inner .tag-row span{background:var(--demo-soft);color:#3b2a36;border:1px solid #eadde5}
.interactive-phone .sample-bottom{height:21px;flex:0 0 auto}.micro-note{font-size:9px;color:#8b7988;text-align:center;margin:auto 10px 3px}
.mini-cta,.mini-secondary,.starter-buttons button,.option-chips button{appearance:none;border:1px solid #e8dbe4;background:#fff;border-radius:12px;color:#1f1720;font-size:11px;font-weight:750;min-height:41px;padding:11px 13px;line-height:1.4;text-align:center;transition:background .2s,color .2s,transform .2s,border-color .2s}
.mini-cta{border:0;background:var(--demo-accent);color:#fff;margin-top:auto}.mini-cta:hover:not([disabled]){filter:brightness(.93);transform:translateY(-1px)}.mini-secondary:hover,.starter-buttons button:hover,.option-chips button:hover{border-color:var(--demo-accent)}.mini-secondary{background:#f5f0f3}.mini-link{background:transparent;border:0;color:#866879;text-decoration:underline;text-underline-offset:3px;font-size:11px;padding:5px;align-self:center}.demo-row-actions{display:flex;gap:8px;align-items:stretch;margin-top:auto}.demo-row-actions>*{flex:1;min-width:0}
.demo-answer{padding:17px;background:#fff1f7;border-radius:12px;display:flex;gap:9px;flex-direction:column}.demo-answer span,.demo-form-label,.plan-row span{font-size:10px!important;letter-spacing:.1em;font-weight:700;color:#886f82!important}.demo-answer strong{font-size:14px;line-height:1.4}.demo-success-icon{display:grid;place-items:center;width:65px;height:65px;border-radius:50%;background:var(--demo-soft);color:var(--demo-accent);font-size:41px;line-height:1;margin-bottom:8px}.demo-center{align-items:center!important;text-align:center;justify-content:center}.demo-center>p{max-width:255px}.demo-center>.mini-cta{margin-top:18px;width:100%}.demo-center .demo-row-actions{width:100%;margin-top:12px}
.connect-demo .chat-thread{margin:18px 0 15px;flex:1;justify-content:flex-start}.chat-message{border-radius:17px!important}.chat-message.incoming{background:#f5eef2}.chat-message.outgoing{background:#33202e;color:#fff}.starter-buttons{display:grid;gap:9px}.starter-buttons button{text-align:left}.chat-head{border-bottom:1px solid #eee6ea;padding-bottom:11px}.avatar{background:var(--demo-soft);color:#251c20}
.option-chips{display:flex;flex-wrap:wrap;gap:6px}.option-chips button{font-size:10px;min-height:34px;padding:8px 10px}.option-chips button.selected{background:var(--demo-soft);border-color:var(--demo-accent)}.demo-form-label{margin:9px 0 2px!important}.plan-card{padding:14px;margin-top:9px;border-radius:13px;background:#fdf8fb}.plan-row{padding:9px 0}.plan-row strong{font-size:13px}
.decision-list{display:grid;gap:6px;margin:0!important}.decision-list .decision,.mutual-choices .decision{padding:10px 12px;min-height:51px;border-radius:11px;display:flex;width:100%;align-items:center;justify-content:space-between;text-align:left;gap:13px}.decision-list .decision strong,.mutual-choices .decision strong{font-size:11px!important}.decision-list .decision small,.mutual-choices .decision small{font-size:9px!important;display:block;margin-top:3px}.decision-list .decision.selected,.mutual-choices .decision.selected{border-color:var(--demo-accent);background:var(--demo-soft)}.decision-list .radio-dot,.mutual-choices .radio-dot{color:var(--demo-accent)}
.waiting-orbit{display:grid;place-items:center;color:var(--demo-accent);font-size:64px;margin:8px;animation:gentle-heart 3s ease-in-out infinite}
@keyframes gentle-heart{50%{transform:scale(1.08);opacity:.72}}
/* the second-person narrative is a distinct, high-value section */
.shared-intentions{background:#fff}.shared-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,128px);align-items:center}.shared-copy .heading{font-size:clamp(41px,5vw,70px);line-height:1.11;max-width:580px}.shared-copy .heading em{font-style:normal;color:#e93383}.shared-copy>p:not(.eyebrow){font-size:15px;color:#716573;line-height:1.85;max-width:510px;margin:20px 0}.shared-copy .btn{margin-top:18px}.shared-copy .quiet{font-size:12px!important}
.mutual-art{height:490px;position:relative;display:flex;align-items:center;gap:12px;justify-content:center;border-radius:22px;background:radial-gradient(circle at 22% 15%,#fbe2ee,transparent 50%),linear-gradient(135deg,#f4e9f3,#e6e1f8 60%,#ffe8da);overflow:hidden;padding:25px}
.mutual-card{width:min(48%,220px);height:273px;border:1px solid #fff8;border-radius:23px;box-shadow:0 16px 55px #39263628;background:#fffdfdca;backdrop-filter:blur(8px);display:flex;flex-direction:column;padding:22px 18px;gap:13px;transform:rotate(-5deg)}.mutual-card.two{transform:rotate(5deg) translateY(28px)}.mutual-card>span:first-child{font-size:10px;color:#c22b71;font-weight:800;letter-spacing:.17em}.mutual-card strong{font-size:20px;line-height:1.16;letter-spacing:-.06em}.mutual-card small{font-size:12px;color:#746775;line-height:1.6}.mutual-avatar{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fae8f1;color:#8b315d;font-weight:700}.mutual-card i{margin-top:auto;font-style:normal;font-size:10px;color:#a56881;letter-spacing:.15em}.mutual-middle{position:absolute;z-index:2;width:58px;height:58px;border-radius:50%;background:#eb3586;border:4px solid #fff;display:grid;place-items:center;font-size:28px;color:white;box-shadow:0 10px 30px #7c2b5233}
/* accessible modal */
.dialog-open{overflow:hidden}.demo-dialog[hidden]{display:none!important}.demo-dialog{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px}.dialog-overlay{position:absolute;inset:0;background:#120b15d9;backdrop-filter:blur(9px)}.dialog-content{position:relative;z-index:1;width:min(540px,100%);max-height:min(93vh,800px);overflow:auto;border-radius:22px;background:#fffafa;box-shadow:0 25px 90px #0006;padding:19px 30px 21px}.dialog-top{display:flex;align-items:center;justify-content:space-between;padding:3px 0 14px;border-bottom:1px solid #e8dfe6}.dialog-top img{width:130px;height:auto;filter:brightness(0) saturate(100%);opacity:.8}.dialog-close{width:42px;height:42px;border-radius:50%;border:1px solid #e5d7df;background:#fff;font-size:25px;font-weight:300;color:#4b3243;display:grid;place-items:center}.modal-progress{display:flex;justify-content:space-between;margin:21px 0;color:#a27390;font-size:10px;font-weight:800;letter-spacing:.13em}.dialog-content h2{font-size:clamp(31px,5vw,46px);letter-spacing:-.064em;line-height:1.12;margin:13px 0 17px}.dialog-content p:not(.eyebrow){line-height:1.75;color:#6d6070;font-size:14px}.dialog-content .eyebrow{color:#aa356c}.mutual-choices{display:grid;gap:9px;margin:21px 0}.mutual-choices .decision{border:1px solid #e7dce4;background:white}.mutual-choices .decision strong{font-size:14px!important}.mutual-choices .decision small{font-size:12px!important}.dialog-content .modal-next{margin-top:11px;width:100%;justify-content:center}.modal-centered{padding:23px 7px 18px;text-align:center;display:flex;flex-direction:column;align-items:center}.modal-centered p{max-width:425px}.modal-heart{font-size:70px;color:#ec2b80;display:block;margin:3px 0}.modal-centered .modal-next{max-width:390px}.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e9dee5;padding-top:15px;margin-top:24px}.dialog-bottom span{font-size:9px;letter-spacing:.08em;color:#8e7987}.dialog-reset{font-size:11px;background:none;border:0;text-decoration:underline;white-space:nowrap;color:#8f426d}
/* organized footer replaces repetitive flat legal links */
.site-footer{padding-top:70px;padding-bottom:22px}.footer-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;border-bottom:1px solid #3b2b3b;padding-bottom:38px}.footer-intro>div p{margin:0;color:#dbb8cb}.footer-vision{font-size:clamp(18px,2.2vw,29px)!important;line-height:1.3!important;letter-spacing:-.04em;color:#fff!important;text-align:right;margin:0!important}.footer-vision span{color:#fb83b2}.footer-status{display:inline-block;font-size:11px;color:#ac8da0;margin-top:15px}.footer-navigation{padding-block:39px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.footer-navigation>div{display:flex;flex-direction:column;gap:14px}.footer-navigation h2{margin:0 0 10px;color:#fb9ac3;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}.footer-navigation a{font-size:13px;color:#cbbbc8;line-height:1.45;width:max-content;max-width:100%;transition:color .18s ease}.footer-navigation a:hover{color:#fff}.footer-bottom{padding-top:23px;display:flex;justify-content:space-between;gap:25px;border-top:1px solid #3b2b3b;color:#a28f9d;font-size:11px;line-height:1.7}.footer-bottom strong{font-weight:600;color:#d9c4d5}
/* Support hub and actionable cross-links */
.help-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.help-tile{border:1px solid #eadfe7;border-radius:17px;padding:24px 20px;background:#fff;display:flex;flex-direction:column;min-height:248px;transition:border-color .2s,transform .2s,box-shadow .2s}.help-tile>span{font-size:29px;color:#ea3382}.help-tile h2{font-size:18px;letter-spacing:-.035em;margin:22px 0 8px}.help-tile p{font-size:12px;color:#716673;line-height:1.65;margin:0 0 14px}.help-tile b{margin-top:auto;color:#b52265;font-size:11px}.help-tile:hover{border-color:#e4a2c1;transform:translateY(-3px);box-shadow:0 18px 40px #1e142012}
/* Improved readability for policy pages */
.prose{max-width:870px}.prose p{max-width:850px}.prose h2{margin-top:36px}.prose h2:first-child{margin-top:0}.prose a{color:#9e215d}.prose a:hover{color:#da2b79}.legal-note{border-color:#d43a7c}.status-card{box-shadow:0 14px 34px #18111b08}.section-top{margin-bottom:28px}
@media(max-width:1100px){.wrap{width:calc(100% - 62px)}.help-grid{grid-template-columns:repeat(2,1fr)}.logo{width:154px}.logo img{width:154px}.footer-navigation{gap:22px}}
@media(max-width:780px){html{scroll-padding-top:115px}main [id]{scroll-margin-top:115px}.wrap{width:calc(100% - 44px)}.nav-inner{height:70px}.site-header .logo{width:151px;height:67px}.site-header .logo img{width:151px}.mobile-toggle{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.shared-grid{grid-template-columns:1fr;gap:34px}.shared-copy .heading{max-width:610px}.mutual-art{max-width:640px;width:100%;height:400px}.demo-utility{flex-direction:column;align-items:flex-start;gap:12px}.footer-navigation{grid-template-columns:repeat(2,1fr);row-gap:40px}.footer-intro{align-items:flex-start}.footer-vision{font-size:22px!important}.hero-grid{align-items:stretch}.hero-copy{padding-top:55px}.chapter-description{padding:40px 0 30px}.chapter-visual{min-height:590px}.chapter-panel{min-height:unset}}
@media(max-width:570px){html{scroll-padding-top:102px}main [id]{scroll-margin-top:102px}.wrap{width:calc(100% - 36px)}.nav-inner{height:64px}.hero-copy{padding-bottom:26px}.hero-stage{min-height:490px}.hero-stage .phone-frame{overflow:hidden}.hero-stage .phone-caption{right:0;bottom:6%}.hero-side-letter{display:none}.chapter-visual{padding:18px 7px;min-height:570px}.chapter-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.chapter-tab{font-size:11px;line-height:1.3;padding:14px 4px}.demo-utility{padding:14px 13px}.demo-utility>div:first-child{font-size:11px}.color-dot{width:26px;height:26px}.interactive-phone{width:min(340px,100%);min-height:535px}.demo-phone-inner>.sample-body{padding:16px 14px}.decision-list .decision{min-height:47px;padding:7px 9px}.decision-list .decision small{font-size:8px!important}.mutual-art{height:345px;padding:14px}.mutual-card{min-height:232px;height:auto;padding:16px 12px;gap:9px}.mutual-card strong{font-size:17px}.mutual-card small{font-size:10px}.mutual-middle{width:45px;height:45px}.dialog-content{padding:13px 18px;max-height:90vh}.dialog-bottom{align-items:flex-start}.footer-intro{flex-direction:column}.footer-vision{text-align:left}.footer-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 19px}.footer-navigation>div:last-child{grid-column:span 2}.footer-bottom{flex-direction:column;gap:7px}.help-grid{grid-template-columns:1fr}.help-tile{min-height:190px}.page-hero{padding:63px 0 65px}.page-hero h1{font-size:clamp(43px,10.8vw,62px)}.faq-list summary{min-height:66px}.status-card{padding:22px}.hero h1{overflow-wrap:normal}}
@media(prefers-reduced-motion:reduce){.waiting-orbit{animation:none!important}.chapter-visual.enter-scene>.sample-phone{animation:none!important}}
/* Accessible accent-button foregrounds: dark ink contrasts against all four app preview accents. */
.interactive-phone .mini-cta{color:#19101c!important}