:root{
      --bg1:#fff1e3; --bg2:#ffd7a8; --bg3:#ffb869; /* orange theme */
      --txt:#0b3c7a; --txt-sub:#144e9a; /* blue text */
      --card:#ffffffc7; --line:#e8a261; --brand:#0d5fff; --brand-2:#00b3ff; --shadow:0 12px 35px rgba(0,0,0,.10);
    }
    html{scroll-behavior:smooth}
    html,body{margin:0}
    body{font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji"; color:var(--txt);
         background: radial-gradient(1200px 700px at 15% -10%, var(--bg3), transparent),
                     linear-gradient(180deg, var(--bg1), var(--bg2));}
    img{max-width:100%; height:auto; display:block}
    a{color:var(--txt-sub); text-decoration:none}
    a:hover{opacity:.9}
    .container{width:min(1180px, 92%); margin-inline:auto}
    header{position:sticky; top:0; z-index:50; backdrop-filter:saturate(160%) blur(8px); border-bottom:1px solid rgba(255,255,255,.4);
           background:linear-gradient(90deg, #fff9f2aa, #ffe7ccaa)}
    nav{display:flex; align-items:center; justify-content:space-between; padding:.85rem 0}
    nav ul{display:flex; gap:.75rem; list-style:none; margin:0; padding:0}
    nav a{padding:.55rem .75rem; border-radius:.6rem; font-weight:600}
    nav a:hover{background:#ffffff90}
    .btn{display:inline-block; padding:.95rem 1.2rem; border-radius:.9rem; font-weight:800; letter-spacing:.2px; box-shadow:var(--shadow); transition:transform .15s ease, box-shadow .2s ease}
    .btn:hover{transform:translateY(-2px)}
    .btn-primary{background:linear-gradient(135deg, var(--brand), var(--brand-2)); color:#fff}
    .btn-ghost{border:2px solid var(--txt); color:var(--txt); background:#ffffff90}
    .hero{padding:4.2rem 0 2.2rem}
    .grid{display:grid; gap:1.2rem}
    .grid-2{grid-template-columns:1fr}
    @media(min-width:900px){.grid-2{grid-template-columns:1.1fr .9fr}}
    h1{font-size: clamp(2rem, 5vw, 3.1rem); line-height:1.08; margin:.3rem 0}
    .lead{font-size:1.08rem; color:var(--txt-sub); max-width:65ch}
    .card{background:var(--card); border:1px solid var(--line); border-radius:1rem; padding:1.1rem; box-shadow:var(--shadow)}
    .section{padding:2.6rem 0}
    .section h2{font-size: clamp(1.5rem, 4vw, 2.1rem); margin:.2rem 0 .8rem}
    .muted{color:var(--txt-sub)}
    .steps{display:grid; grid-template-columns:1fr; gap:1rem}
    @media(min-width:900px){.steps{grid-template-columns:repeat(3,1fr)}}
    .step{background:#fff; border:1px solid var(--line); border-radius:1rem; padding:1rem}
    .kpis{display:grid; grid-template-columns:repeat(2,1fr); gap:.8rem; margin-top:1rem}
    @media(min-width:680px){.kpis{grid-template-columns:repeat(4,1fr)}}
    .kpi{text-align:center; background:#fff; border:1px solid var(--line); border-radius:.9rem; padding:1rem}
    .kpi .v{font-weight:900; font-size:1.35rem}
    .cta{background:linear-gradient(135deg, #fff, #ffe5c8); border:1px solid var(--line); border-radius:1rem; padding:1.4rem; text-align:center}
    .faq details{background:#fff; border:1px solid var(--line); border-radius:.9rem; padding:1rem}
    .faq summary{cursor:pointer; font-weight:800}
    .sticky-cta{position:fixed; inset:auto 0 1rem; display:flex; justify-content:center; z-index:60}
    .sticky-cta .btn{padding:.85rem 1.1rem}
    @media(min-width:900px){.sticky-cta{display:none}}
    .sr-only{position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0}
    .ba{position:relative; overflow:hidden; border-radius:1rem; border:1px solid var(--line)}
    .ba img{width:100%; height:auto}
    .ba .after{position:absolute; inset:0; width:50%; overflow:hidden}
    .ba input{position:absolute; inset:auto 0 10px; width:100%}
    .badges{display:flex; gap:.5rem; flex-wrap:wrap}
    .badge{background:#fff; border:1px solid var(--line); padding:.35rem .6rem; border-radius:999px; font-weight:700}
    .table{width:100%; border-collapse:collapse}
    .table th,.table td{border:1px solid var(--line); padding:.8rem; background:#fff}
    .table th{background:#ffe5c8; text-align:left}