:root { --teal:#009baa; --teal-dark:#007985; --navy:#10456f; --purple:#6d3cc6; --purple-dark:#4d2796; --ink:#173044; --sky:#e8f9fb; --yellow:#ffd45c; --paper:#fff; --line:#cfe8eb; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:"Nunito",sans-serif; font-size:16px; line-height:1.55; }
a { color:inherit; text-decoration:none; }
.site-header { width:min(1180px,calc(100% - 40px)); margin:auto; min-height:86px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.brand img { width:154px; display:block; }
nav { display:flex; align-items:center; gap:30px; font-weight:800; }
nav a:hover { color:var(--teal); }
.nav-cta { color:white; background:var(--navy); padding:10px 18px; border-radius:999px; display:inline-flex; align-items:center; gap:8px; }
.nav-cta svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; }
.nav-cta svg .fill-dot { fill:currentColor; stroke:none; }
.nav-cta:hover { color:white; background:var(--teal); }
.hero { min-height:650px; padding:70px max(28px,calc((100% - 1180px)/2)); display:grid; grid-template-columns:1.03fr .97fr; gap:70px; align-items:center; overflow:hidden; background:linear-gradient(145deg,#f7fdfe 0%,#edf7ff 55%,#eee9ff 100%); }
.eyebrow { margin:0 0 14px; color:var(--teal-dark); font-size:.82rem; font-weight:800; letter-spacing:.14em; }
h1,h2,h3 { font-family:"Baloo 2",sans-serif; line-height:1.05; margin:0; }
h1 { max-width:710px; font-size:clamp(3.3rem,6vw,6.3rem); letter-spacing:-.055em; color:var(--navy); }
h1 span { color:var(--purple); }
.lead { max-width:610px; margin:25px 0 34px; font-size:1.18rem; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.button { display:inline-flex; justify-content:center; align-items:center; min-height:52px; padding:0 24px; border-radius:14px; font-weight:800; transition:.2s ease; }
.button:hover { transform:translateY(-2px); }
.primary { background:var(--teal); color:white; box-shadow:0 10px 25px rgba(0,155,170,.22); }
.secondary { border:2px solid var(--navy); color:var(--navy); background:white; }
.hero-art { position:relative; min-height:470px; display:grid; place-items:center; }
.hero-art>img { position:relative; z-index:2; width:min(74%,370px); border-radius:50%; box-shadow:0 30px 70px rgba(16,69,111,.18); }
.orbit { position:absolute; border:2px dashed rgba(0,155,170,.28); border-radius:50%; }
.orbit-one { width:440px; height:440px; border-color:rgba(109,60,198,.3); }
.orbit-two { width:570px; height:570px; }
.mini-card { position:absolute; z-index:3; padding:12px 18px; border-radius:14px; background:white; box-shadow:0 14px 30px rgba(16,69,111,.16); font-weight:800; color:var(--navy); }
.card-one { top:45px; left:3%; transform:rotate(-7deg); background:var(--teal); color:white; }
.card-two { top:90px; right:2%; transform:rotate(7deg); background:var(--purple); color:white; }
.card-three { bottom:42px; right:4%; background:var(--yellow); transform:rotate(-3deg); }
.product { width:min(1180px,calc(100% - 40px)); margin:110px auto; }
.product-intro { display:grid; grid-template-columns:.95fr 1.05fr; gap:70px; align-items:center; }
.product-visual { position:relative; border-radius:30px; background:linear-gradient(145deg,var(--navy),var(--purple-dark)); overflow:hidden; box-shadow:0 22px 50px rgba(16,69,111,.14); }
.feature-image { display:block; width:100%; height:auto; }
.product-copy h2,.section-heading h2 { font-size:clamp(2.6rem,5vw,4.2rem); color:var(--navy); letter-spacing:-.035em; }
.product-copy>p:not(.eyebrow) { margin:20px 0; font-size:1.08rem; max-width:650px; }
.benefits { padding:0; margin:26px 0 35px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; list-style:none; }
.benefits li { padding:15px; border-radius:14px; background:var(--sky); font-weight:800; font-size:.93rem; }
.benefits li:before { content:"✓"; color:var(--teal); margin-right:7px; }
.sales-title { margin-bottom:12px; font-family:"Baloo 2"; font-size:1.3rem; font-weight:800; }
.sales-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.marketplace { padding:15px; border:1px dashed var(--teal); border-radius:14px; background:#fbffff; }
.marketplace b,.marketplace small { display:block; }
.marketplace small { margin-top:2px; color:#61808c; }
.marketplace.active { border-style:solid; border-color:var(--purple); background:#f7f3ff; transition:.2s ease; }
.marketplace.active b { display:flex; justify-content:space-between; color:var(--purple-dark); }
.marketplace.active small { color:var(--purple); }
.marketplace.active:hover { transform:translateY(-2px); box-shadow:0 10px 22px rgba(109,60,198,.14); }
.product-gallery { margin-top:28px; display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.product-gallery img { display:block; width:100%; height:auto; border-radius:24px; box-shadow:0 18px 38px rgba(16,69,111,.12); }
.discover { padding:100px max(28px,calc((100% - 1180px)/2)); background:#f4fbfc; }
.section-heading { display:flex; justify-content:space-between; gap:40px; align-items:end; margin-bottom:42px; }
.section-heading h2 { max-width:760px; }
.link-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.link-card { min-height:245px; padding:26px; border-radius:24px; display:grid; grid-template-columns:auto 1fr auto; align-items:start; gap:18px; color:white; transition:.2s ease; }
.link-card:hover { transform:translateY(-6px); box-shadow:0 20px 35px rgba(16,69,111,.16); }
.link-card small { font-size:.72rem; letter-spacing:.1em; font-weight:800; opacity:.8; }
.link-card h3 { margin:50px 0 5px; font-size:2rem; }
.link-card p { margin:0; }
.link-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:rgba(255,255,255,.18); font-size:1.3rem; font-weight:800; }
.link-icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.8; }
.link-icon svg .fill-dot { fill:currentColor; stroke:none; }
.link-card>b { font-size:1.4rem; }
.instagram { background:linear-gradient(145deg,var(--purple-dark),#8654dc,#237da5); }
.play { background:linear-gradient(145deg,#123f64,#087d88); }
.youtube { background:linear-gradient(145deg,#7650ca,#452580); }
.contact { width:min(1180px,calc(100% - 40px)); margin:95px auto; padding:50px; display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; align-items:center; border-radius:28px; background:linear-gradient(135deg,#edfafd,#f2edff); }
.contact h2 { font-size:clamp(2.4rem,4vw,3.5rem); color:var(--navy); }
.contact p:not(.eyebrow) { margin:10px 0 0; }
.contact-links { display:grid; gap:12px; }
.contact-links a { padding:18px 20px; border:1px solid rgba(109,60,198,.18); border-radius:16px; background:white; transition:.2s ease; overflow-wrap:anywhere; }
.contact-links a:hover { transform:translateX(4px); border-color:var(--purple); }
.contact-links small,.contact-links strong { display:block; }
.contact-links small { color:var(--purple); font-size:.72rem; font-weight:800; letter-spacing:.1em; }
.contact-links strong { margin-top:3px; color:var(--navy); font-size:1.05rem; }
footer { min-height:150px; width:min(1180px,calc(100% - 40px)); margin:auto; display:flex; align-items:center; gap:16px; color:#5d7884; }
footer img { width:38px; height:38px; border-radius:50%; }
footer p:last-child { margin-left:auto; }
@media (max-width:900px) { nav>a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:50px}.hero-art{min-height:390px}.orbit-two{width:460px;height:460px}.product-intro{grid-template-columns:1fr;gap:42px}.benefits,.sales-grid,.link-cards{grid-template-columns:1fr}.section-heading{display:block}.section-heading h2{margin-top:8px}.link-card{min-height:190px}.link-card h3{margin-top:28px}.contact{grid-template-columns:1fr;gap:30px} }
@media (max-width:560px) { .site-header{min-height:74px}.brand img{width:130px}.nav-cta{padding:8px 14px}.hero{padding-left:20px;padding-right:20px;gap:35px;min-height:auto}.hero-art{min-height:330px}.hero-art>img{width:250px}.orbit-one{width:310px;height:310px}.orbit-two{display:none}.mini-card{padding:9px 12px;font-size:.82rem}.card-one{top:8px;left:0}.card-two{top:48px;right:0}.card-three{bottom:6px;right:0}.product{margin:70px auto}.product-gallery{grid-template-columns:1fr;gap:16px}.product-gallery img,.product-visual{border-radius:18px}.discover{padding-top:70px;padding-bottom:70px}.contact{margin:65px auto;padding:30px 22px}footer{flex-wrap:wrap;padding:35px 0}footer p:last-child{margin-left:0;width:100%} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.button,.link-card{transition:none} }