:root{--cream:#F6F8F7;--cream-warm:#EDF2EE;--cream-soft:#FAFCFB;--off-white:#FFFFFF;--forest:#0A3D2E;--forest-mid:#145A42;--forest-deep:#072A1C;--sage:#1A9464;--sage-light:#D1FAE5;--sage-pale:#E6F5EE;--sage-dark:#0D5C3B;--accent:#34D399;--accent-soft:#6EE7B7;--accent-pale:#A7F3D0;--amber:#F59E0B;--amber-light:#FBBF24;--amber-pale:#FEF3C7;--amber-dark:#B45309;--amber-soft:#FED7AA;--sky:#0EA5E9;--sky-light:#38BDF8;--sky-pale:#DBEAFE;--sky-dark:#0369A1;--sky-soft:#BAE6FD;--ink:#1A2E28;--ink-mid:#4A6259;--ink-light:#8DA49B;--line:#D8E4DD;--line-soft:#C5D6CC;--shadow-md:0 6px 24px rgba(10,61,46,.09);--shadow-lg:0 12px 40px rgba(10,61,46,.13);--nav-h:68px;--green:#1A9464;--green-dark:#0D5C3B;--green-pale:#F2FAF6;--border-nav:#DAEEE5;--shadow-nav:0 4px 20px rgba(13,92,59,.10);--radius-nav:8px;--ink-mid-nav:#2D4035;--green-100:#C3E6D1;--green-700:#085430}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:'Inter','Sora',sans-serif;background:var(--cream);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-top:var(--nav-h)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}

/* ═══════════════ NAVBAR ═══════════════ */
.nav{position:fixed;top:0;left:0;right:0;z-index:900;height:var(--nav-h);background:rgba(255,255,255,.95);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-bottom:1px solid var(--border-nav);transition:box-shadow .25s}
.nav.scrolled{box-shadow:var(--shadow-nav)}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 28px;height:100%;display:flex;align-items:center;justify-content:space-between}
.nav-logo img{height:34px;width:auto;display:block}
.nav-links{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;list-style:none}
.nav-links > li{position:relative}
.nav-links > li > a,.nav-links > li > button{display:flex;align-items:center;gap:5px;padding:8px 13px;border-radius:var(--radius-nav);color:var(--ink-mid-nav);transition:all .2s;font-weight:600;font-size:14px;background:none;border:none;cursor:pointer;font-family:inherit;text-decoration:none}
.nav-links > li > a:hover,.nav-links > li > button:hover,.nav-links > li.open > button{color:var(--green);background:var(--green-pale)}
.nav-links > li > a.nav-active{color:var(--green);background:var(--green-pale);font-weight:700}
.nav-chevron{width:14px;height:14px;transition:transform .2s;flex-shrink:0}
.nav-links > li.open .nav-chevron{transform:rotate(180deg)}
.dropdown{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:230px;background:#fff;border:1px solid var(--border-nav);border-radius:14px;box-shadow:var(--shadow-lg);padding:8px;z-index:100}
.nav-links > li.open .dropdown{display:block}
.dropdown a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-nav);font-size:14px;font-weight:500;color:var(--ink-mid-nav);transition:all .18s;text-decoration:none}
.dropdown a:hover{background:var(--green-pale);color:var(--green)}
.dropdown a.nav-active{background:var(--green-pale);color:var(--green);font-weight:700}
.dropdown a .d-icon{font-size:18px;width:24px;text-align:center;flex-shrink:0}
.dropdown .d-label{display:block;font-size:12px;color:#6b8278;font-weight:400;margin-top:1px}
.nav-cta{display:flex;align-items:center;gap:10px}
.btn-nav-demo{padding:9px 18px;border-radius:var(--radius-nav);background:var(--green);color:#fff !important;font-size:14px;font-weight:700;transition:all .2s;white-space:nowrap;text-decoration:none}
.btn-nav-demo:hover{background:var(--green-dark) !important;transform:translateY(-1px);box-shadow:var(--shadow-nav)}
.btn-nav-login{padding:9px 16px;border-radius:var(--radius-nav);border:1.5px solid var(--border-nav);color:var(--ink-mid-nav);font-size:14px;font-weight:600;transition:all .2s;text-decoration:none}
.btn-nav-login:hover{border-color:var(--green);color:var(--green);background:var(--green-pale)}
.nav-hamburger{display:none;flex-direction:column;gap:5px;padding:8px;border-radius:var(--radius-nav);background:none;border:none;cursor:pointer}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:all .25s}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-hamburger.open span:nth-child(2){opacity:0}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav-mobile{display:none;position:fixed;inset:0;top:var(--nav-h);background:#fff;overflow-y:auto;z-index:800;padding:16px 20px 40px;flex-direction:column;gap:4px}
.nav-mobile.open{display:flex}
.nav-mobile a{display:block;padding:13px 16px;border-radius:var(--radius-nav);font-size:15px;font-weight:600;color:var(--ink-mid-nav);transition:all .2s;text-decoration:none}
.nav-mobile a:hover{background:var(--green-pale);color:var(--green)}
.mob-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#6b8278;font-weight:700;padding:16px 16px 4px}
.mob-cta{background:var(--green) !important;color:#fff !important;text-align:center;margin-top:12px}
.mob-cta:hover{background:var(--green-dark) !important}
@media(max-width:768px){:root{--nav-h:60px}.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}}

/* ═══════════════ SEO PILLS STRIP ═══════════════ */
.seo-pills-strip{background:#f2faf6;border-bottom:1px solid #daeee5;padding:13px 28px}
.seo-pills-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.seo-pill-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#6b8278;margin-right:4px}
.seo-pill{font-size:12.5px;font-weight:600;color:#0d5c3b;background:#fff;border:1px solid #c3e6d1;border-radius:20px;padding:4px 13px;text-decoration:none;transition:.2s;display:inline-block}
.seo-pill:hover{background:#1a9464;color:#fff;border-color:#1a9464}

/* ═══════════════ FOOTER ═══════════════ */
.footer{background:#1a3d26;color:rgba(255,255,255,.65);padding:64px 0 0;margin-top:0}
.footer-wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px}
.footer-brand img{height:36px;width:auto;filter:brightness(0) invert(1);margin-bottom:18px;display:block}
.footer-brand p{font-size:14px;line-height:1.65;max-width:280px;color:rgba(255,255,255,.55)}
.footer-brand address{font-style:normal;font-size:13px;color:rgba(255,255,255,.45);margin-top:14px;line-height:1.7}
.footer-brand address a{color:rgba(255,255,255,.65);text-decoration:none;transition:color .2s}
.footer-brand address a:hover{color:#8dcbaa}
.footer-social{display:flex;gap:10px;margin-top:20px}
.footer-social a{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:16px;text-decoration:none;transition:all .2s}
.footer-social a:hover{background:#1a9464;border-color:#1a9464}
.footer-col h4{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.85);margin-bottom:16px}
.footer-col ul{display:flex;flex-direction:column;gap:10px;list-style:none}
.footer-col a{font-size:14px;color:rgba(255,255,255,.55);text-decoration:none;transition:color .2s}
.footer-col a:hover,.footer-col a.active-link{color:#8dcbaa}
.footer-col a.active-link{font-weight:600}
.footer-bottom-wrapper{background:#f5f0e8;padding:0 28px}
.footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid rgba(26,61,38,.12);padding:20px 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px}
.footer-bottom-left{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.footer-bottom-qr{display:flex;align-items:center;gap:14px}
.footer-bottom-qr .qr-img-wrap{
  width:52px;height:52px;flex-shrink:0;
  border-radius:8px;overflow:hidden;
  background:#fff;
  border:1px solid rgba(26,61,38,.12);
  box-shadow:0 1px 4px rgba(26,61,38,.08);
  display:flex;align-items:center;justify-content:center;
}
.footer-bottom-qr .qr-img-wrap img{
  width:46px;height:46px;
  object-fit:contain;object-position:center;
  display:block;opacity:.85;
  border-radius:0;
}
.footer-bottom-qr div{font-size:12px;color:#7a6555;line-height:1.55}
.footer-bottom-qr a{color:#6b5548;text-decoration:none;transition:color .2s;font-weight:600}
.footer-bottom-qr a:hover{color:#1a3d26}
.saka-logo-wrap{
  display:inline-flex;align-items:center;gap:10px;
  text-decoration:none;
  opacity:.7;
  transition:opacity .2s;
}
.saka-logo-wrap:hover{opacity:1}
.saka-logo-wrap .saka-img-wrap{
  width:44px;height:44px;flex-shrink:0;
  border-radius:10px;overflow:hidden;
  background:#1a3d26;
  border:1px solid rgba(26,61,38,.18);
  box-shadow:0 2px 8px rgba(26,61,38,.15);
  display:flex;align-items:center;justify-content:center;
}
.saka-logo-wrap .saka-img-wrap img{
  width:38px;height:38px;
  object-fit:contain;object-position:center;
  display:block;
}
.saka-logo-wrap .saka-label{
  display:flex;flex-direction:column;
  font-size:11px;font-weight:700;color:#5a4a3a;
  letter-spacing:.03em;line-height:1.4;
}
.saka-logo-wrap .saka-label span:first-child{font-size:10px;color:#8a7a6a;font-weight:600;letter-spacing:.06em;text-transform:uppercase;}
.footer-bottom span{color:#7a6555;font-size:13px}
.footer-bottom-links{display:flex;gap:20px}
.footer-bottom-links a{font-size:13px;color:#7a6555;text-decoration:none;transition:color .2s}
.footer-bottom-links a:hover{color:#1a3d26}
#back-to-top{position:fixed;bottom:2rem;right:2rem;background:#0e7040;color:#fff;border:none;border-radius:50%;width:44px;height:44px;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:background .2s,transform .2s;z-index:99}
#back-to-top:hover{background:#085430;transform:translateY(-2px)}
#back-to-top.visible{display:flex}
#back-to-top svg{width:18px;height:18px}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:600px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}}

/* HERO */
.hero-wrap{background:radial-gradient(ellipse 50% 40% at 88% 5%,rgba(52,211,153,.08) 0%,transparent 55%),radial-gradient(ellipse 45% 40% at 10% 90%,rgba(245,158,11,.07) 0%,transparent 55%),radial-gradient(ellipse 55% 50% at 50% 100%,rgba(14,165,233,.06) 0%,transparent 60%),linear-gradient(180deg,#F8FAF9,#EFF4F1);position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-wrap::before{content:'';position:absolute;top:-10%;right:-8%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,.16) 0%,transparent 65%);pointer-events:none;animation:fo 14s ease-in-out infinite;filter:blur(24px)}
.hero-wrap::after{content:'';position:absolute;bottom:-18%;left:-10%;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.14) 0%,transparent 55%);pointer-events:none;animation:fo 18s ease-in-out infinite reverse;filter:blur(26px)}
@keyframes fo{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(20px,-30px) scale(1.05)}66%{transform:translate(-15px,20px) scale(.97)}}
.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(10,61,46,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(10,61,46,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 90%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 90%)}
.hero{max-width:1280px;margin:0 auto;padding:60px 32px 64px;position:relative;z-index:1;text-align:center}
.hero-crumb{display:flex;align-items:center;justify-content:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-light);letter-spacing:.04em;margin-bottom:48px}.hero-crumb a{color:var(--ink-light)}.hero-crumb .now{color:var(--ink);font-weight:600}.hero-crumb .sep{opacity:.5}
.hero-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}
.hb{display:inline-flex;align-items:center;gap:7px;font-family:'JetBrains Mono',monospace;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 13px;border-radius:999px}.hb.g{color:var(--sage-dark);background:rgba(52,211,153,.1);border:1px solid rgba(26,148,100,.2)}.hb.a{color:var(--amber-dark);background:rgba(251,191,36,.12);border:1px solid rgba(245,158,11,.28)}.hb.s{color:var(--sky-dark);background:rgba(56,189,248,.12);border:1px solid rgba(14,165,233,.28)}
.hb::before{content:'';width:6px;height:6px;border-radius:50%;flex-shrink:0;animation:bl 2s infinite}.hb.g::before{background:var(--sage)}.hb.a::before{background:var(--amber)}.hb.s::before{background:var(--sky)}
@keyframes bl{0%,100%{opacity:1}50%{opacity:.35}}
.hero h1{font-family:'Sora',sans-serif;font-size:clamp(36px,5.2vw,64px);font-weight:800;line-height:.98;letter-spacing:-.035em;color:var(--forest-deep);margin-bottom:24px;max-width:900px;margin-left:auto;margin-right:auto}
.hero h1 em{font-style:normal;background:linear-gradient(135deg,#1A9464,#0D5C3B,#1A9464);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero .lede{font-size:16px;color:var(--ink-mid);line-height:1.78;max-width:720px;margin:0 auto 32px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.btn-p{background:linear-gradient(135deg,#1A9464,#0D5C3B);color:#fff;font-size:13.5px;font-weight:700;padding:14px 26px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;transition:.25s;box-shadow:0 4px 16px rgba(13,92,59,.25)}.btn-p:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(13,92,59,.4)}.btn-p svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.5;fill:none}
.btn-g{color:var(--ink);font-size:13.5px;font-weight:600;padding:13px 22px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line-soft);background:rgba(255,255,255,.7);transition:.25s}.btn-g:hover{border-color:var(--sage);color:var(--sage-dark);background:#fff}

/* hero stats */
.hero-stats{display:flex;justify-content:center;gap:48px;margin-top:48px;padding-top:36px;border-top:1px solid var(--line)}
@media(max-width:680px){.hero-stats{gap:24px;flex-wrap:wrap}}
.hs .sv{font-family:'Sora',sans-serif;font-size:36px;font-weight:800;color:var(--forest-deep);line-height:1}.hs .sv .ge{color:var(--sage)}.hs .sv .am{color:var(--amber)}.hs .sv .sk{color:var(--sky)}
.hs .sl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-light);margin-top:4px}

@keyframes hr{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
.hero-badges{animation:hr .7s ease both;animation-delay:.1s}.hero h1{animation:hr .8s ease both;animation-delay:.25s}.hero .lede{animation:hr .8s ease both;animation-delay:.4s}.hero-actions{animation:hr .7s ease both;animation-delay:.55s}.hero-stats{animation:hr .7s ease both;animation-delay:.7s}

/* SECTIONS */
.section{padding:110px 32px;max-width:1280px;margin:0 auto;position:relative;z-index:1}
.section-cream{padding:110px 32px;background:var(--cream-warm)}
.section-cream>.section{padding:0}
.sh{max-width:760px;margin:0 auto 64px;text-align:center}
.ey{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sage-dark);margin-bottom:16px}.ey::before{content:'';width:18px;height:2px;background:var(--sage);border-radius:2px}
.ey.am{color:var(--amber-dark)}.ey.am::before{background:var(--amber)}
.ey.sk{color:var(--sky-dark)}.ey.sk::before{background:var(--sky)}
.section h2{font-family:'Sora',sans-serif;font-size:clamp(28px,3.6vw,46px);font-weight:800;line-height:1.05;letter-spacing:-.025em;color:var(--ink);margin-bottom:20px}
.section h2 em{font-style:italic;color:var(--sage);font-weight:600}
.section h2 .ae{font-style:italic;color:var(--amber);font-weight:600}
.section h2 .se{font-style:italic;color:var(--sky);font-weight:600}
.sh p{font-size:16px;color:var(--ink-mid);line-height:1.78;max-width:640px;margin:0 auto}

/* ── BENTO GRID (modul) ─────────────────────────── */
.bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:16px}
.bento .bn:nth-child(1){grid-column:1/3;grid-row:1/3}
.bento .bn:nth-child(2){grid-column:3;grid-row:1}
.bento .bn:nth-child(3){grid-column:3;grid-row:2}
.bento .bn:nth-child(4){grid-column:1/-1}
.bn{background:var(--off-white);border:1px solid var(--line);border-radius:20px;padding:30px 28px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.32s}
.bn:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.bn::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:.32s}
.bn:hover::before{transform:scaleX(1)}
.bn.cg::before{background:linear-gradient(90deg,var(--sage),var(--accent))}.bn.ca::before{background:linear-gradient(90deg,var(--amber),var(--amber-light))}.bn.cs::before{background:linear-gradient(90deg,var(--sky),var(--sky-light))}
.bn::after{content:'';position:absolute;top:-50px;right:-50px;width:180px;height:180px;border-radius:50%;pointer-events:none;opacity:0;transition:.32s}
.bn:hover::after{opacity:1}
.bn.cg::after{background:radial-gradient(circle,rgba(26,148,100,.08),transparent 65%)}.bn.ca::after{background:radial-gradient(circle,rgba(245,158,11,.09),transparent 65%)}.bn.cs::after{background:radial-gradient(circle,rgba(14,165,233,.09),transparent 65%)}
.bn-num{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;letter-spacing:.07em;color:var(--ink-light);margin-bottom:16px}
.bn-ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:.28s;flex-shrink:0}
.bn.cg .bn-ic{background:var(--sage-pale);color:var(--sage-dark)}.bn.ca .bn-ic{background:var(--amber-pale);color:var(--amber-dark)}.bn.cs .bn-ic{background:var(--sky-pale);color:var(--sky-dark)}
.bn:hover.cg .bn-ic{background:var(--sage);color:#fff;transform:scale(1.08)}.bn:hover.ca .bn-ic{background:var(--amber);color:#fff;transform:scale(1.08)}.bn:hover.cs .bn-ic{background:var(--sky);color:#fff;transform:scale(1.08)}
.bn-ic svg{width:24px;height:24px;stroke-width:1.9;fill:none;stroke:currentColor}
.bn h3{font-family:'Sora',sans-serif;font-size:18px;font-weight:700;letter-spacing:-.015em;color:var(--ink);margin-bottom:8px;position:relative;z-index:1}
.bn>p{font-size:13.5px;color:var(--ink-mid);line-height:1.68;position:relative;z-index:1}
.bn-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:16px;position:relative;z-index:1}
.bn-tag{font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:600;padding:3px 9px;border-radius:5px;letter-spacing:.04em}
.bn.cg .bn-tag{color:var(--sage-dark);background:var(--sage-pale)}.bn.ca .bn-tag{color:var(--amber-dark);background:var(--amber-pale)}.bn.cs .bn-tag{color:var(--sky-dark);background:var(--sky-pale)}
/* hero cell (item 1) */
.bn-hero{padding:40px 36px}
.bn-hero .bn-ic{width:64px;height:64px;border-radius:18px}.bn-hero .bn-ic svg{width:30px;height:30px}
.bn-hero h3{font-size:25px}.bn-hero>p{font-size:14.5px;line-height:1.76;max-width:420px}
.bn-link{display:inline-flex;align-items:center;gap:6px;font-family:'Sora',sans-serif;font-size:12.5px;font-weight:700;border-radius:999px;padding:9px 18px;margin-top:22px;align-self:flex-start;transition:.25s;position:relative;z-index:1}
.bn.cg .bn-link{color:var(--sage-dark);background:var(--sage-pale)}.bn.cg .bn-link:hover{background:var(--sage);color:#fff}
.bn.ca .bn-link{color:var(--amber-dark);background:var(--amber-pale)}.bn.ca .bn-link:hover{background:var(--amber);color:#fff}
.bn.cs .bn-link{color:var(--sky-dark);background:var(--sky-pale)}.bn.cs .bn-link:hover{background:var(--sky);color:#fff}
.bn-link svg{width:13px;height:13px;stroke-width:2.5;fill:none;stroke:currentColor;transition:.2s}
.bn-link:hover svg{transform:translateX(3px)}
/* compact cells (items 2,3) */
.bn-compact{padding:24px 22px}
.bn-compact h3{font-size:15.5px}
.bn-compact .bn-desc{display:none}
/* wide cell (item 4) */
.bn-wide{flex-direction:row;gap:28px;align-items:center;padding:26px 32px}
.bn-wide .bn-ic{margin-bottom:0;flex-shrink:0}
.bn-wide .bn-body{flex:1;min-width:0}
.bn-wide .bn-tags{padding-top:12px;margin-top:0}
@media(max-width:880px){.bento{grid-template-columns:1fr 1fr}.bento .bn:nth-child(1){grid-column:1/3;grid-row:auto}.bento .bn:nth-child(2){grid-column:auto;grid-row:auto}.bento .bn:nth-child(3){grid-column:auto;grid-row:auto}.bento .bn:nth-child(4){grid-column:1/-1}.bn-compact{padding:26px 24px}.bn-compact .bn-desc{display:block}}
@media(max-width:540px){.bento{grid-template-columns:1fr}.bento .bn:nth-child(4){grid-column:1}.bn-wide{flex-direction:column;gap:18px}}

/* ── TIMELINE (pelayanan) ───────────────────────── */
.flow{max-width:900px;margin:0 auto;position:relative;padding-top:4px}
.flow::before{content:'';position:absolute;left:50%;top:8px;bottom:24px;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,var(--accent),var(--sky-light) 50%,var(--amber-light));opacity:.45;border-radius:2px}
.fl-step{position:relative;width:50%;padding:0 58px 46px 0;display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.fl-step:nth-child(even){margin-left:50%;padding:0 0 46px 58px;align-items:flex-start;text-align:left}
.fl-step:last-child{padding-bottom:0}
.fl-node{position:absolute;top:-2px;right:-28px;width:56px;height:56px;border-radius:17px;background:var(--off-white);border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);z-index:2;transition:.28s}
.fl-step:nth-child(even) .fl-node{right:auto;left:-28px}
.fl-node svg{width:23px;height:23px;stroke-width:2;fill:none;transition:.28s}
.fl-step.cg .fl-node{border-color:rgba(26,148,100,.38)}.fl-step.cg .fl-node svg{stroke:var(--sage-dark)}
.fl-step.ca .fl-node{border-color:rgba(245,158,11,.42)}.fl-step.ca .fl-node svg{stroke:var(--amber-dark)}
.fl-step.cs .fl-node{border-color:rgba(14,165,233,.38)}.fl-step.cs .fl-node svg{stroke:var(--sky-dark)}
.fl-step.cg:hover .fl-node{background:var(--sage);border-color:var(--sage);transform:scale(1.07)}.fl-step.ca:hover .fl-node{background:var(--amber);border-color:var(--amber);transform:scale(1.07)}.fl-step.cs:hover .fl-node{background:var(--sky);border-color:var(--sky);transform:scale(1.07)}
.fl-step:hover .fl-node svg{stroke:#fff}
.fl-lbl{font-family:'JetBrains Mono',monospace;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px}
.fl-step.cg .fl-lbl{color:var(--sage-dark)}.fl-step.ca .fl-lbl{color:var(--amber-dark)}.fl-step.cs .fl-lbl{color:var(--sky-dark)}
.fl-step h3{font-family:'Sora',sans-serif;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--ink);margin-bottom:7px}
.fl-step p{font-size:13.5px;color:var(--ink-mid);line-height:1.7;max-width:370px}
@media(max-width:760px){.flow::before{left:27px;transform:none}.fl-step,.fl-step:nth-child(even){width:100%;margin-left:0;padding:0 0 42px 76px;align-items:flex-start;text-align:left}.fl-node,.fl-step:nth-child(even) .fl-node{left:0;right:auto;top:0}}

/* ── SECTION-WHITE wrapper (bisnis) ─────────────── */
.section-white{padding:110px 32px;background:var(--off-white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-white>.section{padding:0}
.biz-wrap{display:grid;grid-template-columns:300px 1fr;gap:80px;align-items:start}
.biz-side{position:sticky;top:92px}
.biz-side p{font-size:15px;color:var(--ink-mid);line-height:1.78}
.biz-cta{display:inline-flex;align-items:center;gap:7px;margin-top:22px;font-size:13.5px;font-weight:700;color:var(--sage-dark);border-bottom:1.5px solid var(--accent-pale);padding-bottom:3px;transition:.2s}
.biz-cta svg{width:13px;height:13px;stroke:currentColor;stroke-width:2.5;fill:none;transition:.2s}
.biz-cta:hover{border-color:var(--sage)}.biz-cta:hover svg{transform:translateX(4px)}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 52px}
.spec-row{border-top:2.5px solid var(--ink);padding:18px 2px 28px;transition:border-color .24s}
.spec-row.cg:hover{border-top-color:var(--sage)}.spec-row.ca:hover{border-top-color:var(--amber)}.spec-row.cs:hover{border-top-color:var(--sky)}
.spec-hd{display:flex;align-items:center;gap:11px;margin-bottom:9px}
.spec-ic{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.24s}
.spec-row.cg .spec-ic{background:var(--sage-pale);color:var(--sage-dark)}.spec-row.ca .spec-ic{background:var(--amber-pale);color:var(--amber-dark)}.spec-row.cs .spec-ic{background:var(--sky-pale);color:var(--sky-dark)}
.spec-row.cg:hover .spec-ic{background:var(--sage);color:#fff}.spec-row.ca:hover .spec-ic{background:var(--amber);color:#fff}.spec-row.cs:hover .spec-ic{background:var(--sky);color:#fff}
.spec-ic svg{width:15px;height:15px;stroke-width:2;fill:none;stroke:currentColor}
.spec-row h3{font-family:'Sora',sans-serif;font-size:15.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.spec-row p{font-size:13px;color:var(--ink-mid);line-height:1.7}
@media(max-width:960px){.biz-wrap{grid-template-columns:1fr;gap:52px}.biz-side{position:static}}
@media(max-width:580px){.spec-grid{grid-template-columns:1fr}}

/* FAQ */
.faq-list{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.fq{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.25s}.fq:hover{border-color:var(--sage-light)}
.fq button{width:100%;text-align:left;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:'Sora',sans-serif;font-size:16px;font-weight:600;color:var(--ink);background:none}
.fq .ch{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--sage-pale);color:var(--sage-dark);display:flex;align-items:center;justify-content:center;transition:.25s}
.fq .ch svg{width:13px;height:13px;stroke-width:2.5;fill:none;stroke:currentColor;transition:.25s}
.fq.open .ch{background:var(--sage);color:#fff}.fq.open .ch svg{transform:rotate(180deg)}
.fq .ans{max-height:0;overflow:hidden;transition:.4s ease;padding:0 26px;font-size:14.5px;color:var(--ink-mid);line-height:1.78}
.fq.open .ans{max-height:500px;padding:0 26px 22px}

/* CTA */
.cta{background:linear-gradient(165deg,#051a11,#0A3D2E,#072A1C);padding:110px 32px;position:relative;overflow:hidden;text-align:center}
.cta::before{content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,.15) 0%,transparent 60%)}
.cta-in{max-width:680px;margin:0 auto;position:relative;z-index:1}
.cta .ey{color:var(--accent);justify-content:center;display:inline-flex}.cta .ey::before{background:var(--accent)}
.cta h2{font-family:'Sora',sans-serif;font-size:clamp(30px,4.6vw,52px);font-weight:800;color:#fff;line-height:1.05;letter-spacing:-.025em;margin-bottom:20px}
.cta h2 em{background:linear-gradient(135deg,#34D399,#6EE7B7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-style:normal}
.cta>.cta-in>p{font-size:16px;color:rgba(255,255,255,.65);line-height:1.78;margin-bottom:36px}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.btn-cp{background:linear-gradient(135deg,#1A9464,#0D5C3B);color:#fff;font-size:14px;font-weight:700;padding:15px 30px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;transition:.25s;box-shadow:0 4px 16px rgba(26,148,100,.3)}.btn-cp:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(26,148,100,.45)}.btn-cp svg{width:14px;height:14px;stroke-width:2.5;fill:none;stroke:currentColor}
.btn-co{color:rgba(255,255,255,.85);font-size:14px;font-weight:600;padding:14px 26px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.2);transition:.25s}.btn-co:hover{border-color:rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.06)}.btn-co svg{width:14px;height:14px}

@media(max-width:780px){.hero{padding:32px 22px 48px}.section,.section-cream{padding:72px 22px}.cta{padding:80px 22px}.biz-wrap{grid-template-columns:1fr;gap:40px}.int-inner{grid-template-columns:1fr;gap:40px}.int-band{padding:80px 22px}}
.fade-up{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.fade-up.in{opacity:1;transform:translateY(0)}

/* ── TAB PANEL (solusi) ─────────────────────────── */
.sol-tabs{display:grid;grid-template-columns:300px 1fr;gap:20px;max-width:1160px;margin:0 auto}
.st-list{display:flex;flex-direction:column;gap:8px}
button.st-btn{all:unset;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box;padding:14px 18px;border-radius:14px;border:1.5px solid var(--line);background:rgba(255,255,255,.55);transition:.22s;cursor:pointer;position:relative;overflow:hidden}
button.st-btn::before{content:'';position:absolute;left:0;top:0;bottom:0;width:0;background:var(--sage);transition:.22s}
button.st-btn:hover{border-color:rgba(26,148,100,.4);background:#fff}
button.st-btn.active{border-color:var(--sage);background:#fff;box-shadow:var(--shadow-md)}
button.st-btn.active::before{width:4px}
.st-left{position:relative;z-index:1}
.st-name{display:block;font-family:'Sora',sans-serif;font-size:14.5px;font-weight:700;color:var(--ink)}
.st-sub{display:block;font-size:11.5px;color:var(--ink-light);margin-top:2px}
.st-badge{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--sage-dark);background:var(--sage-pale);border:1px solid rgba(26,148,100,.22);border-radius:999px;padding:3px 9px;white-space:nowrap;flex-shrink:0;position:relative;z-index:1}
.st-box{background:var(--off-white);border:1.5px solid var(--line);border-radius:24px;padding:42px 46px;position:relative;overflow:hidden;min-height:300px}
.st-box::after{content:'';position:absolute;top:-80px;right:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(26,148,100,.08),transparent 65%);pointer-events:none;transition:.4s}
.st-box.a-amber::after{background:radial-gradient(circle,rgba(245,158,11,.09),transparent 65%)}.st-box.a-sky::after{background:radial-gradient(circle,rgba(14,165,233,.09),transparent 65%)}
.st-panel{display:none;position:relative;z-index:1;animation:spIn .3s ease}
.st-panel.active{display:block}
@keyframes spIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.st-kicker{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-dark);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.st-kicker::before{content:'';width:16px;height:2px;background:var(--sage);border-radius:2px}
.st-panel h3{font-family:'Sora',sans-serif;font-size:clamp(22px,2.8vw,30px);font-weight:800;letter-spacing:-.022em;color:var(--ink);line-height:1.12;margin-bottom:14px}
.st-panel h3 em{font-style:italic;color:var(--sage);font-weight:600}
.st-panel>p{font-size:14.5px;color:var(--ink-mid);line-height:1.8;margin-bottom:20px}
.st-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.st-chip{font-size:12.5px;font-weight:600;color:var(--ink-mid);background:var(--cream-warm);border:1px solid var(--line);border-radius:999px;padding:5px 14px}
.st-go{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--sage-dark);background:var(--sage-pale);border:1.5px solid rgba(26,148,100,.26);border-radius:999px;padding:11px 22px;transition:.22s}
.st-go svg{width:13px;height:13px;stroke:currentColor;stroke-width:2.5;fill:none;transition:.2s}
.st-go:hover{background:var(--sage-dark);color:#fff;border-color:var(--sage-dark)}.st-go:hover svg{transform:translateX(3px)}
@media(max-width:900px){.sol-tabs{grid-template-columns:1fr;gap:14px}.st-list{flex-direction:row;overflow-x:auto;gap:10px;padding-bottom:6px;scrollbar-width:thin}.st-btn{min-width:200px;flex-shrink:0}.st-box{padding:28px 26px}}

/* ── DARK BAND (integrasi) ──────────────────────── */
.int-band{position:relative;background:linear-gradient(155deg,#062318 0%,#0A3D2E 55%,#0E4A36 100%);padding:110px 32px;overflow:hidden}
.int-band::before{content:'';position:absolute;top:-140px;right:-100px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,.15),transparent 65%);filter:blur(8px);pointer-events:none}
.int-band::after{content:'';position:absolute;bottom:-160px;left:-120px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.12),transparent 60%);filter:blur(12px);pointer-events:none}
.int-inner{max-width:1180px;margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:360px 1fr;gap:72px;align-items:start}
.int-lead .ey{color:#A7F3D0}.int-lead .ey::before{background:var(--accent)}
.int-lead h2{font-family:'Sora',sans-serif;font-size:clamp(26px,3.2vw,40px);font-weight:800;letter-spacing:-.024em;color:#fff;line-height:1.1;margin-bottom:16px}
.int-lead h2 em{color:var(--accent-soft);font-style:italic;font-weight:600}
.int-lead p{font-size:14.5px;color:rgba(255,255,255,.62);line-height:1.8}
.int-trust{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:12px 18px;border:1px solid rgba(167,243,208,.25);border-radius:12px;background:rgba(52,211,153,.08);font-size:12px;font-weight:600;color:#D1FAE5;line-height:1.45}
.int-trust svg{width:18px;height:18px;stroke:var(--accent-soft);stroke-width:2;fill:none;flex-shrink:0}
.int-rows{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.int-row{display:flex;gap:14px;padding:18px 0;border-top:1px solid rgba(255,255,255,.09);align-items:flex-start;transition:.2s}
.int-row:hover{border-top-color:rgba(110,231,183,.4)}
.int-dot{width:8px;height:8px;border-radius:50%;margin-top:7px;flex-shrink:0}
.int-row.dg .int-dot{background:var(--accent);box-shadow:0 0 0 4px rgba(52,211,153,.15)}
.int-row.da .int-dot{background:var(--amber-light);box-shadow:0 0 0 4px rgba(251,191,36,.12)}
.int-row.ds .int-dot{background:var(--sky-light);box-shadow:0 0 0 4px rgba(56,189,248,.12)}
.int-row strong{display:block;font-family:'Sora',sans-serif;font-size:14px;font-weight:700;color:#fff;margin-bottom:3px}
.int-row strong a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.int-row span{font-size:12.5px;color:rgba(255,255,255,.55);line-height:1.65;display:block}
@media(max-width:900px){.int-inner{grid-template-columns:1fr;gap:44px}}
@media(max-width:560px){.int-rows{grid-template-columns:1fr}}

/* ── PESANAN PELAYANAN SECTION ──────────────────── */
.pp-section{background:var(--off-white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:110px 32px;overflow:hidden;position:relative}
.pp-section::before{content:'';position:absolute;top:-120px;right:-80px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.07),transparent 65%);pointer-events:none}
.pp-inner{max-width:1160px;margin:0 auto;position:relative;z-index:1}
.pp-head{max-width:720px;margin:0 auto 64px;text-align:center}
.pp-head .ey{justify-content:center;display:inline-flex}
.pp-head h2{font-family:'Sora',sans-serif;font-size:clamp(26px,3.5vw,42px);font-weight:800;letter-spacing:-.024em;color:var(--ink);line-height:1.1;margin:12px 0 16px}
.pp-head h2 em{font-style:italic;font-weight:600;color:var(--sage)}
.pp-head p{font-size:15.5px;color:var(--ink-mid);line-height:1.78}
/* main split */
.pp-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:64px}
.pp-copy p{font-size:15px;color:var(--ink-mid);line-height:1.8;margin-bottom:18px}
.pp-pts{display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.pp-pt{display:flex;align-items:flex-start;gap:13px;padding:14px 16px;border-radius:14px;background:var(--cream);border:1px solid var(--line);transition:.25s}
.pp-pt:hover{transform:translateX(5px);box-shadow:var(--shadow-md);border-color:rgba(26,148,100,.35)}
.pp-pt-ic{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.25s}
.pp-pt.cg .pp-pt-ic{background:var(--sage-pale);color:var(--sage-dark)}
.pp-pt.ca .pp-pt-ic{background:var(--amber-pale);color:var(--amber-dark)}
.pp-pt.cs .pp-pt-ic{background:var(--sky-pale);color:var(--sky-dark)}
.pp-pt:hover .pp-pt-ic{background:var(--sage);color:#fff}
.pp-pt-ic svg{width:16px;height:16px;stroke-width:2;fill:none;stroke:currentColor}
.pp-pt-txt strong{display:block;font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px}
.pp-pt-txt span{font-size:13px;color:var(--ink-mid);line-height:1.55}
/* scenario cards */
.pp-scenarios{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pp-card{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:22px 20px;transition:.28s;position:relative;overflow:hidden}
.pp-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0;transition:.28s;opacity:0}
.pp-card.cg::before{background:linear-gradient(90deg,var(--sage),var(--accent))}
.pp-card.ca::before{background:linear-gradient(90deg,var(--amber),var(--amber-light))}
.pp-card.cs::before{background:linear-gradient(90deg,var(--sky),var(--sky-light))}
.pp-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(26,148,100,.25)}
.pp-card:hover::before{opacity:1}
.pp-card-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:.25s}
.pp-card.cg .pp-card-icon{background:var(--sage-pale);color:var(--sage-dark)}
.pp-card.ca .pp-card-icon{background:var(--amber-pale);color:var(--amber-dark)}
.pp-card.cs .pp-card-icon{background:var(--sky-pale);color:var(--sky-dark)}
.pp-card:hover .pp-card-icon{background:var(--sage-dark);color:#fff}
.pp-card-icon svg{width:18px;height:18px;stroke-width:2;fill:none;stroke:currentColor}
.pp-card h4{font-family:'Sora',sans-serif;font-size:14.5px;font-weight:700;color:var(--ink);margin-bottom:6px}
.pp-card p{font-size:13px;color:var(--ink-mid);line-height:1.65}
.pp-card .pp-tag{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:5px}
.pp-card.cg .pp-tag{background:var(--sage-pale);color:var(--sage-dark)}
.pp-card.ca .pp-tag{background:var(--amber-pale);color:var(--amber-dark)}
.pp-card.cs .pp-tag{background:var(--sky-pale);color:var(--sky-dark)}
/* flow mock-up */
.pp-flow-mock{background:var(--cream);border:1.5px solid var(--line);border-radius:20px;padding:26px 24px;margin-top:0}
.pp-flow-mock-title{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-light);margin-bottom:18px;display:flex;align-items:center;gap:8px}
.pp-flow-mock-title::before{content:'';width:14px;height:2px;background:var(--sage);border-radius:2px}
.pp-flow-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:11px;background:#fff;border:1px solid var(--line);margin-bottom:8px;transition:.2s}
.pp-flow-row:hover{border-color:rgba(26,148,100,.35);background:var(--sage-pale)}
.pp-flow-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.pp-flow-dot.dg{background:var(--sage);box-shadow:0 0 0 3px rgba(26,148,100,.15)}
.pp-flow-dot.da{background:var(--amber);box-shadow:0 0 0 3px rgba(245,158,11,.15)}
.pp-flow-dot.ds{background:var(--sky);box-shadow:0 0 0 3px rgba(14,165,233,.15)}
.pp-flow-arrow{color:var(--ink-light);font-size:12px;flex-shrink:0}
.pp-flow-label strong{display:block;font-size:13px;font-weight:700;color:var(--ink)}
.pp-flow-label span{font-size:11.5px;color:var(--ink-mid)}
.pp-flow-badge{margin-left:auto;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:6px;flex-shrink:0}
.pp-flow-badge.ok{background:var(--sage-pale);color:var(--sage-dark)}
.pp-flow-badge.wa{background:var(--amber-pale);color:var(--amber-dark)}
.pp-flow-badge.live{background:var(--sky-pale);color:var(--sky-dark)}
/* lang section */
.pp-lang{background:linear-gradient(135deg,var(--forest-deep) 0%,var(--forest-mid) 100%);border-radius:24px;padding:44px 46px;display:flex;align-items:center;gap:52px;flex-wrap:wrap;position:relative;overflow:hidden;margin-top:0}
.pp-lang::before{content:'';position:absolute;top:-80px;right:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,.14),transparent 65%);pointer-events:none}
.pp-lang-copy{flex:1;min-width:260px;position:relative;z-index:1}
.pp-lang-copy .ey{color:var(--accent-pale)}
.pp-lang-copy .ey::before{background:var(--accent)}
.pp-lang-copy h3{font-family:'Sora',sans-serif;font-size:clamp(20px,2.5vw,28px);font-weight:800;color:#fff;line-height:1.15;margin:10px 0 12px;letter-spacing:-.02em}
.pp-lang-copy h3 em{font-style:italic;color:var(--accent-soft);font-weight:600}
.pp-lang-copy p{font-size:14px;color:rgba(255,255,255,.65);line-height:1.75}
.pp-lang-flags{display:flex;gap:14px;flex-wrap:wrap;position:relative;z-index:1;margin-top:0}
.pp-flag{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:16px 20px;min-width:130px;flex:1;transition:.25s;text-align:center}
.pp-flag:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.28);transform:translateY(-3px)}
.pp-flag .pf-emoji{font-size:28px;display:block;margin-bottom:8px}
.pp-flag .pf-lang{font-family:'Sora',sans-serif;font-size:13px;font-weight:700;color:#fff;display:block;margin-bottom:2px}
.pp-flag .pf-native{font-size:12px;color:rgba(255,255,255,.55);display:block}
.pp-flag .pf-scope{font-size:10.5px;color:rgba(255,255,255,.4);margin-top:5px;display:block;line-height:1.4}
@media(max-width:900px){
  .pp-split{grid-template-columns:1fr;gap:40px}
  .pp-lang{flex-direction:column;gap:28px;padding:30px 28px}
  .pp-lang-flags{width:100%}
}
@media(max-width:560px){
  .pp-scenarios{grid-template-columns:1fr}
  .pp-section{padding:72px 22px}
  .pp-lang{padding:26px 22px}
  .pp-lang-flags{gap:10px}
  .pp-flag{min-width:0;padding:13px 14px}
}