/* Versioned homepage hero; existing shared layout and immutable assets are retained. */
.ph-hero{--ph-lime:#d7ff3f;--ph-muted:#c5bdca;position:relative;isolation:isolate;padding:82px 0 80px;text-align:center;background:radial-gradient(ellipse 58% 48% at 34% 80%,#89106170,transparent 85%),radial-gradient(ellipse 36% 36% at 83% 92%,#b4d43830,transparent 86%),linear-gradient(180deg,#18181b 0%,#211323 55%,#18181b 100%);overflow:hidden}
.ph-hero::before{content:'';position:absolute;z-index:-1;inset:45% -25% 0;pointer-events:none;background:radial-gradient(ellipse 43% 50% at 40% 60%,#ff2bd62b,transparent 80%),radial-gradient(ellipse 32% 45% at 75% 75%,#d7ff3f25,transparent 80%)}
.ph-copy{padding-inline:24px;position:relative;margin-inline:auto}
.home .ph-hero h1{font:500 clamp(40px,4.03vw,58px)/1.1 var(--display);letter-spacing:-.05em;min-height:0;max-width:720px;margin:0 auto;overflow-wrap:normal}
.home .ph-lede{max-width:550px;margin:20px auto 0;font:400 16px/24px var(--body);letter-spacing:-.015em;color:var(--ph-muted);text-wrap:pretty}
.ph-contact{display:flex;gap:8px;width:100%;max-width:520px;margin:36px auto 0}
.ph-contact input{min-width:0;flex:1 1 auto;height:48px;padding:0 18px;border-radius:999px;border:1px solid #8d7d90;background:#ffffff0c;color:var(--text);font:400 16px/1.5 var(--body);outline-offset:4px}
.ph-contact input::placeholder{color:#b6aabc;opacity:1}
.ph-contact input:focus{border-color:var(--accent);background:#ffffff14}
.ph-contact button{flex:none;min-height:48px;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 22px;border:1px solid transparent;border-radius:999px;background:#faf9fc;color:#18181b;font:600 14px/1.3 var(--body);white-space:nowrap;transition:background .2s,transform .2s}
.ph-contact button:hover{background:var(--ph-lime);transform:translateY(-1px)}
.home .ph-contact-note{margin:14px 0 0;font:400 14px/20px var(--body);color:var(--ph-muted)}
.ph-showcase{position:relative;max-width:1200px;margin:30px auto 0}
.ph-selectors{display:flex;align-items:center;justify-content:center;gap:38px;padding-inline:20px}
.ph-selector{border:0;padding:4px 8px 12px;position:relative;min-height:44px;min-width:88px;background:transparent;color:var(--ph-muted);font:600 21px/1.3 var(--body);letter-spacing:-.03em}
.ph-selector:hover,.ph-selector[aria-pressed=true]{color:var(--text)}
.ph-selector>i{position:absolute;bottom:0;left:8px;right:8px;height:2px;background:#ffffff30;border-radius:2px;opacity:0;overflow:hidden}
.ph-selector[aria-pressed=true]>i{opacity:1}
.ph-selector b{display:block;height:100%;width:100%;background:var(--ph-lime);transform:scaleX(0);transform-origin:left center}
.ph-meta{min-height:44px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;padding-inline:20px;color:var(--ph-muted)}
#ph-caption{font:400 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.ph-pause{border:1px solid #867b89;border-radius:50%;width:34px;height:34px;padding:8px;flex:none;position:relative;display:grid;place-items:center;background:#ffffff0b;color:var(--text)}
.ph-pause::after{content:'';position:absolute;inset:-5px}
.ph-pause svg{width:16px;height:16px}
.ph-pause[aria-pressed=false] .ph-play-icon,.ph-pause[aria-pressed=true] .ph-pause-icon{display:none}
.ph-pause[hidden]{display:none}
.ph-hero :is(input,button,a):focus-visible{outline:2px solid var(--ph-lime);outline-offset:5px}
.ph-stage{position:relative;display:flex;justify-content:center;margin-top:28px;padding:0 20px;perspective:1600px}
.ph-phone{position:relative;width:360px;aspect-ratio:360/706;border-radius:54px;background:linear-gradient(130deg,#9d959d,#28262a 20%,#151417 70%,#79737b);padding:8px;box-shadow:0 0 0 1px #c8bdce44,0 35px 100px #0007,0 0 100px #ff2bd618;flex:none;container-type:inline-size}
.ph-phone::before,.ph-phone::after{content:'';position:absolute;width:3px;background:linear-gradient(90deg,#817a83,#302c32);border-radius:2px}
.ph-phone::before{left:-3px;top:19%;height:14%}.ph-phone::after{right:-3px;top:28%;height:10%}
.ph-screen{width:100%;height:100%;border-radius:46px;background:#141217;overflow:hidden;position:relative;text-align:left}
.ph-island{position:absolute;z-index:3;top:16px;left:50%;transform:translateX(-50%);width:28%;height:25px;border-radius:999px;background:#09090b;box-shadow:inset 0 1px 2px #ffffff15;pointer-events:none}
.ph-island>span{position:absolute;width:7px;height:7px;right:12px;top:9px;border-radius:50%;background:radial-gradient(circle,#234661,#0c1522 60%);box-shadow:0 0 0 2px #151419}
.ph-home-indicator{position:absolute;z-index:3;width:30%;height:4px;bottom:18px;left:35%;border-radius:5px;background:#fff;mix-blend-mode:difference;pointer-events:none}
.ph-slide{height:100%;width:100%;position:absolute;inset:0}
.ph-slide[hidden]{display:none}
.home .ph-disclosure{margin:24px 20px 0;font:400 12px/1.6 var(--body);color:var(--ph-muted)}
/* Three original creative treatments, scaled to the phone's inner width. */
.ph-ad{height:100%;background:#e2fc6c;color:#20231a;padding:18cqw 6cqw 9cqw;display:flex;flex-direction:column}
.ph-ad-brand{display:flex;justify-content:space-between;gap:8px;font:600 2.8cqw/1.3 var(--body);letter-spacing:.09em}
.ph-ad-heading{margin:9cqw 0 7cqw;font:600 9.1cqw/1.05 var(--display);letter-spacing:-.065em}
.ph-ad-photo{position:relative;flex:1;min-height:0;border-radius:40% 40% 8px 8px;isolation:isolate}
.ph-ad-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;border-radius:inherit}
.ph-ad-stamp{position:absolute;bottom:-3cqw;right:-2cqw;background:#ff2bd6;width:27cqw;height:27cqw;border-radius:50%;display:grid;place-content:center;text-align:center;font:600 3.3cqw/1.25 var(--body);letter-spacing:.04em;transform:rotate(12deg)}
.ph-ad-footer{display:flex;justify-content:space-between;align-items:center;padding-top:6cqw;font:500 3.5cqw/1.4 var(--body)}
.ph-ad-arrow{font-size:10cqw;line-height:1}
.ph-ugc{height:100%;color:#fff;position:relative;background:#322b25}
.ph-ugc-photo{width:100%;height:100%;object-fit:cover;object-position:49% 40%}
.ph-ugc::after{content:'';position:absolute;inset:0;background:linear-gradient(#0008,transparent 25%,transparent 35%,#0009);pointer-events:none}
.ph-ugc-top,.ph-ugc-subtitle,.ph-ugc-bottom{position:absolute;z-index:1;left:6cqw;right:6cqw}
.ph-ugc-top{top:18cqw;display:flex;justify-content:space-between;align-items:center;gap:10px;font:500 2.8cqw/1.4 var(--body);letter-spacing:.06em}
.ph-ai-label{border:1px solid #fff8;padding:1.4cqw 2.5cqw;border-radius:20px;background:#18181b99}
.ph-ugc-subtitle{bottom:35cqw;font:600 11cqw/1.03 var(--body);letter-spacing:-.045em;text-shadow:0 2px 8px #0005}
.ph-ugc-bottom{bottom:13cqw;display:grid;gap:4cqw;font:500 3.4cqw/1.4 var(--body)}
.ph-ugc-sound{font-size:2.8cqw;opacity:.9}
.ph-web{height:100%;color:#3c3327;background:#f7f1e7;padding-top:16cqw;display:flex;flex-direction:column}
.ph-web-nav{display:flex;justify-content:space-between;align-items:center;padding:0 6cqw;font:500 4cqw/1.3 var(--body)}
.ph-web-nav>strong{font-weight:700;letter-spacing:-.055em}
.ph-web-copy{text-align:center;padding:12cqw 4cqw 9cqw}
.ph-web-kicker{font:500 2.5cqw/1.4 var(--body);letter-spacing:.11em}
.ph-web-heading{margin-top:5cqw;font:500 10cqw/1.03 Georgia,serif;letter-spacing:-.04em}
.home .ph-web-copy p{margin:4cqw 0 0;font:400 3.4cqw/1.5 var(--body);color:#665c4d}
.ph-web-cta{display:inline-block;margin-top:5cqw;padding:3cqw 5cqw;border-radius:99px;background:#3c4936;color:#fff;font:500 3.2cqw/1.3 var(--body)}
.ph-web-photo{min-height:0;flex:1;overflow:hidden;margin:0 6cqw;border-radius:45% 45% 0 0}
.ph-web-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.ph-web-tail{display:flex;justify-content:space-between;padding:6cqw 6cqw 12cqw;font:500 2.5cqw/1.3 var(--body)}
[data-theme=light] .ph-hero{--ph-muted:#5b4d60;background:radial-gradient(ellipse 60% 45% at 30% 85%,#f1c2e5,transparent 85%),radial-gradient(ellipse 38% 38% at 83% 91%,#e2edba,transparent 86%),linear-gradient(#faf9fb,#f4eaf3 55%,#faf9fb)}
[data-theme=light] .ph-contact input{background:#ffffff90;border-color:#88778c;color:#17131a}
[data-theme=light] .ph-contact input::placeholder{color:#73647b}
[data-theme=light] .ph-contact button{background:#201925;color:#fff}
[data-theme=light] .ph-contact button:hover{background:#d7ff3f;color:#18181b}
[data-theme=light] .ph-selector>i{background:#4e34572b}
[data-theme=light] .ph-selector b{background:#8b126c}
[data-theme=light] .ph-pause{border-color:#88778c;background:#fff8}
[data-theme=light] .ph-hero :is(input,button,a):focus-visible{outline-color:#8b126c}
html:not(.js) .ph-selectors{display:none}
@media(min-width:641px) and (max-width:1199px){.ph-hero{padding-top:74px}}
@media(max-width:640px){
 .ph-hero{padding:44px 0 64px}
 .ph-copy{padding-inline:20px}
 .home .ph-hero h1{font-size:clamp(27px,8.45vw,36px);line-height:1.1;letter-spacing:-.055em;max-width:390px}
 .home .ph-lede{margin-top:24px;max-width:380px;font-size:16px;line-height:24px}
 .ph-desktop-break{display:none}
 .ph-contact{margin-top:28px;flex-direction:column;gap:10px}
 .ph-contact input,.ph-contact button{flex:none;min-height:54px;height:54px;width:100%;font-size:16px}
 .home .ph-contact-note{font-size:14px;line-height:20px}
 .ph-showcase{margin-top:40px}
 .ph-selectors{gap:clamp(12px,6vw,28px)}
 .ph-selector{min-width:72px;font-size:20px}
 .ph-meta{margin-top:8px;min-height:44px;gap:10px}
 #ph-caption{font-size:10px;letter-spacing:.07em}
 .ph-stage{margin-top:30px}
 .ph-phone{width:clamp(230px,62vw,290px);border-radius:39px;padding:6px}
 .ph-screen{border-radius:33px}
 .ph-island{top:11px;height:19px}
 .ph-island>span{top:6px;right:8px;width:6px;height:6px}
 .ph-home-indicator{bottom:13px;height:3px}
 .home .ph-disclosure{font-size:11px;max-width:300px;margin-inline:auto;padding:0 16px}
}
@media(prefers-reduced-motion:reduce){.ph-hero *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.ph-selector b{transform:scaleX(1)}}