@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#2b2039;--muted:#736b7d;--purple:#7553ab;--line:#e9e4ec;--paper:#fff;--soft:#f8f5fa;--radius:24px;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #9468ca;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-.055em}h1{font-size:clamp(3.15rem,6vw,5.5rem);line-height:1.06}h2{font-size:clamp(2.25rem,4vw,3.7rem);line-height:1.12}h3{font-size:1.5rem;line-height:1.25;letter-spacing:-.035em}p{line-height:1.65;color:var(--muted)}.container{width:min(1200px,calc(100% - 80px));margin:auto}.skip{position:absolute;top:-100px;left:15px;background:white;padding:15px;z-index:200}.skip:focus{top:10px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);border-bottom:1px solid #efeaf1}.nav{height:88px;display:flex;align-items:center;gap:48px}.brand{font-family:Manrope,sans-serif;font-size:1.45rem;letter-spacing:-.06em;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:33px;height:35px;background:var(--ink);color:#edc5f9;border-radius:11px;font-size:1.25rem;font-weight:500;box-shadow:inset 0 0 0 1px #ffffff20}.brand b{color:#b791d1}.nav-links{display:flex;align-items:center;gap:32px;margin:auto;font-size:.93rem;font-weight:500}.nav-drop>summary{list-style:none;cursor:pointer;padding:30px 0}.nav-drop>summary::-webkit-details-marker{display:none}.chevron{font-size:12px;margin-left:5px}.nav-drop[open]>summary{color:var(--purple)}.mega{position:absolute;top:87px;left:50%;transform:translateX(-50%);width:min(1000px,calc(100vw - 50px));padding:30px;background:white;border:1px solid var(--line);box-shadow:0 25px 50px #28163d14;border-radius:0 0 24px 24px;display:grid;grid-template-columns:240px 1fr;gap:28px}.mega-intro{background:#f4eef9;border-radius:15px;padding:24px}.mega-intro p{font-size:.9rem;margin-top:12px}.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.mega-links a{padding:12px;border-radius:9px}.mega-links a:hover{background:var(--soft)}.mega-links small{display:block;margin-top:4px;color:var(--muted);font-size:.8rem;font-weight:400}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid transparent;padding:16px 25px;border-radius:12px;font-weight:550;font-size:.95rem;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px);box-shadow:0 9px 25px #2a173b1c}.button.dark{background:var(--ink);color:white}.button.light{background:#fff;color:var(--ink);border-color:var(--line)}.button.lilac{background:#e9d8f6}.button.small{padding:12px 20px;border-radius:10px}.menu-toggle{display:none}.eyebrow{font-size:.75rem;line-height:1.5;font-weight:650;letter-spacing:.15em;text-transform:uppercase;color:var(--purple);margin-bottom:22px}.pill{font-size:.78rem;background:#fff8;border:1px solid #e4dbea;border-radius:50px;padding:8px 14px;display:inline-flex;gap:8px;align-items:center;letter-spacing:.01em;margin-bottom:28px}.pill span{color:var(--purple)}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 85% 50%,#edd6f8 0,transparent 45%),radial-gradient(ellipse at 15% 80%,#f9e2e9 0,transparent 50%),#fcfafc}.hero-grid{display:grid;grid-template-columns:1fr 1.03fr;align-items:center;gap:46px;min-height:690px;padding:70px 0 80px}.hero h1{font-size:clamp(3.2rem,5.5vw,5rem)}.hero h1 em,.accent{font-style:normal;color:#8a63ac}.hero .lead{font-size:1.1rem;max-width:450px;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.micro{font-size:.82rem;color:var(--muted);margin-top:19px;line-height:1.5}.hero-stage{position:relative;perspective:1300px;padding:15px 0 45px;min-width:0}.glass-window{background:linear-gradient(130deg,#dec7f38c,#f9c1de8c);border:1px solid #ffffffed;padding:9px;border-radius:24px;box-shadow:0 28px 65px -22px #6d448b50,inset 0 1px 1px #fff;position:relative}.hero-stage>.glass-window{transform:rotateY(-9deg) rotateX(5deg) rotateZ(-2deg);transition:transform .7s}.hero-stage:hover>.glass-window{transform:rotateY(-3deg) rotateX(2deg) rotateZ(-1deg)}.window-bar{height:34px;display:flex;align-items:center;padding:0 9px;gap:6px;position:relative}.traffic{width:9px;height:9px;border-radius:50%;background:#ff665e}.traffic:nth-child(2){background:#ffbf42}.traffic:nth-child(3){background:#31c64e}.window-bar .window-name{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:.68rem;color:#665174}.window-inner{border:1px solid #ffffffba;border-radius:15px;background:#ffffffdc;overflow:hidden}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;min-height:300px;padding:30px;text-align:center;background:radial-gradient(ellipse at 65% 20%,#f0e3f77d,transparent 65%),linear-gradient(140deg,#fff,#f9f5fb)}.placeholder .placeholder-icon{width:62px;height:62px;display:grid;place-items:center;color:#9370b3;background:#eee2f6;border:1px solid white;border-radius:19px;box-shadow:0 10px 25px #8764a314}.placeholder strong{font-size:1.08rem;font-weight:500;letter-spacing:-.03em}.placeholder small{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#81708f}.placeholder .slot-tag{font-size:.73rem;padding:6px 11px;border:1px dashed #cbb8d9;border-radius:6px;color:#9780a7}.hero-stage .placeholder{min-height:340px}.float-card{position:absolute;background:#fffc;backdrop-filter:blur(14px);border:1px solid #fff;border-radius:16px;padding:18px 22px;box-shadow:0 15px 35px #5e337527;display:flex;gap:12px;align-items:center;font-size:.85rem;z-index:2}.float-card strong{display:block;font-weight:600;margin-bottom:4px}.float-card small{color:var(--muted);font-size:.72rem}.float-one{right:-18px;top:-9px;transform:rotate(3deg)}.float-two{bottom:13px;left:10px;transform:rotate(-3deg)}.round-icon{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#eadff4;color:#84629f}.float-two .round-icon{background:#f9e3ef;color:#ae688c}.media-caption{font-size:.76rem;text-align:center;margin:17px auto 0;color:#8b7994;max-width:550px;line-height:1.5}.hero-stage>.media-caption{margin-top:35px}.audiences{padding:29px 0 32px;border-bottom:1px solid var(--line);text-align:center}.audiences p{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;margin-bottom:21px}.audience-list{display:flex;justify-content:space-around;gap:24px;flex-wrap:wrap;font-size:1.03rem;font-weight:500;letter-spacing:-.02em}.audience-list a:hover{color:var(--purple)}.section{padding:110px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:45px}.section-heading h2{max-width:670px}.section-heading p{max-width:330px;font-size:1rem}.feature-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.feature-tabs button{border:1px solid var(--line);background:white;color:var(--muted);border-radius:50px;padding:12px 20px;font-size:.88rem;display:flex;align-items:center;gap:8px}.feature-tabs button[aria-pressed=true]{color:white;background:var(--ink);border-color:var(--ink)}.demo-panel{background:radial-gradient(ellipse at 75% 30%,#d9b8ee,transparent 65%),linear-gradient(125deg,#eed5e5,#e9d5fa);padding:45px 75px 25px;border-radius:30px}.demo-panel .placeholder{min-height:350px}.demo-panel .media-caption{color:#6e557e;margin-top:22px}.demo-footer{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:25px}.text-link{display:inline-flex;align-items:center;gap:13px;color:var(--purple);font-weight:550;font-size:.95rem}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{border:1px solid var(--line);border-radius:20px;padding:30px;transition:transform .25s,box-shadow .25s;background:#fff}.feature-card:hover{transform:translateY(-5px);box-shadow:0 14px 35px #3e24590b}.feature-card .icon-box{display:grid;place-items:center;width:43px;height:43px;color:var(--purple);background:#f2eaf8;border-radius:12px;margin-bottom:30px}.feature-card h3{font-size:1.25rem;margin-bottom:12px}.feature-card p{font-size:.92rem;margin-bottom:25px}.feature-card .text-link{font-size:.85rem}.soft{background:#faf7fc}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.split p{margin:25px 0}.check-list{list-style:none;margin:25px 0 30px;padding:0}.check-list li{padding:10px 0;display:flex;gap:12px;line-height:1.5;font-size:.95rem}.check-list li:before{content:'✓';color:var(--purple)}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.business-card{border-radius:22px;padding:30px;background:#f2ebf8;min-height:265px;display:flex;flex-direction:column;align-items:start;transition:transform .25s}.business-card:nth-child(3n+2){background:#fae9ef}.business-card:nth-child(3n+3){background:#eeeafa}.business-card:hover{transform:translateY(-5px)}.business-number{font-size:.75rem;color:#8d729c;letter-spacing:.1em;margin-bottom:40px}.business-card h3{font-size:1.5rem;margin-bottom:12px}.business-card p{font-size:.9rem;margin-bottom:25px}.business-card .text-link{margin-top:auto}.quotes{display:grid;grid-template-columns:1fr 1fr;gap:30px}.quote{padding:38px;border:1px solid var(--line);border-radius:24px}.quote-symbol{font-family:Georgia,serif;font-size:4.5rem;line-height:.8;color:#b694ce}.quote blockquote{margin:22px 0 32px;font-size:1.35rem;line-height:1.6;letter-spacing:-.03em}.quote-by{display:flex;gap:13px;align-items:center}.avatar{background:#efdfef;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:.85rem}.quote-by strong{font-size:.95rem;font-weight:550}.quote-by small{display:block;margin-top:5px;font-size:.75rem;color:var(--muted)}.draft-label{font-size:.7rem;color:#8f7898;margin-top:26px;letter-spacing:.04em}.pricing-teaser{padding:42px 50px;border:1px solid var(--line);border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.pricing-teaser h3{font-size:1.7rem;margin-bottom:8px}.price-inline{font-size:2.6rem;font-weight:500;letter-spacing:-.06em;white-space:nowrap}.price-inline small{font-size:.85rem;color:var(--muted);letter-spacing:0}.cta{background:radial-gradient(ellipse at 15% 100%,#c094d260,transparent 55%),radial-gradient(ellipse at 95% 20%,#c28bb657,transparent 60%),#2b1d38;color:white;border-radius:30px;text-align:center;padding:75px 30px}.cta .eyebrow{color:#d6b7eb}.cta p{color:#d6c9dc;margin:22px auto 28px;max-width:460px}.cta h2{max-width:650px;margin:auto}.footer{padding:65px 0 25px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:45px}.footer .brand{margin-bottom:18px}.footer p{font-size:.9rem;max-width:250px}.footer h3{font:600 .78rem 'DM Sans',sans-serif;letter-spacing:.05em;margin:8px 0 23px}.footer-links{display:flex;flex-direction:column;gap:13px;font-size:.85rem;color:var(--muted)}.footer-links a:hover{color:var(--ink)}.footer-bottom{border-top:1px solid var(--line);margin-top:50px;padding-top:25px;display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem}.inner-hero{text-align:center;padding:85px 0 60px;background:radial-gradient(ellipse at 50% 100%,#f0e3f7,transparent 70%)}.inner-hero h1{max-width:880px;margin:0 auto}.inner-hero .lead{font-size:1.15rem;max-width:650px;margin:25px auto 30px}.inner-hero .hero-actions{justify-content:center}.breadcrumb{font-size:.8rem;color:var(--muted);margin-bottom:27px}.detail-media{padding:0 0 35px;background:linear-gradient(#f7f0fa,#fff)}.detail-media .glass-window{max-width:950px;margin:auto}.detail-media .placeholder{min-height:390px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.step-number{display:block;color:#a58abc;font-size:.8rem;margin-bottom:22px}.steps h3{margin-bottom:18px;font-size:1.3rem}.steps p{font-size:.95rem}.notice{padding:22px 26px;background:#f5eef9;border-radius:14px;border:1px solid #e5d8ef;font-size:.92rem;line-height:1.7;color:#685772;margin-top:35px}.price-card{border:1px solid #dbcce5;border-radius:26px;max-width:770px;margin:auto;padding:45px;box-shadow:0 25px 60px #6b3e8610;background:linear-gradient(140deg,#fff,#fcf8ff)}.price-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:35px;border-bottom:1px solid var(--line)}.price-top h2{font-size:2rem;margin-bottom:10px}.price-amount{font-size:3.8rem;letter-spacing:-.06em;font-weight:500;white-space:nowrap}.price-amount small{display:block;font-size:.85rem;letter-spacing:0;text-align:right;color:var(--muted)}.price-card .check-list{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.price-card .button{width:100%}.faq{max-width:800px;margin:auto}.faq h2{text-align:center;margin-bottom:35px}.faq details{border-bottom:1px solid var(--line);padding:24px 0}.faq summary{cursor:pointer;font-size:1.05rem;font-weight:500;line-height:1.5}.faq p{margin:18px 0 5px;font-size:.96rem}.contact-card{padding:45px;border:1px solid var(--line);border-radius:24px;background:#fff}.contact-card .email{font-size:clamp(1.25rem,2.8vw,2rem);letter-spacing:-.03em;word-break:break-word;display:block;margin:25px 0}.contact-card p{margin:18px 0}.contact-layout{max-width:950px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.contact-layout h3{font-size:1.5rem}.will-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.will-reveal.visible{opacity:1;transform:none}svg{flex-shrink:0}.section.compact{padding:75px 0}.center{text-align:center}.center h2{max-width:720px;margin:auto}.center p{max-width:600px;margin:22px auto}.full-link{display:block}.not-found{padding:120px 0;text-align:center}.not-found p{margin:25px 0}
@media(min-width:1450px){.container{width:min(1300px,calc(100% - 120px))}.hero-grid{min-height:760px}.hero h1{font-size:5.6rem}.hero-stage .placeholder{min-height:390px}}
@media(max-width:1050px){.nav{gap:20px}.nav-links{gap:20px}.hero-grid{gap:25px}.hero h1{font-size:3.7rem}.float-one{right:-5px}.split{gap:40px}.container{width:calc(100% - 48px)}.feature-grid{grid-template-columns:repeat(2,1fr)}.demo-panel{padding:35px}.footer-top{gap:25px}.hero-stage .placeholder{min-height:300px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.nav{height:74px;gap:14px}.brand{font-size:1.2rem}.brand-mark{width:28px;height:30px;border-radius:9px}.nav>.button{margin-left:auto;padding:11px 15px;font-size:.8rem;gap:10px}.menu-toggle{display:block;border:0;background:transparent;padding:10px;font-size:1.2rem;color:var(--ink)}.nav-links{display:none;position:absolute;left:0;right:0;top:74px;background:white;border-bottom:1px solid var(--line);padding:15px 25px 25px;max-height:calc(100dvh - 74px);overflow:auto}.nav-links.open{display:block}.nav-links>a{display:block;padding:16px 0}.nav-drop>summary{padding:16px 0}.mega{position:static;transform:none;display:block;width:100%;padding:10px 0;border:0;box-shadow:none}.mega-intro{display:none}.mega-links{gap:0;grid-template-columns:1fr 1fr}.mega-links a{font-size:.85rem;padding:13px 8px}.mega-links small{font-size:.73rem}.hero-grid{grid-template-columns:1fr;gap:55px;padding:50px 0 35px}.hero h1{font-size:clamp(3.15rem,11vw,4.7rem);max-width:560px}.hero .lead{font-size:1.03rem;margin:23px 0}.hero-stage{max-width:560px;width:100%;margin:auto;padding-bottom:35px}.hero-stage>.glass-window{transform:rotateY(-5deg) rotateX(3deg) rotateZ(-1deg);margin:0 5px}.hero-stage .placeholder{min-height:260px}.float-card{padding:13px 16px;font-size:.76rem}.float-card small{font-size:.67rem}.float-one{right:0;top:-22px}.float-two{left:0;bottom:30px}.hero-stage>.media-caption{margin-top:45px}.audience-list{gap:18px 30px;font-size:.87rem}.section{padding:70px 0}.section-heading{display:block;margin-bottom:32px}.section-heading p{margin-top:20px;max-width:500px}.feature-tabs{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}.feature-tabs button{white-space:nowrap;padding:11px 16px;font-size:.8rem}.demo-panel{padding:18px 13px;border-radius:20px}.demo-panel .placeholder{min-height:240px}.demo-footer{align-items:start;flex-direction:column;gap:15px}.feature-grid,.business-grid,.quotes,.split,.steps,.contact-layout{grid-template-columns:1fr}.feature-card{padding:25px}.feature-card .icon-box{margin-bottom:22px}.split{gap:40px}.business-grid{gap:15px}.business-card{min-height:230px;padding:27px}.business-number{margin-bottom:25px}.quote{padding:28px}.quote blockquote{font-size:1.2rem}.pricing-teaser{padding:30px;flex-direction:column;align-items:start;gap:25px}.cta{padding:55px 23px;border-radius:23px}.footer-top{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div:last-child{grid-column:1/-1}.footer-bottom{gap:20px;flex-direction:column}.inner-hero{padding:55px 0 45px}.inner-hero h1{font-size:3rem}.inner-hero .lead{font-size:1.03rem}.detail-media .placeholder{min-height:270px}.steps{gap:35px}.price-card{padding:26px}.price-top{align-items:start;flex-direction:column;gap:22px}.price-amount small{text-align:left}.price-card .check-list{grid-template-columns:1fr}.contact-card{padding:28px}.window-name{display:none}.section.compact{padding:55px 0}}
.hero-stage .float-two{bottom:80px}.hero-stage>.media-caption{margin-top:50px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}.hero-stage>.glass-window{transform:none}}

.pricing-plans{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1100px;margin:auto}.pricing-plans .price-card{width:100%;margin:0;display:flex;flex-direction:column;padding:35px}.pricing-plans .price-top{align-items:start;flex-direction:column;gap:25px}.pricing-plans .price-amount small{text-align:left}.pricing-plans .check-list{display:block;flex:1}.pricing-plans .price-card:nth-child(2){background:linear-gradient(140deg,#f5eafa,#fff);border-color:#b99bd0}@media(max-width:760px){.pricing-plans{grid-template-columns:1fr}.pricing-plans .price-card{padding:26px}}
.walkthrough .split{grid-template-columns:1fr 1.05fr;gap:75px}.walkthrough.reverse .walkthrough-copy{order:2}.walkthrough-copy>p:not(.eyebrow){margin-top:25px;font-size:1.05rem}.walkthrough .check-list{margin:23px 0}.device-stage{padding:25px 0;min-width:0}.device-stage .glass-window{transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}.reverse .device-stage .glass-window{transform:perspective(1200px) rotateY(4deg) rotateX(2deg)}.device-stage .placeholder{min-height:340px}.phone-figure{margin:0 auto;max-width:400px}.phone-shell{position:relative;max-width:280px;min-height:520px;margin:auto;padding:10px;border:1px solid #ffffff;border-radius:44px;background:linear-gradient(145deg,#d5c0e6,#f3deef 45%,#bda5d2);box-shadow:0 25px 55px -15px #66477b40,inset 0 0 0 3px #ffffff60;transform:perspective(1200px) rotateY(-7deg) rotateZ(2deg)}.phone-screen{background:linear-gradient(145deg,#fff,#f6effa);border-radius:34px;min-height:500px;padding:65px 12px 30px;border:1px solid #eee4f3}.phone-screen>.eyebrow{text-align:center;font-size:.72rem;margin:0}.phone-screen .placeholder{padding:18px;min-height:340px;background:none}.phone-screen .placeholder strong{font-size:1.15rem}.phone-screen .placeholder small{font-size:.65rem;line-height:1.6}.phone-status{position:absolute;top:25px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:.65rem;font-weight:600;z-index:2}.phone-island{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:82px;height:21px;border-radius:20px;background:#2b2039;z-index:3}.home-indicator{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);width:90px;height:4px;border-radius:5px;background:#5e4d6e}.phone-figure .media-caption{margin-top:28px}.mobile-stage{background:radial-gradient(ellipse at center,#edd8f480,transparent 65%)}.heading-line{display:block}.heading-enter .heading-line{animation:heading-arrive .8s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--line-delay,0ms)}.intro-enter{animation:intro-arrive .7s ease both;animation-delay:var(--intro-delay,100ms)}.will-reveal.visible h2,.will-reveal.visible h3{animation:intro-arrive .7s ease both;animation-delay:90ms}.will-reveal.visible p:not(.eyebrow){animation:intro-arrive .75s ease both;animation-delay:160ms}@keyframes heading-arrive{from{opacity:0;transform:translateY(22px) rotateX(8deg)}to{opacity:1;transform:none}}@keyframes intro-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.brand{gap:8px}.brand b{margin-left:-7px;color:#8a63ac;font-size:.84em}@media(max-width:1050px){.walkthrough .split{gap:40px}.nav{gap:18px}.nav-links{gap:18px}}@media(max-width:760px){.walkthrough .split{grid-template-columns:1fr;gap:25px}.walkthrough.reverse .walkthrough-copy{order:0}.device-stage .placeholder{min-height:260px}.phone-screen .placeholder{min-height:340px}.brand{font-size:1.08rem;gap:6px}.brand b{margin-left:-5px}.nav{gap:6px}.nav>.button{padding:11px 12px}.menu-toggle{padding:8px}.phone-shell{max-width:265px}.device-stage{padding:20px 0}}@media(prefers-reduced-motion:reduce){.heading-enter .heading-line,.intro-enter,.will-reveal.visible h2,.will-reveal.visible h3,.will-reveal.visible p{animation:none!important;opacity:1;transform:none}.phone-shell,.device-stage .glass-window,.reverse .device-stage .glass-window{transform:none}}
/* Shared brand spectrum: periwinkle through orchid to coral. */
:root{--brand-flow:linear-gradient(105deg,#6875ed 0%,#9c63df 38%,#ca60b2 66%,#f18a59 100%)}
.brand-word{display:inline-block}.brand .brand-word b{margin-left:0;color:#766183;font-size:.84em}.brand-diary,.hero h1 em,.accent{color:#975dce;background:var(--brand-flow);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-diary{display:inline-block}
.glass-window{background:linear-gradient(120deg,#c4ccf7a8 0%,#e1c3f2a8 40%,#f4c4dfa8 70%,#f8d6bca8 100%)}.demo-panel{background:radial-gradient(ellipse at 10% 20%,#c8d0fb,transparent 60%),radial-gradient(ellipse at 90% 75%,#f8cdbb,transparent 65%),linear-gradient(125deg,#e4cff3,#f0cce9)}.phone-shell{background:linear-gradient(145deg,#bbc6f2,#dfbce9 42%,#efbfd9 70%,#f3c7aa)}.feature-card .icon-box,.placeholder .placeholder-icon{background:linear-gradient(125deg,#e6e9fd,#f2e2f7 60%,#fce8dc)}.button.lilac{background:linear-gradient(105deg,#d3dbff,#e9caf4 45%,#ffd6bd)}.cta{background:radial-gradient(ellipse at 10% 100%,#6875ed50,transparent 55%),radial-gradient(ellipse at 90% 20%,#ee8a5940,transparent 60%),#2b1d38}.hero{background:radial-gradient(ellipse at 90% 35%,#e4d4f8 0,transparent 45%),radial-gradient(ellipse at 15% 85%,#fde0d7 0,transparent 50%),radial-gradient(ellipse at 15% 10%,#edf0ff,transparent 45%),#fcfafc}
@media(forced-colors:active){.brand-diary,.hero h1 em,.accent{background:none;-webkit-text-fill-color:currentColor;color:CanvasText}}
/* Larger wordmark and gently flowing primary call to action. */
.brand{font-size:1.95rem;gap:0;line-height:1.15}.brand .brand-word b{font-size:.84em}
.button.try-now{position:relative;isolation:isolate;overflow:hidden;background:#c7bafa;color:#2b2039;border:1px solid #ffffff50;box-shadow:0 5px 16px #8c64b826}
.button.try-now::before{content:"";position:absolute;inset:-70% -60%;z-index:-1;background:linear-gradient(110deg,#aebcff 0%,#d3b4f5 30%,#f4b5d8 57%,#ffd0ad 78%,#aebcff 100%);animation:cta-gradient-flow 9s ease-in-out infinite alternate;pointer-events:none}
.button.try-now:hover{box-shadow:0 9px 25px #9765bc40}.button.try-now:focus-visible{outline:3px solid #603b89;outline-offset:4px}
@keyframes cta-gradient-flow{from{transform:translateX(-12%) rotate(-5deg)}to{transform:translateX(12%) rotate(5deg)}}
@media(max-width:1050px){.brand{font-size:1.75rem}.nav-links{gap:16px}}
@media(max-width:760px){.brand{font-size:1.4rem}.nav{gap:5px}.nav>.button{padding:10px 11px;gap:8px}.menu-toggle{padding:7px}}
@media(max-width:360px){.brand{font-size:1.23rem}.nav>.button{padding:10px 9px}.nav>.button span{display:none}}
@media(prefers-reduced-motion:reduce){.button.try-now::before{animation:none;transform:none}}
@media(forced-colors:active){.button.try-now::before{display:none}.button.try-now{background:ButtonFace;color:ButtonText;border-color:ButtonText}}
/* Two homepage introductions with a pink-led hero palette. */
.hero{background:radial-gradient(ellipse at 10% 5%,#ffe2f1 0,transparent 58%),radial-gradient(ellipse at 90% 35%,#e9d7fb 0,transparent 52%),radial-gradient(ellipse at 20% 95%,#f9d6ec 0,transparent 55%),#fcf8fc}
.nav{gap:24px}.nav-links{gap:21px;white-space:nowrap}.nav-links>a[aria-current=page]{color:var(--purple);text-decoration:underline;text-underline-offset:7px}
.home-two-intro{text-align:center;padding:65px 0 25px}.home-two-intro h1{font-size:clamp(3.2rem,6.2vw,5.7rem)}.hero-two .lead{max-width:610px;margin:25px auto;font-size:1.1rem}.home-two-intro .hero-actions{justify-content:center}.home-two-intro .pill{margin-bottom:23px}.wide-showcase{position:relative;padding:45px 75px 45px;margin:20px 0 0}.wide-screen{position:relative;perspective:1600px}.wide-screen .glass-window{transform:rotateX(3deg);border-radius:27px;padding:11px;box-shadow:0 35px 65px -25px #78509b55}.wide-screen .placeholder{min-height:470px}.wide-screen .placeholder strong{font-size:1.7rem;line-height:1.3;letter-spacing:-.045em}.wide-screen .window-bar{height:38px}.wide-showcase>.media-caption{max-width:650px;margin:36px auto 0}.callout-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.callout-lines path{fill:none;stroke:#b28bd0;stroke-width:1.4;stroke-dasharray:5 5}.callout-lines circle{fill:#f9effb;stroke:#b28bd0;stroke-width:1.5}.showcase-callout{position:absolute;display:flex;align-items:center;gap:12px;border:1px solid white;background:#ffffffec;backdrop-filter:blur(12px);padding:19px 22px;border-radius:17px;box-shadow:0 12px 35px #82519d20;max-width:285px}.showcase-callout strong{display:block;font-size:.9rem;font-weight:600;letter-spacing:-.02em}.showcase-callout small{display:block;margin-top:6px;font-size:.74rem;color:var(--muted)}.showcase-callout.schedule{top:80px;left:0;transform:rotate(-3deg)}.showcase-callout.booking{right:0;top:115px;transform:rotate(3deg)}.showcase-callout.clients{left:0;bottom:160px;transform:rotate(2deg)}.showcase-callout.services{right:0;bottom:110px;transform:rotate(-3deg)}
@media(max-width:1100px) and (min-width:761px){.nav{gap:16px}.nav .brand{font-size:1.5rem}.nav-links{gap:14px;font-size:.84rem}.nav>.button{padding:12px 15px;gap:12px}.wide-showcase{padding-left:45px;padding-right:45px}.showcase-callout{padding:15px;max-width:250px}}
@media(max-width:900px) and (min-width:761px){.nav .brand{font-size:1.25rem}.nav-links{gap:10px;font-size:.78rem}.nav{gap:10px}}
@media(max-width:760px){.nav{gap:5px}.home-two-intro{padding:48px 0 20px}.hero-two .lead{font-size:1.03rem}.home-two-intro h1{font-size:clamp(3rem,10vw,4.5rem)}.wide-showcase{padding:10px 0 30px;margin-top:15px}.wide-screen .placeholder{min-height:290px;padding:30px 20px}.wide-screen .placeholder strong{font-size:1.35rem}.callout-lines{display:none}.showcase-callouts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:23px}.showcase-callout{position:static;transform:none!important;display:block;max-width:none;padding:16px 13px;border-radius:14px}.showcase-callout .round-icon{margin-bottom:10px}.showcase-callout strong{font-size:.84rem;line-height:1.4}.showcase-callout small{font-size:.73rem;line-height:1.5}.wide-showcase>.media-caption{margin-top:22px}.wide-screen .glass-window{transform:none}.nav-links.open{white-space:normal}}
/* Immersive primary homepage: the hero colour field continues behind navigation. */
.original-home{font-size:.72rem;margin-left:20px;text-decoration:underline;text-underline-offset:3px;opacity:.75}.original-home:hover{opacity:1}
.flow-home .site-header{background:transparent;border-bottom:1px solid #ffffff50;backdrop-filter:none;position:absolute;top:0;left:0;right:0}.flow-home .hero-two{padding-top:88px;isolation:isolate;position:relative;background:#fce7f3}.flow-home .hero-two:before{content:"";position:absolute;inset:-15%;z-index:-1;background:radial-gradient(ellipse at 20% 25%,#ffcce9 0,transparent 48%),radial-gradient(ellipse at 80% 35%,#d4c2ff 0,transparent 50%),radial-gradient(ellipse at 40% 85%,#f5b9df 0,transparent 50%),radial-gradient(ellipse at 85% 90%,#e9d9ff 0,transparent 45%),#fff1fa;animation:banner-flow 18s ease-in-out infinite alternate;pointer-events:none}.flow-home .hero-two>.container{position:relative}.flow-home .heading-enter .heading-line{transform-origin:50% 80%;animation:heading-pop 1.05s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--line-delay,0ms) + 100ms)}
@keyframes banner-flow{0%{transform:translate3d(-3%,-2%,0) scale(1.03) rotate(-2deg)}50%{transform:translate3d(3%,1%,0) scale(1.09) rotate(1deg)}100%{transform:translate3d(-1%,3%,0) scale(1.04) rotate(3deg)}}
@keyframes heading-pop{0%{opacity:0;transform:translate3d(0,65px,0) scale(.92) rotateX(12deg)}65%{opacity:1;transform:translate3d(0,-7px,0) scale(1.025) rotateX(0)}82%{transform:translate3d(0,2px,0) scale(.995)}100%{opacity:1;transform:none}}
@media(max-width:760px){.flow-home .hero-two{padding-top:74px}.flow-home .nav-links.open{background:#fff9fd}.original-home{margin-left:12px}}
@media(prefers-reduced-motion:reduce){.flow-home .hero-two:before{animation:none;transform:none}.flow-home .heading-enter .heading-line{animation:none;opacity:1;transform:none}}
/* High-contrast primary actions: quiet surfaces, clear hierarchy. */
.button.try-now{background:#34213f;color:#fff;border:1px solid #493152;font-weight:650;box-shadow:0 4px 10px #32163f20,inset 0 1px 0 #ffffff12;transition:background .2s,box-shadow .2s,transform .2s}
.button.try-now::before{display:none;animation:none}
.button.try-now:hover{background:#4b2d5c;border-color:#674477;box-shadow:0 8px 20px #32163f30;transform:translateY(-2px)}
.button.try-now span{opacity:.8}.button.try-now:active{transform:translateY(0);box-shadow:0 2px 5px #32163f20}
.button.try-now:focus-visible{outline:3px solid #78509b;outline-offset:4px}
.cta .button.try-now{background:#fff;color:#34213f;border-color:#fff;box-shadow:0 4px 14px #150b2026}.cta .button.try-now:hover{background:#f4eaf9;border-color:#f4eaf9}.cta .button.try-now:focus-visible{outline-color:#eed5ff}
@media(forced-colors:active){.button.try-now,.cta .button.try-now{background:ButtonFace;color:ButtonText;border-color:ButtonText}}
/* Airier hero: white space with violet on the left and pink on the right. */
.hero{background:radial-gradient(ellipse at 10% 5%,#eee7ff 0,transparent 52%),radial-gradient(ellipse at 90% 35%,#ffe8f3 0,transparent 50%),radial-gradient(ellipse at 20% 95%,#f4edff 0,transparent 50%),#fff}
.flow-home .hero-two{background:#fff}.flow-home .hero-two:before{background:radial-gradient(ellipse at 17% 25%,#e4d8fa 0,transparent 49%),radial-gradient(ellipse at 85% 35%,#fbddeb 0,transparent 48%),radial-gradient(ellipse at 35% 85%,#eee3fc 0,transparent 46%),radial-gradient(ellipse at 85% 90%,#fce9f2 0,transparent 44%),radial-gradient(ellipse at 50% 45%,#fff 15%,#ffffffc9 40%,transparent 70%),#fff}
/* Dropdown copy must wrap independently of the single-line navigation labels. */
.nav-links .mega{white-space:normal;grid-template-columns:minmax(0,240px) minmax(0,1fr);max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
.mega-intro,.mega-links,.mega-links>a{min-width:0}.mega-links{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.mega-intro .eyebrow{display:block;margin-bottom:16px;font-size:.72rem;line-height:1.6;overflow-wrap:anywhere}.mega-intro h3{font-size:1.4rem;line-height:1.3;letter-spacing:-.035em}.mega-intro p{margin:16px 0 20px;line-height:1.65}.mega-intro .text-link{font-size:.9rem;line-height:1.5}.mega-links>a{line-height:1.45;overflow-wrap:anywhere}.mega-links small{line-height:1.5;margin-top:5px}
@media(max-width:760px){.nav-links .mega{max-height:none;overflow:visible}.mega-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.mega-links{grid-template-columns:minmax(0,1fr)}}
/* Soften only the top edge; preserve the existing moving gradient below. */
.flow-home .hero-two::after{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:linear-gradient(to bottom,rgba(255,255,255,.7),rgba(255,255,255,.3) 45%,rgba(255,255,255,0));z-index:-1;pointer-events:none}