:root{--navy:#0C1E2E;--navy2:#102A3E;--panel:#0A1826;--ink:#13293B;--cream:#F5F2EA;
--cream2:#ECE7DB;--blue:#4FB3E8;--blue2:#1E7FC2;--muted:#9FB3C4;--maxw:1120px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--navy);color:var(--cream);font-family:'Quicksand',sans-serif;
font-weight:500;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:'Comfortaa',cursive;font-weight:700;line-height:1.15}
img{max-width:100%;display:block}
a{color:var(--blue);text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
.accent{background:linear-gradient(100deg,#7CD0F5,#1E7FC2);-webkit-background-clip:text;background-clip:text;color:transparent}
/* promo bar */
.promo{background:linear-gradient(90deg,#1E7FC2,#3aa0dd);color:#fff;text-align:center;
padding:9px 16px;font-size:.86rem;letter-spacing:.04em}
.promo strong{font-weight:700}
/* nav */
header{position:sticky;top:0;z-index:60;background:rgba(12,30,46,.92);backdrop-filter:blur(10px);
border-bottom:1px solid rgba(255,255,255,.07)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;align-items:center;gap:10px;color:var(--cream)}
.logo-img{height:44px;width:auto;display:block}
.logo-img-full{height:104px;width:auto;display:block;margin-left:-14px}
nav>ul{display:flex;gap:26px;list-style:none;align-items:center}
nav a{color:var(--cream);font-size:.92rem;font-weight:600}
nav a:hover{color:var(--blue)}
nav a.active{color:var(--blue)}
.has-sub{position:relative}
.has-sub>a::after{content:" ▾";font-size:.7em}
.sub{display:none;position:absolute;top:100%;left:-16px;background:var(--panel);list-style:none;
min-width:200px;padding:12px 0;border:1px solid rgba(255,255,255,.1);border-radius:12px;
box-shadow:0 16px 40px rgba(0,0,0,.4)}
.sub li{display:block}
.sub a{display:block;padding:9px 18px;font-size:.88rem}
.has-sub:hover .sub,.has-sub:focus-within .sub{display:block}
.btn{display:inline-block;background:linear-gradient(100deg,#4FB3E8,#1E7FC2);color:#fff;
padding:13px 28px;border-radius:999px;font-weight:700;font-size:.95rem;letter-spacing:.02em;
transition:transform .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(30,127,194,.4)}
.btn.ghost{background:transparent;border:1.5px solid rgba(245,242,234,.4);color:var(--cream)}
.btn.small{padding:10px 20px;font-size:.85rem}
.menu-btn{display:none;background:none;border:0;color:var(--cream);font-size:1.7rem;cursor:pointer}
/* hero */
.hero{position:relative;padding:100px 0 90px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;
background:radial-gradient(900px 500px at 80% -10%,rgba(79,179,232,.18),transparent 60%)}
.hero .wrap{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.kicker{font-size:.8rem;letter-spacing:.34em;color:var(--blue);font-weight:700;text-transform:uppercase;margin-bottom:18px}
.hero h1{font-size:clamp(2.3rem,5vw,3.9rem);margin-bottom:22px}
.hero p.lead{font-size:1.12rem;color:var(--muted);max-width:34rem;margin-bottom:32px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-img{border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5);
border:1px solid rgba(255,255,255,.08)}
.hero-img img{width:100%;height:460px;object-fit:cover}
.stars{margin-top:26px;font-size:.9rem;color:var(--muted)}
.stars b{color:#FFD873;letter-spacing:2px}
/* sections */
section{padding:84px 0}
.sec-head{display:flex;align-items:baseline;gap:18px;margin-bottom:44px}
.sec-num{font-family:'Comfortaa',cursive;color:var(--blue);font-size:.95rem;letter-spacing:.2em}
.sec-head h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}
.sub-p{color:var(--muted);max-width:44rem;margin:-30px 0 40px}
.light{background:var(--cream);color:var(--ink)}
.light .sub-p,.light .card p,.light .muted{color:#5A6B7B}
.light h2,.light h3{color:var(--ink)}
/* size toggle */
.size-wrap{margin:0 0 34px}
.size-toggle{display:inline-flex;gap:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
padding:5px;border-radius:999px}
.light .size-toggle{background:#fff;border-color:#E0D9C9}
.size-toggle button{border:0;background:transparent;color:var(--muted);font-family:'Quicksand',sans-serif;
font-weight:700;font-size:.88rem;padding:9px 20px;border-radius:999px;cursor:pointer;transition:all .15s ease}
.light .size-toggle button{color:#5A6B7B}
.size-toggle button.on{background:linear-gradient(100deg,#4FB3E8,#1E7FC2);color:#fff}
.sizex{margin-top:9px;font-size:.83rem;color:var(--muted)}
.light .sizex{color:#5A6B7B}
/* cards */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.card{background:var(--navy2);border:1px solid rgba(255,255,255,.08);border-radius:18px;
padding:30px;display:flex;flex-direction:column;gap:12px}
.light .card{background:#fff;border-color:#E4DED0;box-shadow:0 8px 30px rgba(19,41,59,.08)}
.card img{border-radius:12px;height:190px;width:100%;object-fit:cover}
.card h3{font-size:1.25rem}
.card .from{font-size:.9rem;color:var(--blue2);font-weight:700}
.card p{color:var(--muted);font-size:.95rem;flex:1}
.card .btn{align-self:flex-start}
/* tables */
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{padding:13px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}
.light th,.light td{border-color:#E0D9C9}
th{font-family:'Comfortaa',cursive;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.light th{color:var(--blue2)}
td b,td .pz{font-weight:700;font-family:'Comfortaa',cursive;font-size:1.05rem}
td.gap{color:var(--muted);opacity:.55}
.light td.gap{color:#8B9AA8}
.price-note{font-size:.83rem;color:var(--muted);margin-top:14px}
.light .price-note{color:#5A6B7B}
.grid-note{font-style:italic;font-size:.86rem;color:var(--muted);margin-top:12px}
.light .grid-note{color:#5A6B7B}
/* tier cards */
.tier{position:relative;background:var(--navy2);border:1px solid rgba(255,255,255,.1);
border-radius:20px;padding:34px 28px;display:flex;flex-direction:column}
.light .tier{background:#fff;border-color:#E4DED0;box-shadow:0 10px 34px rgba(19,41,59,.09)}
.tier.pop{border:2px solid var(--blue2)}
.tag{position:absolute;top:-13px;left:26px;background:linear-gradient(100deg,#4FB3E8,#1E7FC2);
color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
padding:5px 14px;border-radius:999px}
.tier h3{font-size:1.4rem;margin-bottom:4px}
.tier .cad{font-size:.85rem;color:var(--muted);margin-bottom:14px}
.light .tier .cad{color:#5A6B7B}
.tier .prices{margin-bottom:6px}
.tier .prices .pz{font-size:2.5rem;font-family:'Comfortaa',cursive;font-weight:700;line-height:1.1}
.tier .intro-line{font-size:.85rem;color:var(--blue2);font-weight:700;margin-bottom:4px}
.pill{display:inline-block;background:linear-gradient(100deg,#4FB3E8,#1E7FC2);-webkit-background-clip:text;
background-clip:text;color:transparent;font-weight:700;font-size:.9rem;margin:2px 0 4px}
.upgrade-line{margin-top:14px;padding:12px 14px;border:1px dashed rgba(79,179,232,.5);border-radius:12px;
font-size:.88rem;color:var(--muted)}
.light .upgrade-line{color:#44586B;border-color:#8FC4E8}
.upgrade-line b{color:var(--blue2);font-family:'Comfortaa',cursive}
.tier ul{list-style:none;margin:18px 0 26px;flex:1}
.tier li{padding:7px 0 7px 26px;position:relative;font-size:.93rem;color:var(--muted)}
.light .tier li{color:#44586B}
.tier li::before{content:"✦";position:absolute;left:0;color:var(--blue);font-size:.8rem;top:9px}
/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step{border-top:2px solid var(--blue2);padding-top:18px}
.step .n{font-family:'Comfortaa',cursive;color:var(--blue);letter-spacing:.16em;font-size:.85rem;margin-bottom:8px}
.step h4{font-size:1.05rem;margin-bottom:8px}
.step p{color:var(--muted);font-size:.92rem}
.light .step p{color:#5A6B7B}
/* stats */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center}
.stat b{font-family:'Comfortaa',cursive;font-size:2.4rem;display:block;color:var(--blue)}
.stat span{color:var(--muted);font-size:.9rem}
/* notice */
.notice{background:rgba(79,179,232,.1);border:1px solid rgba(79,179,232,.35);border-radius:14px;
padding:18px 22px;font-size:.93rem;margin:26px 0}
.light .notice{background:#EAF4FB;border-color:#BBDCF2;color:#28455C}
/* faq */
.faq{max-width:820px}
details{border-bottom:1px solid rgba(255,255,255,.12);padding:6px 0}
.light details{border-color:#E0D9C9}
summary{cursor:pointer;font-family:'Comfortaa',cursive;font-size:1.02rem;line-height:1.4;padding:16px 44px 16px 0;list-style:none;position:relative;display:block}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--blue);line-height:1}
details[open] summary::after{content:"–"}
details p{padding:0 44px 18px 0;color:var(--muted);font-size:.95rem}
.light details p{color:#5A6B7B}
/* embeds */
.reels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:start}
.reels .instagram-media{margin:0 auto !important}
/* cta band */
.cta-band{background:linear-gradient(120deg,#102A3E,#0C1E2E);border-top:1px solid rgba(255,255,255,.08);text-align:center}
.cta-band h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:14px}
.cta-band p{color:var(--muted);margin-bottom:30px}
.cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
/* footer */
footer{background:#081420;border-top:1px solid rgba(255,255,255,.07);padding:60px 0 34px;font-size:.92rem}
.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px;margin-bottom:44px}
.foot h4{font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.foot ul{list-style:none}
.foot li{margin-bottom:9px}
.foot a{color:var(--cream)}
.foot a:hover{color:var(--blue)}
.foot p{color:var(--muted)}
.legal{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;
flex-wrap:wrap;gap:12px;color:#66798B;font-size:.82rem}
/* page hero (subpages) */
.page-hero{padding:76px 0 56px;position:relative}
.page-hero h1{font-size:clamp(2rem,4.4vw,3.2rem);margin-bottom:16px;max-width:48rem}
.page-hero p{color:var(--muted);max-width:40rem;font-size:1.08rem}
.crumbs{font-size:.8rem;color:var(--muted);margin-bottom:22px}
.crumbs a{color:var(--muted)}
/* responsive */
@media(max-width:920px){
.hero .wrap{grid-template-columns:1fr}
.hero-img img{height:320px}
.grid3,.steps,.stats{grid-template-columns:1fr}
.grid2{grid-template-columns:1fr}
.foot{grid-template-columns:1fr 1fr}
nav>ul{position:fixed;inset:72px 0 auto 0;background:var(--panel);flex-direction:column;
padding:26px;gap:20px;display:none;border-bottom:1px solid rgba(255,255,255,.1);align-items:flex-start;
max-height:calc(100vh - 72px);overflow:auto}
nav>ul.open{display:flex}
.menu-btn{display:block}
.has-sub .sub{display:block;position:static;background:transparent;border:0;box-shadow:none;
min-width:0;padding:8px 0 0 16px}
.has-sub>a::after{content:""}
table{font-size:.85rem}
th,td{padding:10px 8px}
}
@media(max-width:560px){.foot{grid-template-columns:1fr}}