@charset "UTF-8";
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
:root{
  --c-bg:#FAFAF7;
  --c-white:#FFFFFF;
  --c-text:#1C1C1A;
  --c-muted:#6B6B62;
  --c-border:#E8E8E2;
  --c-orange:#F78F1F;
  --c-orange-light:#FEF3E4;
  --c-green:#4DB550;
  --c-green-light:#E8F7E9;
  --c-yellow:#1AB9D9;
  --c-yellow-light:#E4F8FC;
  --c-blue:#6B72AC;
  --c-blue-light:#EEEEF9;
  --c-rose:#E84040;
  --c-rose-light:#FDEAEA;
  --r:16px;
  --r-lg:24px;
  --r-xl:32px;
}

/* --- Base --- */
body{font-family:'Poppins',sans-serif;background:var(--c-bg);color:var(--c-text);line-height:1.6;overflow-x:hidden}
p{font-size:18px;line-height:1.75}

/* --- Topbar --- */
.topbar{background:var(--c-orange);color:#fff;text-align:center;padding:10px 16px;font-size:13px;font-weight:500}

/* --- Nav --- */
nav{position:sticky;top:0;z-index:200;background:rgba(250,250,247,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--c-border);height:76px}
.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:0 48px;height:100%}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-logo-mark{width:100px;height:100px;border-radius:10px;object-fit:contain}
.nav-logo-text{font-family:'Poppins',sans-serif;font-size:1.25rem;color:var(--c-text)}
.nav-logo-text span{color:var(--c-orange)}
.nav-right{display:flex;align-items:center;gap:32px}
.nav-links{display:flex;align-items:center;gap:40px}
.nav-links a{color:var(--c-text);text-decoration:none;font-size:15px;font-weight:500;font-family:'Poppins',sans-serif;transition:color .15s;padding-bottom:3px;border-bottom:2px solid transparent}
.nav-links a:hover{color:var(--c-muted)}
.nav-links a.active{color:var(--c-text);border-bottom:2.5px solid #F6DF4B}
.btn-nav{background:var(--c-orange);color:#fff;padding:10px 22px;border-radius:50px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .15s}
.btn-nav:hover{opacity:.88}
.social-icons{display:flex;gap:10px;align-items:center}
.social-link{display:flex;transition:transform .2s,opacity .2s}
.social-link:hover{transform:translateY(-2px);opacity:.85}

.belka-top,.belka-bottom{width:100%;display:block;margin:6px 0}

/* --- Hero --- */
.hero-wrap{background:url('imges/backroundHero.png') center/100% 100% no-repeat;box-shadow:0 8px 28px rgba(0,0,0,0.13);margin:0 5mm;border-radius:16px;overflow:hidden}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;padding:80px 48px;min-height:auto;max-width:1200px;margin:0 auto}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--c-orange-light);border:1px solid rgba(247,143,31,.25);color:var(--c-orange);padding:6px 14px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:28px}
.hero h1{font-family:'Poppins',sans-serif;font-size:clamp(2.8rem,4.5vw,4rem);font-weight:500;line-height:1.08;color:#fff;margin-bottom:24px}
.hero h1 em{color:#fff;font-style:normal;font-weight:700;text-decoration:underline;text-decoration-color:#F6DF4B;text-decoration-thickness:4px;text-underline-offset:7px}
.hero-sub{font-size:18px;color:rgba(255,255,255,.85);line-height:1.75;max-width:480px;margin-bottom:12px}
.hero-sub2{font-size:18px;color:#fff;font-weight:600;max-width:480px;margin-bottom:40px}
.hero-visual{display:flex;justify-content:center;align-items:center;position:relative;height:auto;overflow:visible;border-radius:0;background:none}
.hero-main-img{position:static;width:120%;height:auto;object-fit:contain;object-position:center;display:block;margin-left:-10%}
.hero-visual .pill-float{position:absolute;z-index:2}
.hero-visual .pf1{top:32px;left:20px}
.hero-visual .pf2{top:160px;left:10px}
.hero-visual .pf3{bottom:40px;left:30px}
.kids-scene{position:absolute;bottom:20px;right:24px;display:flex;align-items:flex-end;gap:8px;z-index:2}
.hero-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:48px}
.btn-primary{background:var(--c-orange);color:#fff;padding:15px 30px;border-radius:50px;font-weight:600;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:opacity .15s,transform .15s}
.btn-primary:hover{opacity:.9;transform:translateY(-1px)}
.btn-ghost{color:var(--c-text);font-size:15px;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:6px;border-bottom:1.5px solid var(--c-text);padding-bottom:1px;transition:opacity .15s}
.btn-ghost:hover{opacity:.6}
.hero-proof{display:flex;align-items:center}

/* Hero slider */
.hero-slider{width:100%}
.hero-slide{width:100%;height:auto;display:none}
.hero-slide.active{display:block}
.hero-dots{display:flex;justify-content:center;gap:10px;padding:14px 0;position:absolute;bottom:8px;left:0;right:0}
.hero-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.8);background:transparent;cursor:pointer;padding:0;transition:background .25s,border-color .25s}
.hero-dot.active{background:#fff;border-color:#fff}
.grating{background:rgba(255,255,255,.15);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:14px 20px;display:inline-flex;flex-direction:column;gap:6px}
.grating-top{display:flex;align-items:center;gap:10px}
.google-icon{flex-shrink:0}
.grating-score{font-size:1.5rem;font-weight:700;color:#fff;line-height:1}
.grating-stars{font-size:18px;color:#FBBC05;letter-spacing:2px;line-height:1}
.grating-bottom{font-size:12px;color:rgba(255,255,255,.75);font-weight:500}

/* --- Pillars --- */
.pillars{background:transparent;padding:0 48px;position:relative;z-index:10;margin-top:-70px}
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:0 auto}
.pillar-card{background:#fff;border:1.5px solid var(--c-border);border-top-width:4px;border-radius:var(--r-xl);padding:40px 32px;text-align:left;box-shadow:0 8px 32px rgba(0,0,0,.10);transition:transform .2s,box-shadow .2s}
.pillar-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(0,0,0,.14)}
.pillar-orange{border-top-color:var(--c-orange)}
.pillar-green{border-top-color:var(--c-green)}
.pillar-blue{border-top-color:#1AB9D9}
.pillar-title{font-size:1.5rem;font-weight:700;margin-bottom:12px;color:var(--c-text)}
.pillar-desc{font-size:0.95rem;color:var(--c-muted);line-height:1.75;margin:0}
@media(max-width:768px){.pillars-grid{grid-template-columns:1fr;gap:10px}.pillars{padding:12px 16px 0;margin-top:-32px}.pillar-card{padding:16px 18px}.pillar-title{font-size:1.1rem;margin-bottom:4px}.pillar-desc{font-size:0.85rem;line-height:1.5}}

/* --- Sections common --- */
section{padding:120px 48px}
.section-inner{max-width:1200px;margin:0 auto}
.label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c-orange);margin-bottom:16px}
.label::before{content:'';width:18px;height:2px;background:var(--c-orange);border-radius:2px}
.sh{font-family:'Poppins',sans-serif;font-size:clamp(2rem,3.5vw,2.9rem);line-height:1.15;color:var(--c-text);margin-bottom:28px}
.sh em{color:inherit;font-style:normal;text-decoration:underline;text-decoration-color:#F6DF4B;text-decoration-thickness:4px;text-underline-offset:7px}
.sb{font-size:18px;color:var(--c-muted);line-height:1.75;max-width:560px}

/* --- Decorative paw --- */
.deco-lapka{position:absolute;pointer-events:none;user-select:none;opacity:.12}
.hero-wrap{position:relative;overflow:hidden}
.why{position:relative;overflow:hidden}
.deco-l1{width:160px;top:24px;right:80px;transform:rotate(20deg);opacity:.15}
.deco-l2{width:90px;bottom:32px;left:48px;transform:rotate(-15deg);opacity:.1}
.deco-l3{width:120px;top:48px;right:48px;transform:rotate(10deg);opacity:.08}
.benefits{position:relative;overflow:hidden}
.deco-l4{width:180px;bottom:-30px;right:-20px;transform:rotate(-25deg);opacity:.07}
.deco-l5{width:80px;top:60px;left:24px;transform:rotate(35deg);opacity:.1}
.testimonials{position:relative;overflow:hidden}
.deco-l6{width:140px;top:40px;left:-20px;transform:rotate(-10deg);opacity:.08}

/* --- Section photos --- */
.section-photo{width:100%;border-radius:24px;display:block;object-fit:cover;max-height:420px;margin-bottom:40px}
.section-inner > .section-photo:last-child{margin-bottom:0}
.why .section-photo,.benefits .section-photo{aspect-ratio:4/3;max-height:none}

/* --- Why --- */
.why{background:var(--c-bg)}
.why-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:64px;flex-wrap:wrap;gap:32px}
.why-desc{font-size:1rem;color:var(--c-muted);line-height:1.75;max-width:640px;margin:40px auto 16px;text-align:center}
.why-extras{display:flex;flex-direction:column;gap:12px;max-width:640px;margin:0 auto 48px}
.why-extra-item{font-size:.95rem;color:var(--c-muted);line-height:1.75;background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:14px 20px}
.why-extra-item strong{color:var(--c-text)}
.why-head > div{max-width:560px}
.why-head > .sb{max-width:340px;padding-top:12px}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:56px;padding-top:36px}
.wcard{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:52px 24px 32px;position:relative;transition:transform .2s,border-color .2s}
.wcard:hover{transform:translateY(-4px);border-color:#ccc}
.wicon{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:32px;position:absolute;top:-36px;left:24px}
.wi1{background:var(--c-orange-light)}
.wi2{background:var(--c-green-light)}
.wi3{background:var(--c-blue-light)}
.wi4{background:var(--c-yellow-light)}
.wcard h3{font-size:24px;font-weight:600;margin-bottom:8px}
.wcard p{font-size:0.95rem;color:var(--c-muted);line-height:1.75}
.wtag{display:inline-block;margin-top:14px;background:var(--c-orange-light);color:var(--c-orange);font-size:11px;font-weight:700;padding:3px 10px;border-radius:50px}

/* --- How --- */
.how{background:var(--c-bg)}
.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:56px}
.steps{display:flex;flex-direction:column}
.step{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid var(--c-border)}
.step:last-child{border-bottom:none}
.snum{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}
.slabel{display:inline;font-size:15px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text);background:linear-gradient(transparent 45%,rgba(246,223,75,.7) 45%);padding:0 3px;margin-bottom:12px;line-height:2}
.step h3{font-size:1.05rem;font-weight:600;margin-bottom:6px}
.step p{font-size:0.95rem;color:var(--c-muted);line-height:1.75}
.how-card{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-xl);padding:40px;box-shadow:0 2px 24px rgba(0,0,0,.04)}
.how-card .big-e{font-size:56px;display:block;margin-bottom:20px}
.how-card h3{font-family:'Poppins',sans-serif;font-size:1.4rem;margin-bottom:10px}
.how-card p{font-size:0.9rem;color:var(--c-muted);line-height:1.75}
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.method-label{font-size:0.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;display:block}
.method-card{padding:28px 24px}
.method-card h3{font-size:1.05rem;font-weight:700;margin-bottom:10px;line-height:1.35}
.method-card p{font-size:0.9rem}
.method-panda{border-radius:var(--r-xl);border:1px solid var(--c-border);background:#FFF9F0;display:flex;align-items:center;justify-content:center;min-height:220px;box-shadow:0 2px 24px rgba(0,0,0,.04)}
.method-panda img{width:200px;height:200px;object-fit:contain}
.hstat{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:20px 24px;margin-top:16px;display:flex;align-items:center;gap:16px}
.hstat-n{font-family:'Poppins',sans-serif;font-size:2.2rem;color:var(--c-orange)}
.hstat-t{font-size:13px;color:var(--c-muted);line-height:1.5}
.hstat-t strong{color:var(--c-text);display:block}

/* --- Levels --- */
.level-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:0}
.level-card{background:var(--c-white);border:2.5px solid var(--c-border);border-radius:var(--r-lg);padding:28px 24px;display:flex;flex-direction:column;gap:10px;transition:transform .2s,border-color .2s}
.level-card:hover{transform:translateY(-4px);border-color:#ccc}
.level-age{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:4px 14px;border-radius:50px;font-size:13px;font-weight:700}
.level-name{font-family:'Poppins',sans-serif;font-size:1.3rem;font-weight:700;color:var(--c-text)}
.level-desc{font-size:0.9rem;color:var(--c-muted);line-height:1.75}
@media(max-width:960px){.level-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.level-grid{grid-template-columns:1fr}}

/* --- App feats (pkg section) --- */
.phone-wrap{display:flex;justify-content:center;align-items:flex-start}

/* --- Benefits --- */
.tenmin{background:var(--c-white)}
.tenmin-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:56px}
.tenmin-content{display:flex;flex-direction:column;gap:0}
.tenmin-sub{font-size:1.15rem;font-weight:700;color:var(--c-text);margin:20px 0 24px;line-height:1.4}
.tenmin-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}
.tenmin-list li{display:flex;gap:14px;align-items:flex-start;font-size:0.95rem;color:var(--c-muted);line-height:1.75;padding:16px 0;border-bottom:1px solid var(--c-border)}
.tenmin-list li:last-child{border-bottom:none}
.tenmin-list strong{color:var(--c-text)}
.tenmin-img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-xl);display:block}
.benefits{background:var(--c-bg)}
.ben-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:56px}
.bcard{border-radius:var(--r-xl);border:2.5px solid var(--c-orange);overflow:hidden;background:var(--c-white)}
.bc2{border-color:var(--c-green)}
.bcard-top{padding:36px 40px 32px;position:relative}
.bt-orange{background:var(--c-orange)}
.bt-green{background:var(--c-green)}
.bt-tag{font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;margin-bottom:12px}
.bcard-top h3{font-size:1.75rem;font-weight:700;line-height:1.2;color:#fff}
.bt-icon{position:absolute;right:28px;top:50%;transform:translateY(-50%);font-size:52px;opacity:.25}
.blist{list-style:none;display:flex;flex-direction:column;padding:8px 40px 36px}
.blist li{display:flex;align-items:center;gap:12px;font-size:0.95rem;line-height:1.7;color:var(--c-text);padding:13px 0;border-bottom:1px solid var(--c-border)}
.blist li:last-child{border-bottom:none}
.bcheck{width:20px;height:20px;flex-shrink:0}

/* --- Gang section --- */
.gang-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:56px}
.gang-text{display:flex;flex-direction:column;gap:20px}
.gang-text p{font-size:1rem;color:var(--c-muted);line-height:1.75;margin:0}
.gang-text strong{color:var(--c-text)}
.gang-photo img{width:100%;border-radius:var(--r-xl);display:block;object-fit:contain}
@media(max-width:960px){.gang-inner{grid-template-columns:1fr;gap:40px}}

/* --- Testimonials --- */
.testimonials{background:var(--c-white)}
.testimonials .section-inner{max-width:none;padding:0 48px}
.testi-heading{max-width:1200px;margin:0 auto}
.testi-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:56px;flex-wrap:wrap;gap:24px}
.rbadge{background:var(--c-yellow-light);border:1px solid rgba(26,185,217,.25);border-radius:var(--r-lg);padding:16px 24px;text-align:center}
.rbadge-n{font-family:'Poppins',sans-serif;font-size:2.8rem}
.rbadge-s{font-size:14px;margin:2px 0 4px}
.rbadge-c{font-size:12px;color:var(--c-muted)}
.tslider-wrap{display:flex;align-items:center;gap:16px;margin-top:56px;padding:0}
.tgrid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 20px;-ms-overflow-style:none;scrollbar-width:none;flex:1}
.tgrid::-webkit-scrollbar{display:none}
.tcard{scroll-snap-align:start;flex:0 0 calc(20% - 13px)}
.tslider-btn{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--c-border);background:var(--c-white);cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,border-color .15s,color .15s;box-shadow:0 2px 8px rgba(0,0,0,.06)}
.tslider-btn:hover{background:var(--c-orange);border-color:var(--c-orange);color:#fff}
@media(max-width:960px){.tslider-wrap{padding:0 24px}}
@media(max-width:960px){.tcard{flex:0 0 calc(50% - 10px)}}
@media(max-width:600px){.tslider-btn{display:none}.tcard{flex:0 0 260px}}
.tcard{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:28px 24px;transition:border-color .2s,transform .2s}
.tcard:hover{border-color:#ccc;transform:translateY(-3px)}
.tstars{font-size:18px;color:#FBBC05;letter-spacing:2px;margin:10px 0 12px}
.ttext{font-size:0.9rem;line-height:1.75;color:var(--c-text);margin-bottom:18px;font-style:italic}
.tauthor{display:flex;align-items:center;gap:10px}
.tav{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.ta1{background:#FFD0B8}
.ta2{background:#B8F0CC}
.ta3{background:#B8D8F8}
.tname{font-size:.85rem;font-weight:600}
.trole{font-size:.75rem;color:var(--c-muted)}

/* --- Lessons --- */
.lessons{background:var(--c-white)}
.lessons-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:56px}
.lessons-text{display:flex;flex-direction:column;gap:20px}
.lessons-sub{font-size:1.15rem;font-weight:700;color:var(--c-text);margin:48px 0 24px}
.lessons-photo img{width:100%;border-radius:var(--r-xl);object-fit:cover;aspect-ratio:4/3;display:block}
.lessons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.lcard{background:var(--c-white);border:1px solid var(--c-border);border-top:4px solid var(--c-orange);border-radius:var(--r-lg);padding:36px 32px;display:flex;flex-direction:column;gap:14px;box-shadow:0 2px 16px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}
.lcard:hover{transform:translateY(-5px);box-shadow:0 12px 36px rgba(0,0,0,.1)}
.lcard h4{font-size:1.05rem;font-weight:700;color:var(--c-text);line-height:1.3;margin:0}
.lcard p{font-size:0.9rem;color:var(--c-muted);line-height:1.75;margin:0}
@media(max-width:960px){.lessons-inner{grid-template-columns:1fr;gap:40px}.lessons-photo{display:none}.lessons-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.lessons-grid{grid-template-columns:1fr}}

/* --- Levels standalone --- */
.levels{background:var(--c-bg)}
.levels-intro{font-size:1rem;color:var(--c-muted);line-height:1.75;max-width:760px;margin:0 0 40px}
.levels .level-grid{margin-top:56px}

/* --- Package --- */
.package{background:var(--c-bg)}
.pkg-layout2{display:grid;grid-template-columns:1.4fr 1fr;gap:88px;align-items:start}
.pkg-photo-col{position:static}
.pkg-photo2{width:100%;border-radius:var(--r-xl);object-fit:contain;display:block}
.pkg-content-col{display:flex;flex-direction:column;gap:0}
.pkg-intro{display:flex;flex-direction:column;gap:16px;margin-bottom:48px;max-width:100%}
.pkg-intro p{font-size:1.05rem;color:var(--c-muted);line-height:1.85;margin:0}
.pkg-items-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pkg-item-card{background:var(--c-white);border:1px solid var(--c-border);border-top:3px solid var(--c-orange);border-radius:var(--r-lg);padding:26px 28px;transition:transform .2s,border-color .2s,box-shadow .2s}
.pkg-item-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(0,0,0,.08)}
.pkg-item-body{display:flex;flex-direction:column;gap:10px}
.pkg-item-body h4{font-size:1rem;font-weight:700;color:var(--c-text);margin:0;line-height:1.35}
.pkg-item-body p{font-size:0.9rem;color:var(--c-muted);line-height:1.8;margin:0}
.pkg-closing{margin-top:36px;border-top:2px solid var(--c-orange);padding-top:32px}
.pkg-closing-lead{font-size:1.2rem;font-weight:700;color:var(--c-text);margin:0 0 10px}
.pkg-closing-body{font-size:1rem;color:var(--c-muted);line-height:1.85;margin:0}
@media(max-width:960px){.pkg-layout2{grid-template-columns:1fr;gap:48px}.pkg-photo-col{position:static}.pkg-photo2{max-width:480px;margin:0 auto}}
@media(max-width:600px){.pkg-items-grid{grid-template-columns:1fr}}
.pkg-layout{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;margin-top:56px}
.pkg-photo{width:100%;border-radius:20px;object-fit:contain;position:sticky;top:88px}
.pkg-grid{display:grid;grid-template-columns:1fr;gap:10px}
.pkg-card{display:flex;gap:14px;align-items:flex-start;background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:18px;transition:border-color .2s,transform .2s}
.pkg-card:hover{border-color:#ccc;transform:translateY(-2px)}
.pkg-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.pkg-card h4{font-size:0.9rem;font-weight:600;color:var(--c-text);margin-bottom:4px;line-height:1.3}
.pkg-card p{font-size:0.85rem;color:var(--c-muted);line-height:1.65}
.pkg-note{font-size:12px;color:var(--c-muted);max-width:200px}
@media(max-width:960px){.pkg-layout{grid-template-columns:1fr}.pkg-photo{position:static;max-width:480px;margin:0 auto}}

/* --- Modal --- */
.modal-overlay{position:fixed;inset:0;background:rgba(28,28,26,.55);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .25s}
.modal-overlay.active{opacity:1;pointer-events:all}
.modal-box{background:var(--c-white);border-radius:28px;padding:48px;width:100%;max-width:540px;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.18);transform:translateY(24px);transition:transform .3s}
.modal-overlay.active .modal-box{transform:translateY(0)}
.modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;border:none;background:var(--c-bg);color:var(--c-muted);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}
.modal-close:hover{background:var(--c-border)}
.modal-header{margin-bottom:32px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}

/* --- Contact --- */
.contact{background:var(--c-white)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:56px;align-items:stretch}
.contact-form{display:flex;flex-direction:column;gap:20px}
.fgroup{display:flex;flex-direction:column;gap:8px}
.fgroup label{font-size:14px;font-weight:600;color:var(--c-text)}
.fgroup input,.fgroup select,.fgroup textarea{font-family:'Poppins',sans-serif;font-size:15px;color:var(--c-text);background:var(--c-bg);border:1.5px solid var(--c-border);border-radius:12px;padding:14px 18px;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}
.fgroup input:focus,.fgroup select:focus,.fgroup textarea:focus{border-color:var(--c-orange);box-shadow:0 0 0 3px rgba(247,143,31,.12)}
.fgroup textarea{resize:vertical;min-height:110px}
.fgroup select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B6B62' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}
.map-wrap{border-radius:24px;overflow:hidden;min-height:480px;box-shadow:0 4px 32px rgba(0,0,0,.08)}
.map-wrap iframe{display:block;width:100%;height:100%;min-height:480px}
@media(max-width:960px){.contact-grid{grid-template-columns:1fr}.map-wrap{min-height:300px}.map-wrap iframe{min-height:300px}}

/* --- Problem --- */
.problem{background:#F5F8FF}
.prob-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:56px}
.problem .sh{margin-bottom:28px}
.prob-left{display:flex;flex-direction:column;gap:0}
.prob-callout{display:flex;flex-direction:column;gap:16px}
.prob-lead{font-size:1.1rem;font-weight:700;color:var(--c-text);line-height:1.65;margin:0}
.prob-body{font-size:0.95rem;color:var(--c-muted);line-height:1.75;margin:0}
.prob-close{font-size:1rem;font-weight:600;color:var(--c-text);line-height:1.7;margin:0}
.text-orange{color:var(--c-orange)}
.prob-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.prob-benefits li{font-size:16px;color:var(--c-text);line-height:1.65}
.prob-pain{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}
.prob-pain li{display:flex;align-items:center;gap:16px;font-size:1.1rem;color:var(--c-text);line-height:1.55;font-weight:600}
.prob-pain li::before{content:"✓";flex-shrink:0;width:34px;height:34px;background:transparent;border:2px solid #4A7FCF;color:#4A7FCF;font-size:17px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center}
.prob-right{height:100%}
.prob-img{width:100%;min-height:520px;object-fit:cover;border-radius:var(--r-xl);display:block}
@media(max-width:960px){.prob-inner{grid-template-columns:1fr;gap:40px}.prob-img{min-height:280px}}

/* --- FAQ --- */
.faq{background:var(--c-white)}
.faq-list{margin-top:56px;display:flex;flex-direction:column;gap:12px;max-width:800px;margin-left:auto;margin-right:auto}
.faq-item{border:1.5px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-white);overflow:hidden;transition:border-color .2s}
.faq-item[open]{border-color:var(--c-orange)}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;cursor:pointer;list-style:none;font-size:1rem;font-weight:600;color:var(--c-text);gap:16px}
.faq-q::-webkit-details-marker{display:none}
.faq-icon{width:28px;height:28px;border-radius:50%;background:var(--c-orange-light);color:var(--c-orange);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;transition:transform .25s}
.faq-icon::after{content:'+'}
.faq-item[open] .faq-icon{transform:rotate(45deg)}
.faq-a{padding:0 28px 24px;border-top:1px solid var(--c-border)}
.faq-a p{font-size:0.9rem;color:var(--c-muted);line-height:1.75;padding-top:18px}
.faq-a ul{font-size:0.9rem;color:var(--c-muted);line-height:1.75;padding-top:18px;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.faq-a ul li{padding:6px 0;border-bottom:1px solid var(--c-border)}
.faq-a ul li:last-child{border-bottom:none}

/* --- About --- */
.about{background:var(--c-bg)}
.about-inner{display:block;max-width:760px}
.about-text{display:flex;flex-direction:column;gap:20px}
.about-lead{font-size:1.05rem;font-weight:600;color:var(--c-text);line-height:1.6;margin:0}
.about-visual{display:flex;flex-direction:column;gap:16px;padding-top:8px}
.about-rrr-img{width:100%;max-width:560px;display:block;margin:32px 0 0}
.about-readmore{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:15px;font-weight:600;color:var(--c-orange);text-decoration:none;border-bottom:2px solid var(--c-orange);padding-bottom:2px;transition:opacity .15s}
.about-readmore:hover{opacity:.7}
.about-readmore-arrow{transition:transform .15s}
.about-readmore:hover .about-readmore-arrow{transform:translateX(4px)}
.about-rrr{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.about-pillar{background:var(--c-white);border:1px solid var(--c-border);border-top:4px solid;border-radius:var(--r-lg);padding:24px 28px;display:flex;flex-direction:column;gap:8px}
@media(max-width:600px){.about-rrr{grid-template-columns:1fr}}
.about-pillar-name{font-size:1.1rem;font-weight:700}
.about-pillar p{font-size:0.9rem;color:var(--c-muted);line-height:1.7;margin:0}
@media(max-width:960px){.about-inner{grid-template-columns:1fr;gap:40px}}

/* --- Location --- */
.location{background:var(--c-white)}
.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:56px;align-items:stretch}
.location-info{display:flex;flex-direction:column;gap:12px}
.addr-card{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-lg);transition:border-color .2s,transform .2s}
.addr-card:hover{border-color:#ccc;transform:translateX(4px)}
.addr-icon{width:44px;height:44px;border-radius:12px;background:var(--c-orange-light);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;margin-top:2px}
.addr-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-orange);margin-bottom:4px}
.addr-text{font-size:.9rem;color:var(--c-muted);line-height:1.65}
.addr-text strong{color:var(--c-text)}
@media(max-width:960px){.location-grid{grid-template-columns:1fr}}

/* --- Footer CTA --- */
.fcta{background:#8D61A9;padding:100px 48px;text-align:center;border-bottom:8px solid #fff}
.fcta h2{font-family:'Poppins',sans-serif;font-size:clamp(2rem,4vw,3.2rem);color:#fff;margin-bottom:16px}
.fcta p{color:rgba(255,255,255,.8);font-size:1rem;max-width:460px;margin:0 auto 36px;line-height:1.7}
.btn-white{background:#fff;color:var(--c-text);padding:16px 36px;border-radius:50px;font-weight:700;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:opacity .15s}
.btn-white:hover{opacity:.85}
.fcta .btn-primary{border:2px solid #fff}
.cline{color:rgba(255,255,255,.85);font-size:16px;margin-top:20px}
.cline a{color:#fff;text-decoration:none;font-weight:600}

/* --- Footer --- */
footer{background:#8D61A9;padding:56px 48px 32px}
.footer-main{max-width:1200px;margin:0 auto 40px;display:flex;flex-direction:column;gap:20px}
.flogo{display:flex}
.footer-logo{height:80px;width:auto;object-fit:contain}
.footer-desc{font-size:0.95rem;color:rgba(255,255,255,.65);line-height:1.75;max-width:560px;margin:0}
.footer-contact{display:flex;gap:32px;flex-wrap:wrap}
.footer-contact a{color:#fff;text-decoration:none;font-size:0.95rem;font-weight:500;transition:opacity .15s}
.footer-contact a:hover{opacity:.75}
.footer-social{display:flex;gap:12px;align-items:center;margin-top:20px}
.footer-social a{display:flex;transition:transform .2s,opacity .2s}
.footer-social a:hover{transform:scale(1.1);opacity:.85}
.footer-bottom{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.1);padding-top:24px;flex-wrap:wrap;gap:16px}
.fcopy{font-size:13px;color:rgba(255,255,255,.3)}
.flinks{display:flex;gap:24px;flex-wrap:wrap}
.flinks a{color:rgba(255,255,255,.45);font-size:13px;text-decoration:none;transition:color .15s}
.flinks a:hover{color:#fff}
@media(max-width:600px){.footer-contact{flex-direction:column;gap:12px}.footer-bottom{flex-direction:column;align-items:flex-start}}

/* --- Responsive --- */
.why-feature-grid{display:flex;flex-direction:column;gap:0}
@media(max-width:960px){
  nav{padding:0;height:68px}
  .nav-inner{padding:0 16px;display:flex;align-items:center;justify-content:space-between;max-width:100%}
  .nav-logo{order:1}
  .nav-logo-mark{width:56px;height:56px}
  .nav-right{display:none}
  .nav-links{display:none}
  .btn-nav{display:none}
  .hero{grid-template-columns:1fr;padding:60px 24px;min-height:auto}
  .hero-visual{display:none}
  .why-head{flex-direction:column;gap:16px;margin-bottom:40px}
  .why-head > div,.why-head > .sb{max-width:100%}
  section{padding:80px 24px}
  .why-grid{grid-template-columns:1fr 1fr}
  .wcard h3{font-size:18px}
  .wcard p{font-size:15px}
  .how-grid,.ben-grid,.pkg-layout{grid-template-columns:1fr}
  .tenmin-inner{grid-template-columns:1fr;gap:40px}
  .tenmin-photo{display:none}
  .method-grid{grid-template-columns:1fr 1fr}
  .tgrid{grid-template-columns:1fr}
  .pkg-box{grid-template-columns:1fr;padding:36px 28px}
  .pkg-items{grid-template-columns:1fr}
  .pkg-cta{padding-top:8px}
  footer,.fcta{padding:64px 24px}
  footer{padding:28px 24px}
}

@media(max-width:520px){
  .why-grid{grid-template-columns:1fr}
  .method-grid{grid-template-columns:1fr}
  .frow{grid-template-columns:1fr}
  .hero h1{font-size:2rem}
  .wcard h3{font-size:18px}
}
.step-excerpt{display:none}
.step-excerpt.expanded{display:block}
.read-more-btn{background:none;border:2px solid var(--c-orange);border-radius:50%;width:28px;height:28px;min-width:28px;flex-shrink:0;align-self:center;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--c-orange);line-height:1;font-family:'Poppins',sans-serif;transition:background .15s,color .15s}
.read-more-btn:hover{background:var(--c-orange);color:#fff}