:root{--paper:#FFF;--paper-2:#F8FAFF;--paper-3:#EEF2FB;--ink:#14181F;--ink-soft:#39414E;--muted:#6B7280;--muted-l:#9AA1AC;
--blue:#0070FF;--blue-br:#2196FF;--blue-soft:#E8F2FF;--blue-line:#CCE0FF;--gold:#FFB800;--gold-br:#FFD040;--gold-soft:#FFF8E6;--gold-line:#FFE8A0;
--navy:#0F2444;--line:#E6EBF5;--line-2:#EFF2F9;--shadow:0 1px 2px rgba(20,24,31,.04),0 10px 30px rgba(20,24,31,.05);--shadow-lg:0 24px 70px rgba(20,24,31,.10);
--P:#FFB800;--Pbr:#FFD040;--Psoft:#FFF8E6;--Pline:#FFE8A0;
--serif:'Playfair Display',Georgia,serif;--sans:'Inter',system-ui,sans-serif;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:1080px;margin:0 auto;padding:0 30px}a{color:inherit;text-decoration:none}::selection{background:var(--Psoft)}
nav{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{font-weight:800;font-size:20px;display:flex;align-items:baseline;gap:7px}.brand .nm{color:var(--navy)}.brand .x{color:var(--P);font-family:var(--serif)}.brand .f{color:var(--muted-l);font-size:13px;font-weight:500}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;padding:11px 22px;border-radius:8px;border:1.5px solid transparent;cursor:pointer;transition:.25s}
.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#000;transform:translateY(-2px)}
.btn-line{border-color:var(--line);background:#fff;color:var(--ink)}.btn-line:hover{border-color:var(--ink)}
.arrow{transition:.25s}.btn:hover .arrow{transform:translateX(4px)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--P)}
.eyebrow::before{content:"";width:24px;height:1.5px;background:var(--Pline)}
.eyebrow.gold{color:var(--gold)}.eyebrow.gold::before{background:var(--gold-line)}
.hero{background:radial-gradient(760px 380px at 85% -20%,rgba(201,162,39,.12),transparent 60%),var(--paper);padding:60px 0 48px;border-bottom:1px solid var(--line)}
.hero h1{font-family:var(--serif);font-weight:900;letter-spacing:-1px;line-height:1.05;font-size:clamp(34px,5.4vw,58px);color:var(--ink);max-width:15ch;margin:14px 0 16px}
.hero h1 em{font-style:italic;color:var(--P)}
.hero p{font-size:17.5px;color:var(--ink-soft);max-width:60ch;line-height:1.55}
.hero .ctas{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}
.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}
.stat .n{font-family:var(--serif);font-weight:900;font-size:26px;color:var(--P);line-height:1}.stat .l{font-size:12.5px;color:var(--muted);margin-top:6px}
section{padding:64px 0;border-bottom:1px solid var(--line)}
.sh{max-width:680px;margin-bottom:32px}.sh h2{font-family:var(--serif);font-weight:700;font-size:clamp(26px,3.6vw,40px);color:var(--ink);margin:14px 0 12px;letter-spacing:-.4px;line-height:1.14}.sh h2 em{font-style:italic;color:var(--P)}.sh p{font-size:16.5px;color:var(--muted);line-height:1.65}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cd{background:#fff;border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.cd::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--P)}
.cd .bd{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--P);margin-bottom:10px}.cd h3{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:14px}
.cd ul{list-style:none;display:flex;flex-direction:column;gap:9px}.cd li{display:flex;gap:10px;font-size:14px;color:var(--ink-soft);align-items:flex-start}
.cd li::before{content:"";flex:none;width:6px;height:6px;border-radius:2px;background:var(--P);margin-top:7px;transform:rotate(45deg)}
.align3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.al{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:var(--shadow)}.al .n{font-family:var(--serif);font-weight:700;color:var(--gold);font-size:14px;margin-bottom:10px}.al h4{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:7px}.al p{font-size:14px;color:var(--muted);line-height:1.55}.al b{color:var(--ink)}
.commit{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cm{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow)}
.cm .t{font-family:var(--serif);font-weight:700;font-size:18px;color:var(--ink)}.cm .s{font-size:13px;color:var(--P);font-weight:600;margin:3px 0 16px}
.cm .row{display:flex;justify-content:space-between;font-size:13.5px;padding:8px 0;border-bottom:1px solid var(--line-2)}.cm .row:last-child{border-bottom:none}.cm .row b{color:var(--ink)}.cm .row span{color:var(--muted)}
.quote{background:linear-gradient(180deg,#fff,var(--Psoft));border:1px solid var(--Pline);border-radius:18px;padding:32px;text-align:center;font-family:var(--serif);font-size:clamp(18px,2.3vw,25px);color:var(--ink);line-height:1.4;max-width:780px;margin:0 auto}.quote b{color:var(--P)}
.cta{background:linear-gradient(180deg,#fff,var(--gold-soft));border:1px solid var(--gold-line);border-radius:22px;padding:50px 32px;text-align:center;box-shadow:var(--shadow-lg)}
.cta h2{font-family:var(--serif);font-weight:700;color:var(--ink);font-size:clamp(25px,3.6vw,38px);max-width:24ch;margin:12px auto 12px;line-height:1.15}.cta h2 em{font-style:italic;color:var(--gold)}
.cta p{font-size:16px;color:var(--ink-soft);max-width:50ch;margin:0 auto 24px}
footer{padding:30px 0;color:var(--muted-l);font-size:12.5px;text-align:center}
@media(max-width:860px){.stats,.cards3,.align3,.commit{grid-template-columns:1fr}}