:root{
  --blue:#2d58d2;--purple:#7138b6;--purple2:#6d49c8;--ink:#f7f8ff;--muted:#aab3ca;
  --bg:#07101e;--bg2:#0a1426;--card:#101b2e;--card2:#0d1728;--line:rgba(255,255,255,.09);
  --green:#27c97a;--radius:28px;--shadow:0 28px 80px rgba(0,0,0,.35);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Avenir Next","Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1180px,calc(100% - 44px));margin-inline:auto}.ambient{position:fixed;pointer-events:none;filter:blur(90px);opacity:.19;border-radius:999px;z-index:-1}.ambient-one{width:520px;height:520px;background:#355edf;top:-250px;right:-180px}.ambient-two{width:480px;height:480px;background:#7a39bd;top:520px;left:-300px}.site-header{height:82px;width:min(1220px,calc(100% - 36px));margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;z-index:20}.wordmark{font-family:"Avenir Next Rounded","SF Pro Rounded",ui-rounded,-apple-system,BlinkMacSystemFont,sans-serif;font-size:30px;font-weight:900;letter-spacing:-1.5px}.nav-links{display:flex;gap:28px;font-size:14px;color:#c2c9da}.nav-links a,.footer a{transition:.2s ease}.nav-links a:hover,.footer a:hover{color:#fff}.header-pill{justify-self:end;border:1px solid var(--line);background:rgba(255,255,255,.06);backdrop-filter:blur(18px);padding:10px 15px;border-radius:999px;font-size:13px;font-weight:700}.hero{min-height:calc(100vh - 82px);min-height:calc(100svh - 82px);display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:50px;padding:72px 0 94px}.eyebrow,.kicker{font-size:13px;letter-spacing:.03em;font-weight:750;color:#c5cce0}.eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:rgba(255,255,255,.045);padding:8px 12px;border-radius:999px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(39,201,122,.1)}h1,h2,h3,p{margin-top:0}.hero h1{font-family:"Avenir Next Rounded","SF Pro Rounded",ui-rounded,-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(54px,6vw,86px);line-height:.98;letter-spacing:-4.7px;margin:24px 0 25px;max-width:700px}.hero h1 span,.section-heading h2 span,.people-copy h2 span{background:linear-gradient(100deg,#5f8cff,#9861e9);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lede{font-size:19px;color:var(--muted);max-width:585px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:14px;margin-top:34px;flex-wrap:wrap}.primary-button{display:inline-flex;gap:10px;align-items:center;background:#fff;color:#07101e;padding:11px 18px 11px 14px;border-radius:15px;font-weight:800;box-shadow:0 12px 35px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease}.primary-button:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,0,0,.25)}.primary-button svg{width:24px;height:24px;fill:currentColor}.primary-button span{font-size:15px;line-height:1.05}.primary-button small{font-size:9px;font-weight:650;display:block}.secondary-button{padding:12px 4px 12px 14px;color:#c7cede;font-weight:700;font-size:14px}.secondary-button span{display:inline-block;margin-left:5px}.microcopy{font-size:12px;color:#697690;margin-top:18px}.hero-visual{height:670px;position:relative;display:grid;place-items:center}.phone{width:318px;height:645px;padding:9px;background:#020611;border:1px solid rgba(255,255,255,.19);border-radius:53px;box-shadow:0 45px 100px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.04) inset;transform:rotate(3deg);position:relative;z-index:3}.phone:before{content:"";position:absolute;top:15px;left:50%;transform:translateX(-50%);width:82px;height:24px;background:#020611;border-radius:999px;z-index:4}.phone-screen{height:100%;border-radius:45px;overflow:hidden;background:linear-gradient(#0a162a,#07101f 65%);padding:16px 15px;position:relative}.phone-status{height:25px;padding:0 8px;display:flex;justify-content:space-between;font-size:10px;font-weight:800}.status-icons{font-size:7px;letter-spacing:1px}.app-top{display:grid;grid-template-columns:36px 1fr 36px;align-items:center;margin:5px 0 22px}.app-top>span{text-align:center;font-family:"Avenir Next Rounded","SF Pro Rounded",ui-rounded,sans-serif;font-size:24px;font-weight:900;letter-spacing:-1px}.app-top button{border:0;background:#17243a;color:#fff;width:32px;height:32px;border-radius:50%;font-size:18px}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#315fe1,#7c41c3);font-size:12px;font-weight:800}.app-greeting{font-size:12px;color:#9ca8bf;margin:0 4px 10px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:13px}.quick-actions div{display:flex;align-items:center;gap:7px;background:#101c30;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:9px;font-size:9px}.qa-icon{width:20px;height:20px;border-radius:7px;display:grid;place-items:center;font-size:13px}.qa-icon.green{background:#163a2a;color:#53e99b}.qa-icon.purple{background:#2a2140;color:#b995ff}.plan-card{background:#111e32;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:14px;margin-bottom:10px;box-shadow:0 10px 25px rgba(0,0,0,.13)}.plan-label{display:inline-block;background:#18372a;color:#56db94;border-radius:999px;font-size:8px;padding:4px 7px;font-weight:800}.plan-label.violet{background:#2a2040;color:#b99bef}.plan-card h3{font-size:16px;letter-spacing:-.3px;margin:10px 0 2px}.plan-meta{font-size:9px;color:#8e9bb2;margin:0 0 12px}.people-row{display:flex;align-items:center;margin:8px 0 13px}.people-row span,.people-row em{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#263955;border:2px solid #111e32;margin-right:-6px;font-size:8px;font-style:normal}.people-row span:nth-child(2){background:#623a85}.people-row span:nth-child(3){background:#315b7a}.people-row em{background:#1a2639;color:#9ba9bf}.rsvp-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.rsvp-row button{border:0;background:#1a293e;color:#c6ccda;border-radius:8px;padding:7px 2px;font-size:7px}.rsvp-row button:first-child{background:#1b3b2d;color:#62d99c}.second-card{opacity:.82}.phone-nav{position:absolute;left:15px;right:15px;bottom:14px;height:48px;background:rgba(11,20,35,.93);border:1px solid rgba(255,255,255,.06);border-radius:17px;display:flex;align-items:center;justify-content:space-around;font-size:11px;color:#687891}.phone-nav b{color:#fff}.phone-nav small{display:block;font-size:6px;font-weight:500;margin-top:2px}.orbit{position:absolute;border:1px solid rgba(129,105,230,.18);border-radius:50%;z-index:0}.orbit-one{width:520px;height:520px}.orbit-two{width:650px;height:650px;border-color:rgba(54,100,228,.12)}.floating-chip{position:absolute;background:rgba(14,25,44,.8);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:10px 13px;z-index:5;box-shadow:0 16px 40px rgba(0,0,0,.25);font-size:11px}.floating-chip b,.floating-chip span{display:block}.floating-chip span{color:#8794aa;font-size:9px;margin-top:1px}.chip-one{top:130px;left:1%;transform:rotate(-5deg)}.chip-two{top:305px;right:-2%;transform:rotate(5deg)}.chip-three{bottom:95px;left:0;display:flex;align-items:center;gap:8px}.chip-three span{color:#48da92;font-size:13px;margin:0}.mascot-badge{position:absolute;z-index:4;width:66px;height:66px;border-radius:21px;background:linear-gradient(135deg,#315cda,#7138b6);display:grid;place-items:center;right:4%;bottom:44px;box-shadow:0 18px 45px rgba(65,53,173,.35);transform:rotate(-7deg)}.mascot-badge img{width:53px;height:auto}.section{padding:118px 0}.section-heading{max-width:770px;margin-bottom:52px}.section-heading h2,.people-copy h2,.feature-copy h2,.cta-content h2{font-family:"Avenir Next Rounded","SF Pro Rounded",ui-rounded,sans-serif;font-size:clamp(40px,5vw,65px);letter-spacing:-3px;line-height:1.02;margin:12px 0 20px}.section-heading>p:last-child,.people-copy>p:last-child,.feature-copy>p{color:var(--muted);font-size:17px;line-height:1.7;max-width:650px}.three-up{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.story-card{min-height:350px;background:linear-gradient(145deg,rgba(17,30,50,.98),rgba(11,21,37,.98));border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden}.story-num{font-size:11px;color:#71809b;font-weight:700}.story-icon{width:94px;height:94px;margin:35px auto 45px;border-radius:27px;display:grid;place-items:center;background:linear-gradient(145deg,#172640,#101a2d);border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 45px rgba(0,0,0,.24);font-size:37px}.calendar-icon:before{content:"";position:absolute;width:52px;height:6px;background:#6550bf;border-radius:7px 7px 0 0;margin-top:-51px}.calendar-icon span{font-size:28px;font-weight:800}.pin-icon{color:#8f75e1}.people-icon{display:flex;align-items:center;justify-content:center}.people-icon span{width:24px;height:24px;background:#587ddd;border-radius:50%;margin:-2px}.people-icon span:nth-child(2){width:30px;height:30px;background:#8458cf;z-index:2}.people-icon span:nth-child(3){background:#42746a}.story-card h3{font-size:21px;margin-bottom:8px}.story-card p{font-size:14px;color:#98a4bb;line-height:1.65}.feature-panel{background:linear-gradient(135deg,#101d32,#0c1628);border:1px solid var(--line);border-radius:36px;min-height:610px;padding:54px;display:grid;grid-template-columns:.92fr 1.08fr;gap:48px;overflow:hidden;box-shadow:var(--shadow)}.feature-copy{align-self:center}.feature-copy h2{font-size:clamp(36px,4vw,55px)}.feature-list{margin-top:35px}.feature-list>div{display:grid;grid-template-columns:34px 1fr;gap:9px;padding:13px 0;border-top:1px solid var(--line)}.feature-list span{font-size:10px;color:#667590;padding-top:3px}.feature-list p{font-size:13px!important;margin:0!important;color:#9ca8bd!important}.feature-list b{color:#f4f6fb}.feature-art{min-height:500px;border-radius:26px;background:#111a26;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.07)}.map-grid{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;transform:rotate(8deg) scale(1.2)}.map-road{position:absolute;height:15px;background:#273141;border:3px solid #182231;border-radius:999px;transform-origin:center}.road-a{width:520px;top:120px;left:-70px;transform:rotate(22deg)}.road-b{width:480px;top:270px;left:70px;transform:rotate(-35deg)}.road-c{width:390px;top:360px;left:-90px;transform:rotate(6deg)}.map-pin{position:absolute;width:42px;height:42px;border-radius:50% 50% 50% 10%;background:linear-gradient(135deg,#416ddd,#7f49cb);transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 11px 26px rgba(52,70,180,.38);border:3px solid #dbe4ff}.map-pin b{transform:rotate(45deg);font-size:12px}.pin-a{top:92px;left:24%}.pin-b{top:210px;right:22%}.pin-c{top:308px;left:38%}.map-sheet{position:absolute;left:20px;right:20px;bottom:20px;border-radius:20px;padding:18px;background:rgba(7,14,25,.9);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px rgba(0,0,0,.25)}.map-sheet small,.map-sheet b,.map-sheet span{display:block}.map-sheet small{color:#8d9bb2;font-size:9px}.map-sheet b{font-size:14px;margin:5px 0 11px}.map-sheet span{color:#55db96;font-size:10px;font-weight:800}.people-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.people-copy{padding:30px 0}.bubble-field{height:490px;position:relative;border-radius:36px;background:radial-gradient(circle at 50% 50%,rgba(80,83,188,.16),transparent 60%)}.friend-bubble{position:absolute;width:80px;height:80px;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:850;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 45px rgba(0,0,0,.25)}.b1{left:13%;top:16%;background:#28577b}.b2{left:45%;top:4%;width:100px;height:100px;background:#604081}.b3{right:10%;top:25%;background:#305d55}.b4{left:30%;top:50%;width:88px;height:88px;background:#3a55a2}.b5{right:24%;bottom:8%;width:70px;height:70px;background:#815036}.b6{left:6%;bottom:12%;width:64px;height:64px;background:#43566d}.group-pill{position:absolute;border:1px solid rgba(255,255,255,.1);background:rgba(19,30,49,.82);backdrop-filter:blur(16px);border-radius:999px;padding:9px 13px;font-size:10px;color:#c8cfdf}.gp1{left:4%;top:44%}.gp2{right:2%;top:54%}.gp3{left:44%;top:36%}.cta-section{margin-top:40px;margin-bottom:80px;min-height:490px;border-radius:40px;background:linear-gradient(135deg,#2859d5 0%,#6f3bb8 100%);position:relative;overflow:hidden;padding:70px!important;display:flex;align-items:center;box-shadow:0 30px 80px rgba(54,55,170,.3)}.cta-glow{position:absolute;width:550px;height:550px;border-radius:50%;background:rgba(255,255,255,.12);filter:blur(70px);right:-170px;top:-250px}.cta-mascot{position:absolute;width:480px;right:-80px;bottom:-20px;opacity:.12;transform:rotate(-8deg)}.cta-content{position:relative;z-index:2;max-width:670px}.cta-content .kicker{color:#dbe3ff}.cta-content h2{font-size:clamp(43px,5vw,67px);margin-bottom:18px}.cta-content>p{color:#e1e5f5}.cta-buttons{display:flex;align-items:center;gap:20px;margin-top:30px;flex-wrap:wrap}.disabled{cursor:default;opacity:.92}.disabled:hover{transform:none}.text-link{font-size:13px;font-weight:750}.footer{padding:38px 0 55px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;border-top:1px solid var(--line);color:#8190aa}.footer-wordmark{color:#fff;font-size:24px}.footer p{margin:0;font-size:12px}.footer nav{display:flex;gap:18px;font-size:11px}.footer small{grid-column:1/-1;font-size:10px;color:#56647c}.reveal{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}

.legal-main{min-height:75vh;padding:70px 0 110px}.legal-wrap{width:min(760px,calc(100% - 44px));margin:auto}.legal-wrap h1{font-family:"Avenir Next Rounded","SF Pro Rounded",ui-rounded,sans-serif;font-size:clamp(44px,7vw,68px);letter-spacing:-3px;line-height:1;margin:18px 0 22px}.legal-wrap .updated{color:#75849e;font-size:12px;margin-bottom:50px}.legal-wrap h2{font-size:20px;margin:36px 0 10px}.legal-wrap p,.legal-wrap li{color:#a9b3c6;font-size:15px;line-height:1.75}.legal-wrap a{color:#91a9ff}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:32px 0}.support-card{border:1px solid var(--line);background:var(--card);border-radius:22px;padding:22px}.support-card b{display:block;margin-bottom:5px}.support-card p{margin:0;font-size:13px}.back-link{font-size:13px;color:#aab5c9}.draft-notice{border:1px solid rgba(255,193,92,.25);background:rgba(255,193,92,.06);color:#d7c49e;border-radius:16px;padding:13px 15px;font-size:12px;margin-bottom:30px}

@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:42px}.hero-copy{text-align:center}.eyebrow{margin:auto}.hero-lede{margin-inline:auto}.hero-actions{justify-content:center}.hero-visual{height:600px}.phone{transform:rotate(2deg) scale(.91)}.three-up{grid-template-columns:1fr}.story-card{min-height:290px}.story-icon{margin:25px auto 30px}.feature-panel{grid-template-columns:1fr;padding:34px}.people-section{grid-template-columns:1fr}.people-copy{text-align:center}.people-copy>p:last-child{margin-inline:auto}.footer{grid-template-columns:1fr;text-align:center}.footer nav{justify-content:center;flex-wrap:wrap}.footer small{grid-column:auto}.cta-section{padding:48px!important}.cta-mascot{width:380px}.support-grid{grid-template-columns:1fr}}
@media(max-width:560px){.shell{width:min(100% - 28px,1180px)}.site-header{width:calc(100% - 28px);height:72px}.wordmark{font-size:27px}.header-pill{font-size:11px;padding:9px 12px}.hero{min-height:auto;padding:50px 0 65px;gap:10px}.hero h1{font-size:54px;letter-spacing:-3.2px}.hero-lede{font-size:16px}.hero-actions{flex-direction:column}.microcopy{text-align:center}.hero-visual{height:560px}.phone{width:292px;height:592px;transform:scale(.86) rotate(2deg)}.orbit-one{width:400px;height:400px}.orbit-two{width:500px;height:500px}.floating-chip{display:none}.mascot-badge{right:0;bottom:52px}.section{padding:82px 0}.section-heading h2,.people-copy h2,.feature-copy h2,.cta-content h2{letter-spacing:-2.2px}.feature-panel{padding:24px;border-radius:28px}.feature-art{min-height:430px}.cta-section{width:calc(100% - 28px);border-radius:30px;padding:36px 26px!important;min-height:470px}.cta-content{text-align:center}.cta-buttons{justify-content:center}.cta-mascot{right:-150px}.footer{padding-bottom:42px}.footer nav{gap:12px}.legal-main{padding-top:40px}.legal-wrap{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.phone,.mascot-badge{transform:none}}

/* Wapi website V2: product fidelity, mobile centering, clearer story */
.hero-visual{width:100%;min-width:0;justify-items:center;overflow:visible}
.hero-copy{min-width:0}
.section-heading h2 span{display:inline;background:linear-gradient(100deg,#5f8cff,#9861e9);-webkit-background-clip:text;background-clip:text;color:transparent}
.feature-intro{margin-bottom:0}

/* Faithful iPhone header and status area */
.phone-screen{padding:14px 12px 70px;background:linear-gradient(#0b172a,#07101f 68%)}
.phone-status{height:29px;padding:0 10px 0 9px;align-items:center;position:relative;z-index:5;color:#f7f9ff}
.ios-status{display:flex;align-items:center;gap:5px;height:12px}
.signal{height:10px;display:flex;align-items:flex-end;gap:1.5px}
.signal i{display:block;width:2px;background:#fff;border-radius:2px}.signal i:nth-child(1){height:3px}.signal i:nth-child(2){height:5px}.signal i:nth-child(3){height:7px}.signal i:nth-child(4){height:9px}
.wifi{width:11px;height:8px;border:1.4px solid #fff;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-radius:50% 50% 0 0;position:relative;margin-top:3px}
.wifi:before{content:"";position:absolute;width:6px;height:5px;left:50%;top:2px;transform:translateX(-50%);border:1.3px solid #fff;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-radius:50% 50% 0 0}
.wifi:after{content:"";position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;left:50%;top:5px;transform:translateX(-50%)}
.battery{width:16px;height:8px;border:1.2px solid #fff;border-radius:2px;position:relative;display:block}.battery:after{content:"";position:absolute;width:1.5px;height:4px;background:#fff;right:-3px;top:1px;border-radius:0 1px 1px 0}.battery i{position:absolute;inset:1.2px;background:#fff;border-radius:1px}

.app-header-preview{margin:-2px -12px 12px;padding:8px 11px 12px;display:grid;grid-template-columns:40px 1fr 40px;align-items:center;background:linear-gradient(135deg,#2853cb,#7138b6);box-shadow:0 6px 18px rgba(0,0,0,.16)}
.app-wordmark{text-align:center;font-family:"Avenir Next Rounded","SF Pro Rounded",ui-rounded,sans-serif;font-size:23px;font-weight:900;letter-spacing:-1px}
.app-plus{width:38px;height:38px;border-radius:50%;border:2.5px solid rgba(73,215,123,.92);background:rgba(255,255,255,.13);color:#4ade80;font-size:26px;line-height:1;padding:0 0 3px;display:grid;place-items:center;box-shadow:0 5px 16px rgba(0,0,0,.16)}
.app-profile{justify-self:end;width:38px;height:38px;border-radius:50%;border:2px solid rgba(255,255,255,.62);background:rgba(255,255,255,.13);padding:2px;display:grid;place-items:center}.app-profile span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#315fe1,#7c41c3);font-size:11px;font-weight:850}
.app-home-label{font-size:10px;font-weight:800;color:#8fa0ba;margin:0 4px 7px}

.faithful-card{padding:11px 11px 10px;border-radius:16px;margin-bottom:8px}
.mini-plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mini-group{color:#fff;border-radius:7px;padding:4px 7px;font-size:7.5px;font-weight:800;line-height:1}.mini-group.blue{background:#2862d6}.mini-group.purple{background:#7c3aed}.mini-date{text-align:right;line-height:1.02}.mini-date b,.mini-date small{display:block}.mini-date b{font-size:8px;color:#d9dfeb}.mini-date small{font-size:7px;color:#8493aa;margin-top:3px}
.faithful-card h3{font-size:15px;margin:7px 0 5px;letter-spacing:-.25px}
.mini-hosts{display:flex;align-items:center;gap:5px;margin-bottom:7px;color:#91a0b7}.mini-hosts small{font-size:7px}.mini-avatar{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:6px;font-weight:850;border:1px solid #111e32}.av-blue{background:linear-gradient(135deg,#315fe1,#7c41c3);color:#fff}.mini-host-name{font-size:7px;color:#bdc6d6}
.mini-place-row{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:6px;align-items:center;margin:7px 0}.mini-place{min-width:0;background:#0c1727;border:1px solid rgba(255,255,255,.07);border-radius:9px;padding:7px 8px;color:#74c5ff;font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-add-list{height:28px;border-radius:9px;background:#2c2510;border:1px solid #6c5a1e;color:#fde68a;display:grid;place-items:center;position:relative;font-size:11px}.mini-add-list i{position:absolute;right:3px;top:0;color:#4ade80;font-size:7px;font-style:normal;font-weight:900}
.rsvp-hint{text-align:center;color:#8494aa;font-size:6.5px;font-weight:700;margin:4px 0 5px}.faithful-rsvp{gap:4px}.faithful-rsvp button{border:1px solid rgba(255,255,255,.07);padding:6px 2px;border-radius:8px;background:#0c1727;color:#c7ceda;font-size:6.5px}.faithful-rsvp button:first-child{background:#123d29;border-color:#22c55e;color:#b8f4d2}.faithful-rsvp b{display:block;margin-top:1px;color:inherit;font-size:6px}.compact-card{opacity:.88}.compact-card .mini-place-row{margin-bottom:0}

.phone-nav{left:12px;right:12px;bottom:12px;height:52px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;justify-items:stretch;padding:4px 2px;border-radius:16px;overflow:hidden}
.phone-nav span,.phone-nav b,.phone-nav small{min-width:0}.phone-nav span{display:grid;place-items:center;text-align:center;color:#6f7f96;font-size:10px;line-height:1;width:100%;height:100%;padding-top:2px}.phone-nav span.active{color:#f7f9ff;font-weight:850}.phone-nav span.active b{color:#8fa5b7}.phone-nav b{display:block;font-size:13px;font-weight:700;line-height:1}.phone-nav small{display:block;width:100%;font-size:4.8px;line-height:1.05;font-weight:650;margin-top:3px;white-space:normal;text-align:center;color:inherit}

/* Onboarding-aligned flow hints */
.mini-flow{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.mini-flow span{border:1px solid rgba(255,255,255,.08);background:#0c1728;color:#b9c5d8;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:750}.mini-flow i{color:#596b85;font-size:9px;font-style:normal}.mini-flow.two span{padding-inline:9px}

/* Make the list map look like a real map, not a dark abstract panel */
.list-map-preview{background:#111a26}.list-map-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(33deg,transparent 0 38%,rgba(255,255,255,.018) 38% 39%,transparent 39% 66%,rgba(255,255,255,.015) 66% 67%,transparent 67%),linear-gradient(118deg,transparent 0 46%,rgba(255,255,255,.02) 46% 47%,transparent 47%);opacity:.9}.map-water{position:absolute;width:220px;height:620px;right:-105px;top:-40px;background:#0d2333;border-left:1px solid #17364a;transform:rotate(-7deg);border-radius:44% 0 0 44%}.map-park{position:absolute;background:#163027;border:1px solid #204637;border-radius:42% 58% 48% 52%;opacity:.9}.park-a{width:130px;height:85px;left:34px;top:56px;transform:rotate(-14deg)}.park-b{width:90px;height:64px;right:78px;top:192px;transform:rotate(16deg)}
.map-road{height:12px;background:#2b3542;border:2px solid #1b2531;box-shadow:0 0 0 1px rgba(255,255,255,.015) inset}.road-a{width:560px;top:110px;left:-80px;transform:rotate(21deg)}.road-b{width:510px;top:260px;left:25px;transform:rotate(-34deg)}.road-c{width:430px;top:355px;left:-82px;transform:rotate(7deg)}.road-d{position:absolute;width:420px;top:180px;left:-80px;transform:rotate(-8deg)}
.map-label{position:absolute;color:#68788d;font-size:8px;font-weight:700;letter-spacing:.02em;z-index:1}.label-a{left:52px;top:36px}.label-b{left:56%;top:145px}.label-c{left:45%;top:310px;transform:rotate(-34deg)}
.map-pin{z-index:3}.pin-a{top:82px;left:25%}.pin-b{top:205px;right:22%}.pin-c{top:300px;left:37%}.map-sheet{z-index:5;padding:16px 17px 17px}.map-sheet small,.map-sheet b,.map-sheet em{display:block}.map-sheet small{font-size:9px}.map-sheet b{font-size:15px;margin:5px 0 3px}.map-sheet em{font-style:normal;color:#76869d;font-size:9px;margin-bottom:12px}.open-spot-button{border:0;background:#22c55e;color:#052e16;border-radius:11px;padding:9px 13px;font-size:9px;font-weight:850;pointer-events:none}

/* Groups and collaborative lists, modeled after the app instead of arbitrary initials */
.people-visual{height:510px;position:relative;border-radius:36px;background:radial-gradient(circle at 50% 45%,rgba(80,83,188,.18),transparent 61%)}
.group-demo{position:absolute;background:linear-gradient(145deg,#111f34,#0c1727);border:1px solid rgba(255,255,255,.09);box-shadow:0 24px 55px rgba(0,0,0,.28);border-radius:22px;padding:17px}.group-demo-main{width:62%;left:12%;top:52px;transform:rotate(-2deg)}.group-demo-side{width:42%;right:2%;top:228px;transform:rotate(4deg);opacity:.94}.group-demo-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.group-demo-head small{font-size:9px;color:#7f8da3}.demo-group-pill{color:#fff;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:850}.demo-group-pill.purple{background:#7c3aed}.demo-group-pill.blue{background:#2862d6}
.avatar-stack{display:flex;align-items:center;margin:22px 0 19px;padding-left:4px}.avatar-stack.small{margin:17px 0 2px}.profile-thumb{width:43px;height:43px;border-radius:50%;overflow:hidden;border:3px solid #101d30;margin-left:-7px;position:relative;display:block;box-shadow:0 5px 12px rgba(0,0,0,.22)}.profile-thumb:first-child{margin-left:0}.avatar-stack.small .profile-thumb{width:36px;height:36px}.profile-thumb:before{content:"";position:absolute;width:19px;height:19px;border-radius:50%;left:50%;top:7px;transform:translateX(-50%);background:rgba(250,222,196,.95);box-shadow:0 15px 0 5px rgba(27,38,56,.8)}.profile-thumb:after{content:"";position:absolute;width:27px;height:15px;border-radius:50% 50% 35% 35%;left:50%;bottom:-1px;transform:translateX(-50%);background:#243b60}.profile-thumb i{position:absolute;width:21px;height:9px;border-radius:50% 50% 38% 38%;left:50%;top:5px;transform:translateX(-50%);background:#2a241f;z-index:2}.p1{background:linear-gradient(145deg,#5a7a9d,#1f3850)}.p2{background:linear-gradient(145deg,#916c91,#4e375f)}.p2 i{background:#3a2723}.p3{background:linear-gradient(145deg,#638a7e,#254b43)}.p3 i{background:#1d1815}.p4{background:linear-gradient(145deg,#a57359,#603e32)}.p4 i{background:#493126}.p5{background:linear-gradient(145deg,#6e77a2,#353d65)}.p5 i{background:#211d23}.p6{background:linear-gradient(145deg,#8b7763,#4c4038)}.p6 i{background:#27211d}
.group-demo-plan{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.07);padding:10px 0 2px}.group-demo-plan b{font-size:10px}.group-demo-plan span{font-size:8px;color:#77869c;text-align:right}
.collab-list-demo{position:absolute;left:4%;right:22%;bottom:28px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:11px;align-items:center;background:rgba(14,27,46,.94);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:13px 15px;box-shadow:0 18px 40px rgba(0,0,0,.26);backdrop-filter:blur(14px)}.list-icon-demo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#2c2510;border:1px solid #6c5a1e;color:#fde68a;font-size:17px}.collab-list-demo small,.collab-list-demo b,.collab-list-demo span{display:block}.collab-list-demo small{font-size:7px;color:#8d79d4;font-weight:850;letter-spacing:.04em}.collab-list-demo b{font-size:11px;margin:2px 0}.collab-list-demo span{font-size:8px;color:#7e8da4}

/* V2 mobile: keep every major block optically centered on iPhone */
@media(max-width:900px){
  .hero{justify-items:center}.hero-copy,.hero-visual{width:100%}.people-visual{width:100%;max-width:650px;margin-inline:auto}
}
@media(max-width:560px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}.shell{width:calc(100% - 32px);max-width:100%;margin-inline:auto}.site-header{width:calc(100% - 32px);margin-inline:auto}
  .hero{width:calc(100% - 32px);margin-inline:auto;padding-top:42px;justify-items:center}.hero-copy{width:100%;max-width:390px;margin-inline:auto;text-align:center}.hero h1{font-size:clamp(47px,14.2vw,56px);line-height:1;letter-spacing:-3px}.hero-lede{font-size:15px;line-height:1.62;max-width:350px}.eyebrow{font-size:11.5px;max-width:100%;justify-content:center}.hero-actions{width:100%;align-items:center}.secondary-button{padding-left:4px}.microcopy{width:100%}
  .hero-visual{height:555px;width:100%;max-width:390px;margin-inline:auto;place-items:center;overflow:visible}.phone{position:absolute;left:50%;top:4px;width:292px;height:592px;margin:0;transform:translateX(-50%) scale(.85) rotate(0deg);transform-origin:top center}.mascot-badge{right:calc(50% - 150px);bottom:40px;width:60px;height:60px}.mascot-badge img{width:49px}.orbit-one{width:390px;height:390px}.orbit-two{width:470px;height:470px}
  .section{width:calc(100% - 32px);margin-inline:auto;padding:78px 0}.section-heading{width:100%;margin-inline:auto;text-align:center}.section-heading>p:last-child{margin-inline:auto}.section-heading h2,.people-copy h2,.feature-copy h2,.cta-content h2{font-size:clamp(38px,11.5vw,49px);letter-spacing:-2px}
  .three-up{width:100%;margin-inline:auto}.story-card{width:100%}.mini-flow{justify-content:center}
  .feature-section{width:calc(100% - 32px)}.feature-panel{width:100%;padding:22px;border-radius:28px;gap:28px}.feature-copy{text-align:center}.feature-copy .kicker,.feature-copy .feature-intro{margin-inline:auto}.feature-list{text-align:left}.feature-art{width:100%;min-height:410px}.map-sheet{left:14px;right:14px;bottom:14px}
  .people-section{width:calc(100% - 32px);gap:24px}.people-copy{width:100%;max-width:390px;margin-inline:auto}.people-visual{height:440px}.group-demo-main{width:74%;left:5%;top:36px}.group-demo-side{width:46%;right:1%;top:206px}.collab-list-demo{left:3%;right:12%;bottom:20px}.profile-thumb{width:38px;height:38px}.group-demo{padding:14px}.group-demo-plan span{max-width:90px}
  .cta-section{width:calc(100% - 32px)!important;margin-left:auto;margin-right:auto;border-radius:30px;padding:36px 24px!important;min-height:500px}.cta-content{width:100%;max-width:360px;margin-inline:auto}.cta-content h2{font-size:clamp(42px,12.5vw,53px)}
  .footer{width:calc(100% - 32px);margin-inline:auto}
}
@media(max-width:370px){
  .hero,.section,.feature-section,.people-section,.cta-section,.footer,.shell,.site-header{width:calc(100% - 24px)!important}.phone{transform:translateX(-50%) scale(.80)}.mascot-badge{right:calc(50% - 142px)}.people-visual{height:420px}.group-demo-main{width:78%;left:1%}.group-demo-side{width:48%}.collab-list-demo{right:7%}
}
@media(prefers-reduced-motion:reduce){.floating-chip,.orbit{transform:none!important}}


/* Wapi website V3: product-accurate preview, clearer lists story, app-aligned group graphics */
.hero h1{max-width:760px}
.app-store-link{cursor:pointer}

/* Let the Wapi banner own the top of the preview instead of drawing a fake iOS status bar. */
.phone-screen{padding:0 12px 70px;background:linear-gradient(#0b172a,#07101f 68%)}
.app-preview-banner{margin:0 -12px 10px;padding:39px 11px 11px;background:linear-gradient(135deg,#2853cb,#7138b6);box-shadow:0 6px 18px rgba(0,0,0,.16)}
.app-header-preview{margin:0;padding:0;box-shadow:none;background:none}
.phone-content{position:relative}
.phone:before{top:14px;width:76px;height:22px;z-index:8;box-shadow:0 0 0 1px rgba(255,255,255,.02)}
.app-plus{width:35px;height:35px;border:0;background:#22c55e;color:#052e16;font-size:25px;font-weight:850;box-shadow:0 6px 15px rgba(0,0,0,.16)}
.app-profile{width:35px;height:35px;border:1px solid rgba(255,255,255,.48);padding:2px}
.app-profile span{width:29px;height:29px}
.app-home-label{margin:0 4px 6px}
.faithful-card{padding:9px 10px 8px;margin-bottom:7px}
.faithful-card h3{margin:5px 0 4px}
.mini-hosts{margin-bottom:5px}
.mini-place-row{margin:5px 0}
.rsvp-hint{margin:3px 0 4px}
.faithful-rsvp button{padding:5px 2px}
.pickle-card{opacity:.9}
.pickle-card h3{font-size:13px;margin:4px 0 3px}
.pickle-card .mini-place-row{margin:3px 0}
.pickle-card .rsvp-hint{font-size:5.8px;margin:2px 0 3px}
.small-rsvp button{padding:4px 2px;font-size:5.8px}
.small-rsvp b{font-size:5.4px}
.mini-add-list{height:30px;min-width:32px;padding:2px 3px 1px;grid-template-rows:1fr auto;line-height:1}
.mini-add-list .mini-list-lines{font-size:10px;font-weight:700;color:#fde68a;align-self:end}
.mini-add-list small{font-size:4.3px;color:#fde68a;font-weight:700;white-space:nowrap;align-self:start}
.mini-add-list i{right:2px;top:0;font-size:7px}
.mini-add-list.tiny small{display:none}

/* Bottom console: real labels, cleaner icons, one obvious active tab. */
.phone-nav{background:rgba(8,17,31,.97);border-color:rgba(255,255,255,.055);box-shadow:0 -8px 25px rgba(0,0,0,.12)}
.phone-nav span{color:#59687e;gap:2px;padding-top:4px}
.phone-nav span.active{color:#fff}
.phone-nav svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.phone-nav span.active svg{color:#fff;stroke-width:2.1}
.phone-nav small{font-size:4.7px;font-weight:700;color:inherit}

/* The two most useful hero chips orbit the visual without disturbing the phone. */
.chip-orbit{position:absolute;left:50%;top:50%;z-index:5;border-radius:50%;pointer-events:none;transform-origin:center}
.chip-orbit-time{width:505px;height:505px;margin:-252.5px 0 0 -252.5px;animation:wapiOrbitCW 22s linear infinite}
.chip-orbit-going{width:610px;height:610px;margin:-305px 0 0 -305px;animation:wapiOrbitCCW 27s linear infinite}
.chip-orbit .orbit-chip{left:50%;top:-16px;margin-left:-54px;position:absolute;animation:wapiCounterCW 22s linear infinite}
.chip-orbit-going .orbit-chip{animation:wapiCounterCCW 27s linear infinite;display:flex;align-items:center;gap:8px}
.chip-orbit-going .orbit-chip span{color:#48da92;font-size:13px;margin:0}
@keyframes wapiOrbitCW{to{transform:rotate(360deg)}}
@keyframes wapiCounterCW{to{transform:rotate(-360deg)}}
@keyframes wapiOrbitCCW{to{transform:rotate(-360deg)}}
@keyframes wapiCounterCCW{to{transform:rotate(360deg)}}
.chip-two{top:310px;right:-1%}

/* Flow cards align the same way at every breakpoint. */
.mini-flow{justify-content:center;text-align:center}
.calendar-icon:before{display:none}
.calendar-icon svg,.list-story-icon svg,.people-story-icon svg{width:62px;height:62px;overflow:visible}
.calendar-icon svg rect,.calendar-icon svg path,.list-story-icon svg path,.people-story-icon svg path,.people-story-icon svg circle{fill:none;stroke:#8f75e1;stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round}
.calendar-icon svg text{fill:#f7f8ff;font:800 19px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.list-story-icon svg circle{fill:#8f75e1}
.people-story-icon svg circle:nth-of-type(1){stroke:#8f75e1}.people-story-icon svg circle:nth-of-type(2){stroke:#4f7cff}.people-story-icon svg circle:nth-of-type(3){stroke:#40a389}

/* List explanation is a process, not an unrelated numbered list. */
.feature-list-v3>div{display:block;padding:13px 0}
.feature-list-v3>div p{font-size:13px!important;line-height:1.55}
.feature-list-v3 b{color:#f7f8ff;margin-right:3px}

/* Keep all three ranked spots visible at every size. */
.pin-a{top:76px;left:22%}.pin-b{top:165px;right:20%}.pin-c{top:246px;left:39%}

/* App-aligned group, recurring-plan and collaborative-list stack. */
.people-visual-v3{height:530px;position:relative;border-radius:36px;background:radial-gradient(circle at 50% 48%,rgba(80,83,188,.18),transparent 61%)}
.app-ui-card{position:absolute;background:linear-gradient(145deg,#121f33,#0b1728);border:1px solid #263752;border-radius:21px;box-shadow:0 24px 55px rgba(0,0,0,.3);color:#f8fafc}
.group-ui-card{width:64%;left:5%;top:37px;padding:17px;transform:rotate(-2deg)}
.real-avatar-stack{display:flex;align-items:center;margin:17px 0 14px;padding-left:3px}
.real-avatar{width:38px;height:38px;border-radius:50%;margin-left:-7px;display:grid;place-items:center;border:3px solid #101d30;background:linear-gradient(135deg,#60a5fa,#8b5cf6);overflow:hidden}
.real-avatar:first-child{margin-left:0}.real-avatar svg{width:23px;height:23px;fill:none;stroke:#fff;stroke-width:1.5;opacity:.9}.real-avatar.a2{background:linear-gradient(135deg,#8b5cf6,#d946ef)}.real-avatar.a3{background:linear-gradient(135deg,#14b8a6,#2563eb)}.real-avatar.a4{background:linear-gradient(135deg,#f59e0b,#ef4444)}.real-avatar.more{background:#1a2639;color:#9ba9bf;font-size:8px;font-weight:800}
.group-quick-row{border-top:1px solid rgba(255,255,255,.07);padding-top:10px;display:flex;justify-content:space-between;gap:10px;align-items:center}.group-quick-row span{font-size:8px;color:#8f9db3}.group-quick-row b{font-size:8.5px;text-align:right;max-width:150px}
.recurring-ui-card{width:55%;right:1%;top:190px;padding:14px;transform:rotate(3deg);z-index:3}.repeat-pill{font-size:8px;color:#d8c8ff;background:#2a2040;border:1px solid #6747a8;padding:4px 7px;border-radius:8px;font-weight:800}.recurring-date{display:flex;justify-content:space-between;gap:10px;align-items:end;margin:10px 0 8px}.recurring-date b{font-size:13px}.recurring-date span{font-size:7px;color:#8e9bb2;text-align:right}.recurring-place{background:#0b1728;color:#75c8ff;border:1px solid #263752;border-radius:10px;padding:7px;font-size:8px;margin-bottom:8px}.recurring-rsvp{gap:4px}.recurring-rsvp button{background:#0b1728;color:#c7ceda;border:1px solid #263752;border-radius:9px;padding:5px 2px;font-size:6px}.recurring-rsvp button:first-child{background:#123d29;border-color:#22c55e;color:#b8f4d2}.recurring-rsvp b{display:block;font-size:5.5px}
.collab-ui-card{width:68%;left:7%;bottom:18px;padding:14px 15px;transform:rotate(-1deg);z-index:4}.collab-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.collab-title-row small,.collab-title-row b{display:block}.collab-title-row small{font-size:6.5px;color:#a98be9;font-weight:850;letter-spacing:.04em}.collab-title-row b{font-size:12px;margin-top:2px}.visibility-pill{font-size:7px;color:#fde68a;background:#2c2510;border:1px solid #6c5a1e;border-radius:7px;padding:4px 6px;white-space:nowrap}.collab-spot{display:grid;grid-template-columns:19px 1fr auto;align-items:center;gap:7px;border-top:1px solid rgba(255,255,255,.07);padding:8px 0 3px}.collab-spot b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#7c3aed;font-size:7px}.collab-spot span{font-size:8.5px}.collab-spot em{font-size:8px;color:#f4c95d;font-style:normal;font-weight:800}.collab-bottom{display:flex;justify-content:space-between;color:#7e8da4;font-size:7px;padding-top:6px}

@media(max-width:900px){
  .chip-orbit-time{width:470px;height:470px;margin:-235px 0 0 -235px}.chip-orbit-going{width:560px;height:560px;margin:-280px 0 0 -280px}
  .people-visual-v3{max-width:650px;margin-inline:auto}
}
@media(max-width:560px){
  .hero-visual{height:570px}
  .phone{top:4px;transform:translateX(-50%) scale(.85) rotate(0deg)}
  .chip-orbit-time{display:block;width:350px;height:350px;margin:-175px 0 0 -175px;top:43%}.chip-orbit-going{display:block;width:405px;height:405px;margin:-202.5px 0 0 -202.5px;top:45%}
  .chip-orbit .floating-chip{display:block;transform:scale(.82);transform-origin:center}.chip-orbit-going .floating-chip{display:flex}
  .chip-two{display:none}
  .feature-list-v3{text-align:left}
  .pin-a{top:72px;left:19%}.pin-b{top:154px;right:18%}.pin-c{top:226px;left:36%}
  .people-visual-v3{height:470px}.group-ui-card{width:76%;left:2%;top:24px}.recurring-ui-card{width:61%;right:0;top:183px}.collab-ui-card{width:78%;left:2%;bottom:14px}
  .real-avatar{width:34px;height:34px}.real-avatar svg{width:20px;height:20px}
}
@media(max-width:370px){
  .phone{transform:translateX(-50%) scale(.80)}
  .chip-orbit-time{width:325px;height:325px;margin:-162.5px 0 0 -162.5px}.chip-orbit-going{width:375px;height:375px;margin:-187.5px 0 0 -187.5px}
  .people-visual-v3{height:455px}.group-ui-card{width:80%;left:0}.recurring-ui-card{width:64%}.collab-ui-card{width:83%;left:0}
}
@media(prefers-reduced-motion:reduce){.chip-orbit,.chip-orbit .orbit-chip{animation:none!important}}