:root{--surface: #fffcf7;--raised: #ffffff;--alt: #f0f2f7;--line: #e6e9f0;--ink: #32475d;--ink-subtle: #5f6b7d;--muted: #5f6b7d;--accent: #4a63a8;--accent-deep: #3a4f8c;--accent-dark: #32475d;--on-dark-subtle: #c9d4e6;--dark-field: #4b6079;--marketing: #e9eefc;--echo: #e9eefc;--echo-ink: #3a4f8c;--echo-edge: #8ca6f0;--ani: #fff3cc;--ani-ink: #32475d;--ani-edge: #fdd96b;--sefkat: #ceeaf1;--sefkat-ink: #32475d;--sefkat-edge: #91d2e4;--shadow-card: 0 1px 2px rgba(74, 99, 168, .1), 0 8px 24px rgba(74, 99, 168, .1);--shadow-lift: 0 12px 32px rgba(74, 99, 168, .18);--shadow-primary: 0 6px 16px rgba(74, 99, 168, .3);--r-card: 18px;--r-sheet: 20px;--wrap: 1120px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-family:Outfit,Segoe UI,system-ui,sans-serif;font-weight:400;color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:var(--accent)}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:12px;z-index:20;background:var(--raised);padding:8px 12px;border-radius:8px}.kicker{margin:0;font-size:13px;line-height:16px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}h1,h2,h3{margin:0;font-weight:600;color:var(--ink)}h1{font-size:clamp(36px,5.2vw,56px);line-height:1.08;letter-spacing:-.02em}h2{font-size:clamp(28px,3.4vw,38px);line-height:1.15;letter-spacing:-.015em}h3{font-size:20px;line-height:26px;letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:12px;border:1px solid transparent;font:inherit;font-size:14px;line-height:20px;font-weight:500;text-decoration:none;white-space:nowrap;transition:background .15s ease,border-color .15s ease,transform .15s ease}.btn svg{width:18px;height:18px}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{background:var(--accent-deep);color:#fff}.btn-ghost{color:var(--ink);border-color:var(--line);background:var(--raised)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn-lg{min-height:52px;padding:14px 22px;font-size:16px}.top{position:sticky;top:0;z-index:10;background:#fffcf7e0;backdrop-filter:saturate(1.4) blur(12px);-webkit-backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}.top-row{display:flex;align-items:center;gap:24px;height:72px}.brand img{height:44px;width:auto}.nav{display:flex;gap:4px;margin-left:auto}.nav a{padding:10px 12px;border-radius:10px;font-size:14px;line-height:20px;font-weight:500;color:var(--ink-subtle);text-decoration:none}.nav a:hover{color:var(--ink);background:var(--alt)}.top-actions{display:flex;gap:8px}.hero{position:relative;overflow:hidden;padding:72px 0 96px;background:radial-gradient(60% 70% at 85% 30%,var(--echo) 0%,transparent 70%),radial-gradient(40% 50% at 10% 90%,var(--sefkat) 0%,transparent 70%),var(--surface)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}.hero-text{display:flex;flex-direction:column;gap:20px}.lead{margin:0;max-width:540px;font-size:18px;line-height:28px;font-weight:400;color:var(--ink-subtle)}.stores{display:flex;flex-wrap:wrap;gap:12px;padding-top:8px}.store{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:8px 18px 8px 14px;border-radius:14px;background:var(--ink);color:#fff;text-decoration:none}.store-icon{width:26px;height:26px;flex-shrink:0}.store-text{display:flex;flex-direction:column;font-size:17px;line-height:20px;font-weight:600}.store-text small{font-size:13px;line-height:14px;font-weight:400;letter-spacing:.04em;opacity:.8}.store-soon{background:var(--raised);color:var(--ink);border:1px dashed var(--muted);cursor:default}.store-soon small{color:var(--accent);font-weight:500;opacity:1;text-transform:uppercase}.stores-dark .store-soon{background:var(--dark-field);color:#fff;border-color:#fff6}.stores-dark .store-soon small{color:var(--on-dark-subtle)}.clinic-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:15px;line-height:22px;color:var(--ink-subtle);text-decoration:none}.clinic-link span{color:var(--accent);font-weight:500}.clinic-link svg{width:16px;height:16px;color:var(--accent)}.clinic-link:hover span{text-decoration:underline}.hero-art{position:relative;margin:0;justify-self:center;width:min(100%,420px)}.hero-art img{width:100%;height:auto;aspect-ratio:550 / 720;object-fit:cover;object-position:center 20%;border-radius:var(--r-sheet);box-shadow:var(--shadow-lift)}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:14px;line-height:20px;font-weight:500;color:var(--ink);background:#fffcf7eb}.pill svg{width:18px;height:18px;color:var(--accent)}.hero-art .pill{position:absolute;left:14px;bottom:14px}.float-card{position:absolute;right:-36px;top:40px;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:var(--r-card);background:var(--raised);border:1px solid var(--sefkat-edge);box-shadow:var(--shadow-card)}.float-card strong{display:block;font-size:14px;line-height:20px;font-weight:600}.float-card small{display:block;font-size:13px;line-height:16px;color:var(--ink-subtle)}.float-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:var(--sefkat);color:var(--sefkat-ink)}.float-icon svg{width:20px;height:20px}.section{padding:96px 0}.section-alt{background:var(--alt)}.split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}.split-head{position:sticky;top:112px;display:flex;flex-direction:column;gap:12px}.center-head{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;margin-bottom:48px}.story{display:flex;flex-direction:column;gap:20px}.story p{margin:0;font-size:17px;line-height:28px;font-weight:400;color:var(--ink)}.story .story-lead{font-size:24px;line-height:34px;font-weight:400;letter-spacing:-.01em;padding-left:20px;border-left:3px solid var(--sefkat-edge)}.story-body{display:flex;flex-direction:column;gap:20px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:var(--r-sheet);background:var(--raised);border:1px solid var(--line);box-shadow:var(--shadow-card)}.card-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:8px;margin-bottom:8px}.card-icon svg{width:24px;height:24px}.tone-echo .card-icon{background:var(--echo);color:var(--echo-ink)}.tone-ani .card-icon{background:var(--ani);color:var(--ani-ink)}.tone-sefkat .card-icon{background:var(--sefkat);color:var(--sefkat-ink)}.tone-echo{border-top:3px solid var(--echo-edge)}.tone-ani{border-top:3px solid var(--ani-edge)}.tone-sefkat{border-top:3px solid var(--sefkat-edge)}.card-lead{margin:0;font-size:15px;line-height:22px;font-weight:400;color:var(--ink-subtle)}.card ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.card li{position:relative;padding-left:28px;font-size:15px;line-height:22px;font-weight:400}.card li:before{content:"";position:absolute;left:2px;top:5px;width:12px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}.faq{background:var(--raised);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:0 24px}.faq-item+.faq-item{border-top:1px solid var(--line)}.faq-item summary{display:flex;align-items:center;gap:16px;min-height:64px;padding:16px 0;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-num{flex-shrink:0;width:28px;font-size:15px;line-height:22px;font-weight:500;color:var(--accent);font-variant-numeric:tabular-nums}.faq-q{flex:1;font-size:17px;line-height:24px;font-weight:500}.faq-item summary:hover .faq-q{color:var(--accent)}.faq-chevron{flex-shrink:0;width:10px;height:10px;margin-right:6px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s ease}.faq-item[open] .faq-chevron{transform:rotate(225deg) translate(-2px,-2px)}.faq-item p{margin:0;padding:0 32px 20px 44px;font-size:16px;line-height:26px;font-weight:400;color:var(--ink)}.faq-item .faq-lead{font-weight:500;font-size:17px}.faq-item .faq-closing{font-weight:400}.faq-points{margin:0;padding:0 32px 4px 44px;list-style:none;counter-reset:faq-point}.faq-points li{counter-increment:faq-point}.faq-points .faq-point{margin:0 0 4px;font-size:16px;line-height:24px;font-weight:500;color:var(--accent)}.faq-points .faq-point:before{content:counter(faq-point) ". "}.faq-points p{padding:0 0 16px}.bands{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px}.band{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:48px;border-radius:var(--r-sheet)}.band p:not(.kicker){margin:0;font-size:17px;line-height:26px;font-weight:400}.band-dark{background:var(--accent-dark);color:#fff}.band-dark h2{color:#fff}.band-dark p:not(.kicker){color:var(--on-dark-subtle)}.kicker-dark{color:var(--on-dark-subtle)}.band-mark{width:64px;height:64px;border-radius:14px;margin-bottom:8px;box-shadow:0 0 0 1px #ffffff3d}.band-clinic{background:var(--marketing)}.band-clinic .btn{margin-top:auto}.foot{padding:40px 0 48px;border-top:1px solid var(--line)}.foot-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px 32px}.foot-links{display:flex;flex-wrap:wrap;gap:4px 20px;margin-left:auto}.foot-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--ink-subtle);text-decoration:none}.foot-links a:hover{color:var(--accent)}.copy{margin:0;width:100%;font-size:13px;color:var(--muted)}@media(max-width:1040px){.nav{display:none}.top-actions{margin-left:auto}}@media(max-width:900px){.hero{padding:40px 0 72px}.hero-grid,.split,.bands{grid-template-columns:minmax(0,1fr);gap:40px}.hero-art{width:min(100%,360px)}.float-card{right:-12px}.split-head{position:static}.cards{grid-template-columns:minmax(0,1fr)}.section{padding:72px 0}}@media(max-width:560px){.wrap{padding:0 16px}.top-row{height:64px;gap:12px}.brand img{height:36px}.top-actions .btn-primary{display:none}.lead{font-size:16px;line-height:25px}.stores{flex-direction:column;align-items:stretch}.float-card{right:8px;top:16px}.story .story-lead{font-size:20px;line-height:29px}.faq{padding:0 16px}.faq-q{font-size:16px}.faq-item p{padding:0 4px 18px 44px;font-size:15px;line-height:24px}.faq-points{padding:0 4px 4px 44px}.faq-points p{padding:0 0 14px}.band{padding:32px 24px}.foot-links{margin-left:0}}.music{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;color:var(--accent-deep);background:var(--raised);cursor:pointer}.music[hidden]{display:none}.music:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.music svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.music[data-state=on] .music-off,.music[data-state=off] .music-on{display:none}
