:root{--navy:#0d2b48;--blue:#1677bd;--sky:#eaf5fb;--ink:#11263b;--muted:#5e7184;--cream:#fffaf1;--line:#d9e4ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f9fc;color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,82px);background:rgba(255,255,255,.95);position:sticky;top:0;z-index:10;border-bottom:1px solid #e7edf1;backdrop-filter:blur(12px)}.brand{color:var(--navy);font-weight:800;letter-spacing:1px;font-size:24px;text-decoration:none;display:flex;gap:8px;align-items:center}.brand small{display:block;font-size:8px;letter-spacing:.5px;font-weight:500}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--navy);color:#fff;font-size:18px;font-style:italic}.site-header nav{display:flex;gap:26px;align-items:center}.site-header nav a{font-size:14px;color:var(--ink);text-decoration:none}.site-header nav a:hover{color:var(--blue)}.nav-ml{border:1px solid var(--navy);padding:9px 13px;border-radius:8px}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--navy)}.hero{min-height:590px;padding:80px clamp(28px,9vw,150px);display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 90% 10%,#cae8f5 0,transparent 27%),var(--cream)}.hero-copy{max-width:640px;z-index:1}.eyebrow{display:block;font-size:12px;letter-spacing:1.4px;font-weight:800;color:var(--blue);margin-bottom:14px}.hero h1,.section-heading h2,.school-campaign h2,.how h2{margin:0;color:var(--navy);font-size:clamp(42px,5vw,74px);line-height:1.05;letter-spacing:-2px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.hero p{max-width:450px;font-size:18px;line-height:1.65;color:var(--muted);margin:25px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{border:0;border-radius:8px;padding:14px 20px;font-weight:700;text-decoration:none;cursor:pointer;font-size:14px}.primary{background:var(--blue);color:#fff}.primary:hover{background:#075f9e}.ghost{color:var(--navy);background:#fff;border:1px solid #aec6d6}.hero-orbit{height:360px;width:360px;border:36px solid var(--navy);border-radius:50%;position:relative;flex:0 0 auto;color:var(--navy);transform:rotate(-10deg);margin-right:6vw}.hero-orbit span{position:absolute;top:48px;left:-40px;font-weight:800;letter-spacing:3px;transform:rotate(10deg)}.hero-orbit i{position:absolute;width:115px;height:115px;border-radius:50%;right:-55px;bottom:55px;background:var(--blue)}.hero-orbit b{position:absolute;left:50px;bottom:58px;font-family:Georgia,serif;font-size:25px;line-height:1.1;transform:rotate(10deg)}.school-campaign{max-width:1280px;margin:70px auto;min-height:350px;overflow:hidden;position:relative;border-radius:18px;background:var(--cream);display:flex;align-items:center;padding:50px clamp(30px,6vw,90px)}.school-campaign img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center right;z-index:0}.school-campaign>div{position:relative;z-index:1;max-width:410px}.school-campaign h2{font-size:clamp(36px,4vw,58px)}.school-campaign p{line-height:1.55;color:#4d6377}.catalog-section{padding:50px clamp(25px,7vw,120px) 100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading h2,.how h2{font-size:clamp(32px,3.6vw,52px)}.section-heading p{color:var(--muted)}.filters{margin:32px 0;display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}.pill-group{display:flex;gap:8px;flex-wrap:wrap}.pill{background:#fff;border:1px solid var(--line);color:var(--navy);padding:9px 15px;border-radius:999px;cursor:pointer;font-size:14px}.pill.active,.pill:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.search{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:9px;width:min(100%,350px);display:flex;gap:8px}.search input{border:0;outline:0;width:100%;font:inherit}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.product-card{background:#fff;border:1px solid #e5edf2;border-radius:14px;overflow:hidden;transition:transform .24s ease,box-shadow .24s ease;animation:rise .45s both}.product-card:hover{transform:translateY(-7px);box-shadow:0 18px 40px #1c49651c}.photo-stage{height:252px;background:#edf5f9;display:grid;place-items:center;padding:15px;overflow:hidden}.photo-stage img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s ease}.product-card:hover img{transform:scale(1.06)}.photo-placeholder{font-size:13px;color:#7890a1;text-align:center}.card-body{padding:18px}.card-top{display:flex;justify-content:space-between;gap:8px;color:#74889a;font-size:11px;text-transform:uppercase;letter-spacing:.6px}.card-body h3{font-size:19px;margin:9px 0 4px;color:var(--navy)}.card-body p{margin:0;color:var(--muted);font-size:13px;min-height:36px}.price{font-weight:800;color:var(--navy);font-size:20px;margin:14px 0}.sizes{display:flex;gap:6px;flex-wrap:wrap;min-height:28px}.size{border:1px solid #bad2e0;border-radius:5px;padding:4px 7px;color:var(--navy);font-size:12px;font-weight:700}.whatsapp-product{display:block;margin-top:16px;text-align:center;background:#e6f7ee;color:#137044;padding:10px;border-radius:7px;text-decoration:none;font-weight:700;font-size:13px}.empty-state{text-align:center;padding:60px;color:var(--muted)}.how{background:var(--navy);color:#fff;padding:75px clamp(25px,7vw,120px);display:flex;justify-content:space-between;gap:30px}.how h2{color:#fff}.how .eyebrow{color:#7dcbfa}.how ol{display:flex;gap:35px;max-width:750px;padding:0;margin:0;list-style:none}.how li{display:flex;gap:10px;align-items:flex-start;max-width:205px;color:#d9e7f0}.how b{color:#7dcbfa;font-size:25px}footer{background:#091d30;color:#e8f2f8;padding:45px clamp(25px,7vw,120px);display:grid;grid-template-columns:1fr auto;gap:35px}.footer-brand{color:#fff}.footer-brand .brand-mark{background:#fff;color:var(--navy)}.footer-links{display:flex;gap:17px;align-items:center;flex-wrap:wrap}.footer-links a{color:#8ed3ff;text-decoration:none}.footer-links span,footer small{color:#a9c1d1;font-size:13px}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:5;background:#21a566;color:#fff;padding:14px 17px;border-radius:999px;box-shadow:0 8px 24px #0d604a55;text-decoration:none;font-weight:700}.reveal{animation:rise .6s both}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,1fr)}.hero-orbit{margin:0;transform:scale(.82)}.school-campaign{margin:45px 24px}.site-header{padding:0 24px}}@media(max-width:720px){.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:18px 24px;box-shadow:0 9px 18px #1234}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:17px}.menu-toggle{display:block}.hero{min-height:610px;padding:65px 28px;align-items:flex-start}.hero-orbit{position:absolute;right:-145px;bottom:-75px;opacity:.35}.school-campaign{min-height:410px;align-items:flex-start}.school-campaign img{object-position:67% center;opacity:.5}.school-campaign>div{max-width:300px}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.photo-stage{height:180px}.card-body{padding:13px}.how,.section-heading{display:block}.how ol{margin-top:30px;gap:16px;flex-direction:column}.filters{align-items:stretch}.search{width:100%}footer{grid-template-columns:1fr}.whatsapp-float span{display:none}.whatsapp-float{right:15px;bottom:15px}.hero h1{font-size:49px}}@media(max-width:410px){.product-grid{grid-template-columns:1fr}.brand{font-size:21px}}