:root{
  --navy:#143A6B;--pink:#F48BA3;--lavender:#B8A0D2;--yellow:#FDCC61;--grey:#C7C1BC;--mint:#69C9A9;--blue:#83C1EC;
  --ink:#254263;--subtle:#65758d;--cream:#fffaf7;--blush:#fff1f4;--lilac:#f5efff;--ice:#eff7ff;
  --line:#eee6e7;--shadow:0 18px 50px rgba(20,58,107,.09);
  --head:'Sour Gummy','Comic Relief','Trebuchet MS',system-ui,sans-serif;
  --other:'Comic Relief','Sour Gummy',system-ui,sans-serif;
  --body:'Content','Trebuchet MS',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;color:var(--navy);font-family:var(--body);font-size:16px;line-height:1.65;background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--head);font-weight:900;line-height:1.08;letter-spacing:-.018em}h2{font-size:clamp(40px,5vw,65px)}h3{font-size:27px}
.wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.section{padding:106px 0}.skip-link{position:absolute;left:12px;top:-100px;background:white;padding:13px 17px;border-radius:12px;z-index:100}.skip-link:focus{top:8px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:4px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,248,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(20,58,107,.065)}.nav-inner{height:83px;display:flex;gap:25px;align-items:center}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--head);font-weight:900;letter-spacing:.015em;font-size:27px;line-height:1;white-space:nowrap}.brand img{width:48px;height:48px;object-fit:contain;mix-blend-mode:multiply}.desktop-nav{display:flex;align-items:center;gap:32px;margin-left:auto;font-family:var(--other);font-weight:700;font-size:13px}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:#d86d8c}.nav-contact{display:inline-flex;align-items:center;gap:14px;font:700 14px var(--other);background:#ffe5eb;padding:12px 21px;border-radius:50px;transition:transform .2s}.nav-contact:hover{transform:translateY(-3px)}.mobile-menu{display:none}
.hero{position:relative;background:linear-gradient(119deg,#fffaf6 0%,#fff2f2 47%,#f6ecff 100%);overflow:hidden;isolation:isolate}.hero-grid{min-height:679px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:18px;padding-top:65px;padding-bottom:101px;position:relative}.hero-copy{position:relative;z-index:5;padding-bottom:12px}.hero-sparkles{display:flex;align-items:center;gap:12px;font-size:28px;line-height:1}.sp-pink{color:var(--pink)}.sp-yellow{color:var(--yellow);font-size:21px}.sp-purple{color:var(--lavender);font-size:16px}.hero h1{font-size:clamp(60px,6.8vw,92px);line-height:1.02;letter-spacing:-.028em;margin:24px 0 25px}.hero h1 span{color:#e97698;position:relative;display:inline-block}.hero h1 span:after{content:'';position:absolute;height:10px;border:solid #fdcc61;border-width:0 0 7px 0;border-radius:50%;left:6%;bottom:-11px;width:88%;transform:rotate(-3deg)}.hero-copy>p{font-size:20px;line-height:1.64;color:#506980;max-width:510px;margin-bottom:29px}.hero-copy>p strong{color:var(--navy);font-weight:700}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:17px;border-radius:50px;padding:13px 24px;min-height:55px;font:700 15px var(--other);transition:transform .18s,box-shadow .18s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 8px 0 #d0c3d5,0 15px 28px rgba(20,58,107,.15)}.btn-soft{background:rgba(255,255,255,.81);border:1px solid #f7dfe5;box-shadow:0 6px 18px rgba(20,58,107,.045)}.coming-soon{margin-top:34px;color:#5d6c80;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:700}.pulse-dot{display:inline-block;width:10px;height:10px;background:#f5b96d;border-radius:50%;box-shadow:0 0 0 6px #fff1df}.hero-orb{position:absolute;border-radius:50%;opacity:.6;pointer-events:none}.orb-one{width:185px;height:185px;left:-82px;top:30px;background:#ffe2eb}.orb-two{width:65px;height:65px;left:46%;top:75px;background:#fff0c6}.orb-three{width:130px;height:130px;right:-55px;bottom:90px;background:#e8dcff}.hero-visual{height:575px;position:relative;min-width:0}.visual-backdrop{position:absolute;inset:70px 2% 20px 3%;background:#f6e2f1;border-radius:54% 46% 51% 49% / 51% 46% 54% 49%;transform:rotate(-8deg);box-shadow:25px 20px 0 #fce9cc;opacity:.82}.phone{background:white;border:6px solid #fff;padding:5px;box-shadow:0 26px 55px rgba(27,44,72,.18),0 0 0 1px rgba(20,58,107,.08);border-radius:31px;overflow:hidden;width:242px;line-height:0}.phone img{width:100%;height:auto;display:block;border-radius:22px}.hero-visual>.phone{position:absolute}.hero-phone-left{width:229px;left:2%;top:113px;transform:rotate(-11deg);z-index:1}.hero-phone-right{right:5%;top:30px;transform:rotate(8deg);z-index:2}.hero-sticker{position:absolute;z-index:4;background:#fff;border:1px solid #f6edf0;border-radius:50px;white-space:nowrap;padding:11px 16px;box-shadow:0 8px 25px rgba(20,58,107,.11);font:700 13px var(--other)}.sticker-heart{left:-24px;top:88px;transform:rotate(-6deg)}.sticker-heart span{color:var(--pink);font-size:20px;margin-right:6px}.sticker-places{right:-15px;bottom:114px;transform:rotate(4deg)}.sticker-places span{color:var(--lavender);font-size:20px;margin-right:6px}.hero-mascot{position:absolute;z-index:4;width:107px;height:107px;object-fit:contain;left:34%;bottom:9px;transform:rotate(-9deg);filter:drop-shadow(0 9px 6px #143a6b1a);mix-blend-mode:multiply}.hero-pin{position:absolute;z-index:3;width:48px;height:auto;aspect-ratio:170/245;object-fit:contain;right:1%;top:15px}.hero-divider{position:absolute;bottom:-2px;left:0;width:100%;height:95px;pointer-events:none}
.section-heading{max-width:760px;margin:0 auto 44px}.section-heading.centered{text-align:center}.kicker{display:block;font:700 12px var(--other);letter-spacing:.105em;color:#c46e91;margin-bottom:14px}.section-heading h2{margin-bottom:15px}.section-heading h2 em,.simply h2 em,.together h2 em,.contact h2 em{font-style:normal;color:#e77a9a}.section-heading>p{font-size:18px;color:var(--subtle);max-width:620px;margin:0 auto}
.perks{padding-top:83px;padding-bottom:102px}.perk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.perk{border-radius:26px;padding:30px 28px;position:relative;min-height:231px;border:1px solid rgba(20,58,107,.045);transition:transform .2s,box-shadow .2s}.perk:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.perk-purple{background:#f2eefa}.perk-yellow{background:#fff4d8}.perk-pink{background:#ffe9ef}.perk-icon{display:grid;place-items:center;width:51px;height:51px;background:#fff;border-radius:17px;font-size:30px;line-height:1;margin-bottom:18px}.perk-purple .perk-icon{color:#a486c1}.perk-yellow .perk-icon{color:#ecad3b}.perk-pink .perk-icon{color:#ea7198}.perk h3{font-size:24px;margin-bottom:8px}.perk p{color:#5c6981;margin:0;line-height:1.6}
.discover{background:#fcfaff;padding-bottom:94px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.category-card{background:white;border:1px solid #f3ebf3;border-radius:28px;overflow:hidden;box-shadow:0 12px 35px rgba(20,58,107,.055);transition:transform .2s,box-shadow .2s}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.category-image{height:213px;position:relative;overflow:hidden}.category-image:after{content:"";position:absolute;inset:0;border-bottom:5px solid transparent;pointer-events:none}.category-rose .category-image{background:#fce0e6}.category-lilac .category-image{background:#e9dff6}.category-ice .category-image{background:#e1f2fd}.category-image img{width:100%;height:100%;object-fit:cover;display:block}.category-content{padding:26px 26px 29px}.category-tag{display:inline-block;font:700 12px var(--other);border-radius:100px;padding:6px 11px;margin-bottom:16px}.category-rose .category-tag{background:#ffe5ed;color:#aa4965}.category-lilac .category-tag{background:#f0e4fa;color:#8662ab}.category-ice .category-tag{background:#e2f3ff;color:#447fa5}.category-content h3{font-size:28px;margin-bottom:7px}.category-content p{color:#5c6f83;font-size:15px;margin:0}.illustration-note{color:#8b94a5;text-align:right;font-size:12px;margin:17px 2px 0}
.showcase{background:#fff}.showcase-tabs{display:flex;gap:9px;align-items:center;justify-content:center;flex-wrap:wrap;margin:39px auto 25px}.showcase-tabs button{border:1px solid #e9dfe8;background:#fff;font:700 14px var(--other);color:var(--navy);padding:10px 19px;border-radius:50px;transition:background .2s,transform .2s}.showcase-tabs button:hover{background:#fff3f6}.showcase-tabs button.is-active{background:var(--navy);color:white;border-color:var(--navy);box-shadow:0 5px 0 #d8c9e4}.showcase-panel{display:grid;grid-template-columns:1fr .91fr;align-items:center;min-height:510px;overflow:hidden;border-radius:36px;background:linear-gradient(118deg,#f7edff 0%,#f8f2fc 53%,#fff6f4 100%);position:relative}.screen-side{height:510px;position:relative;display:grid;place-items:center;overflow:hidden}.deco-disc{position:absolute;top:62px;left:calc(50% - 185px);width:370px;height:370px;border-radius:50%;background:#e7d6f5}.deco-star{position:absolute;left:12%;top:22%;font-size:50px;color:#f5a8b8}.screen-phone{width:231px;position:relative;z-index:2;margin-top:90px;box-shadow:0 23px 40px #143a6b25}.screen-pin{position:absolute;width:53px;height:auto;aspect-ratio:170/245;object-fit:contain;right:13%;top:70px;z-index:2}.screen-content{padding:55px 65px 55px 16px}.screen-counter{font:700 15px var(--other);color:#ac7dc4}.screen-content h3{font-size:clamp(36px,4.1vw,54px);margin:18px 0 20px;max-width:480px}.screen-content>p{font-size:19px;line-height:1.7;color:#627088;max-width:440px}.screen-foot{display:flex;gap:13px;align-items:center;font:700 13px var(--other);margin:27px 0 27px;color:#815e9b}.screen-squiggle{background:white;color:#ed8cae;display:grid;place-items:center;width:39px;height:39px;flex:none;border-radius:13px;font-size:23px}.screen-controls{display:flex;gap:10px}.screen-controls button{width:48px;height:48px;border-radius:50%;border:1px solid #dfd2e4;color:var(--navy);background:white;font-size:22px;transition:transform .2s,background .2s}.screen-controls button:hover{transform:translateY(-2px);background:#fff0f5}.screenshot-strip{display:flex;justify-content:center;gap:44px;margin-top:55px}.screenshot-strip figure{margin:0;text-align:center}.strip-phone{width:163px;border:5px solid white;box-shadow:0 12px 35px #143a6b20,0 0 0 1px #ebdfef;border-radius:24px;overflow:hidden;line-height:0}.strip-phone img{display:block;width:100%;height:auto}.screenshot-strip figcaption{font:700 15px var(--other);margin-top:16px}
.simply{background:#fff9ef}.simply-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:75px;align-items:center}.simply-copy h2{margin-bottom:21px}.simply-copy>p{font-size:18px;color:#617188;max-width:430px}.scribble{font-size:34px;letter-spacing:18px;color:#e87d99;margin-top:31px}.simply-steps{display:grid;gap:14px}.simply-steps>div{background:#fff;padding:22px 27px;border-radius:22px;box-shadow:0 7px 24px #143a6b08;display:grid;grid-template-columns:58px 1fr;gap:0 18px;align-items:start}.simply-steps span{grid-row:1/3;background:#ffe1e9;color:#d76687;width:53px;height:52px;display:grid;place-items:center;border-radius:18px;font:900 25px var(--head)}.simply-steps>div:nth-child(2) span{background:#f0e6fb;color:#906cb5}.simply-steps>div:nth-child(3) span{background:#e5f3ff;color:#6293c5}.simply-steps strong{font:900 25px var(--head);line-height:1.2}.simply-steps p{margin:4px 0 0;color:#66758a;font-size:15px}
.together{padding:88px 0}.together-card{border-radius:35px;background:#fdf0f4;border:1px solid #ffe3ec;display:grid;grid-template-columns:270px 1fr;gap:48px;align-items:center;padding:35px 65px;overflow:hidden}.together-mascot{height:240px;width:240px;border:10px solid #fff;background:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 15px 35px #d78ca02b;transform:rotate(-8deg)}.together-mascot img{width:210px;height:210px;object-fit:contain;mix-blend-mode:multiply}.together h2{margin-bottom:14px;font-size:clamp(38px,4vw,54px)}.together p{font-size:18px;color:#68758b;max-width:660px;margin:0}
.contact{padding:4px 0 90px}.contact-inner{background:linear-gradient(120deg,#ede5f9 0%,#e8f3ff 100%);border-radius:36px;padding:63px 62px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;overflow:hidden;position:relative}.contact-inner:after{content:'✦';color:#f5afbd;font-size:70px;position:absolute;right:29px;top:12px;opacity:.5}.contact-copy{position:relative;z-index:1}.contact h2{font-size:clamp(37px,4.6vw,58px);margin-bottom:20px}.contact p{color:#5d6d83;font-size:17px;max-width:480px;margin-bottom:25px}.contact-email{margin-top:20px;color:#596f8f;font-size:13px}.contact-logo{position:relative;z-index:1}.contact-logo img{width:100%;height:auto;filter:drop-shadow(0 7px 12px rgba(20,58,107,.10))}
.footer{border-top:1px solid #eee7ed;background:#fffaf9;padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#66738b;font-size:13px}.footer-inner a{font-weight:700;color:var(--navy)}
@media(max-width:1100px){.desktop-nav{gap:18px}.hero-grid{grid-template-columns:1fr 1fr}.hero-visual{transform:scale(.9);transform-origin:center center}.screen-content{padding-right:34px}.contact-inner{padding:48px 42px}}
@media(max-width:875px){.desktop-nav,.nav-contact{display:none}.mobile-menu{display:block;position:relative;margin-left:auto}.mobile-menu summary{width:45px;height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-radius:13px;background:#fff;border:1px solid #f1dfe5;list-style:none;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{width:18px;height:2px;background:var(--navy);border-radius:3px}.mobile-menu nav{position:absolute;right:0;top:53px;width:255px;padding:10px;background:white;border:1px solid #eee0e8;border-radius:16px;box-shadow:var(--shadow)}.mobile-menu nav a{display:block;font:700 13px var(--other);padding:12px}.hero-grid{display:block;min-height:0;padding-top:70px;padding-bottom:74px}.hero-copy{max-width:630px;margin:auto;text-align:center}.hero-sparkles,.hero-actions,.coming-soon{justify-content:center}.hero-visual{margin:35px auto 0;transform:none;width:min(100%,570px);height:555px}.hero-phone-left{left:10%}.hero-phone-right{right:10%}.sticker-heart{left:6%}.sticker-places{right:1%}.perk-grid{gap:10px}.perk{padding:22px 19px}.perk h3{font-size:23px}.category-grid{gap:13px}.category-image{height:170px}.category-content{padding:19px}.category-content h3{font-size:24px}.showcase-panel{grid-template-columns:1fr 1fr}.screen-content{padding:25px}.screen-side{height:480px}.simply-layout{gap:30px}.together-card{grid-template-columns:205px 1fr;padding:30px}.together-mascot{width:205px;height:205px}.together-mascot img{width:185px;height:185px}}
@media(max-width:640px){.wrap{width:min(100% - 36px,1180px)}.section{padding:77px 0}.nav-inner{height:70px}.brand{font-size:23px}.brand img{height:42px;width:42px}.hero-grid{padding-top:49px;padding-bottom:50px}.hero h1{font-size:clamp(51px,12.2vw,73px);margin:16px 0 25px}.hero-copy>p{font-size:17px;line-height:1.65}.hero-sparkles{font-size:20px}.hero-actions{gap:9px}.btn{min-height:49px;font-size:13px;padding:11px 16px;gap:8px}.coming-soon{font-size:12px;margin-top:24px}.hero-visual{height:375px;margin-top:26px;width:100%;max-width:390px}.visual-backdrop{inset:45px 2% 8px}.hero-phone-left{width:151px;left:9%;top:86px;border-width:4px;border-radius:21px;padding:3px}.hero-phone-right{width:162px;right:10%;top:19px;border-width:4px;border-radius:22px;padding:3px}.phone img{border-radius:16px}.hero-sticker{font-size:9px;padding:6px 8px}.sticker-heart{left:0;top:43px}.sticker-places{right:0;bottom:56px}.hero-mascot{width:74px;height:74px;left:38%;bottom:5px}.hero-pin{width:34px;right:3%;top:2px}.hero-divider{height:44px}.section-heading{margin-bottom:31px}.section-heading h2,h2{font-size:clamp(38px,10.2vw,52px)}.section-heading>p{font-size:16px}.kicker{font-size:11px}.perks{padding-top:63px}.perk-grid{grid-template-columns:1fr;gap:13px}.perk{min-height:0;padding:21px 20px;display:grid;grid-template-columns:49px 1fr;gap:0 14px;align-items:start}.perk-icon{width:48px;height:48px;grid-row:1/3;margin:0;font-size:26px}.perk h3{font-size:23px;margin:0 0 4px}.perk p{font-size:14px}.category-grid{grid-template-columns:1fr;gap:18px}.category-image{height:211px}.category-content{padding:21px 23px}.category-content h3{font-size:27px}.illustration-note{text-align:center}.showcase-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:5px 0 10px;scrollbar-width:thin;margin:27px auto 13px}.showcase-tabs button{flex:none;font-size:13px;padding:9px 15px}.showcase-panel{display:block;border-radius:25px}.screen-side{height:425px}.deco-disc{width:320px;height:320px;top:35px;left:calc(50% - 160px)}.screen-phone{width:192px;margin-top:61px}.screen-pin{width:40px;right:9%;top:40px}.screen-content{padding:5px 27px 32px}.screen-counter{font-size:13px}.screen-content h3{font-size:38px;margin:9px 0 12px}.screen-content>p{font-size:16px;margin-bottom:10px}.screen-foot{margin:13px 0 19px}.screen-controls button{width:43px;height:43px}.screenshot-strip{gap:14px;margin-top:37px}.strip-phone{width:100%;border-radius:16px;border-width:3px}.screenshot-strip figure{min-width:0;flex:1}.screenshot-strip figcaption{font-size:11px;margin-top:9px}.simply-layout{grid-template-columns:1fr;gap:18px}.simply-copy h2{margin-bottom:14px}.simply-copy>p{font-size:16px}.scribble{font-size:24px;letter-spacing:12px;margin:15px 0}.simply-steps>div{padding:18px;grid-template-columns:49px 1fr;gap:0 13px}.simply-steps span{width:45px;height:45px;font-size:22px}.simply-steps strong{font-size:23px}.together-card{display:block;padding:28px 23px 33px;text-align:center}.together-mascot{height:151px;width:151px;margin:0 auto 20px;border-width:6px}.together-mascot img{width:135px;height:135px}.together h2{font-size:38px}.together p{font-size:16px}.contact{padding:0 0 50px}.contact-inner{grid-template-columns:1fr;padding:36px 25px 27px;border-radius:25px}.contact h2{font-size:40px}.contact p{font-size:15px}.contact-logo{max-width:360px;margin:auto}.footer-inner{flex-wrap:wrap;justify-content:center;text-align:center;gap:7px 15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* === V4: simplified pastel composition === */
.site-header{background:#fff;backdrop-filter:none;border-bottom:1px solid #f3edf1}
.brand img{width:43px;height:54px;mix-blend-mode:normal;object-fit:contain}
.nav-contact{gap:0}
.hero{background:linear-gradient(119deg,#fffaf9 0%,#fff1f5 50%,#f6edff 100%)}
.hero-grid{grid-template-columns:1.03fr .97fr;min-height:680px;gap:16px;padding-top:38px;padding-bottom:94px}
.hero-copy{position:relative;z-index:5;max-width:565px;padding-bottom:0}
.hero h1.hero-logo{margin:0 0 7px;line-height:0;max-width:570px}
.hero-logo img{width:100%;height:auto;display:block;filter:drop-shadow(0 9px 15px rgba(20,58,107,.025))}
.hero-copy>p{font-size:19px;max-width:480px;margin:0 0 24px;line-height:1.62}
.store-buttons{display:flex;flex-wrap:wrap;gap:13px;align-items:center}
.store-badge{font:inherit;display:flex;align-items:center;justify-content:flex-start;gap:13px;width:189px;min-height:63px;border-radius:16px;padding:10px 17px;background:var(--navy);color:#fff;border:1px solid var(--navy);box-shadow:0 7px 0 #e5d8e7,0 13px 21px #143a6b15;opacity:1;cursor:default;user-select:none;text-align:left}
.store-badge:disabled{opacity:1;color:#fff;cursor:default}
.store-badge span{display:flex;flex-direction:column;gap:0;line-height:1.05}
.store-badge small{font:700 9px var(--other);letter-spacing:.04em;opacity:.84;white-space:nowrap}
.store-badge strong{font:900 20px var(--head);letter-spacing:-.01em;white-space:nowrap}
.store-logo{width:28px;height:30px;flex:none}
.store-logo.apple{width:26px;height:29px}
.hero-visual{height:565px;isolation:isolate}
.route-line{position:absolute;pointer-events:none;fill:none;z-index:0}
.route-line path{stroke:#c7bfc7;stroke-width:3.7;stroke-dasharray:8 11;stroke-linecap:round;opacity:.75}
.route-hero{width:116%;height:78%;top:12%;left:-7%;transform:rotate(2deg)}
.visual-backdrop{z-index:0;background:#f3dff2;box-shadow:25px 20px 0 #feebd5}
.hero-sticker{z-index:4}
.decor-pin{position:absolute;display:block;object-fit:contain;width:36px;height:auto;pointer-events:none;z-index:3;aspect-ratio:170/245}
.hero-pin-pink{right:0%;top:26px;width:41px}
.hero-pin-blue{left:0%;bottom:65px;width:33px}
.hero-pin-yellow{left:47%;top:13px;width:25px}
.hero-outer-lavender{left:3%;top:30%;width:30px;opacity:.73}
.hero-visual>.phone{z-index:2}
.hero-phone-left{z-index:2!important}
.hero-phone-right{z-index:3!important}
/* Compact horizontal categories in the original first feature section */
.perks{position:relative;overflow:hidden;padding-top:80px;padding-bottom:83px;background:#fff}
.compact-heading{margin-bottom:28px}
.compact-heading h2{font-size:clamp(39px,4.8vw,58px);margin-bottom:13px}
.compact-heading>p{max-width:715px;font-size:17px}
.compact-heading>p strong{color:var(--navy);font-weight:700}
.category-scroller{display:flex;gap:17px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scroll-padding-inline:7px;scrollbar-color:#e8c8d9 transparent;scrollbar-width:thin;padding:6px 6px 17px;position:relative;z-index:2}
.category-scroller:focus-visible{outline:3px solid #f48ba3;outline-offset:3px;border-radius:16px}
.mini-category{flex:0 0 244px;scroll-snap-align:start;position:relative;background:#fff;border:1px solid #eee8ee;border-radius:22px;overflow:hidden;box-shadow:0 9px 27px #143a6b0b;transition:transform .2s,box-shadow .2s}
.mini-category:hover{transform:translateY(-3px);box-shadow:0 14px 32px #143a6b13}
.mini-category-image{height:154px;overflow:hidden;background:#f8f6f9}
.mini-category-image img{width:100%;height:100%;display:block;object-fit:cover}
.mini-category-copy{padding:14px 15px 17px}
.mini-category-name{display:inline-flex;align-items:center;border-radius:999px;padding:5px 11px;font:700 12px var(--other);line-height:1.4;color:var(--navy)}
.mini-category h3{font-size:21px;font-weight:900;margin:11px 0 0;line-height:1.25}
.cat-play .mini-category-name{background:#fff1cc;border:1px solid #fbd97c}
.cat-food .mini-category-name{background:#ffe8ed;border:1px solid #f6b8c8}
.cat-culture .mini-category-name{background:#f0e8fa;border:1px solid #cebbe3}
.cat-nature .mini-category-name{background:#e7f6f1;border:1px solid #b7e7d6}
.cat-water .mini-category-name{background:#e5f3ff;border:1px solid #b5dbf4}
.cat-play .mini-category-image{border-bottom:4px solid var(--yellow)}
.cat-food .mini-category-image{border-bottom:4px solid var(--pink)}
.cat-culture .mini-category-image{border-bottom:4px solid var(--lavender)}
.cat-nature .mini-category-image{border-bottom:4px solid var(--mint)}
.cat-water .mini-category-image{border-bottom:4px solid var(--blue)}
.category-bottom{font:700 12px var(--other);color:#9a8295;display:flex;align-items:center;justify-content:center;gap:13px;margin-top:10px}
.category-progress{height:4px;width:64px;background:#f4eaf0;border-radius:6px;overflow:hidden}
.category-progress span{display:block;background:#f48ba3;height:100%;width:30%;border-radius:6px;transform:translateX(0);transition:transform .18s}
.route-perks{bottom:-28px;left:0;width:100%;height:110px;z-index:0;opacity:.43}
.section-pin-mint{right:4%;top:75px;width:30px;opacity:.66}
.section-pin-lavender{left:6%;bottom:30px;width:31px;opacity:.5}
.showcase{padding-top:90px}
.screen-controls{display:none}
.screen-foot{margin-bottom:0}
.together-mascot img{mix-blend-mode:normal}
.contact .btn{gap:0}
.back-to-top{position:fixed;right:25px;bottom:28px;z-index:80;width:52px;height:52px;border:1px solid #f3dce6;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--navy);box-shadow:0 8px 24px #143a6b22;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .2s,transform .2s,visibility .2s}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:#ffedf3}
@media(max-width:1100px){.hero-logo{max-width:505px}.store-badge{width:174px;padding-inline:13px}.store-badge strong{font-size:19px}.mini-category{flex-basis:235px}}
@media(max-width:875px){.hero-grid{padding-top:48px;padding-bottom:90px}.hero-copy{max-width:620px;text-align:center;margin:0 auto}.hero-logo{max-width:620px;margin:0 auto 6px}.hero-copy>p{margin:0 auto 25px;max-width:510px}.store-buttons{justify-content:center}.hero-visual{margin:40px auto 0}.hero-outer-lavender{left:5%;top:23%}.hero-pin-blue{left:3%}}
@media(max-width:640px){.site-header{background:#fff}.hero-grid{padding-top:28px;padding-bottom:55px}.hero-logo{margin-bottom:10px;width:min(100%,500px)}.hero-copy>p{font-size:16px;max-width:430px;line-height:1.6}.store-buttons{gap:9px;flex-wrap:nowrap}.store-badge{width:calc(50% - 5px);min-height:55px;border-radius:13px;padding:8px 9px;gap:8px;box-shadow:0 5px 0 #e8dae9}.store-logo{width:22px;height:25px}.store-logo.apple{width:20px;height:24px}.store-badge small{font-size:7px}.store-badge strong{font-size:clamp(13px,4vw,17px)}.hero-visual{margin-top:23px;height:355px;max-width:390px}.hero-outer-lavender{left:2%;top:24%;width:20px}.hero-pin-blue{width:24px;bottom:51px}.hero-pin-pink{width:28px;top:0}.hero-pin-yellow{width:20px}.route-hero{width:105%;left:-2%}.perks{padding-top:63px;padding-bottom:68px}.compact-heading{margin-bottom:20px}.compact-heading h2{font-size:clamp(35px,9.2vw,44px)}.compact-heading>p{font-size:15px}.mini-category{flex-basis:207px;border-radius:19px}.mini-category-image{height:128px}.mini-category-copy{padding:12px 12px 15px}.mini-category-name{font-size:10px;padding:4px 8px}.mini-category h3{font-size:19px;margin-top:9px}.category-scroller{gap:12px}.category-bottom{font-size:11px}.section-pin-mint{right:2%;top:35px;width:22px}.section-pin-lavender{display:none}.showcase{padding-top:63px}.back-to-top{right:15px;bottom:18px;width:46px;height:46px}.screen-foot{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.mini-category{transition:none}.back-to-top{transition:none}}

/* === V5 refinements === */
.hero{background:linear-gradient(119deg,#fffcfb 0%,#fdf5f7 50%,#f8f1fd 100%)}
.visual-backdrop{background:#f6e7f0;box-shadow:25px 20px 0 #faeddc;opacity:.78}
.route-line path{stroke:#cdbfc8;stroke-width:3.9;stroke-dasharray:10 7;stroke-linecap:round;opacity:.92}

.category-controls{display:flex;justify-content:flex-end;gap:10px;margin:-4px 0 14px;position:relative;z-index:3}
.category-arrow{width:46px;height:46px;border-radius:50%;border:1px solid #ecdfe8;background:#fff;color:var(--navy);display:grid;place-items:center;box-shadow:0 8px 20px rgba(20,58,107,.08);transition:transform .2s,background .2s,border-color .2s}
.category-arrow:hover{transform:translateY(-2px);background:#fff4f7;border-color:#f0cfdb}
.category-arrow svg{width:21px;height:21px}
.category-scroller{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * 18px) / 2.5);gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;-ms-overflow-style:none;padding:6px 0 8px}
.category-scroller::-webkit-scrollbar{display:none}
.mini-category{flex:none}
.mini-category-copy{padding:14px 15px 18px}
.mini-category h3{font-size:23px;margin:11px 0 6px}
.mini-category p{margin:0;color:#627088;font-size:15px;line-height:1.45}

.showcase-heading p{max-width:560px}
.showcase-panel{grid-template-columns:1.1fr .9fr;gap:16px;align-items:center;overflow:visible;padding:18px 26px 22px;background:linear-gradient(118deg,#f7effc 0%,#fcf5fb 54%,#fff8f6 100%)}
.screen-stage-wrap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:0}
.screen-side{height:500px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.deco-disc{top:66px;left:calc(50% - 186px);width:372px;height:372px;background:#eadcf6}
.screen-arrow{width:52px;height:52px;border-radius:50%;border:1px solid #e7dbe6;background:#fff;color:var(--navy);display:grid;place-items:center;box-shadow:0 8px 20px rgba(20,58,107,.08);z-index:4;transition:transform .2s,background .2s}
.screen-arrow:hover{transform:translateY(-2px);background:#fff3f7}
.screen-arrow svg{width:22px;height:22px}
.screen-phone,.side-phone{position:absolute;transition:transform .28s ease,opacity .28s ease,box-shadow .28s ease}
.screen-phone{width:238px;z-index:3;transform:translateX(0) scale(1);margin-top:0;box-shadow:0 25px 46px rgba(20,58,107,.22)}
.side-phone{width:188px;z-index:2;opacity:.72;filter:saturate(.95)}
.side-phone-left{transform:translateX(-150px) scale(.88) rotate(-10deg)}
.side-phone-right{transform:translateX(150px) scale(.88) rotate(10deg)}
.side-phone img,.screen-phone img{display:block;width:100%;height:auto}
.screen-pin{width:52px;right:14%;top:58px}
.screen-content{padding:30px 24px 30px 8px}
.screen-content h3{margin:14px 0 15px;max-width:420px}
.screen-content>p{max-width:430px;margin:0}
.showcase-panel.anim-next .current-phone{transform:translateX(-150px) scale(.88) rotate(-10deg);opacity:.72}
.showcase-panel.anim-next .side-phone-right{transform:translateX(0) scale(1) rotate(0deg);opacity:1;z-index:3;box-shadow:0 25px 46px rgba(20,58,107,.22)}
.showcase-panel.anim-next .side-phone-left{transform:translateX(-235px) scale(.78) rotate(-12deg);opacity:0}
.showcase-panel.anim-prev .current-phone{transform:translateX(150px) scale(.88) rotate(10deg);opacity:.72}
.showcase-panel.anim-prev .side-phone-left{transform:translateX(0) scale(1) rotate(0deg);opacity:1;z-index:3;box-shadow:0 25px 46px rgba(20,58,107,.22)}
.showcase-panel.anim-prev .side-phone-right{transform:translateX(235px) scale(.78) rotate(12deg);opacity:0}

@media(max-width:1100px){
  .category-scroller{grid-auto-columns:calc((100% - 18px) / 2.15)}
}
@media(max-width:875px){
  .category-scroller{grid-auto-columns:calc((100% - 18px) / 1.6)}
  .showcase-panel{grid-template-columns:1fr;padding:18px 18px 24px}
  .screen-stage-wrap{order:1}
  .screen-content{text-align:center;padding:8px 20px 10px}
  .screen-content h3,.screen-content>p{margin-left:auto;margin-right:auto}
}
@media(max-width:640px){
  .hero{background:linear-gradient(119deg,#fffdfc 0%,#fdf6f8 52%,#faf4ff 100%)}
  .category-controls{margin:0 0 12px}
  .category-arrow{width:42px;height:42px}
  .category-scroller{grid-auto-columns:78%;gap:12px;padding-bottom:4px}
  .mini-category h3{font-size:21px}
  .mini-category p{font-size:14px}
  .showcase-panel{border-radius:26px;padding:15px 12px 22px}
  .screen-stage-wrap{grid-template-columns:42px 1fr 42px;gap:4px}
  .screen-side{height:390px}
  .deco-disc{width:314px;height:314px;left:calc(50% - 157px);top:34px}
  .screen-phone{width:186px}
  .side-phone{width:142px;opacity:.58}
  .side-phone-left{transform:translateX(-106px) scale(.84) rotate(-10deg)}
  .side-phone-right{transform:translateX(106px) scale(.84) rotate(10deg)}
  .showcase-panel.anim-next .current-phone{transform:translateX(-106px) scale(.84) rotate(-10deg);opacity:.58}
  .showcase-panel.anim-next .side-phone-right{transform:translateX(0) scale(1) rotate(0deg);opacity:1}
  .showcase-panel.anim-next .side-phone-left{transform:translateX(-170px) scale(.72) rotate(-12deg);opacity:0}
  .showcase-panel.anim-prev .current-phone{transform:translateX(106px) scale(.84) rotate(10deg);opacity:.58}
  .showcase-panel.anim-prev .side-phone-left{transform:translateX(0) scale(1) rotate(0deg);opacity:1}
  .showcase-panel.anim-prev .side-phone-right{transform:translateX(170px) scale(.72) rotate(12deg);opacity:0}
  .screen-arrow{width:42px;height:42px}
  .screen-pin{width:41px;right:6%;top:40px}
  .screen-content h3{font-size:36px}
  .screen-content>p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  .screen-phone,.side-phone,.screen-arrow,.category-arrow{transition:none}
}


/* =====================================================================
   V6 — clean hero, endless category carousel, 3D phone carousel, castle CTA
   ===================================================================== */
.hero{background:linear-gradient(122deg,#fffcfb 0%,#fcf8fa 50%,#f8f4fd 100%)}
.hero .route-line path.route-base,.perks .route-line path.route-base{stroke:#d9cdd7;stroke-width:3.7;stroke-dasharray:none;stroke-linecap:round;opacity:.85}
.hero .route-line path.route-dashes,.perks .route-line path.route-dashes{stroke:#a9a0b3;stroke-width:3.7;stroke-dasharray:2 10;stroke-linecap:round;opacity:.96}
.hero-sticker{display:none}

/* Category cards are centered in a narrower window: two full, two half-edge cards. */
.perks{padding-bottom:76px}
.category-carousel{position:relative;max-width:910px;margin:4px auto 0;--cat-gap:16px;--cat-card:267px}
.category-viewport{width:100%;overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}
.category-track{display:flex;gap:var(--cat-gap);width:max-content;padding:10px 0 15px;will-change:transform;transform:translate3d(0,0,0);transition:transform .53s cubic-bezier(.22,.74,.22,1)}
.category-track.no-transition{transition:none}
.mini-category{flex:none;width:var(--cat-card);scroll-snap-align:unset;border-radius:21px;box-shadow:0 8px 25px #143a6b0d}
.mini-category-image{height:140px}
.mini-category-copy{padding:13px 14px 17px}
.mini-category h3{font-size:21px;margin:9px 0 5px}
.mini-category p{font-size:13px;line-height:1.5;color:#5d6980}
.category-carousel .category-arrow{position:absolute;top:44%;transform:translateY(-50%);z-index:5;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fff;box-shadow:0 7px 26px #143a6b26;border:1px solid #eee0ea}
.category-carousel .category-arrow:hover{transform:translateY(calc(-50% - 2px));background:#fff4f8}
.category-carousel .category-arrow.is-prev{left:14px}
.category-carousel .category-arrow.is-next{right:14px}
.route-perks{bottom:-29px;z-index:0;opacity:.36}

/* In-depth screenshots now rotate around a carousel ring. */
.showcase{padding-top:82px;padding-bottom:105px}
.showcase-heading{margin-bottom:30px}
.showcase-panel{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:center;gap:4px;overflow:hidden;padding:22px 28px;min-height:536px;background:linear-gradient(115deg,#f7effc 0%,#f9f3ff 52%,#fff8f6 100%);border-radius:36px;outline-offset:5px}
.screen-stage-wrap{width:100%;min-width:0;display:block}
.screen-stage{height:485px;width:100%;position:relative;perspective:970px;perspective-origin:center 45%;overflow:hidden}
.carousel-stage-backdrop{position:absolute;width:75%;height:80%;left:12.5%;top:10%;border-radius:49% 51% 52% 48%;background:#edddf4;filter:blur(.3px)}
.screen-ring{position:absolute;inset:0;transform-style:preserve-3d}
.ring-phone{position:absolute;top:50%;left:50%;translate:-50% -50%;width:207px;line-height:0;border-radius:28px;border:5px solid #fff;padding:5px;background:#fff;overflow:hidden;box-shadow:0 20px 44px #143a6b32;backface-visibility:hidden;transition:transform .72s cubic-bezier(.22,.73,.20,1),opacity .72s ease,filter .72s ease;will-change:transform,opacity}
.ring-phone img{display:block;width:100%;height:auto;border-radius:20px}
.ring-phone[data-position="center"]{z-index:6;opacity:1;transform:translate3d(0,0,65px) rotateY(0) scale(1)}
.ring-phone[data-position="left"]{z-index:4;opacity:.78;filter:saturate(.85);transform:translate3d(-62%,4px,-90px) rotateY(32deg) scale(.84)}
.ring-phone[data-position="right"]{z-index:4;opacity:.78;filter:saturate(.85);transform:translate3d(62%,4px,-90px) rotateY(-32deg) scale(.84)}
.ring-phone[data-position="far-left"]{z-index:2;opacity:.04;transform:translate3d(-115%,8px,-210px) rotateY(56deg) scale(.68)}
.ring-phone[data-position="far-right"]{z-index:2;opacity:.04;transform:translate3d(115%,8px,-210px) rotateY(-56deg) scale(.68)}
.ring-phone[data-position="hidden"]{z-index:1;opacity:0;transform:translate3d(0,5px,-260px) rotateY(85deg) scale(.56)}
.screen-stage .screen-arrow{position:absolute;z-index:8;width:49px;height:49px;top:50%;transform:translateY(-50%);border:1px solid #eddfeb;box-shadow:0 9px 28px #143a6b1f;background:#fff}
.screen-stage .screen-arrow:hover{transform:translateY(calc(-50% - 2px));background:#fff4f8}
.screen-stage .screen-arrow-left{left:4px}
.screen-stage .screen-arrow-right{right:4px}
.screen-content{padding:25px 18px 25px 8px}
.screen-content h3{font-size:clamp(33px,3.6vw,49px);margin:14px 0 19px}
.screen-content>p{font-size:18px;max-width:385px;line-height:1.6}

/* The two bottom promotional cards become one full-bleed castle illustration. */
.closing-section{position:relative;isolation:isolate;min-height:500px;background:#e7dcfa url('assets/castle.webp') center 49%/cover no-repeat;display:flex;align-items:center;padding:86px 0;overflow:hidden}
.closing-scrim{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(255,251,252,.98) 0%,rgba(255,250,253,.95) 26%,rgba(255,250,254,.83) 40%,rgba(255,250,253,.22) 68%,rgba(255,250,253,.06) 100%)}
.closing-inner{position:relative;z-index:1;width:min(1180px,calc(100% - 64px));display:flex;align-items:center}
.closing-copy{width:min(100%,650px);padding:10px 0}
.closing-copy .kicker{color:#af608c}
.closing-copy h2{font-size:clamp(40px,4.7vw,64px);line-height:1.13;margin-bottom:18px;max-width:640px}
.closing-copy h2 em{color:#d86c96;font-style:normal}
.closing-copy p{font-size:18px;color:#4c647d;line-height:1.62;margin-bottom:23px;max-width:570px}
.closing-button{padding:14px 27px;min-height:54px;box-shadow:0 6px 0 #d6cce0,0 13px 26px #143a6b1f}
.footer{background:#fff}

@media(max-width:1000px){
  .category-carousel{max-width:780px}
  .showcase-panel{grid-template-columns:1fr;gap:0;padding:19px 20px 27px}
  .screen-stage{height:490px}
  .screen-content{padding:5px 32px 20px;text-align:center}
  .screen-content h3,.screen-content>p{margin-left:auto;margin-right:auto;max-width:600px}
}
@media(max-width:700px){
  .category-carousel{--cat-gap:12px}
  .category-carousel .category-arrow{width:43px;height:43px}
  .category-carousel .category-arrow.is-prev{left:7px}
  .category-carousel .category-arrow.is-next{right:7px}
  .category-viewport{mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}
  .mini-category-image{height:135px}
  .showcase-panel{padding:17px 9px 27px;border-radius:26px}
  .screen-stage{height:391px}
  .ring-phone{width:172px;border-radius:24px;border-width:4px;padding:4px}
  .ring-phone img{border-radius:16px}
  .ring-phone[data-position="left"]{transform:translate3d(-54%,4px,-75px) rotateY(27deg) scale(.83)}
  .ring-phone[data-position="right"]{transform:translate3d(54%,4px,-75px) rotateY(-27deg) scale(.83)}
  .screen-stage .screen-arrow{width:41px;height:41px}
  .screen-stage .screen-arrow-left{left:2px}
  .screen-stage .screen-arrow-right{right:2px}
  .screen-content{padding:3px 16px 16px}
  .screen-content h3{font-size:35px;margin-bottom:12px}
  .screen-content>p{font-size:15px;line-height:1.6}
  .closing-section{min-height:545px;background-position:58% center;padding:73px 0}
  .closing-inner{width:min(100% - 38px,1180px)}
  .closing-scrim{background:linear-gradient(180deg,rgba(255,251,253,.96) 0%,rgba(255,250,253,.95) 35%,rgba(255,250,253,.66) 65%,rgba(255,250,253,.07) 100%)}
  .closing-copy{align-self:flex-start;margin-top:-20px}
  .closing-copy h2{font-size:clamp(36px,9vw,46px)}
  .closing-copy p{font-size:16px;max-width:370px}
}
@media(prefers-reduced-motion:reduce){
 .category-track,.ring-phone{transition:none!important}
}


/* --- V7 cleanup based on latest feedback --- */
.hero .route-base, .perks .route-base{display:none;}
.hero .route-dashes, .perks .route-dashes{stroke:#c4bec1;stroke-width:4.2;stroke-dasharray:14 12;stroke-linecap:round;stroke-linejoin:round;opacity:.98;}
.route-hero{width:116%;height:79%;top:11%;left:-7%;transform:rotate(1deg);opacity:1;}
.route-perks{bottom:-26px;left:0;width:100%;height:110px;z-index:0;opacity:.58;}
.desktop-nav{margin-left:auto;}
.desktop-nav a{white-space:nowrap;}
.footer{background:#fff;border-top:1px solid #f2edf1;padding:21px 0;}
.footer-inner{justify-content:center;color:#6b7790;font-size:13px;}
.closing-section{background:#eaf6ff url('assets/landscape-banner.png') center bottom/cover no-repeat;min-height:430px;padding:78px 0;overflow:hidden;}
.closing-scrim{background:linear-gradient(90deg,rgba(255,252,253,.92) 0%,rgba(255,252,253,.89) 22%,rgba(255,252,253,.79) 42%,rgba(255,252,253,.24) 70%,rgba(255,252,253,.08) 100%);}
.closing-copy{max-width:620px;}
.closing-copy h2{max-width:620px;}
.showcase{position:relative;isolation:isolate;overflow:hidden;}
.showcase .wrap,.perks .wrap,.closing-inner{position:relative;z-index:1;}
.showcase-pin-yellow,.showcase-pin-blue,.closing-pin-pink,.closing-pin-mint,.closing-pin-lavender{position:absolute;height:auto;pointer-events:none;z-index:0;opacity:.85;}
.showcase-pin-yellow{width:30px;left:7%;top:150px;}
.showcase-pin-blue{width:28px;right:8%;top:230px;}
.closing-pin-pink{width:33px;right:14%;top:74px;}
.closing-pin-mint{width:30px;right:6%;bottom:74px;}
.closing-pin-lavender{width:29px;left:10%;bottom:82px;}
.section-pin-mint{right:5%;top:84px;width:28px;opacity:.82;}
.section-pin-lavender{left:7%;bottom:94px;width:26px;opacity:.82;display:block;}
@media(max-width:875px){.closing-section{min-height:470px;background-position:58% bottom;}.closing-scrim{background:linear-gradient(180deg,rgba(255,252,253,.94) 0%,rgba(255,252,253,.9) 36%,rgba(255,252,253,.62) 68%,rgba(255,252,253,.12) 100%);}.showcase-pin-yellow{left:3%;top:120px}.showcase-pin-blue{right:4%;top:170px}.closing-pin-pink{right:12%;top:52px}.closing-pin-mint{right:5%;bottom:42px}.closing-pin-lavender{left:6%;bottom:58px}}
@media(max-width:640px){.desktop-nav{display:none}.closing-section{min-height:500px;background-position:63% bottom;padding:70px 0 76px;}.showcase-pin-yellow{width:22px;left:2%;top:92px}.showcase-pin-blue{width:22px;right:2%;top:150px}.section-pin-mint{width:21px;right:2%;top:35px}.section-pin-lavender{width:20px;left:2%;bottom:76px}.closing-pin-pink{width:24px;right:14%;top:40px}.closing-pin-mint{width:22px;right:6%;bottom:40px}.closing-pin-lavender{width:22px;left:5%;bottom:52px}.footer-inner{font-size:12px}}


/* --- V8 final polish --- */
.route-line path.route-base{display:none !important;}
.route-line path.route-dashes{fill:none;stroke:#c8c1c8 !important;stroke-width:3.2 !important;stroke-dasharray:8 12 !important;stroke-linecap:round;stroke-linejoin:round;opacity:1 !important;}
.route-hero{opacity:.95;top:10%;height:80%;}
.route-perks{opacity:.9;bottom:-22px;height:104px;}
.closing-section{background:#eaf6ff url('assets/landscape-banner.png') center center/cover no-repeat;min-height:420px;}
.closing-scrim{display:none;}
.closing-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;position:relative;}
.closing-copy{max-width:540px;padding:8px 0 16px;}
.closing-copy .kicker,.closing-copy p,.closing-copy h2{ text-shadow:0 1px 0 rgba(255,255,255,.35); }
.closing-mascot{width:min(220px,22vw);height:auto;align-self:flex-end;filter:drop-shadow(0 14px 20px rgba(20,58,107,.10));margin-right:5%;}
.closing-pin-pink{right:20%;top:44px;}
.closing-pin-mint{right:8%;bottom:88px;}
.closing-pin-lavender{left:7%;bottom:64px;}
@media(max-width:875px){.closing-inner{align-items:flex-end;}.closing-copy{max-width:500px}.closing-mascot{width:150px;margin-right:0;}.closing-pin-pink{right:16%;top:36px}.closing-pin-mint{right:5%;bottom:70px}.closing-pin-lavender{left:5%;bottom:56px}}
@media(max-width:640px){.route-line path.route-dashes{stroke-width:2.8 !important;stroke-dasharray:7 10 !important;} .route-perks{bottom:-16px;height:86px;} .closing-section{min-height:460px;background-position:64% center;padding-top:68px;padding-bottom:64px;} .closing-inner{display:block;} .closing-copy{max-width:none;padding-right:0;} .closing-mascot{display:block;width:112px;margin:24px auto 0;} .closing-copy .kicker,.closing-copy h2,.closing-copy p{text-align:left;} }

/* === V9: FAQ + concise navigation + closing banner === */
:root{--faq-rule:#e8edee}
.faq{background:#fff;padding:90px 0 96px;scroll-margin-top:78px}
.faq-grid{display:grid;grid-template-columns:minmax(0, .78fr) minmax(0, 1.22fr);gap:clamp(38px,6vw,100px);align-items:start}
.faq-intro{max-width:430px}
.faq-intro .kicker{color:#369a88;letter-spacing:.14em;margin-bottom:15px}
.faq-intro h2{font-size:clamp(46px,5.2vw,68px);margin:0 0 22px;line-height:1.08}
.faq-intro h2 em{font-style:normal;color:#e77a9a}
.faq-intro>p{color:#687e95;font-size:19px;line-height:1.66;max-width:400px;margin:0}
.faq-list{display:grid;gap:13px;min-width:0}
.faq-list details{background:#fff;border:1px solid var(--faq-rule);border-radius:21px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.faq-list details:hover,.faq-list details[open]{border-color:#dce8e5;box-shadow:0 8px 24px rgba(20,58,107,.035)}
.faq-list summary{display:flex;gap:18px;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;padding:25px 28px;font:700 17px var(--body);color:var(--navy)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:focus-visible{outline:3px solid #83c1ec;outline-offset:-4px;border-radius:18px}
.faq-symbol{display:block;position:relative;flex:0 0 22px;width:22px;height:22px;color:#62c7a8}
.faq-symbol:before,.faq-symbol:after{content:"";position:absolute;top:10px;left:5px;width:12px;height:2px;background:currentColor;border-radius:2px;transition:transform .18s}
.faq-symbol:after{transform:rotate(90deg)}
.faq-list details[open] .faq-symbol:after{transform:rotate(0deg)}
.faq-list details p{border-top:1px solid var(--faq-rule);padding:22px 28px 24px;color:#60768c;font-size:17px;line-height:1.66;margin:0}
.closing-section{scroll-margin-top:78px}
.closing-inner{align-items:center}
.closing-copy{max-width:620px;padding:12px 0}
.closing-copy h2{max-width:620px;font-size:clamp(38px,4.3vw,59px)}
.closing-copy p{max-width:590px;font-size:17px}
.closing-mascot{align-self:center;width:min(240px,24vw);margin:0 4% 0 0}
.closing-pin-pink,.closing-pin-mint,.closing-pin-lavender{display:none!important}
@media(max-width:875px){
  .faq{padding:70px 0 78px}
  .faq-grid{grid-template-columns:1fr;gap:30px}
  .faq-intro{max-width:650px}
  .closing-inner{align-items:center}
  .closing-mascot{width:min(170px,22vw);align-self:center;margin-right:0}
}
@media(max-width:640px){
  .faq{padding:64px 0 70px}
  .faq-intro h2{font-size:clamp(40px,10vw,52px);margin-bottom:14px}
  .faq-intro>p{font-size:16px}
  .faq-list{gap:11px}
  .faq-list summary{font-size:15px;padding:19px 18px;gap:10px}
  .faq-list details p{font-size:15px;padding:16px 18px 19px}
  .closing-inner{display:flex;flex-direction:column;align-items:center;gap:18px}
  .closing-copy{max-width:100%;width:100%}
  .closing-copy h2{font-size:clamp(34px,9vw,45px)}
  .closing-copy p{font-size:15px}
  .closing-mascot{display:block;align-self:center;width:118px;margin:0}
}
