@layer components{[data-concept=b]{color-scheme:light;--ls-border:color-mix(in oklab, var(--color-inkb) 22%, transparent);--ls-text:var(--color-inkb);--ls-hover:color-mix(in oklab, var(--color-inkb) 7%, transparent);--ls-active-bg:var(--color-inkb);--ls-active-text:#fff;--sb-bg:#fff;--sb-border:color-mix(in oklab, var(--color-inkb) 10%, transparent);--sb-radius:.9rem;--faq-rule:color-mix(in oklab, var(--color-inkb) 14%, transparent);--spring:cubic-bezier(.34, 1.4, .64, 1)}.display-xl{font-family:var(--f-display);letter-spacing:-.025em;text-wrap:balance;font-size:clamp(2.1rem,5vw,3.9rem);font-weight:800;line-height:1.04}.display-lg{font-family:var(--f-display);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:800;line-height:1.08}.display-md{font-family:var(--f-display);letter-spacing:-.01em;font-size:clamp(1.1rem,1.6vw,1.3rem);font-weight:600;line-height:1.22}.display-num{font-family:var(--f-display);letter-spacing:-.035em;font-variant-numeric:lining-nums tabular-nums;font-weight:800;line-height:.95}.prose-b{max-width:58ch;font-size:clamp(1rem,1.05vw,1.0625rem);line-height:1.6}.skip-link{z-index:100;background:var(--color-green);color:#fff;border-radius:.75rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:transform .2s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}.site-header{z-index:50;background:color-mix(in oklab, var(--color-sky) 86%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid #0000;transition:border-color .3s,background-color .3s;position:sticky;top:0}.site-header[data-scrolled]{background:color-mix(in oklab, #fff 80%, var(--color-sky));border-bottom-color:color-mix(in oklab, var(--color-inkb) 8%, transparent)}.brand{color:var(--color-inkb);align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.brand-mark{block-size:2.5rem;inline-size:2.5rem}.brand-word{white-space:nowrap;font-family:var(--f-display);letter-spacing:-.02em;font-size:1.1rem;font-weight:800;line-height:1}.nav-link{color:var(--color-inkb);border-radius:.6rem;padding:.35rem .6rem;font-weight:500;text-decoration:none;transition:background-color .2s}.nav-link:hover{background:color-mix(in oklab, var(--color-wave) 12%, transparent)}.header-phone{color:var(--color-inkb);font-variant-numeric:tabular-nums;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;text-decoration:none}.header-phone svg{block-size:1.2rem;inline-size:1.2rem;color:var(--color-wave)}.nav-disclosure{position:relative}.nav-disclosure summary{cursor:pointer;background:#fff;border-radius:.75rem;place-items:center;gap:5px;block-size:2.5rem;inline-size:2.5rem;list-style:none;display:grid}.nav-disclosure summary::-webkit-details-marker{display:none}.nav-disclosure .bar{background:var(--color-inkb);block-size:2px;inline-size:1.1rem;transition:transform .25s var(--ease-out-soft);border-radius:2px;display:block}.nav-disclosure[open] .bar:first-child{transform:translateY(3.5px)rotate(45deg)}.nav-disclosure[open] .bar:last-child{transform:translateY(-3.5px)rotate(-45deg)}.nav-panel{inset-inline-end:0;background:#fff;border-radius:1rem;min-inline-size:14rem;padding:.5rem;position:absolute;top:calc(100% + .6rem);box-shadow:0 24px 48px -24px #0e1b2a59}.nav-panel ul{margin:0;padding:0;list-style:none}.nav-panel a{color:var(--color-inkb);border-radius:.6rem;padding:.7rem .9rem;font-weight:500;text-decoration:none;display:block}.nav-panel a:hover{background:var(--color-sky)}.btn{cursor:pointer;min-block-size:3.1rem;transition:background-color .2s ease, color .2s ease, transform .2s var(--spring);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.75rem 1.5rem;font-size:.98rem;font-weight:600;text-decoration:none;display:inline-flex}.btn svg{block-size:1.25rem;inline-size:1.25rem}.btn:active{transform:scale(.97)}.btn-sm{min-block-size:2.5rem;padding:.5rem 1.1rem;font-size:.88rem}.btn-primary{background:var(--color-green);color:#fff}.btn-primary:hover{background:var(--color-green-deep)}.btn-ghost{color:var(--color-inkb);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-inkb) 16%, transparent);background:#fff}.btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--color-inkb)}.link-call{min-block-size:3.1rem;color:var(--color-inkb);font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;display:inline-flex}.link-call svg{block-size:1.2rem;inline-size:1.2rem;color:var(--color-wave)}.section-b{padding-block:clamp(3.25rem,7vw,6rem)}.section-title{margin-block-end:clamp(1.5rem,3vw,2.25rem)}.hero-b{padding-block:clamp(2rem,5vw,4rem) clamp(2.5rem,6vw,5rem);position:relative;overflow:hidden}.hero-b-grid{gap:2.5rem;display:grid}@media (width>=64rem){.hero-b-grid{grid-template-columns:7fr 5fr;align-items:center;gap:3rem}}.hero-b-copy{gap:1.25rem;display:grid}.hero-b-title .word{display:inline-block}.js .hero-b-title .word{opacity:0;animation:word-rise .5s var(--spring) forwards;animation-delay:calc(var(--i,0) * 50ms);transform:translateY(.5em)}@keyframes word-rise{to{opacity:1;transform:none}}.hero-b-visual{place-items:end center;min-block-size:20rem;display:grid;position:relative}@media (width>=64rem){.hero-b-visual{min-block-size:34rem}}.hero-b-bottle{inline-size:min(56vw,18rem);transform-style:preserve-3d;will-change:transform;transition:transform .2s ease-out}@media (width>=64rem){.hero-b-bottle{inline-size:min(26vw,21rem)}}.js .hero-b-bottle{animation:bottle-in .7s var(--spring) both}@keyframes bottle-in{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:none}}.hero-b-bottle img{filter:drop-shadow(0 30px 40px #0d47a12e);block-size:auto;inline-size:100%;display:block}.chip{z-index:2;background:#fff;border-radius:1rem;gap:.1rem;padding:.75rem 1rem;font-weight:600;line-height:1.1;display:grid;position:absolute;box-shadow:0 18px 40px -18px #0d47a159}.chip strong{font-family:var(--f-display);letter-spacing:-.03em;color:var(--color-wave);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:800}.chip small{color:color-mix(in oklab, var(--color-inkb) 70%, transparent);font-size:.8rem;font-weight:500}.chip-price{top:18%;left:0}.chip-delivery{color:var(--color-green);bottom:22%;right:0}.js .chip{opacity:0;animation:chip-pop .45s var(--spring) forwards}.js .chip-price{animation-delay:.25s}.js .chip-delivery{animation-delay:.37s}@keyframes chip-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.builder{background:#fff;border-radius:1.25rem;gap:1.1rem;padding:1.25rem;display:grid;box-shadow:0 30px 60px -36px #0d47a159}@media (width>=40rem){.builder{padding:1.5rem}}.builder-label{color:color-mix(in oklab, var(--color-inkb) 65%, transparent);margin-block-end:.45rem;font-size:.82rem;font-weight:600;display:block}.seg{background:var(--color-sky);border-radius:.9rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid;position:relative}.seg button{z-index:1;min-block-size:5.25rem;color:var(--color-inkb);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.7rem;align-content:end;justify-items:center;gap:.3rem;padding:.5rem .25rem .55rem;font-size:.9rem;font-weight:600;transition:color .2s;display:grid;position:relative}.seg button img{inline-size:auto;block-size:calc(2.75rem * var(--scale,1) + .6rem);max-inline-size:100%;display:block}.seg-indicator{background:#fff;border-radius:.7rem;inline-size:calc(25% - .3125rem);position:absolute;inset:.25rem;box-shadow:0 6px 18px -8px #0e1b2a59}.builder-row{gap:1rem;display:grid}@media (width>=40rem){.builder-row{grid-template-columns:auto 1fr;align-items:end}}.stepper{background:var(--color-sky);border-radius:.8rem;grid-template-columns:2.75rem 3.25rem 2.75rem;align-items:center;display:inline-grid;overflow:hidden}.stepper button{block-size:2.9rem;color:var(--color-inkb);cursor:pointer;background:0 0;border:0;font-size:1.3rem;transition:background-color .15s}.stepper button:hover{background:color-mix(in oklab, var(--color-wave) 14%, transparent)}.stepper button:disabled{opacity:.35;cursor:default}.stepper output{text-align:center;font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:800}.builder input[type=text]{border:1px solid color-mix(in oklab, var(--color-inkb) 16%, transparent);block-size:2.9rem;inline-size:100%;font:inherit;color:var(--color-inkb);background:#fff;border-radius:.8rem;padding-inline:.9rem}.builder input[type=text]:focus-visible{outline:2px solid var(--color-wave);outline-offset:1px;border-color:#0000}.builder-total{border-top:1px solid color-mix(in oklab, var(--color-inkb) 10%, transparent);justify-content:space-between;align-items:baseline;gap:1rem;padding-block-start:.5rem;display:flex}.builder-total strong{font-family:var(--f-display);letter-spacing:-.02em;color:var(--color-wave);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800}.builder-actions{flex-wrap:wrap;align-items:center;gap:.6rem 1.25rem;display:flex}.builder-preview{background:var(--color-sky);white-space:pre-line;color:color-mix(in oklab, var(--color-inkb) 80%, transparent);border-radius:.8rem;padding:.85rem 1rem;font-size:.9rem;line-height:1.5}.builder-preview b{color:color-mix(in oklab, var(--color-inkb) 72%, transparent);margin-block-end:.2rem;font-size:.78rem;font-weight:600;display:block}.builder-toast{color:var(--color-green);font-size:.88rem;font-weight:600}.bands{background:var(--color-band-1)}.band{background:var(--tint,transparent);padding-block:clamp(2.5rem,6vw,4.5rem);transition:background-color .3s}.band-grid{grid-template-columns:1fr auto;align-items:center;gap:1.5rem 2rem;display:grid}@media (width>=48rem){.band-grid{grid-template-columns:minmax(0,3fr) minmax(0,4fr) auto;gap:3rem}}.band-num{color:var(--color-wave);font-size:clamp(3.2rem,9vw,7rem)}.band-num small{letter-spacing:-.02em;margin-inline-start:.1em;font-size:.4em}.band-copy{grid-column:1/-1;gap:.5rem;display:grid}@media (width>=48rem){.band-copy{grid-column:auto}}.band-kind{font-weight:600}.band-use{color:color-mix(in oklab, var(--color-inkb) 72%, transparent);max-width:34ch}.band-price{background:#fff;border-radius:999px;justify-self:start;align-items:baseline;gap:.35rem;padding:.45rem .85rem;font-weight:600;display:inline-flex}.band-price strong{font-family:var(--f-display);color:var(--color-wave);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.15rem;font-weight:800}.band-price.is-ask{color:var(--color-green)}.band-figure{grid-area:1/2;grid-template-rows:100%;place-items:end center;block-size:clamp(11rem,26vw,20rem);display:grid}@media (width>=48rem){.band-figure{grid-area:auto;inline-size:clamp(9rem,18vw,15rem)}}.band-figure img{inline-size:auto;block-size:calc(100% * var(--scale,1));filter:drop-shadow(0 20px 30px #0d47a126);max-inline-size:100%;display:block}.band-order{color:var(--color-inkb);border-bottom:2px solid color-mix(in oklab, var(--color-wave) 45%, transparent);justify-self:start;font-weight:600;text-decoration:none}.band-order:hover{border-bottom-color:var(--color-wave)}.why-strip{gap:2rem;display:grid}@media (width>=40rem){.why-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.why-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5rem}}.why-cell{align-content:start;gap:.6rem;display:grid}.why-cell svg{block-size:2.25rem;inline-size:2.25rem;color:var(--color-wave)}.why-cell p{color:color-mix(in oklab, var(--color-inkb) 72%, transparent);line-height:1.55}.section-deep{background:var(--color-deep);color:#fff}.ruqiya-b{gap:2rem;display:grid}@media (width>=64rem){.ruqiya-b{grid-template-columns:5fr 7fr;align-items:start;gap:4rem}}.ruqiya-b .prose-b{color:#ffffffd9}.ruqiya-b blockquote{border-inline-start:3px solid var(--color-wave);text-wrap:pretty;margin:0;padding-inline-start:1.25rem;font-size:clamp(1.1rem,1.6vw,1.3rem);font-weight:500;line-height:1.5}.ruqiya-b cite{color:#fffc;margin-block-start:.75rem;font-size:.85rem;font-style:normal;font-weight:400;display:block}.ruqiya-b .store{font-family:var(--f-display);margin-block-start:1.25rem;font-size:1.15rem;font-weight:600}.quality-b{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.quality-b{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 2rem}}.quality-b li{background:#fff;border-radius:.9rem;align-items:flex-start;gap:.8rem;padding:.9rem 1rem;line-height:1.5;display:flex}.quality-b svg{block-size:1.4rem;inline-size:1.4rem;color:var(--color-wave);flex:none;margin-block-start:.1rem}.steps-b{counter-reset:step;gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.steps-b{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}}.steps-b li{counter-increment:step;background:var(--color-sky);border-radius:1rem;grid-template-columns:auto 1fr;align-items:start;gap:.25rem 1rem;padding:1.1rem 1.2rem;display:grid}.steps-b li:before{content:counter(step);background:var(--color-wave);color:#fff;block-size:2.25rem;inline-size:2.25rem;font-family:var(--f-display);border-radius:999px;grid-row:span 2;place-items:center;font-weight:800;display:grid}.steps-b p{color:color-mix(in oklab, var(--color-inkb) 70%, transparent);font-size:.95rem}.order-alt{flex-wrap:wrap;align-items:center;gap:.6rem 1.25rem;margin-block-start:2rem;display:flex}.two-col-b{gap:2.5rem;display:grid}@media (width>=48rem){.two-col-b{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.two-col-b>div+div{border-inline-start:1px solid color-mix(in oklab, var(--color-inkb) 12%, transparent);padding-inline-start:3rem}.two-col-b>div:first-child{padding-inline-end:3rem}}.two-col-b>div{align-content:start;justify-items:start;gap:.9rem;display:grid}.area-line{align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.area-line svg{block-size:1.25rem;inline-size:1.25rem;color:var(--color-wave)}.site-footer{background:var(--color-deep);color:#fff;padding-block:clamp(3rem,6vw,4.5rem) 2rem}.footer-top{align-items:center;gap:1.25rem;margin-block-end:2.5rem;display:flex}.footer-mark{block-size:4rem;inline-size:4rem}.footer-line{font-family:var(--f-display);letter-spacing:-.02em;font-size:clamp(1.15rem,2vw,1.5rem);font-weight:800;line-height:1.15}.footer-grid{border-top:1px solid #ffffff26;gap:1.75rem;margin:0;padding-block:2rem;display:grid}@media (width>=48rem){.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.footer-grid dt{color:#fffc;margin-block-end:.4rem;font-size:.8rem}.footer-grid dd{margin:0;line-height:1.7}.footer-grid a{color:#fff;border-bottom:1px solid #ffffff4d;text-decoration:none}.footer-grid a:hover{border-bottom-color:#fff}.footer-muted{color:#ffffffc7}.footer-copy{color:#ffffffc7;border-top:1px solid #ffffff26;padding-block-start:1rem;font-size:.8rem}}