@layer components{[data-concept=a]{color-scheme:light;--ls-border:color-mix(in oklab, var(--color-ink) 22%, transparent);--ls-text:var(--color-ink);--ls-hover:color-mix(in oklab, var(--color-ink) 7%, transparent);--ls-active-bg:var(--color-ink);--ls-active-text:var(--color-paper);--sb-bg:var(--color-paper);--sb-border:color-mix(in oklab, var(--color-ink) 10%, transparent);--faq-rule:color-mix(in oklab, var(--color-ink) 14%, transparent)}.display-xl{font-family:var(--f-display);letter-spacing:-.012em;text-wrap:balance;font-size:clamp(2.5rem,6.2vw,4.7rem);font-weight:700;line-height:1.02}.display-lg{font-family:var(--f-display);letter-spacing:-.008em;text-wrap:balance;font-size:clamp(1.9rem,3.8vw,2.9rem);font-weight:700;line-height:1.08}.display-md{font-family:var(--f-display);font-size:clamp(1.3rem,2vw,1.6rem);font-weight:700;line-height:1.18}.display-num{font-family:var(--f-display);font-variant-numeric:lining-nums;letter-spacing:-.01em;font-weight:700;line-height:1}.prose-a{max-width:60ch;font-size:clamp(1rem,1.05vw,1.0625rem);line-height:1.65}.quote-a{font-family:var(--f-display);text-wrap:pretty;font-size:clamp(1.2rem,1.9vw,1.55rem);font-weight:500;line-height:1.42}.skip-link{z-index:100;background:var(--color-green);color:#fff;border-radius:999px;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-paper) 88%, transparent);backdrop-filter:blur(10px);border-bottom:1px solid #0000;transition:border-color .3s;position:sticky;top:0}.site-header[data-scrolled]{border-bottom-color:color-mix(in oklab, var(--color-ink) 10%, transparent)}.brand{color:var(--color-ink);align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.brand-mark{block-size:2.75rem;inline-size:2.75rem}.brand-word{white-space:nowrap;font-family:var(--f-display);letter-spacing:-.01em;font-size:1.35rem;font-weight:700;line-height:1}.nav-link{color:var(--color-ink);border-bottom:1px solid #0000;padding-block:.25rem;text-decoration:none;transition:border-color .2s}.nav-link:hover{border-bottom-color:var(--color-green)}.header-phone{color:var(--color-ink);font-variant-numeric:tabular-nums;align-items:center;gap:.4rem;font-size:.9rem;font-weight:500;text-decoration:none}.header-phone svg{block-size:1.15rem;inline-size:1.15rem;color:var(--color-green)}.nav-disclosure{position:relative}.nav-disclosure summary{border:1px solid color-mix(in oklab, var(--color-ink) 22%, transparent);cursor:pointer;border-radius:999px;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-ink);block-size:1.5px;inline-size:1.1rem;transition:transform .25s var(--ease-out-soft);display:block}.nav-disclosure[open] .bar:first-child{transform:translateY(3.25px)rotate(45deg)}.nav-disclosure[open] .bar:last-child{transform:translateY(-3.25px)rotate(-45deg)}.nav-panel{inset-inline-end:0;background:var(--color-paper);border:1px solid color-mix(in oklab, var(--color-ink) 12%, transparent);border-radius:1rem;min-inline-size:14rem;padding:.5rem;position:absolute;top:calc(100% + .6rem);box-shadow:0 20px 40px -24px #14201a59}.nav-panel ul{margin:0;padding:0;list-style:none}.nav-panel a{color:var(--color-ink);border-radius:.6rem;padding:.7rem .9rem;font-weight:500;text-decoration:none;display:block}.nav-panel a:hover{background:color-mix(in oklab, var(--color-green) 10%, transparent)}.btn{min-block-size:3.1rem;transition:background-color .2s ease, color .2s ease, transform .2s var(--ease-out-soft);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:translateY(1px)}.btn-primary{background:var(--color-green);color:#fff}.btn-primary:hover{background:var(--color-green-deep)}.btn-ghost{border:1px solid color-mix(in oklab, var(--color-ink) 24%, transparent);color:var(--color-ink)}.btn-ghost:hover{border-color:var(--color-ink)}.btn-ghost.on-dark{color:#fff;border-color:#fff6}.btn-ghost.on-dark:hover{border-color:#fff}.link-call{min-block-size:3.1rem;color:var(--color-ink);font-variant-numeric:tabular-nums;align-items:center;gap:.5rem;padding-inline:.25rem;font-weight:500;text-decoration:none;display:inline-flex}.link-call svg{block-size:1.2rem;inline-size:1.2rem;color:var(--color-green)}.link-call span:last-child{border-bottom:1px solid color-mix(in oklab, var(--color-ink) 35%, transparent);transition:border-color .2s}.link-call:hover span:last-child{border-bottom-color:var(--color-ink)}.section-a{padding-block:clamp(3.5rem,8vw,6.5rem)}.section-title{margin-block-end:clamp(1.5rem,3vw,2.5rem)}.rule-green{background:var(--color-green);block-size:2px;inline-size:3.5rem}.hairline{background:color-mix(in oklab, var(--color-ink) 14%, transparent);block-size:1px}.girih-field{background-color:var(--color-girih);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%3e%3cg%20fill='none'%20stroke='currentColor'%20stroke-width='1.3'%20stroke-linejoin='round'%3e%3cpolygon%20points='120.00,60.00%20102.43,77.57%20102.43,102.43%2077.57,102.43%2060.00,120.00%2042.43,102.43%2017.57,102.43%2017.57,77.57%200.00,60.00%2017.57,42.43%2017.57,17.57%2042.43,17.57%2060.00,0.00%2077.57,17.57%20102.43,17.57%20102.43,42.43'/%3e%3cpolygon%20points='60.00,0.00%2042.43,17.57%2042.43,42.43%2017.57,42.43%200.00,60.00%20-17.57,42.43%20-42.43,42.43%20-42.43,17.57%20-60.00,0.00%20-42.43,-17.57%20-42.43,-42.43%20-17.57,-42.43%20-0.00,-60.00%2017.57,-42.43%2042.43,-42.43%2042.43,-17.57'/%3e%3cpolygon%20points='60.00,120.00%2042.43,137.57%2042.43,162.43%2017.57,162.43%200.00,180.00%20-17.57,162.43%20-42.43,162.43%20-42.43,137.57%20-60.00,120.00%20-42.43,102.43%20-42.43,77.57%20-17.57,77.57%20-0.00,60.00%2017.57,77.57%2042.43,77.57%2042.43,102.43'/%3e%3cpolygon%20points='180.00,0.00%20162.43,17.57%20162.43,42.43%20137.57,42.43%20120.00,60.00%20102.43,42.43%2077.57,42.43%2077.57,17.57%2060.00,0.00%2077.57,-17.57%2077.57,-42.43%20102.43,-42.43%20120.00,-60.00%20137.57,-42.43%20162.43,-42.43%20162.43,-17.57'/%3e%3cpolygon%20points='180.00,120.00%20162.43,137.57%20162.43,162.43%20137.57,162.43%20120.00,180.00%20102.43,162.43%2077.57,162.43%2077.57,137.57%2060.00,120.00%2077.57,102.43%2077.57,77.57%20102.43,77.57%20120.00,60.00%20137.57,77.57%20162.43,77.57%20162.43,102.43'/%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%3e%3cg%20fill='none'%20stroke='currentColor'%20stroke-width='1.3'%20stroke-linejoin='round'%3e%3cpolygon%20points='120.00,60.00%20102.43,77.57%20102.43,102.43%2077.57,102.43%2060.00,120.00%2042.43,102.43%2017.57,102.43%2017.57,77.57%200.00,60.00%2017.57,42.43%2017.57,17.57%2042.43,17.57%2060.00,0.00%2077.57,17.57%20102.43,17.57%20102.43,42.43'/%3e%3cpolygon%20points='60.00,0.00%2042.43,17.57%2042.43,42.43%2017.57,42.43%200.00,60.00%20-17.57,42.43%20-42.43,42.43%20-42.43,17.57%20-60.00,0.00%20-42.43,-17.57%20-42.43,-42.43%20-17.57,-42.43%20-0.00,-60.00%2017.57,-42.43%2042.43,-42.43%2042.43,-17.57'/%3e%3cpolygon%20points='60.00,120.00%2042.43,137.57%2042.43,162.43%2017.57,162.43%200.00,180.00%20-17.57,162.43%20-42.43,162.43%20-42.43,137.57%20-60.00,120.00%20-42.43,102.43%20-42.43,77.57%20-17.57,77.57%20-0.00,60.00%2017.57,77.57%2042.43,77.57%2042.43,102.43'/%3e%3cpolygon%20points='180.00,0.00%20162.43,17.57%20162.43,42.43%20137.57,42.43%20120.00,60.00%20102.43,42.43%2077.57,42.43%2077.57,17.57%2060.00,0.00%2077.57,-17.57%2077.57,-42.43%20102.43,-42.43%20120.00,-60.00%20137.57,-42.43%20162.43,-42.43%20162.43,-17.57'/%3e%3cpolygon%20points='180.00,120.00%20162.43,137.57%20162.43,162.43%20137.57,162.43%20120.00,180.00%20102.43,162.43%2077.57,162.43%2077.57,137.57%2060.00,120.00%2077.57,102.43%2077.57,77.57%20102.43,77.57%20120.00,60.00%20137.57,77.57%20162.43,77.57%20162.43,102.43'/%3e%3c/g%3e%3c/svg%3e");-webkit-mask-size:120px 120px;mask-size:120px 120px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.hero-a{align-items:end;min-block-size:calc(100svh - 4.5rem);display:grid;position:relative;overflow:hidden}.hero-a .girih-field{opacity:0;animation:.7s ease-out forwards fade-in}.hero-water{inset-inline:0;block-size:58%;color:var(--color-mist);animation:water-rise 1.3s var(--ease-out-expo) .25s forwards;pointer-events:none;position:absolute;bottom:0;transform:translateY(100%)}.hero-water svg{inset-inline:0;block-size:clamp(3rem,8vw,7rem);inline-size:100%;display:block;position:absolute;top:-1px;transform:translateY(-97%)}.hero-water:after{content:"";background:currentColor;position:absolute;inset:0}.hero-grid{gap:2rem;padding-block:clamp(2.5rem,6vw,4.5rem) 0;display:grid;position:relative}@media (width>=64rem){.hero-grid{grid-template-columns:7fr 5fr;align-items:end;gap:3rem}}.hero-copy{gap:1.25rem;padding-block-end:clamp(3rem,8vw,6rem);display:grid}.hero-price{color:var(--color-ink);font-size:clamp(1.05rem,1.3vw,1.2rem);font-weight:500}.hero-price strong{color:var(--color-water);font-variant-numeric:tabular-nums;font-weight:600}.hero-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-block-start:.5rem;display:flex}.hero-bottle{opacity:0;inline-size:min(64vw,22rem);animation:rise-in .9s var(--ease-out-expo) .3s forwards;will-change:transform;place-self:end center;position:relative}.hero-bottle img{block-size:auto;inline-size:100%;display:block}@media (width>=64rem){.hero-bottle{justify-self:end;inline-size:min(30vw,24rem);margin-inline-end:clamp(0rem,4vw,4rem)}}.js .hero-stagger>*{opacity:0;animation:rise-in .65s var(--ease-out-expo) forwards;animation-delay:calc(.95s + var(--i,0) * 70ms);transform:translateY(12px)}@keyframes fade-in{to{opacity:1}}@keyframes water-rise{to{transform:none}}@keyframes rise-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.js .hero-title [data-reveal=line]>*{transition-delay:calc(.5s + var(--i,0) * 90ms)}.sizes-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:2rem 1.25rem;display:grid}@media (width>=48rem){.sizes-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}}.size-item{justify-items:start;gap:.4rem;display:grid}.size-figure{grid-template-rows:100%;place-items:end center;block-size:clamp(11rem,24vw,19rem);inline-size:100%;margin-block-end:.75rem;display:grid}.size-figure img{inline-size:auto;block-size:calc(100% * var(--scale,1));max-inline-size:100%;display:block}.size-num{font-size:clamp(1.7rem,2.6vw,2.2rem)}.size-price{color:var(--color-water);font-variant-numeric:tabular-nums;font-weight:600}.size-ask{color:var(--color-green-deep);font-size:.92rem;font-weight:500}.size-use{color:color-mix(in oklab, var(--color-ink) 72%, transparent);text-wrap:pretty;font-size:.95rem;line-height:1.45}.size-order{color:var(--color-ink);border-bottom:1px solid color-mix(in oklab, var(--color-ink) 35%, transparent);margin-block-start:.25rem;font-size:.9rem;font-weight:500;text-decoration:none}.size-order:hover{border-bottom-color:var(--color-ink)}.why-grid{gap:0;display:grid}@media (width>=48rem){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem}}.why-item{border-top:1px solid color-mix(in oklab, var(--color-ink) 14%, transparent);grid-template-columns:auto 1fr;gap:.35rem 1.1rem;padding-block:1.75rem;display:grid}.why-item svg{block-size:2rem;inline-size:2rem;color:var(--color-green);grid-row:span 2;margin-block-start:.15rem}.why-item p{color:color-mix(in oklab, var(--color-ink) 74%, transparent);max-width:44ch;line-height:1.6}.section-pine{background:var(--color-pine);color:#fff}.ruqiya-frame{text-align:center;justify-items:center;gap:1.5rem;max-width:46rem;margin-inline:auto;padding:clamp(1rem,3vw,2rem) clamp(1rem,4vw,3rem);display:grid;position:relative}.crown{color:#ffffffd9;pointer-events:none;inline-size:min(24rem,86%)}.crown svg{block-size:auto;inline-size:100%;display:block}.crown-top{margin-block-end:.5rem}.crown-bottom{margin-block-start:.5rem}.ruqiya-frame .prose-a{color:#ffffffd9;text-align:center;margin-inline:auto}.ruqiya-frame blockquote{color:#fff;margin:.5rem 0 0;padding:0}.ruqiya-frame cite{color:#ffffffc7;margin-block-start:.85rem;font-size:.85rem;font-style:normal;display:block}.ruqiya-store{font-family:var(--f-display);font-size:clamp(1.15rem,1.8vw,1.4rem);font-weight:700}.quality-list{gap:0;margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.quality-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:3rem}}.quality-list li{border-top:1px solid color-mix(in oklab, var(--color-ink) 14%, transparent);align-items:flex-start;gap:.9rem;padding-block:1.1rem;line-height:1.55;display:flex}.quality-list svg{block-size:1.35rem;inline-size:1.35rem;color:var(--color-green);flex:none;margin-block-start:.15rem}.steps{counter-reset:step;gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem}}.steps li{counter-increment:step;border-top:1px solid color-mix(in oklab, var(--color-ink) 14%, transparent);gap:.4rem;padding-block-start:1rem;display:grid}.steps li:before{content:counter(step);font-family:var(--f-display);color:var(--color-green);font-size:2.6rem;font-weight:700;line-height:1}.steps p{color:color-mix(in oklab, var(--color-ink) 72%, transparent)}.order-alt{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;margin-block-start:2.5rem;display:flex}.two-col{gap:2.5rem;display:grid}@media (width>=48rem){.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem}}.two-col>div{align-content:start;justify-items:start;gap:.9rem;display:grid}.area-line{align-items:center;gap:.5rem;font-weight:500;display:inline-flex}.area-line svg{block-size:1.2rem;inline-size:1.2rem;color:var(--color-green)}.site-footer{background:var(--color-pine);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:4.5rem;inline-size:4.5rem}.footer-line{font-family:var(--f-display);font-size:clamp(1.25rem,2vw,1.6rem);font-weight:700;line-height:1.2}.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:#ffffffc7;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:#fff9}.footer-copy{color:#ffffffb8;border-top:1px solid #ffffff26;padding-block-start:1rem;font-size:.8rem}}