:root { --ink:#123b42; --teal:#0b6472; --teal-dark:#084e5b; --green:#3dbb87; --green-dark:#2a996f; --mint:#eaf8f2; --cream:#fbfcf9; --line:#dceae5; --muted:#5e7476; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { max-width:1200px; height:82px; margin:auto; padding:0 28px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; gap:10px; align-items:center; color:var(--teal-dark); font-size:21px; font-weight:800; letter-spacing:-.5px; }
.brand img { width:42px; height:42px; object-fit:cover; border-radius:10px; }
nav { display:flex; gap:34px; font-size:14px; font-weight:650; }
nav a:hover { color:var(--green); }
.header-cta { background:var(--green); color:white; padding:12px 18px; border-radius:10px; font-size:14px; font-weight:700; box-shadow:0 12px 30px rgba(61,187,135,.2); transition:.2s ease; }
.header-cta:hover { background:var(--green-dark); transform:translateY(-1px); }
.hero { max-width:1200px; min-height:620px; margin:auto; padding:70px 28px 90px; display:grid; grid-template-columns:1.08fr .92fr; gap:50px; align-items:center; }
.eyebrow { color:var(--teal); font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:1.6px; }
h1 { margin:18px 0 22px; max-width:650px; font-size:clamp(48px,6vw,78px); line-height:.98; letter-spacing:-4.5px; }
.hero-copy>p { max-width:610px; margin:0; color:var(--muted); font-size:19px; line-height:1.65; }
.hero-actions { display:flex; gap:12px; margin:34px 0 24px; }
.button { min-height:50px; padding:0 22px; border:1px solid var(--green); border-radius:11px; display:inline-flex; align-items:center; justify-content:center; gap:20px; color:white; background:var(--green); box-shadow:0 12px 30px rgba(61,187,135,.2); font-size:14px; font-weight:750; transition:.2s ease; }
.primary,.secondary { color:white; background:var(--green); border-color:var(--green); }
.primary:hover,.secondary:hover { color:white; background:var(--green-dark); border-color:var(--green-dark); transform:translateY(-1px); }
.trust-line { display:flex; flex-wrap:wrap; gap:9px; align-items:center; color:#647879; font-size:12px; }
.trust-line>span { color:var(--green); font-weight:900; }.trust-line i { width:3px;height:3px;border-radius:50%;background:#9db5b0; }
.hero-art { position:relative; min-height:440px; display:grid; place-items:center; background:radial-gradient(circle at 50% 48%,#d8f6e7 0 26%,transparent 27%),linear-gradient(145deg,#eef9f6,#f8fbf7); border-radius:52% 48% 42% 58% / 42% 45% 55% 58%; overflow:hidden; }
.orbit { position:absolute; border:1px solid rgba(61,187,135,.35); border-radius:50%; }.orbit-one{width:370px;height:230px;transform:rotate(-18deg)}.orbit-two{width:280px;height:380px;transform:rotate(28deg)}
.official-logo-wrap { position:relative; z-index:2; width:min(76%,360px); aspect-ratio:1; padding:12px; background:rgba(255,255,255,.82); border:1px solid rgba(255,255,255,.95); border-radius:28px; box-shadow:0 24px 55px rgba(8,78,91,.2); backdrop-filter:blur(8px); }
.official-logo-wrap img { width:100%; height:100%; object-fit:contain; border-radius:20px; }
.mini-card { position:absolute; z-index:3; padding:15px 18px; display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 30px rgba(18,59,66,.12);font-size:12px;font-weight:750; }.mini-card b{color:var(--green);font-size:18px}.card-lock{left:20px;top:88px}.card-check{right:12px;bottom:84px}
.section { max-width:1200px; margin:auto; padding:100px 28px; }
.section-heading { display:grid; grid-template-columns:1.4fr .6fr; gap:60px; align-items:end; margin-bottom:42px; }
h2 { margin:12px 0 0; font-size:clamp(34px,4vw,52px); line-height:1.08; letter-spacing:-2px; }.section-heading p{color:var(--muted);line-height:1.7;margin:0}
.product-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.product-card { min-height:330px; padding:28px; display:flex;flex-direction:column; background:white;border:1px solid var(--line);border-radius:20px;position:relative;transition:.2s ease; }.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(18,59,66,.08)}
.product-card.featured { border:2px solid var(--green); }.popular{position:absolute;right:20px;top:20px;background:var(--mint);color:#15734e;padding:7px 10px;border-radius:99px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}.product-tag{color:var(--teal);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.product-card h3{margin:28px 0 14px;font-size:25px;line-height:1.15;letter-spacing:-.7px}.product-card p{color:var(--muted);line-height:1.65;margin:0}.product-footer{margin-top:auto;padding-top:30px;border-top:1px solid #edf2ef;display:flex;align-items:center;justify-content:space-between;font-size:13px}.product-footer strong{color:#7a8c8d;font-size:12px}.product-footer a{color:var(--teal);font-weight:800}.launch-note{text-align:center;color:#789091;font-size:12px;margin:22px auto 0;max-width:720px}
.product-card.featured .product-footer strong{color:#15734e}
.kids-section { position:relative; isolation:isolate; overflow:hidden; padding:108px max(28px,calc((100vw - 1144px)/2)); color:#fff; background:linear-gradient(145deg,#071419 0%,#0b2b33 56%,#061116 100%); scroll-margin-top:24px; }
.kids-section::before { content:""; position:absolute; z-index:-2; inset:0; opacity:.38; background-image:linear-gradient(rgba(115,216,174,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(115,216,174,.08) 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent); }
.kids-section::after { content:""; position:absolute; z-index:-1; top:-260px; right:-190px; width:620px; height:620px; border:1px solid rgba(0,200,255,.22); border-radius:50%; box-shadow:inset 0 0 160px rgba(0,200,255,.08),0 0 110px rgba(61,187,135,.05); }
.kids-shell { max-width:1144px; margin:auto; }
.kids-heading { max-width:830px; margin:0 auto 50px; text-align:center; }
.kids-kicker { display:inline-flex; align-items:center; gap:10px; color:#73d8ae; font-size:12px; font-weight:850; letter-spacing:1.5px; line-height:1.5; text-transform:uppercase; }
.kids-kicker i { width:9px; height:9px; border-radius:50%; background:#43e6a4; box-shadow:0 0 0 7px rgba(67,230,164,.1),0 0 20px rgba(67,230,164,.72); }
.kids-heading h2 { margin:17px auto 20px; color:#fff; font-size:clamp(38px,5vw,62px); line-height:1.04; letter-spacing:-3px; }
.kids-heading p { max-width:740px; margin:0 auto; color:#b8cbca; font-size:17px; line-height:1.7; }
.kids-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.kids-card { --kid-accent:#43e6a4; --kid-soft:rgba(67,230,164,.09); position:relative; min-height:370px; overflow:hidden; padding:28px; display:flex; flex-direction:column; border:1px solid rgba(151,214,205,.2); border-radius:22px; background:linear-gradient(155deg,rgba(15,42,50,.96),rgba(7,24,30,.96)); box-shadow:0 22px 54px rgba(0,0,0,.2); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.kids-card::before { content:""; position:absolute; top:0; right:0; left:0; height:2px; background:linear-gradient(90deg,transparent,var(--kid-accent),transparent); opacity:.82; }
.kids-card::after { content:""; position:absolute; top:-90px; right:-90px; width:190px; height:190px; border-radius:50%; background:var(--kid-soft); filter:blur(5px); pointer-events:none; }
.kids-card-phone { --kid-accent:#00c8ff; --kid-soft:rgba(0,200,255,.09); }
.kids-card-social { --kid-accent:#7ddfb9; --kid-soft:rgba(125,223,185,.09); }
.kids-card:hover { transform:translateY(-5px); border-color:color-mix(in srgb,var(--kid-accent) 54%,transparent); box-shadow:0 26px 62px rgba(0,0,0,.28); }
.kids-card-top { position:relative; z-index:1; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:28px; }
.kids-icon { display:grid; width:54px; height:54px; place-items:center; border:1px solid var(--kid-accent); border-radius:15px; color:var(--kid-accent); background:var(--kid-soft); }
.kids-icon svg { width:29px; height:29px; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.65; }
.kids-card-tag { padding:7px 10px; border:1px solid rgba(115,216,174,.22); border-radius:99px; color:#73d8ae; background:rgba(67,230,164,.07); font-size:10px; font-weight:850; letter-spacing:1px; text-transform:uppercase; }
.kids-card-tag.is-available { border-color:rgba(67,230,164,.52); color:#061b20; background:#43e6a4; }
.kids-card h3 { position:relative; z-index:1; margin:0 0 15px; color:#fff; font-size:23px; line-height:1.18; letter-spacing:-.65px; }
.kids-card>p { position:relative; z-index:1; margin:0; color:#adbfbe; font-size:14px; line-height:1.65; }
.kids-card-status { position:relative; z-index:1; margin-top:auto; padding-top:25px; border-top:1px solid rgba(255,255,255,.1); color:#d8e7e4; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.7px; }
.kids-card-status i { color:#7f9998; font-style:normal; font-weight:700; }
.kids-card-status.is-available { display:flex; align-items:center; justify-content:space-between; color:#43e6a4; text-decoration:none; transition:color .2s ease; }
.kids-card-status.is-available i { color:inherit; font-size:18px; transition:transform .2s ease; }
.kids-card-status.is-available:hover { color:#fff; }
.kids-card-status.is-available:hover i { transform:translateX(4px); }
@media(max-width:980px){.kids-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kids-card-social{grid-column:1/-1;width:calc(50% - 9px);justify-self:center}}
@media(max-width:650px){.kids-section{padding:78px 20px}.kids-heading{text-align:left;margin-bottom:36px}.kids-heading h2{font-size:clamp(36px,11vw,48px);letter-spacing:-2.3px}.kids-heading p{font-size:16px}.kids-kicker{font-size:10px}.kids-grid{grid-template-columns:1fr}.kids-card,.kids-card-social{grid-column:auto;width:100%;min-height:340px}.kids-card{padding:24px}}
.about { padding:100px 28px; }.about-card{max-width:1144px;margin:auto;padding:74px;background:var(--mint);border-radius:30px;text-align:center}.about-card h2{max-width:760px;margin:14px auto 20px}.about-card>p{max-width:680px;margin:auto;color:var(--muted);line-height:1.7}.principles{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:34px}.principles span{background:white;border:1px solid var(--line);border-radius:99px;padding:12px 17px;font-size:12px;font-weight:700}.principles span:before{content:"✓";color:var(--green);margin-right:8px}
#produtos { scroll-margin-top:24px; }
.catalog-hero { position:relative; isolation:isolate; max-width:1144px; margin:20px auto 100px; padding:clamp(58px,7vw,86px) clamp(24px,7vw,84px); overflow:hidden; text-align:center; background:linear-gradient(135deg,rgba(234,248,242,.98),rgba(255,255,255,.96)); border:1px solid var(--line); border-radius:30px; box-shadow:0 24px 60px rgba(18,59,66,.08); }
.catalog-hero::before,.catalog-hero::after { content:""; position:absolute; z-index:-1; border-radius:50%; pointer-events:none; }
.catalog-hero::before { width:360px; height:360px; top:-230px; right:-100px; background:rgba(46,182,125,.16); }
.catalog-hero::after { width:260px; height:260px; bottom:-190px; left:-80px; background:rgba(11,100,114,.10); }
.catalog-hero-content { position:relative; z-index:1; max-width:880px; margin:0 auto; }
.catalog-hero h1 { max-width:860px; margin:16px auto 22px; font-size:clamp(38px,5vw,64px); line-height:1.04; letter-spacing:-3px; }
.catalog-hero p { max-width:720px; margin:0 auto; color:var(--muted); font-size:clamp(16px,2vw,19px); line-height:1.65; }
.catalog-hero-cta { min-height:56px; margin-top:32px; padding:0 28px; color:#fff; background:#2eb67d; border-color:#2eb67d; font-size:15px; box-shadow:0 16px 34px rgba(46,182,125,.28); }
.catalog-hero-cta:hover { color:#fff; background:var(--green-dark); border-color:var(--green-dark); }
.catalog-hero-cta:focus-visible { outline:3px solid rgba(46,182,125,.34); outline-offset:4px; }
@media(max-width:680px){.catalog-hero{margin:10px 18px 72px;padding:52px 22px;border-radius:24px}.catalog-hero h1{font-size:clamp(36px,11vw,48px);letter-spacing:-2.4px}.catalog-hero-cta{width:100%;padding:14px 18px;line-height:1.35}}
footer { padding:42px max(28px,calc((100vw - 1144px)/2));background:white;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}footer p{font-size:13px;color:var(--muted)}footer>div:last-of-type{display:flex;gap:22px;font-size:12px;font-weight:700}footer small{grid-column:1/-1;color:#849495;border-top:1px solid #edf2ef;padding-top:22px;font-size:10px}
@media(max-width:850px){nav,.header-cta{display:none}.hero{grid-template-columns:1fr;padding-top:48px}.hero-art{min-height:360px}.section-heading{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.section-heading{gap:20px}.about-card{padding:48px 24px}footer{grid-template-columns:1fr}footer small{grid-column:auto}}
@media(max-width:520px){h1{font-size:49px;letter-spacing:-3px}.hero-actions{flex-direction:column}.hero-art{min-height:320px}.shield{width:140px;height:170px}.card-lock{left:8px}.card-check{right:8px}.section,.about{padding-top:72px;padding-bottom:72px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.product-card,.primary{transition:none}}