:root{--brand:#314d4e;--brand-dark:#071313;--brand-mid:#132426;--accent:#f05924;--cream:#f4f0e4;--cream-soft:#dedbc8;--muted:#f4f0e4ad;--font-sans:"Almarai", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Instrument Serif", Georgia, serif;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-6:3rem;--space-8:4rem}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#f9f3ec}body{color:var(--brand-dark);background:radial-gradient(circle at var(--bg-hot-x,74%) var(--bg-hot-y,16%), #f059240f, transparent 30rem), radial-gradient(circle at var(--bg-cool-x,18%) var(--bg-cool-y,72%), #314d4e1f, transparent 40rem), #f9f3ec;font-family:var(--font-sans);margin:0;overflow-x:hidden}body:before{z-index:0;pointer-events:none;content:"";opacity:.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.65'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}.site-header{z-index:5;pointer-events:none;display:flex;position:fixed;top:0;left:0;right:0}.nav-pill{background:var(--brand);pointer-events:auto;border-radius:0;justify-content:center;align-items:center;gap:clamp(.75rem,3vw,3rem);width:100%;max-width:none;height:52px;padding:0 clamp(1rem,3vw,2rem);transition:background-color .25s;display:flex}.nav-pill.is-scrolled{background:#000}.nav-menu{align-items:center;gap:clamp(.75rem,3vw,3rem);display:flex}.menu-toggle{display:none}.nav-pill a{color:#f4f0e4c7;font-size:clamp(.68rem,1.2vw,.86rem);font-weight:700;line-height:1;text-decoration:none;transition:color .15s}.nav-pill a:hover{color:var(--cream)}.header-logo-link{color:#f4f0e4c7;align-items:center;transition:color .15s;display:flex}.header-logo-link:hover{color:var(--cream)}.header-logo{width:auto;height:36px;display:block}.header-logo .cls-1{fill:currentColor}.site-footer a{color:#071313ad;font-size:clamp(.68rem,1.2vw,.86rem);font-weight:700;line-height:1;text-decoration:none;transition:color .15s}.site-footer a:hover{color:var(--brand-dark)}.nav-pill a:focus-visible,.button:focus-visible,.site-footer a:focus-visible{outline-offset:4px;outline:2px solid #071313c7}main,.site-footer{z-index:1;position:relative}.hero-shell{isolation:isolate;background:#0d0d0d;border-bottom:1px solid #f4f0e41f;border-radius:0;min-height:100vh;margin:0;position:relative;overflow:hidden}.hero-image{object-fit:cover;object-position:center;width:100%;height:100%;transform:scale(var(--hero-scale,1.02)) translate3d(0, var(--hero-y,0px), 0);will-change:transform;border-radius:0;position:absolute;inset:0}.noise-overlay,.hero-shade{pointer-events:none;border-radius:0;position:absolute;inset:0}.noise-overlay{opacity:.45;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.7'/%3E%3C/svg%3E")}.hero-shade{background:linear-gradient(90deg,#000000d9 0%,#0006 45%,#0000 80%),linear-gradient(#0000004d 0%,#0000 40%,#00000080 100%)}.hero-content{z-index:1;position:absolute}.hero-text-panel{text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;width:min(42rem,46vw);padding:clamp(3rem,7vw,6rem) clamp(1.25rem,6vw,5rem);display:flex;top:50%;left:clamp(1.25rem,6vw,5rem);transform:translateY(-50%)}.hero-cta-panel{text-align:left;flex-direction:column;align-items:flex-start;width:min(34rem,40vw);display:flex;bottom:clamp(2rem,9vh,6rem);right:clamp(1.5rem,7vw,8rem)}.eyebrow,.card-number{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:clamp(.72rem,1.2vw,.86rem);font-weight:800;line-height:1.2}.eyebrow{margin:0 0 var(--space-2)}h1,h2,h3,p{margin-top:0}h1{max-width:9.8ch;color:var(--cream);letter-spacing:-.055em;text-wrap:balance;margin:0 auto;font-size:clamp(3.65rem,8vw,7.2rem);font-weight:800;line-height:.92}.font-serif-italic{font-family:var(--font-serif);letter-spacing:-.035em;font-style:italic;font-weight:400;display:inline-block}h2{color:var(--brand-dark);letter-spacing:-.04em;text-wrap:balance;margin-bottom:0;font-size:clamp(2.4rem,6vw,5.8rem);font-weight:700;line-height:.95}h3{margin-bottom:var(--space-2);color:var(--brand-dark);letter-spacing:-.02em;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:800;line-height:1.05}.hero-copy{color:#f4f0e494;max-width:34rem;margin:0;padding:0;font-size:clamp(1rem,1.5vw,1.18rem);font-weight:700;line-height:1.55}.section-heading p,.step-card p,.about-copy,.tip-section p{color:#071313b3;font-size:clamp(.96rem,1.45vw,1.12rem);line-height:1.55}.hero-actions{justify-content:flex-start;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.button{border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;min-height:3rem;padding:.9rem 1.75rem;font-size:.95rem;font-weight:800;line-height:1;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.button-primary{border-color:var(--accent);background:var(--accent);color:#fff}.button-secondary{color:var(--cream);background:#0003;border-color:#f4f0e457}.about-section,.products-section,.why-section,.order-section{width:min(100%,1180px);margin:0 auto;padding:clamp(5rem,11vw,9rem) clamp(1rem,4vw,2rem)}.about-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(2rem,8vw,7rem);display:grid}.about-heading h2{max-width:820px}.about-body{padding-top:clamp(.5rem,1.4vw,1rem)}.about-copy{max-width:42rem;margin:0}.about-points{gap:var(--space-2);margin:var(--space-4) 0 0;padding:var(--space-4) 0 0;border-top:1px solid #13242614;list-style:none;display:grid}.about-points li{color:var(--brand-dark);font-size:clamp(1rem,1.35vw,1.12rem);font-weight:700;line-height:1.35}.about-copy span{opacity:var(--char-opacity,.28);transition:opacity 80ms linear}.section-heading{max-width:720px;margin-bottom:var(--space-6)}.section-heading h2{max-width:760px}.section-heading p{max-width:560px;margin:var(--space-3) 0 0}.products-header-layout{margin-bottom:var(--space-6);grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(2rem,5vw,6rem);display:grid}.featured-card-wrapper{justify-content:flex-end;width:100%;display:flex}.featured-card-wrapper .feature-standalone-image{object-fit:contain;filter:drop-shadow(0 12px 28px #00000026);width:auto;max-width:100%;height:clamp(22rem,32vw,32rem)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.product-grid .product-card.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(-3rem)}.product-grid .product-card.reveal.is-visible{opacity:1;transform:translate(0)}.product-grid .product-card.reveal:first-child{transition-delay:0s}.product-grid .product-card.reveal:nth-child(2){transition-delay:.15s}.product-grid .product-card.reveal:nth-child(3){transition-delay:.3s}.product-card,.step-card{background:#fff;border:1px solid #13242614;border-radius:0;padding:clamp(1.1rem,2vw,1.45rem);position:relative;overflow:hidden;box-shadow:0 8px 24px #00000008}.product-card-feature h3{color:var(--cream)!important}.product-card-feature{z-index:2;flex-direction:column;justify-content:flex-end;min-height:28rem;padding:0;display:flex;background:var(--brand)!important;border-radius:2.5rem!important;overflow:visible!important}.product-card-feature .feature-character{object-fit:contain;z-index:1;pointer-events:none;filter:drop-shadow(0 12px 24px #00000040);transform-origin:bottom;clip-path:inset(0 round 0 0 2.5rem 2.5rem);width:auto;height:115%;transition:transform .3s;position:absolute;bottom:0;right:-1.5rem}.card-number{margin-bottom:var(--space-3);font-size:.76rem}.product-card ul{gap:var(--space-3);margin:var(--space-4) 0 0;padding:0;list-style:none;display:grid}.product-card li{color:#071313b3;padding-left:1.25rem;font-size:.94rem;line-height:1.45;position:relative}.product-card li:before,.proof-list span:before{background:var(--accent);content:"";border-radius:50%;width:.42rem;height:.42rem;position:absolute;top:.42em;left:0}.why-section{padding-top:0}.proof-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.proof-list span{min-height:7rem;padding:var(--space-3) var(--space-3) var(--space-3) 2.5rem;color:var(--brand-dark);background:#fff;border:1px solid #13242614;border-radius:0;font-weight:700;line-height:1.3;position:relative;box-shadow:0 4px 16px #00000005}.proof-list span:before{left:var(--space-3)}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.step-card{background:linear-gradient(#fff,#fdfbf7);min-height:17rem}.step-card p:last-child{margin-bottom:0}.tip-section{background:#f0592414;border:1px solid #f0592447;border-radius:1.25rem;width:min(100% - 2rem,900px);margin:0 auto;padding:clamp(2rem,5vw,3.5rem)}.tip-section p:last-child{max-width:720px;color:var(--brand-dark);margin-bottom:0;font-size:clamp(1.3rem,3vw,2.1rem);line-height:1.15}.cta-section{background:var(--brand);text-align:center;width:100%;max-width:none;padding:clamp(5rem,11vw,9rem) 0}.cta-inner{max-width:840px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.cta-inner .button{margin-top:var(--space-4)}.cta-section #cta-title{color:var(--cream)}.contact-details{gap:var(--space-6);margin-top:var(--space-6);text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.contact-column h3{margin-bottom:var(--space-3);color:var(--cream);padding-bottom:var(--space-1);border-bottom:1px solid #f4f0e433;font-size:1.25rem}.contact-link{color:var(--accent);font-weight:700;text-decoration:none;transition:opacity .15s}.contact-link:hover{opacity:.8}.contact-text{color:#f4f0e4cc;margin:0;font-size:.95rem;line-height:1.45}.contact-item{align-items:center;gap:.65rem;display:flex}.contact-item-align-start{align-items:flex-start}.contact-icon{fill:currentColor;flex-shrink:0;width:1.15rem;height:1.15rem}.site-footer{width:min(100%,1180px);padding:var(--space-6) clamp(1rem, 4vw, 2rem);gap:var(--space-4);color:#07131399;border-top:1px solid #13242614;grid-template-columns:1fr auto;align-items:center;margin:0 auto;display:grid}.footer-logo-wrapper{align-items:center;display:flex}.footer-logo{width:auto;height:48px;display:block}.footer-logo .cls-1{fill:#071313ad}.site-footer nav{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.reveal{opacity:0;transition:opacity .42s,transform .42s cubic-bezier(.16,1,.3,1);transform:translateY(.65rem)}.reveal.is-visible{opacity:1;transform:translateY(0)}.word-mask{vertical-align:bottom;margin-bottom:-.25em;padding-bottom:.25em;display:inline-block;overflow:hidden}.word-inner{will-change:transform;transition:transform .85s cubic-bezier(.16,1,.3,1);display:inline-block;transform:translateY(102%)}.reveal.is-visible .word-inner{transform:translateY(0)}.hero-text-panel.reveal{transform:translateY(calc(.65rem - 50%))}.hero-text-panel.is-visible{transform:translateY(-50%)}.hero-cta-panel.reveal{transform:translateY(.65rem)}.hero-cta-panel.is-visible{transform:translateY(0)}@media (width<=980px){.products-header-layout{gap:var(--space-4);grid-template-columns:1fr}.featured-card-wrapper{justify-content:center}.featured-card-wrapper .feature-standalone-image{max-height:24rem}.product-grid,.proof-list{grid-template-columns:repeat(2,minmax(0,1fr))}.steps-grid{grid-template-columns:1fr}.contact-details{gap:var(--space-3);grid-template-columns:1fr}}@media (width<=680px){.nav-pill{justify-content:space-between;gap:.4rem;width:100%;max-width:none;padding-inline:1.25rem}.menu-toggle{cursor:pointer;z-index:10;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:22px;height:15px;padding:0;display:flex}.hamburger-bar{transform-origin:0;background-color:#f4f0e4c7;width:100%;height:2px;transition:all .25s cubic-bezier(.16,1,.3,1)}.menu-toggle.is-active .hamburger-bar:first-child{transform:rotate(45deg)translate(2px,-1px)}.menu-toggle.is-active .hamburger-bar:nth-child(2){opacity:0;transform:scaleX(0)}.menu-toggle.is-active .hamburger-bar:nth-child(3){transform:rotate(-45deg)translate(2px,1px)}.nav-menu{background:inherit;opacity:0;visibility:hidden;border-top:1px solid #f4f0e414;flex-direction:column;align-items:center;gap:1.25rem;width:100%;padding:1.5rem 0 2rem;transition:opacity .25s,transform .25s,visibility .25s;position:absolute;top:100%;left:0;transform:translateY(-10px);box-shadow:0 10px 30px #00000040}.nav-menu.is-active{opacity:1;visibility:visible;transform:translateY(0)}.nav-menu a{text-align:center;width:100%;padding:.4rem 2rem;font-size:1.05rem!important}.hero-shell{border-radius:0;min-height:92vh;margin:0}.hero-image{object-position:60% center}.hero-text-panel{text-align:center;align-items:center;width:calc(100% - 1.7rem);padding:2rem 1rem;left:50%;transform:translate(-50%,-50%)translateY(.65rem)}.hero-text-panel h1{max-width:8.2ch;font-size:clamp(3rem,15vw,5rem)}.hero-cta-panel{text-align:center;align-items:center;width:calc(100% - 1.7rem);bottom:1.25rem;left:50%;right:auto}.hero-cta-panel.reveal{transform:translate(-50%,.65rem)}.hero-cta-panel.is-visible{transform:translate(-50%)}.hero-copy{max-width:34rem;margin-top:var(--space-3);font-size:.98rem}h2{font-size:clamp(2.35rem,11vw,4.2rem)}.hero-actions,.button{justify-content:center;width:100%}.about-section,.products-section,.why-section,.order-section,.cta-section{padding-inline:1rem}.about-layout{gap:var(--space-4);grid-template-columns:1fr}.product-grid,.proof-list,.site-footer{grid-template-columns:1fr}.product-card-feature{min-height:22rem;overflow:hidden!important}.product-card-feature .feature-character{height:100%;right:0}.product-card-feature>div{max-width:100%}.site-footer nav{justify-content:flex-start;gap:var(--space-2)}.contact-details{gap:var(--space-2);grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image,.reveal,.about-copy span,.word-inner,.button,.nav-pill a,.site-footer a{transition:none}.word-inner{transform:none}.reveal,.hero-cta-panel.reveal{opacity:1;transform:none}.hero-text-panel.reveal{opacity:1;transform:translateY(-50%)}}
