:root{--bg: #f5f9fa;--surface: #ffffff;--surface-2: #e9f1f4;--text: #12262f;--muted: #5b7280;--accent: #0b87a6;--accent-hover: #086d87;--accent-soft: #d8eef4;--brand-dark: #07242f;--danger: #d64545;--border: #dde8ec;--font-heading: "Sora", "Avenir Next", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius: 18px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(7, 36, 47, .05), 0 4px 12px rgba(7, 36, 47, .05);--shadow-lg: 0 6px 16px rgba(7, 36, 47, .08), 0 20px 44px rgba(7, 36, 47, .12);--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background:radial-gradient(1100px 520px at 80% -180px,rgba(11,135,166,.14),transparent 65%),radial-gradient(900px 420px at 8% -120px,rgba(216,238,244,.9),transparent 60%),var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text);line-height:1.15;letter-spacing:-.015em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1140px;margin:0 auto;padding:1.5rem}.nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.75rem;background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.nav .brand{font-family:var(--font-heading);font-size:1.08rem;font-weight:800;letter-spacing:-.01em;color:var(--text)}.nav .brand:hover{text-decoration:none;color:var(--accent)}.nav .brand img{height:34px;display:block;width:auto}.nav-links{display:flex;gap:1.15rem;align-items:center;flex-wrap:wrap}.nav-links a{color:var(--text);font-weight:500;font-size:.95rem;position:relative}.nav-links a:hover{text-decoration:none;color:var(--accent)}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:2px;background:var(--accent);transition:right .25s var(--ease-out)}.nav-links a:hover:after{right:0}.btn{display:inline-block;position:relative;overflow:hidden;background:var(--accent);color:#fff;border:1px solid transparent;padding:.6rem 1.25rem;border-radius:999px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--font-body);line-height:1.4;transition:background .2s ease,transform .2s var(--ease-out),box-shadow .2s ease}.btn:hover{background:var(--accent-hover);text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 20px #0b87a64d}.btn:active{transform:translateY(0)}.btn:not(.ghost):not(.secondary):after{content:"";position:absolute;top:0;bottom:0;left:-80%;width:55%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);transition:left .55s ease;pointer-events:none}.btn:not(.ghost):not(.secondary):hover:after{left:130%}.btn-lg{padding:.8rem 1.7rem;font-size:1rem}.btn.secondary{background:var(--surface-2);color:var(--text)}.btn.secondary:hover{background:var(--border);box-shadow:none}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn.ghost{background:transparent;border-color:var(--accent);color:var(--accent)}.btn.ghost:hover{background:var(--accent-soft);box-shadow:none}.btn.ghost.inverse{border-color:#ffffffb3;color:#fff}.btn.ghost.inverse:hover{background:#ffffff1f;border-color:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease-out),box-shadow .3s ease}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.product-card a{overflow:hidden;display:block}.product-card img{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:var(--surface-2);display:block;transition:transform .5s var(--ease-out)}.product-card:hover img{transform:scale(1.045)}.product-card .body{padding:1.1rem 1.2rem 1.3rem;display:flex;flex-direction:column;gap:.45rem;flex:1;text-align:left}.product-card .name{font-family:var(--font-heading);font-weight:700;color:var(--text);font-size:1.02rem;line-height:1.3}.product-card .name:hover{color:var(--accent);text-decoration:none}.product-card .price{color:var(--muted);font-weight:500}.shipping-note{color:var(--accent-hover);font-size:.82rem;font-weight:600;margin:0 0 .5rem;display:block}.product-card .btn{align-self:flex-start;margin-top:auto}.row{display:flex;gap:2rem;flex-wrap:wrap}.sidebar{width:200px;flex-shrink:0}.sidebar button{display:block;width:100%;text-align:left;background:none;border:none;color:var(--text);padding:.5rem .65rem;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body)}.sidebar button:hover,.sidebar button.active{background:var(--surface-2)}.form{max-width:420px;display:flex;flex-direction:column;gap:.85rem}.form input{padding:.7rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:.95rem}.form input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.error{color:var(--danger)}.muted{color:var(--muted)}.page-section{margin:0 0 3.5rem}.page-section h2{margin:0 0 1.25rem;font-size:1.75rem}.hero-section{position:relative;border-radius:24px;padding:4.5rem 3rem;margin-bottom:3.5rem;background:var(--brand-dark);min-height:320px;display:flex;align-items:center;overflow:hidden;color:#fff}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;animation:heroZoom 16s var(--ease-out) forwards}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0}.hero-inner{position:relative;z-index:1;max-width:620px}.hero-eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:700;color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.35rem .9rem;margin-bottom:1.1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeUp .7s var(--ease-out) both}.hero-section h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;margin:0 0 .9rem;color:#fff;animation:fadeUp .7s var(--ease-out) .1s both}.hero-sub{font-size:1.15rem;line-height:1.65;color:#ffffffe0;margin:0 0 1.6rem;animation:fadeUp .7s var(--ease-out) .2s both}.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap;animation:fadeUp .7s var(--ease-out) .3s both}.hero-section[style*="text-align: center"] .hero-actions{justify-content:center}@keyframes heroZoom{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s var(--ease-out)}.reveal.reveal-visible{opacity:1;transform:none}.reveal .sec-card,.reveal .product-card,.reveal .ps-feature,.reveal .sec-testimonial{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s var(--ease-out),box-shadow .3s ease}.reveal.reveal-visible .sec-card,.reveal.reveal-visible .product-card,.reveal.reveal-visible .ps-feature,.reveal.reveal-visible .sec-testimonial{opacity:1;transform:none}.reveal.reveal-visible :is(.sec-card,.product-card,.ps-feature,.sec-testimonial):nth-child(2){transition-delay:.08s}.reveal.reveal-visible :is(.sec-card,.product-card,.ps-feature,.sec-testimonial):nth-child(3){transition-delay:.16s}.reveal.reveal-visible :is(.sec-card,.product-card,.ps-feature,.sec-testimonial):nth-child(4){transition-delay:.24s}.reveal.reveal-visible :is(.sec-card,.product-card,.ps-feature,.sec-testimonial):nth-child(5){transition-delay:.32s}.reveal.reveal-visible :is(.sec-card,.product-card,.ps-feature,.sec-testimonial):nth-child(6){transition-delay:.4s}.image-text{display:flex;gap:2.5rem;align-items:center;flex-wrap:wrap}.image-text .it-media{flex:1;min-width:260px}.image-text .it-media img{width:100%;border-radius:var(--radius);object-fit:cover;box-shadow:var(--shadow-sm)}.image-text .it-body{flex:1;min-width:260px}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:380px;max-width:92vw;background:var(--surface);border-left:1px solid var(--border);padding:1.5rem;overflow-y:auto;box-shadow:-16px 0 48px #07242f2e;z-index:50;animation:slideIn .35s var(--ease-out)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:none}}.cart-item{display:flex;gap:.85rem;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.cart-item img{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-2)}.cart-item .meta{flex:1}.cart-qty{width:60px;padding:.35rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm)}.section-wrap{display:block}.sec{padding:3.5rem 0}.sec .container{padding-top:0;padding-bottom:0}.sec--light{background:var(--surface);border-block:1px solid var(--border)}.sec--dark{background:var(--brand-dark);color:#ffffffe6}.sec--dark h2,.sec--dark h3,.sec--dark h4{color:#fff}.sec--brand{background:linear-gradient(120deg,var(--accent),#075d75,#0a6b8a,var(--brand-dark),#075d75,var(--accent));background-size:300% 300%;animation:gradientFlow 16s ease infinite;color:#fff}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.sec--brand h2,.sec--brand h3{color:#fff}.sec--brand .sec-lead,.sec--brand p{color:#ffffffeb}.sec--brand .btn:not(.ghost){background:#fff;color:var(--accent-hover)}.sec--brand .btn:not(.ghost):hover{box-shadow:0 8px 24px #00000038}.sec--brand .btn.ghost{border-color:#ffffffbf;color:#fff}.sec--brand .btn.ghost:hover{background:#ffffff1f}.sec-btn-row{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.4rem}.sec-header{margin-bottom:2.25rem}.sec-header--center{text-align:center;max-width:720px;margin-inline:auto}.sec-header h2{margin:.35rem 0 .7rem;font-size:clamp(1.6rem,3vw,2.15rem)}.sec-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:700;color:var(--accent)}.sec--dark .sec-eyebrow,.sec--brand .sec-eyebrow{color:#8fd8e8}.sec-lead{color:var(--muted);font-size:1.08rem;margin:0}.sec-grid{display:grid;gap:1.4rem}.sec-grid--2{grid-template-columns:repeat(2,1fr)}.sec-grid--3{grid-template-columns:repeat(3,1fr)}.sec-grid--4{grid-template-columns:repeat(4,1fr)}.sec-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.6rem 1.5rem;display:block;color:var(--text);box-shadow:var(--shadow-sm)}.sec-card h3{margin:.45rem 0 .5rem;font-size:1.08rem}.sec-card p{margin:0 0 .5rem;color:var(--muted);font-size:.95rem}.sec-card-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--accent-soft);font-size:1.5rem;margin-bottom:.85rem}.sec-card--link{transition:transform .25s var(--ease-out),box-shadow .25s ease,border-color .25s ease}.sec-card--link:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:var(--shadow-lg);text-decoration:none}.sec-card-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:700;color:var(--accent)}.sec-card-more{color:var(--accent);font-weight:600;font-size:.9rem}.sec-card-bullets{margin:.5rem 0 0;padding-left:1.1rem;color:var(--muted)}.sec-card-bullets li{margin-bottom:.3rem}.mt-inner{display:flex;gap:3rem;align-items:center;flex-wrap:wrap}.mt-inner--reverse{flex-direction:row-reverse}.mt-media{flex:1 1 320px}.mt-media img{width:100%;border-radius:var(--radius);object-fit:cover;display:block;box-shadow:var(--shadow-lg)}.mt-body{flex:1 1 340px}.mt-body h2{margin:.35rem 0 .9rem;font-size:clamp(1.5rem,2.6vw,2rem)}.mt-body p{color:var(--muted);margin:0 0 .75rem;line-height:1.7}.mt-body .sec-card-bullets{color:var(--text)}.sec-ticklist{list-style:none;padding:0;margin:0 auto;max-width:780px;display:grid;gap:.75rem}.sec-ticklist--2{grid-template-columns:repeat(2,1fr)}.sec-ticklist li{position:relative;padding-left:2rem;color:var(--text);font-weight:500}.sec-ticklist li:before{content:"✓";position:absolute;left:0;top:.05em;width:1.35em;height:1.35em;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);color:var(--accent-hover);font-weight:700;font-size:.82em}.sec-highlight{margin:2rem auto 0;max-width:640px;text-align:center;font-family:var(--font-heading);font-size:1.4rem;font-weight:700;border:0;color:var(--accent-hover)}.sec-aside{text-align:center;color:var(--muted);margin:.5rem 0 0}.sec-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}.sec-testimonial{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem 1.5rem;margin:0;text-align:center;box-shadow:var(--shadow-sm)}.sec-testimonial-img img{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-bottom:.75rem}.sec-testimonial blockquote{margin:0 0 .7rem;font-style:italic;color:var(--text)}.sec-testimonial figcaption{font-weight:700;color:var(--accent)}.sec-cta{border-radius:24px;margin-inline:1.5rem}.sec-cta--center{text-align:center}.sec-cta--center .sec-btn-row{justify-content:center}.sec-cta h2{font-size:clamp(1.7rem,3.2vw,2.3rem);margin:.35rem 0 .7rem}.sec-cta .sec-lead{font-size:1.1rem}.contact-inner{max-width:680px}.contact-form{display:flex;flex-direction:column;gap:1.1rem}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.contact-form label{display:flex;flex-direction:column;gap:.4rem;font-weight:600;font-size:.9rem;color:var(--text)}.contact-form label span{color:var(--accent)}.contact-form input,.contact-form textarea{padding:.75rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:var(--font-body);font-size:.95rem;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.contact-form .btn{align-self:flex-start}.contact-success{text-align:center;background:var(--accent-soft);color:var(--accent-hover);font-weight:600;padding:1.25rem 1.5rem;border-radius:var(--radius)}@media (max-width: 900px){.sec-grid--4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 820px){.sec-grid--3,.sec-testimonials{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.sec-grid--2,.sec-grid--3,.sec-grid--4,.sec-testimonials,.sec-ticklist--2,.contact-row{grid-template-columns:1fr}.hero-section{padding:3rem 1.5rem}.sec-cta{margin-inline:.5rem}}@media (max-width: 700px){.nav{flex-direction:column;align-items:center;gap:.65rem;padding:.75rem 1rem .85rem}.nav .brand{display:flex}.nav .brand img{height:22px}.nav-links{width:100%;justify-content:center;align-items:center;gap:1.15rem;font-size:.92rem}.nav-links .btn{padding:.42rem 1rem;font-size:.88rem}}.image-banner{margin:0 0 3.5rem}.ib-frame{position:relative;width:100%;display:flex;overflow:hidden;box-shadow:var(--shadow-lg)}.ib-frame--rounded{border-radius:24px}.ib-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.ib-content{position:relative;z-index:1;display:flex;align-items:center;width:100%;padding:2.5rem}.ib-inner{max-width:680px;color:#fff;margin-inline:auto}.ib-inner h2{color:#fff;font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 .6rem}.ib-inner p{color:#ffffffeb;margin:0 0 1.1rem;font-size:1.05rem}.ib-inner .sec-btn-row{justify-content:center}.footer-wave-band{position:relative;height:90px;margin-top:3rem}.site-footer{margin-top:0}.site-footer-inner{display:grid;grid-template-columns:1.6fr repeat(auto-fit,minmax(150px,1fr));gap:2.5rem;align-items:start}.site-footer-logo{max-height:34px;margin-bottom:.9rem;display:block;filter:brightness(0) invert(1);opacity:.92}.site-footer-name{font-family:var(--font-heading);font-size:1.2rem;font-weight:800;margin-bottom:.5rem}.site-footer-tagline{color:#ffffffbf;margin:0 0 1rem;max-width:360px;font-size:.93rem}.site-footer-socials{display:flex;flex-wrap:wrap;gap:1rem}.site-footer-socials a{color:#ffffffd9;font-weight:500}.site-footer-socials a:hover{color:#fff}.site-footer-col h4{margin:0 0 .85rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:#8fd8e8}.site-footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.site-footer-col a{color:#ffffffc7}.site-footer-col a:hover{color:#fff;text-decoration:none}.site-footer-legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:flex-end;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid rgba(255,255,255,.12);color:#ffffff8c;font-size:.85rem}.site-footer-credit{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;padding-top:1.5rem}.site-footer-credit-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff73}.site-footer-credit img{height:24px;width:auto;display:block;opacity:.75;transition:opacity .2s ease}.site-footer-credit img:hover{opacity:1}@media (max-width: 640px){.site-footer-credit{align-items:flex-start}}@media (max-width: 640px){.site-footer-inner{grid-template-columns:1fr 1fr}}.waves{position:absolute;left:0;right:0;bottom:-1px;height:88px;overflow:hidden;pointer-events:none;z-index:2}.wave{position:absolute;bottom:0;left:0;width:calc(100% + 2400px);height:100%;background-repeat:repeat-x;background-size:1200px 100%;background-position:bottom left;will-change:transform}.wave--1{opacity:.3;height:100%;animation:waveSlide 26s linear infinite}.wave--2{opacity:.55;height:72%;animation:waveSlideBack 18s linear infinite}.wave--3{opacity:1;height:48%;animation:waveSlide 12s linear infinite}@keyframes waveSlide{0%{transform:translate(0)}to{transform:translate(-1200px)}}@keyframes waveSlideBack{0%{transform:translate(-1200px)}to{transform:translate(0)}}.hero-bubbles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.hero-bubbles span{position:absolute;bottom:-40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:radial-gradient(circle at 32% 30%,#ffffff59,#ffffff0d);animation:bubbleRise 9s linear infinite;opacity:0}.hero-bubbles span:nth-child(1){left:8%;width:14px;height:14px;animation-duration:10s;animation-delay:0s}.hero-bubbles span:nth-child(2){left:21%;width:8px;height:8px;animation-duration:8s;animation-delay:2.4s}.hero-bubbles span:nth-child(3){left:35%;width:18px;height:18px;animation-duration:12s;animation-delay:1.2s}.hero-bubbles span:nth-child(4){left:52%;width:10px;height:10px;animation-duration:9s;animation-delay:4.6s}.hero-bubbles span:nth-child(5){left:64%;width:7px;height:7px;animation-duration:7.5s;animation-delay:3.1s}.hero-bubbles span:nth-child(6){left:76%;width:15px;height:15px;animation-duration:11s;animation-delay:.8s}.hero-bubbles span:nth-child(7){left:87%;width:9px;height:9px;animation-duration:8.5s;animation-delay:5.2s}.hero-bubbles span:nth-child(8){left:94%;width:12px;height:12px;animation-duration:10.5s;animation-delay:2s}@keyframes bubbleRise{0%{transform:translate(0);opacity:0}8%{opacity:.7}45%{transform:translate(10px,-280px)}80%{opacity:.5}to{transform:translate(-8px,-620px);opacity:0}}.ps-layout{display:grid;grid-template-columns:1fr minmax(240px,340px) 1fr;gap:2.5rem;align-items:center}.ps-media{position:relative;display:flex;justify-content:center}.ps-media img{width:100%;max-width:340px;position:relative;z-index:1;animation:psFloat 6s ease-in-out infinite;filter:drop-shadow(0 24px 32px rgba(7,36,47,.22))}.ps-glow{position:absolute;top:-8%;right:-14%;bottom:-8%;left:-14%;border-radius:50%;background:radial-gradient(closest-side,rgba(11,135,166,.22),rgba(216,238,244,.5) 55%,transparent 75%);animation:psGlow 6s ease-in-out infinite}@keyframes psFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes psGlow{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.06);opacity:1}}.ps-col{display:grid;gap:1.9rem;align-content:center}.ps-feature{display:flex;gap:.9rem;align-items:flex-start}.ps-icon{flex-shrink:0;display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--accent-soft);font-size:1.3rem;box-shadow:var(--shadow-sm)}.ps-feature h3{margin:0 0 .3rem;font-size:1.02rem}.ps-feature p{margin:0;color:var(--muted);font-size:.93rem;line-height:1.55}.ps-col--left .ps-feature{flex-direction:row-reverse;text-align:right}@media (max-width: 900px){.ps-layout{grid-template-columns:1fr;gap:2rem}.ps-media{order:-1}.ps-col--left .ps-feature{flex-direction:row;text-align:left}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-bubbles{display:none}}