@font-face{font-family:Nunito;src:url("fonts/nunito-cyrillic.woff2") format("woff2");font-style:normal;font-weight:200 1000;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Nunito;src:url("fonts/nunito-latin.woff2") format("woff2");font-style:normal;font-weight:200 1000;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{font-family:var(--font-ui);color:var(--color-ink-900);background:var(--color-surface-0);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;color-scheme:light}section[id]{scroll-margin-top:100px}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto;display:block}.section-pad{padding-left:max(24px,calc((100vw - 1200px)/2));padding-right:max(24px,calc((100vw - 1200px)/2))}.skip-link{position:absolute;top:-60px;left:18px;padding:12px 16px;border-radius:12px;background:var(--ink);color:white;z-index:30}.skip-link:focus-visible{top:12px}:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px;border-radius:5px}
.topbar{height:82px;width:100%;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1320px)/2));gap:32px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(220,232,234,.76);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.brand img{width:103px}.brand-divider{width:1px;height:28px;background:var(--line)}.brand-caption{font-size:10px;line-height:1.25;letter-spacing:.04em;color:var(--muted)}.nav{margin-left:auto;display:flex;align-items:center;gap:26px}.nav a,.top-cta{font-size:12px;font-weight:700;white-space:nowrap}.nav a{color:#586b70;transition:color .18s}.nav a:hover{color:var(--brand-dark)}.nav a:focus-visible,.text-link:focus-visible{text-decoration:underline;text-underline-offset:4px}.text-link:hover{text-decoration:underline;text-decoration-color:var(--brand);text-underline-offset:4px} .top-cta{display:flex;align-items:center;justify-content:center;min-height:44px;gap:12px;padding:10px 17px;border:1px solid var(--line);border-radius:999px}.top-cta span{font-size:15px;color:var(--brand-dark)}.top-cta:hover{background:var(--mist);border-color:#bdcfd2}.menu-toggle{display:none}
.hero{min-height:620px;max-width:1600px;margin:auto;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;position:relative;overflow:hidden;padding-top:54px;padding-bottom:88px;background:radial-gradient(ellipse at 80% 43%,#eaf8fa 0%,#f4fbfb 31%,#fff 70%)}.hero-copy{position:relative;z-index:2;padding-bottom:8px}.eyebrow,.section-kicker,.component-label,.sample-meta,.demo-caption,.preview-tag{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--brand-dark)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px rgba(92,193,214,.14)}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}.hero h1,.section-heading h2,.intro-grid h2,.type-left h2,.site-heading h2,.guardrail-section h2{font-family:var(--display);font-weight:900;letter-spacing:-.045em}.hero h1{font-size:clamp(54px,6.1vw,82px);line-height:.99;margin:26px 0 22px}.hero h1 span,.section-heading h2 span,.type-left h2 span{color:var(--brand-dark)}.hero-lede{max-width:470px;font-size:18px;line-height:1.58;color:#53666c;margin-bottom:27px}.hero-actions{display:flex;align-items:center;gap:25px}.button{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:999px;font-size:13px;font-weight:800;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0);box-shadow:none}.button-primary{background:var(--brand-dark);color:white;box-shadow:0 8px 20px rgba(39,136,155,.17)}.button-primary:hover{background:var(--color-action-hover);box-shadow:0 12px 25px rgba(39,136,155,.22)}.button-primary span{font-size:15px}.button-secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}.text-link{display:inline-flex;gap:9px;align-items:center;font-size:13px;font-weight:800;color:var(--ink)}.text-link span{color:var(--brand-dark);font-size:16px}.hero-footnote{margin-top:42px;display:flex;gap:10px;align-items:center;font-size:16px;color:var(--color-ink-700)}.mini-spark{color:#d3ad2a;font-size:17px}.hero-art{height:476px;max-width:530px;width:100%;justify-self:end;position:relative;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;border:1px solid rgba(92,193,214,.26);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:440px;height:350px}.orbit-two{width:365px;height:448px;transform:rotate(33deg);border-color:rgba(92,193,214,.18)}.bubble{position:absolute;border-radius:50%;background:#fff;box-shadow:0 10px 24px rgba(62,137,150,.11)}.bubble-a{width:20px;height:20px;top:83px;left:78px}.bubble-b{width:12px;height:12px;top:145px;right:45px}.bubble-c{width:31px;height:31px;bottom:75px;left:82px;background:#fff7d9}.product-mock{position:relative;margin-top:30px;width:166px;z-index:2;filter:drop-shadow(0 25px 19px rgba(48,99,108,.2));transform:rotate(5deg)}.spray-top{height:37px;width:51px;margin:auto;position:relative;border-radius:7px 7px 4px 4px;background:linear-gradient(90deg,#e5e9e9,#fff 55%,#dae0e0);border:1px solid #d3dada}.spray-top:before{content:"";position:absolute;width:40px;height:12px;background:#f7f8f8;top:-9px;left:4px;border:1px solid #d4dddd;border-radius:5px 5px 1px 1px}.spray-top i{position:absolute;width:33px;height:10px;border-radius:8px 8px 2px 2px;background:#edf1f0;top:-15px;left:8px}.spray-top b{position:absolute;width:12px;height:6px;right:-12px;top:1px;border-radius:0 5px 5px 0;background:#e5e9e9}.bottle-neck{height:19px;width:68px;margin:-1px auto 0;background:#eef2f1;border:1px solid #dce2e1;border-bottom:0}.bottle-body{height:291px;border:1px solid #d8e1df;border-radius:29px 29px 34px 34px;background:linear-gradient(90deg,#edf4f3 0,#fff 18%,#fff 73%,#e7efed 100%);position:relative;text-align:center;padding-top:18px;overflow:hidden}.bottle-body:after{content:"";position:absolute;inset:0 auto 0 10px;width:17px;background:linear-gradient(90deg,rgba(255,255,255,.8),transparent);border-radius:20px}.bottle-logo{font:700 13px var(--sans);color:#252c2e}.bottle-logo span{display:inline-flex;border:1px solid #596165;border-radius:7px;padding:0 2px;margin-left:2px}.bottle-rule{height:1px;background:#d9e6e7;margin:11px 0 12px}.bottle-kids{font:900 31px/1 var(--display);letter-spacing:-.04em}.bottle-spray{font-size:9px;letter-spacing:.08em;margin-top:5px}.bottle-flavor{display:inline-flex;margin-top:13px;background:var(--peach);color:#fff;padding:5px 9px;border-radius:99px;font-size:8px;font-weight:800;letter-spacing:.06em}.bottle-fruit{height:78px;width:90px;margin:9px auto 0;position:relative}.fruit-orb{display:block;position:absolute;width:44px;height:44px;border-radius:50%;background:var(--peach);left:22px;top:13px;box-shadow:inset -8px -4px rgba(175,91,61,.12)}.fruit-leaf{position:absolute;left:57px;top:10px;width:20px;height:9px;border-radius:100% 0 100% 0;background:#9dbb84;transform:rotate(-26deg)}.bottle-volume{font-size:8px;color:#637074;margin-top:6px;letter-spacing:.08em}.flavor-chip{position:absolute;z-index:3;background:#fff;padding:10px 14px;border-radius:99px;box-shadow:0 7px 25px rgba(53,111,120,.1);font-size:11px;font-weight:800;display:flex;gap:9px;align-items:center}.flavor-chip span{width:9px;height:9px;border-radius:50%;background:var(--chip)}.chip-grape{--chip:var(--grape);top:90px;left:31px}.chip-peach{--chip:var(--peach);right:3px;bottom:101px}.art-note{position:absolute;bottom:12px;left:1px;display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.35;color:var(--color-ink-700)}.art-note b{color:var(--ink);font-size:11px}.note-icon{font-size:20px;color:var(--brand-dark)}.hero-art-label{position:absolute;top:22px;right:0;font-size:11px;letter-spacing:.14em;color:var(--color-ink-700)}.hero-bottom{position:absolute;left:max(24px,calc((100vw - 1200px)/2));right:max(24px,calc((100vw - 1200px)/2));bottom:22px;border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--color-ink-700)}.hero-bottom b{color:var(--brand-dark);font-size:15px;margin-left:5px}
.intro-band{padding-top:93px;padding-bottom:96px;background:#fff}.intro-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-top:22px}.intro-grid h2,.section-heading h2,.type-left h2,.site-heading h2,.guardrail-section h2{font-size:clamp(40px,5vw,58px);line-height:1.03;margin:0}.intro-copy p{font-size:18px;line-height:1.6;color:#5c7076;max-width:475px;margin:0 0 20px}.principle-tags{display:flex;gap:8px;flex-wrap:wrap}.principle-tags span{padding:7px 12px;border-radius:99px;background:var(--mist);color:#577077;font-size:10px;font-weight:700}.principle-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:60px}.principle-card{min-height:240px;border-radius:var(--radius);background:var(--mist);padding:24px;position:relative;overflow:hidden}.principle-card:after{content:"";width:110px;height:110px;border-radius:50%;background:rgba(92,193,214,.1);position:absolute;right:-36px;bottom:-46px}.card-number{font:800 10px var(--sans);letter-spacing:.12em;color:#9cabb0;position:absolute;top:26px;right:25px}.line-icon{height:78px;width:78px;border-radius:0;display:block;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:contain;color:transparent;font-size:0;margin-bottom:12px}.icon-day{background-image:url("day-scenes-sprite.png");background-size:300% 100%;background-position:0 50%}.icon-care{background-image:url("benefit-care.svg")}.icon-proof{background-image:url("benefit-mesofill.svg")}.principle-card h3{font:800 19px var(--display);margin:0 0 7px}.principle-card p{font-size:16px;line-height:1.5;color:var(--color-ink-700);max-width:230px;margin:0}
.color-section{padding-top:91px;padding-bottom:87px;background:#f5f9f9}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px}.section-heading h2{margin-top:20px}.section-heading>p{max-width:350px;color:#65777d;font-size:14px;line-height:1.65;margin:0 0 5px}.palette-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:11px;margin-top:42px}.swatch{height:194px;border-radius:18px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.swatch:before{content:"";position:absolute;width:126px;height:126px;border:1px solid rgba(255,255,255,.3);border-radius:50%;right:-25px;top:36px}.swatch:after{content:"";position:absolute;width:91px;height:91px;border:1px solid rgba(255,255,255,.25);border-radius:50%;right:17px;top:55px}.swatch-brand{background:var(--brand);color:var(--color-on-brand)}.swatch-grape{background:var(--grape);color:var(--color-on-flavor-grape)}.swatch-peach{background:var(--peach);color:var(--color-on-flavor-peach)}.swatch-strawberry{background:var(--strawberry);color:var(--color-on-flavor-strawberry)}.swatch-neutral{background:var(--neutral);color:var(--color-on-flavor-neutral)}.swatch-top,.swatch-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.swatch-top{font-size:10px;font-weight:700}.swatch-top span+span{opacity:.56}.swatch-bottom{align-items:end}.swatch-bottom b{font:800 13px var(--display)}.swatch code{font:700 9px var(--sans);letter-spacing:.04em}.swatch-note{position:absolute;bottom:53px;left:15px;z-index:2;font-size:7px;letter-spacing:.07em;font-weight:900;background:rgba(255,255,255,.58);padding:5px 7px;border-radius:99px}.palette-foot{display:flex;gap:27px;flex-wrap:wrap;margin-top:20px;font-size:10px;color:#607278}.palette-foot span{display:flex;align-items:center;gap:8px}.palette-foot code{font:700 10px var(--sans);color:#34464b}.tiny-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot-ink{background:var(--ink)}.dot-soft{background:#eaf1f1;border:1px solid #dce6e7}.dot-yellow{background:var(--yellow)}
.type-section{padding-top:102px;padding-bottom:108px;display:grid;grid-template-columns:.85fr 1fr;gap:90px;align-items:center}.type-left h2{margin:22px 0}.type-left h2 span{white-space:nowrap}.type-left>p{max-width:340px;color:#65777d;font-size:15px;line-height:1.65}.font-labels{display:flex;gap:9px;margin-top:26px;flex-wrap:wrap}.font-labels span{border:1px solid var(--line);border-radius:99px;padding:8px 11px;color:#53676d;font-size:11px;font-weight:700}.type-sample{padding:34px 38px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 15px 45px rgba(28,76,84,.05)}.sample-meta{display:flex;justify-content:space-between;gap:12px;color:var(--color-ink-700);font-size:11px}.sample-display{font:900 clamp(42px,5vw,58px)/1.04 var(--display);letter-spacing:-.05em;margin:24px 0 31px}.sample-display span{color:var(--brand-dark)}.sample-meta-body{padding-top:23px;border-top:1px solid var(--line)}.sample-body{font-size:18px;line-height:1.55;color:var(--color-ink-700);margin:15px 0 23px}.sample-button-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sample-button-row .button{font-size:11px;padding:0 16px;min-height:44px}
.flavor-section{padding-top:90px;padding-bottom:94px;background:#f5f9f9}.flavor-heading{margin-bottom:38px}.flavor-demo{--selected:var(--peach);display:grid;grid-template-columns:.95fr 1fr;gap:20px;min-height:355px;background:white;border-radius:30px;overflow:hidden;border:1px solid #e8efef}.flavor-demo[data-flavor="grape"]{--selected:var(--grape)}.flavor-demo[data-flavor="strawberry"]{--selected:var(--strawberry)}.flavor-demo[data-flavor="neutral"]{--selected:var(--neutral)}.flavor-demo-copy{padding:40px 20px 34px 41px}.demo-caption{color:var(--color-ink-700);font-size:11px}.flavor-demo-copy h3{font:900 35px var(--display);letter-spacing:-.03em;margin:14px 0 6px}.flavor-demo-copy>p{font-size:16px;color:var(--color-ink-700);line-height:1.55;max-width:360px;margin-bottom:22px}.flavor-controls{display:flex;gap:6px;flex-wrap:wrap}.flavor-option{display:flex;align-items:center;gap:7px;min-height:44px;padding:8px 11px;border:1px solid var(--line);border-radius:99px;background:#fff;font-size:10px;font-weight:700;cursor:pointer;transition:border-color .18s,box-shadow .18s,background .18s}.flavor-option i{width:8px;height:8px;border-radius:50%;background:var(--flavor-color)}.flavor-option[data-flavor="grape"]{--flavor-color:var(--grape)}.flavor-option[data-flavor="peach"]{--flavor-color:var(--peach)}.flavor-option[data-flavor="strawberry"]{--flavor-color:var(--strawberry)}.flavor-option[data-flavor="neutral"]{--flavor-color:var(--neutral)}.flavor-option:hover,.flavor-option.is-selected{background:#f8fbfb;border-color:var(--flavor-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--flavor-color),transparent 82%)}.flavor-option:active{transform:scale(.98)}.demo-caveat{display:block;margin-top:23px;color:var(--color-ink-700);font-size:12px;line-height:1.5}.flavor-demo-art{position:relative;min-height:330px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 60% 48%,color-mix(in srgb,var(--selected),white 78%),#fff 66%)}.demo-halo{position:absolute;width:300px;height:300px;border:1px solid color-mix(in srgb,var(--selected),transparent 56%);border-radius:50%;box-shadow:0 0 0 31px color-mix(in srgb,var(--selected),transparent 91%),0 0 0 61px color-mix(in srgb,var(--selected),transparent 95%)}.demo-bottle{position:relative;z-index:2;width:117px;height:198px;border-radius:24px 24px 26px 26px;border:1px solid #dbe5e3;background:linear-gradient(90deg,#edf4f2,#fff 24%,#fff 75%,#e7efed);box-shadow:0 18px 23px rgba(58,95,98,.2);display:flex;justify-content:center;align-items:center}.demo-cap{position:absolute;top:-30px;width:41px;height:33px;border-radius:6px 6px 2px 2px;background:linear-gradient(90deg,#e7eceb,#fff,#dfe6e5);border:1px solid #d7dfde}.demo-label{width:100%;height:120px;border-top:1px solid color-mix(in srgb,var(--selected),white 35%);border-bottom:1px solid color-mix(in srgb,var(--selected),white 35%);background:color-mix(in srgb,var(--selected),white 90%);display:flex;align-items:center;flex-direction:column;padding-top:8px}.demo-label b{font-size:8px;font-weight:700}.demo-label b span{border:1px solid #748084;border-radius:4px;padding:0 1px;margin-left:1px}.demo-label strong{font:900 24px var(--display);line-height:1.05;margin-top:7px}.demo-label small{font-size:6px;letter-spacing:.12em}.demo-label i{font-style:normal;font-size:6px;font-weight:800;letter-spacing:.08em;color:var(--ink);background:color-mix(in srgb,var(--selected),white 78%);border-radius:99px;padding:4px 8px;margin-top:9px}.demo-fruit{position:absolute;z-index:3;width:51px;height:51px;border-radius:50%;right:calc(50% - 105px);top:calc(50% - 52px);background:var(--selected);box-shadow:inset -8px -4px rgba(68,48,43,.1);transition:background .2s,transform .2s}.demo-fruit:before{content:"";position:absolute;left:30px;top:-6px;width:18px;height:9px;background:#a0bd8a;border-radius:100% 0 100% 0;transform:rotate(-18deg)}.demo-flavor-pill{position:absolute;z-index:4;right:calc(50% - 160px);bottom:calc(50% - 81px);padding:9px 14px;border-radius:99px;background:color-mix(in srgb,var(--selected),white 78%);color:var(--ink);font-size:9px;font-weight:900;letter-spacing:.12em;box-shadow:0 7px 14px color-mix(in srgb,var(--selected),transparent 62%)}
.components-section{padding-top:96px;padding-bottom:104px}.component-grid{display:grid;grid-template-columns:.8fr 1.2fr 1fr;gap:13px;margin-top:38px}.component-card{min-height:255px;padding:22px;border:1px solid var(--line);border-radius:22px;position:relative;background:#fff}.component-label{font-size:11px;color:var(--color-ink-700)}.button-stack{display:flex;align-items:flex-start;flex-direction:column;gap:9px;margin-top:25px}.button-stack .button{min-height:44px;font-size:11px;padding:0 14px}.button-stack .text-link{font-size:10px;padding:4px 2px}.component-caption{font-size:12px;color:var(--color-ink-700);line-height:1.4;margin-top:20px}.faq-card details{border-bottom:1px solid var(--line);padding:13px 0}.faq-card details:first-of-type{margin-top:12px}.faq-card summary{min-height:44px;font-size:12px;font-weight:800;list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.faq-card summary::-webkit-details-marker{display:none}.faq-card summary:hover{color:var(--brand-dark)}.faq-card summary span{font-size:14px;color:var(--brand-dark)}.faq-card details p{font-size:16px;line-height:1.55;color:var(--color-ink-700);margin:10px 15px 0 0}.trust-icon{height:32px;width:32px;border-radius:11px;background:var(--brand-pale);color:var(--brand-dark);display:grid;place-items:center;margin-top:19px}.trust-card h3{font:800 16px var(--display);margin:12px 0 7px}.trust-card p{font-size:16px;line-height:1.55;color:var(--color-ink-700);margin-bottom:12px}.trust-card>a{font-size:10px;font-weight:800;color:var(--brand-dark)}.trust-card .component-caption{margin-top:16px}
.site-section{padding-top:98px;padding-bottom:99px;background:#f5f9f9}.site-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.site-heading h2{margin:19px 0 12px}.site-heading p{max-width:410px;font-size:16px;line-height:1.6;color:var(--color-ink-700);margin-bottom:0}.site-order{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;padding-bottom:8px}.order-step{font-size:11px;letter-spacing:.07em;color:var(--color-ink-700);display:flex;flex-direction:column;gap:3px}.order-step b{font-size:11px;color:var(--ink);letter-spacing:0}.order-arrow{font-size:13px;color:#9cb0b4}.site-preview{margin-top:39px;background:#fff;border:1px solid #e0e9e9;border-radius:20px;overflow:hidden;box-shadow:0 20px 45px rgba(31,74,81,.09)}.preview-bar{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #edf1f1;font-size:7px;letter-spacing:.1em;color:var(--color-ink-700)}.window-dots{display:flex;gap:4px}.window-dots i{height:6px;width:6px;background:#d6e1e2;border-radius:50%}.preview-live{display:flex;align-items:center;gap:5px}.preview-live i{height:5px;width:5px;border-radius:50%;background:#8abe9a}.preview-content{min-height:265px;padding:33px 5.5%;display:grid;grid-template-columns:1fr .9fr;align-items:center;background:radial-gradient(ellipse at 76% 47%,#e6f6f8 0,#fff 65%)}.preview-tag{font-size:7px;letter-spacing:.11em}.preview-copy h3{font:900 34px/1.02 var(--display);letter-spacing:-.04em;margin:14px 0 7px}.preview-copy p{font-size:10px;color:var(--color-ink-700);max-width:260px;line-height:1.5}.button-dark{background:var(--ink);color:#fff;min-height:35px;font-size:9px;padding:0 14px}.preview-visual{height:195px;position:relative;display:grid;place-items:center}.preview-sun{position:absolute;width:166px;height:166px;border-radius:50%;background:rgba(92,193,214,.17);box-shadow:0 0 0 17px rgba(92,193,214,.07)}.preview-product{position:relative;width:71px;height:126px;border-radius:15px 15px 18px 18px;border:1px solid #d8e1e0;background:linear-gradient(90deg,#ecf2f1,#fff 28%,#e9f0ee);box-shadow:0 11px 16px rgba(55,101,105,.16);display:flex;align-items:center;flex-direction:column;padding-top:10px}.preview-product>span{font-size:6px}.preview-product>b{font:900 17px var(--display);margin-top:10px}.preview-product small{font-size:5px;letter-spacing:.1em}.preview-product i{width:29px;height:29px;border-radius:50%;background:var(--peach);margin-top:10px}.preview-sticker{position:absolute;right:6%;bottom:19px;font-size:8px;line-height:1.35;padding:9px 12px;background:#fff;border-radius:13px;box-shadow:0 6px 16px rgba(42,93,99,.1);transform:rotate(5deg)}.preview-sticker b{font-size:9px}.preview-flavors{height:38px;padding:0 5.5%;border-top:1px solid #edf1f1;display:flex;align-items:center;gap:9px;color:var(--color-ink-700);font-size:6px;letter-spacing:.08em}.preview-flavors i{width:8px;height:8px;border-radius:50%}.vf-grape{background:var(--grape)}.vf-peach{background:var(--peach)}.vf-strawberry{background:var(--strawberry)}.vf-neutral{background:var(--neutral)}.preview-flavors span:last-child{margin-left:auto;color:#64767b;letter-spacing:0}.site-blocks{margin-top:17px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--color-ink-700);font-size:11px;flex-wrap:wrap}.site-blocks b{color:#9eafb3;font-weight:400}
.guardrail-section{min-height:285px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding-top:58px;padding-bottom:58px}.guardrail-mark{width:38px;height:38px;border-radius:50%;background:#fff7de;color:#997c26;display:grid;place-items:center;font:800 18px var(--display)}.guardrail-section h2{font-size:37px;margin:12px 0}.guardrail-section p{max-width:670px;font-size:16px;line-height:1.65;color:var(--color-ink-700);margin:0}.guardrail-section .text-link{font-size:11px}.footer{height:97px;display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-brand img{width:83px}.footer>span,.footer>a:last-child{font-size:9px;color:var(--color-ink-700)}.footer>a:last-child{font-weight:800;color:var(--brand-dark)}
@media(max-width:1050px){.topbar{gap:18px}.nav{gap:14px}.nav a{font-size:11px}.hero{grid-template-columns:1fr .9fr}.hero-art{transform:scale(.9);transform-origin:center right}.type-section{gap:45px}.palette-grid{grid-template-columns:repeat(3,1fr)}.swatch{height:164px}.site-heading{align-items:start;flex-direction:column}.site-order{justify-content:flex-start}.component-grid{grid-template-columns:1fr 1.3fr}.trust-card{grid-column:1/-1;min-height:190px}.guardrail-section{grid-template-columns:42px 1fr}.guardrail-section>.text-link{grid-column:2}}
@media(max-width:760px){html{scroll-padding-top:74px}section[id]{scroll-margin-top:78px}.section-pad{padding-left:20px;padding-right:20px}.topbar{height:68px;padding:0 20px;gap:12px}.brand img{width:87px}.brand{gap:9px}.brand-divider{height:24px}.brand-caption{font-size:8px}.top-cta{margin-left:auto;font-size:10px;padding:10px 12px}.top-cta span{display:none}.menu-toggle{order:3;width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);background:white;border-radius:50%;cursor:pointer}.menu-toggle span{height:1.5px;width:14px;background:var(--ink)}.nav{display:none;position:absolute;top:67px;left:0;right:0;background:#fff;padding:13px 20px 20px;border-bottom:1px solid var(--line);box-shadow:0 12px 20px rgba(28,76,84,.08);flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav a{padding:13px 5px;border-bottom:1px solid #edf2f2;font-size:13px}.hero{min-height:auto;padding-top:48px;padding-bottom:75px;display:flex;flex-direction:column;align-items:stretch;background:radial-gradient(ellipse at 76% 55%,#eaf8fa 0%,#f7fcfc 32%,#fff 75%)}.hero h1{font-size:57px;margin:22px 0 16px}.hero-lede{font-size:16px;max-width:440px}.hero-actions{gap:16px;flex-wrap:wrap}.hero-actions .button{min-height:48px}.hero-actions .text-link{font-size:11px}.hero-footnote{margin-top:26px;font-size:16px}.hero-art{height:345px;width:100%;max-width:400px;align-self:center;transform:scale(.8);transform-origin:center center;margin:-2px 0 -9px}.hero-art .art-note{display:none}.orbit-one{width:340px;height:280px}.orbit-two{width:280px;height:360px}.product-mock{transform:scale(.88) rotate(5deg)}.chip-grape{left:8px;top:45px}.chip-peach{right:0;bottom:46px}.hero-art-label{top:14px;right:6px}.art-note{bottom:4px;left:4px}.hero-bottom{left:20px;right:20px;bottom:18px;font-size:11px}.hero-bottom span:last-child{display:none}.intro-band,.color-section,.type-section,.flavor-section,.components-section,.site-section{padding-top:70px;padding-bottom:72px}.intro-grid{grid-template-columns:1fr;gap:21px;margin-top:17px}.intro-grid h2,.section-heading h2,.type-left h2,.site-heading h2{font-size:43px}.intro-copy p{font-size:15px}.principle-cards{grid-template-columns:1fr;gap:9px;margin-top:31px}.principle-card{min-height:154px;padding:19px 20px 19px 112px}.line-icon{position:absolute;left:19px;top:22px;margin:0}.card-number{top:21px;right:19px}.principle-card h3{font-size:17px}.principle-card p{font-size:16px}.section-heading{align-items:start;flex-direction:column;gap:14px}.section-heading h2{margin-top:15px}.section-heading>p{font-size:13px}.palette-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:28px}.swatch{height:145px;padding:12px}.swatch-brand{grid-column:1/-1;height:126px}.swatch-top{font-size:9px}.swatch-bottom b{font-size:11px}.swatch code{font-size:8px}.swatch-note{bottom:44px;left:12px;font-size:6px}.palette-foot{gap:11px;margin-top:16px}.palette-foot span{font-size:9px}.palette-foot code{font-size:9px}.type-section{display:flex;flex-direction:column;gap:31px;align-items:stretch}.type-left h2{margin:16px 0}.type-left>p{font-size:13px}.font-labels{margin-top:17px}.font-labels span{font-size:11px}.type-sample{padding:24px 19px;border-radius:22px}.sample-display{font-size:45px;margin:20px 0 24px}.sample-meta{font-size:11px}.sample-meta span:last-child{white-space:nowrap}.sample-body{font-size:16px;line-height:1.55}.sample-button-row .button{font-size:9px;padding:0 12px}.flavor-heading{margin-bottom:26px}.flavor-demo{grid-template-columns:1fr;gap:0}.flavor-demo-copy{padding:25px 19px 13px}.flavor-demo-copy h3{font-size:30px}.flavor-demo-copy>p{font-size:16px;margin-bottom:15px}.flavor-controls{gap:5px}.flavor-option{padding:8px 9px;font-size:9px}.demo-caveat{margin-top:12px}.flavor-demo-art{min-height:260px}.demo-halo{width:225px;height:225px}.demo-bottle{transform:scale(.87)}.demo-fruit{right:calc(50% - 91px);top:calc(50% - 44px);transform:scale(.86)}.demo-flavor-pill{right:calc(50% - 131px);bottom:calc(50% - 72px)}.component-grid{grid-template-columns:1fr;gap:9px;margin-top:27px}.component-card{min-height:218px;padding:19px}.button-stack{margin-top:17px}.faq-card{min-height:230px}.trust-card{grid-column:auto}.site-heading{gap:12px}.site-heading h2{margin:15px 0 9px}.site-heading p{font-size:16px}.site-order{justify-content:flex-start;gap:7px}.order-step{font-size:11px}.order-step b{font-size:11px}.order-arrow{font-size:10px}.site-preview{margin-top:25px}.preview-bar{height:31px;padding:0 10px;font-size:5px}.preview-content{padding:21px 16px;grid-template-columns:1fr .8fr;min-height:204px}.preview-copy h3{font-size:25px}.preview-copy p{font-size:8px}.preview-tag{font-size:5px}.button-dark{min-height:31px;font-size:8px}.preview-visual{height:150px}.preview-sun{width:108px;height:108px}.preview-product{transform:scale(.8)}.preview-sticker{font-size:6px;right:0;bottom:7px;padding:7px 8px}.preview-sticker b{font-size:7px}.preview-flavors{height:32px;padding:0 12px;gap:7px;font-size:5px}.preview-flavors i{width:7px;height:7px}.site-blocks{font-size:11px;gap:6px;justify-content:flex-start}.site-blocks span{background:#fff;border:1px solid var(--line);padding:7px 8px;border-radius:99px}.site-blocks b{display:none}.guardrail-section{grid-template-columns:34px 1fr;gap:12px;padding:44px 20px}.guardrail-mark{height:31px;width:31px}.guardrail-section h2{font-size:31px}.guardrail-section p{font-size:16px}.guardrail-section>.text-link{grid-column:2;margin-top:3px;font-size:10px}.footer{height:auto;min-height:85px;padding-top:20px;padding-bottom:20px;flex-wrap:wrap}.footer-brand img{width:72px}.footer>span,.footer>a:last-child{font-size:8px}.footer>span{order:3;width:100%}}
@media(max-width:390px){.top-cta{display:none}.hero h1{font-size:51px}.hero-actions{gap:12px}.hero-actions .button{padding:0 15px;font-size:11px}.hero-art{transform:scale(.72);margin:-15px 0 -17px}.section-heading h2,.intro-grid h2,.type-left h2,.site-heading h2{font-size:39px}.swatch{height:137px}.swatch-brand{height:120px}.flavor-option{font-size:8px;padding:8px}.preview-content{grid-template-columns:1fr .7fr;padding-left:12px;padding-right:10px}.preview-copy h3{font-size:22px}.preview-flavors{gap:5px}.site-order{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.layout-section{padding-top:88px;padding-bottom:88px;background:#fff}.layout-demo{margin-top:38px;padding:28px;border:1px solid var(--line);border-radius:28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:54px}.spacing-scale,.shape-scale{min-width:0}.space-row{height:35px;display:grid;grid-template-columns:145px 1fr;align-items:center;gap:12px;border-bottom:1px solid #edf1f1}.space-row:first-of-type{margin-top:12px}.space-row code{font:700 11px var(--sans);color:var(--color-ink-700)}.space-row i{height:7px;width:var(--bar);max-width:100%;background:var(--brand);border-radius:99px}.shape-scale>.component-label{display:block;margin-bottom:12px}.shape-card{height:75px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;display:flex;flex-direction:column;justify-content:center;gap:4px}.shape-card b{font:800 12px var(--display)}.shape-card span{font-size:11px;color:var(--color-ink-700)}.shape-card-wide{height:96px;border-radius:24px;background:var(--mist);margin-top:10px}.shape-meta{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:15px;color:var(--color-ink-700);font-size:11px}.shape-meta span{display:flex;align-items:center;gap:5px}.shape-meta i{display:inline-block;width:9px;height:9px;border:1px solid var(--line);border-radius:50%;background:white}.shape-meta span:nth-child(2) i{background:var(--mist)}.shape-meta span:nth-child(3) i{width:15px;height:15px;border-radius:5px}.breakpoint-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.breakpoint-row span{padding:11px 13px;border-radius:12px;background:var(--mist);font:700 11px var(--sans);color:var(--color-ink-700)}.breakpoint-row b{display:block;margin-top:4px;color:var(--ink);font:800 11px var(--display)}
@media(max-width:760px){.layout-section{padding-top:70px;padding-bottom:72px}.layout-demo{grid-template-columns:1fr;gap:26px;margin-top:25px;padding:19px;border-radius:22px}.space-row{grid-template-columns:125px 1fr;height:32px}.shape-card{height:68px}.shape-card-wide{height:84px}.breakpoint-row{grid-template-columns:1fr;gap:6px}.breakpoint-row span{display:flex;justify-content:space-between;align-items:center}.breakpoint-row b{margin:0}}
.tone-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:15px}.tone-group{min-width:0;padding:15px 14px 12px;border:1px solid rgba(35,52,58,.08);border-radius:14px;background:rgba(255,255,255,.7)}.tone-group>b{display:block;margin-bottom:11px;font:800 10px var(--display)}.tone-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.tone-values>span{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;font:700 10px var(--sans);color:var(--color-ink-700)}.tone-values i{width:100%;height:12px;border-radius:99px;background:var(--tone-500)}.tone-values small{font-size:8px}.tone-values code{font:700 9px var(--sans);color:#53666c;white-space:nowrap}.tone-grape{--tone-100:var(--color-flavor-grape-100);--tone-500:var(--color-flavor-grape-500);--tone-700:var(--color-flavor-grape-700)}.tone-peach{--tone-100:var(--color-flavor-peach-100);--tone-500:var(--color-flavor-peach-500);--tone-700:var(--color-flavor-peach-700)}.tone-strawberry{--tone-100:var(--color-flavor-strawberry-100);--tone-500:var(--color-flavor-strawberry-500);--tone-700:var(--color-flavor-strawberry-700)}.tone-neutral{--tone-100:var(--color-flavor-neutral-100);--tone-500:var(--color-flavor-neutral-500);--tone-700:var(--color-flavor-neutral-700)}.tone-values>span:first-child i{background:var(--tone-100)}.tone-values>span:last-child i{background:var(--tone-700)}
@media(max-width:1050px){.tone-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.tone-rail{grid-template-columns:1fr;gap:7px}.tone-group{padding:12px 13px 11px}.tone-group>b{margin-bottom:8px}}

.reference-section{padding-top:96px;padding-bottom:100px;background:var(--surface-1,#f6fafa);border-top:1px solid var(--line,#dde9eb)}
.reference-heading{align-items:end;margin-bottom:27px}
.reference-heading h2{margin:16px 0 0}
.reference-heading>p{max-width:440px;margin:0;color:var(--ink-700,#53666c);font-size:13px;line-height:1.65}
.reference-meta{max-width:900px;padding:19px 22px;border:1px solid var(--line,#dde9eb);border-radius:18px;background:white;color:var(--ink-700,#53666c);font-size:12px;line-height:1.65}
.reference-meta p{margin:0 0 8px}.reference-meta p:last-child{margin-bottom:0}.reference-meta strong{color:var(--ink,#23343a)}
.reference-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:29px 0 13px;color:var(--ink-700,#53666c);font-size:12px}
.reference-toggle{min-height:44px;padding:0 16px;border:1px solid var(--line,#dde9eb);border-radius:999px;background:white;color:var(--action,#236f7b);font:800 12px var(--sans);cursor:pointer}
.reference-toggle:hover{border-color:var(--action,#236f7b);background:var(--surface-brand,#eaf8fa)}
.reference-chapters{display:grid;gap:9px}
.reference-chapter{border:1px solid var(--line,#dde9eb);border-radius:16px;background:white;overflow:hidden;scroll-margin-top:86px}
.reference-chapter>summary{min-height:58px;padding:16px 21px;display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;color:var(--ink,#23343a);font:800 16px/1.35 var(--display);text-wrap:balance}
.reference-chapter>summary::-webkit-details-marker{display:none}
.reference-chapter>summary::after{content:"+";flex:none;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--surface-brand,#eaf8fa);color:var(--action,#236f7b);font:700 18px/1 var(--sans)}
.reference-chapter[open]>summary{border-bottom:1px solid #edf2f2}
.reference-chapter[open]>summary::after{content:"−"}
.reference-chapter>summary:hover{color:var(--action,#236f7b)}
.reference-content{padding:8px 22px 23px;color:var(--ink-700,#53666c);font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.reference-content h3{margin:24px 0 9px;color:var(--ink,#23343a);font:800 18px/1.3 var(--display)}
.reference-content p{max-width:80ch;margin:10px 0}
.reference-content ul,.reference-content ol{max-width:80ch;padding-left:23px;margin:10px 0 17px}
.reference-content li{padding-left:3px;margin:5px 0}
.reference-content li::marker{color:var(--brand-dark,#347f8d)}
.reference-content a{color:var(--action,#236f7b);text-decoration-thickness:1px;text-underline-offset:3px}
.reference-content code{padding:2px 5px;border-radius:5px;background:var(--surface-1,#f6fafa);color:var(--ink,#23343a);font:600 .88em ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}
.reference-table-wrap{width:100%;margin:15px 0 22px;overflow-x:auto;border:1px solid var(--line,#dde9eb);border-radius:12px}
.reference-content table{width:100%;min-width:560px;border-collapse:collapse;background:#fff;font:400 12px/1.55 var(--sans)}
.reference-content th,.reference-content td{padding:10px 12px;border-bottom:1px solid #edf2f2;text-align:left;vertical-align:top}
.reference-content th{background:var(--surface-1,#f6fafa);color:var(--ink,#23343a);font-weight:800}
.reference-content tbody tr:last-child td{border-bottom:0}
.reference-content blockquote{max-width:80ch;margin:16px 0;padding:11px 16px;border-left:3px solid var(--brand,#5cc1d6);background:var(--surface-brand,#eaf8fa);color:var(--ink,#23343a)}
.reference-content pre{max-width:100%;overflow:auto;padding:15px;border-radius:12px;background:#23343a;color:white;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}
.reference-content pre code{padding:0;background:none;color:inherit}
.reference-chapter:focus-within{border-color:var(--focus,#1e6f7c)}
.reference-toggle:focus-visible,.reference-chapter>summary:focus-visible{outline:3px solid var(--focus,#1e6f7c);outline-offset:3px}
@media(max-width:760px){.reference-section{padding-top:70px;padding-bottom:72px}.reference-heading{gap:12px}.reference-heading h2{font-size:39px}.reference-heading>p{font-size:12px}.reference-meta{padding:15px 16px;font-size:11px}.reference-actions{align-items:flex-start;flex-direction:column;gap:10px;margin-top:22px}.reference-chapter>summary{min-height:54px;padding:14px 16px;font-size:14px}.reference-content{padding:5px 15px 19px;font-size:13px}.reference-content h3{font-size:16px}.reference-content table{font-size:11px}.faq-card details p,.trust-card p{font-size:16px}.hero-footnote{font-size:16px}.hero-bottom{font-size:11px}.sample-meta{font-size:11px}.site-heading p,.guardrail-section p{font-size:16px}.site-blocks{font-size:11px}.footer>span,.footer>a:last-child{font-size:11px}}
@media(min-width:761px) and (max-width:850px){.topbar{height:68px;padding:0 24px;gap:12px}.brand{gap:9px}.brand img{width:87px}.brand-divider{height:24px}.brand-caption{font-size:8px}.top-cta{margin-left:auto;gap:7px;padding:10px 12px;font-size:10px}.menu-toggle{order:3;width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--line);background:white;border-radius:50%;cursor:pointer}.menu-toggle span{height:1.5px;width:14px;background:var(--ink)}.nav{display:none;position:absolute;top:67px;left:0;right:0;background:#fff;padding:13px 24px 20px;border-bottom:1px solid var(--line);box-shadow:0 12px 20px rgba(28,76,84,.08);flex-direction:column;align-items:stretch;gap:0}.nav.is-open{display:flex}.nav a{min-height:44px;padding:13px 5px;border-bottom:1px solid #edf2f2;font-size:13px}}
@media(min-width:761px) and (max-width:850px){.reference-heading{align-items:flex-start;flex-direction:column;gap:14px}.reference-heading h2{font-size:43px}.reference-heading>p{max-width:620px}}
@media(prefers-reduced-motion:reduce){.reference-chapter,.reference-toggle{scroll-behavior:auto;transition:none}}

.graphic-source-card{display:grid;grid-template-columns:minmax(190px,280px) minmax(0,1fr);gap:24px;align-items:center;margin:24px 0;padding:20px;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#fff}
.graphic-source-art{min-height:190px;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:var(--color-action)}
.graphic-source-art img{display:block;width:min(100%,220px);height:auto}
.graphic-source-card figcaption{font-size:15px;line-height:1.6;color:var(--color-ink-700)}
.graphic-source-card figcaption strong{display:block;margin-bottom:7px;color:var(--color-ink-900);font-size:18px}
@media(max-width:760px){.graphic-source-card{grid-template-columns:1fr;gap:14px;padding:14px}.graphic-source-art{min-height:160px}.graphic-source-art img{width:min(72%,220px)}}