:root{--bg:#F6F2EA;--bg2:#EEE8DB;--ink:#14172B;--mut:#5C6073;--line:rgba(20,23,43,.13);--card:#FFFCF6;--gold:#9A6F1E;--g1:#F2D48E;--g2:#B8862F;--on:#2A1C04;--sh:rgba(184,134,47,.55);--disp:'Bricolage Grotesque','Segoe UI',system-ui,sans-serif;--body:'Figtree','Segoe UI',system-ui,sans-serif;--gg:linear-gradient(180deg,var(--g1),var(--g2))}
html[data-theme=dark]{--bg:#0A0F22;--bg2:#0E1531;--ink:#EEF0F7;--mut:#A0A8C4;--line:rgba(255,255,255,.11);--card:#111A3A;--gold:#E3B861;--sh:rgba(227,184,97,.4)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:var(--disp);margin:0;letter-spacing:-.03em;line-height:1.02;font-weight:700}p{margin:0}a{color:inherit}img{max-width:100%;display:block}
.w{max-width:1180px;margin:0 auto;padding:0 24px}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.lg-d{display:none}html[data-theme=dark] .lg-l{display:none}html[data-theme=dark] .lg-d{display:block}
/* nav */
.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav .w{display:flex;align-items:center;gap:20px;height:74px}.brand img{height:34px;width:auto}
.links{display:flex;gap:2px;margin-left:28px}.links a{text-decoration:none;color:var(--mut);font-weight:500;font-size:15px;padding:8px 14px;border-radius:99px}.links a:hover,.links a.on{color:var(--ink);background:color-mix(in srgb,var(--ink) 7%,transparent)}
.right{margin-left:auto;display:flex;gap:10px;align-items:center}
.thm{display:flex;padding:3px;border:1px solid var(--line);border-radius:99px;background:var(--card)}.thm button{width:34px;height:30px;border:0;border-radius:99px;background:none;color:var(--mut);display:grid;place-items:center;cursor:pointer}
html[data-mode=light] .thm [data-m=light],html[data-mode=dark] .thm [data-m=dark],html[data-mode=system] .thm [data-m=system]{background:var(--gg);color:var(--on)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:99px;font:600 15px/1 var(--body);text-decoration:none;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:none;transition:transform .2s,box-shadow .2s}
.btn.g{background:var(--gg);color:var(--on);border-color:transparent;box-shadow:0 12px 28px -12px var(--sh),inset 0 1px 0 rgba(255,255,255,.5)}.btn.g:hover{transform:translateY(-2px)}.btn.o:hover{border-color:var(--gold)}.btn.s{padding:10px 18px;font-size:14px}
.menu{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font-size:18px;cursor:pointer}
/* hero */
.hero{position:relative;overflow:hidden;padding:clamp(56px,8vw,110px) 0 clamp(64px,8vw,110px)}
.slash{position:absolute;right:-6%;top:-18%;width:min(34vw,420px);height:140%;border-radius:999px;background:var(--gg);opacity:.16;transform:rotate(22deg);pointer-events:none}
.dot{position:absolute;right:46%;bottom:8%;width:70px;height:70px;border-radius:50%;background:var(--gg);opacity:.2;pointer-events:none}
.hg{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;position:relative}
h1{font-size:clamp(44px,6.6vw,92px);letter-spacing:-.045em;line-height:.96;font-weight:800;max-width:11ch}
.lead{color:var(--mut);font-size:clamp(17px,1.5vw,20px);max-width:48ch;margin-top:26px}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.idx{list-style:none;margin:0;padding:8px 0;border-block:1px solid var(--line);background:color-mix(in srgb,var(--card) 70%,transparent);backdrop-filter:blur(8px)}
.idx li{display:flex;align-items:center;gap:16px;padding:11px 20px;border-bottom:1px solid var(--line);animation:in .6s both;animation-delay:calc(var(--i)*70ms)}.idx li:last-child{border:0}
.idx i{width:12px;height:26px;border-radius:99px;background:var(--gg);transform:skewX(-20deg);flex:none;transition:.3s}.idx li:hover i{width:34px}
.idx b{font:700 17px var(--disp);letter-spacing:-.02em}.idx span{margin-left:auto;color:var(--mut);font-size:14px;text-align:right}
@keyframes in{from{opacity:0;transform:translateX(24px)}}
/* sections */
section{padding:clamp(64px,9vw,120px) 0}.alt{background:var(--bg2);border-block:1px solid var(--line)}
h2{font-size:clamp(32px,4.6vw,58px);max-width:16ch}.sublead{color:var(--mut);max-width:56ch;margin-top:18px;font-size:18px}
.tag{font:600 14px var(--body);color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:10px}.tag:before{content:"";width:9px;height:20px;border-radius:99px;background:var(--gg);transform:skewX(-20deg)}
.stats{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line)}.stats div{padding:30px 24px;border-right:1px solid var(--line)}.stats div:last-child{border:0}
.stats b{display:block;font:800 clamp(40px,5vw,68px)/1 var(--disp);letter-spacing:-.04em;background:var(--gg);-webkit-background-clip:text;background-clip:text;color:transparent}.stats span{color:var(--mut);font-size:15px}
.rows{margin-top:48px;border-top:1px solid var(--ink)}
.row{display:grid;grid-template-columns:230px 1fr 190px 130px;gap:24px;align-items:center;padding:28px 6px;border-bottom:1px solid var(--line);text-decoration:none;transition:background .25s,padding .25s}.row:hover{background:color-mix(in srgb,var(--gold) 9%,transparent);padding-inline:18px}
.row h3{font-size:30px}.row small{display:block;color:var(--gold);font:600 13px var(--body);margin-top:6px}.row p{color:var(--mut);font-size:16px}.row em{font-style:normal;font-size:14px;color:var(--mut)}
.st{justify-self:end;font:600 12.5px var(--body);padding:6px 14px;border-radius:99px;border:1px solid var(--line)}.st.live{background:rgba(30,138,74,.14);color:#1E8A4A;border-color:transparent}html[data-theme=dark] .st.live{color:#5BD99A}.st.dev{background:rgba(184,134,47,.16);color:var(--gold);border-color:transparent}
.row.feat h3{font-size:42px}.row.feat{padding-block:38px}
.sv{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;border-left:1px solid var(--line)}
.sv div{padding:30px 28px 34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-top:1px solid var(--line);margin-top:-1px}.sv h3{font-size:24px;margin-bottom:10px}.sv p{color:var(--mut);font-size:16px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:50px}.step{border-top:3px solid var(--ink);padding-top:20px}.step b{font:800 15px var(--disp);color:var(--gold)}.step h3{font-size:26px;margin:8px 0 10px}.step p{color:var(--mut);font-size:16px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.chips span{padding:10px 20px;border:1px solid var(--line);border-radius:99px;background:var(--card);font-weight:500}
.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:center}.about p{color:var(--mut);margin-top:18px;font-size:18px}
.cta-b{position:relative;overflow:hidden;border-radius:36px;background:#0A0F22;color:#EEF0F7;padding:clamp(44px,7vw,96px) clamp(24px,6vw,80px)}
.cta-b:before{content:"";position:absolute;right:-4%;top:-30%;width:300px;height:170%;border-radius:999px;background:var(--gg);opacity:.9;transform:rotate(22deg)}
.cta-b>*{position:relative}.cta-b h2{max-width:13ch;color:#fff}.cta-b p{color:#B9C0DA;margin-top:16px;max-width:44ch}.cta-b .btn.o{color:#fff;border-color:rgba(255,255,255,.35)}
footer{border-top:1px solid var(--line);padding:60px 0 32px;color:var(--mut);font-size:15px;background:var(--bg2)}
.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px}.fg img{height:36px;width:auto;margin-bottom:14px}.fg h4{font:700 15px var(--disp);color:var(--ink);margin:0 0 12px}.fg a{display:block;text-decoration:none;padding:4px 0}.fg a:hover{color:var(--ink)}
.copy{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:14px}
/* contact */
.cg{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,80px);align-items:start}.ci{display:grid;gap:12px;margin-top:32px}
.ci a{display:flex;gap:16px;align-items:center;padding:18px 22px;border:1px solid var(--line);border-radius:20px;background:var(--card);text-decoration:none;transition:.25s}.ci a:hover{border-color:var(--gold);transform:translateX(6px)}
.ci i{width:12px;height:30px;border-radius:99px;background:var(--gg);transform:skewX(-20deg);flex:none}.ci b{font:700 18px var(--disp);display:block}.ci small{color:var(--mut);font-size:15px}
form{border:1px solid var(--line);background:var(--card);border-radius:28px;padding:clamp(24px,4vw,40px);display:grid;gap:16px}.r2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:7px;font-size:14px;font-weight:500;color:var(--mut)}
input,select,textarea{font:400 16px var(--body);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:13px 15px;width:100%}textarea{min-height:130px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 22%,transparent)}
.hint{font-size:13.5px;color:var(--mut)}
@media(max-width:1000px){.hg,.about,.cg{grid-template-columns:1fr}.row{grid-template-columns:1fr 1fr;gap:10px 20px}.row p{grid-column:1/-1;order:3}.row .st{justify-self:start}.sv{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.fg{grid-template-columns:1fr 1fr}.slash{opacity:.1}}
@media(max-width:820px){.menu{display:block}.links{display:none;position:absolute;top:74px;left:0;right:0;flex-direction:column;margin:0;padding:8px 24px 18px;background:var(--bg);border-bottom:1px solid var(--line)}.links.open{display:flex}.links a{border-radius:0;padding:14px 0;border-bottom:1px solid var(--line)}.right .btn.o{display:none}}
@media(max-width:600px){.sv,.steps,.fg,.r2{grid-template-columns:1fr}.cta .btn{width:100%;justify-content:center}.right .btn.g{display:none}.idx span{display:none}.row.feat h3{font-size:34px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* 3.112.0 N8/N9 */
.st.beta{background:rgba(213,163,60,.18);color:#8a5a00;border-color:transparent}html[data-theme=dark] .st.beta{color:#f4d37a}
.chips span{display:inline-flex;align-items:center;gap:8px}.chips span svg{flex:none;color:var(--gold,#c8921f)}
.tech{display:grid;grid-template-columns:repeat(3,auto);gap:18px 34px;margin-top:34px;align-items:start}.tech .tg h4{margin:0 0 4px;font:700 12px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--mut,#7a6a58)}.tech .chips{margin-top:8px;gap:8px}.tech .chips span{padding:8px 14px;font-size:14.5px}
.apps{margin-top:46px}.apps h3{margin:6px 0 16px}.ag{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ac{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--card)}
.ac>i{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-style:normal;background:#1F2342}
.ac h4{margin:0;font-size:19px}.ac small{color:var(--mut,#7a6a58)}.ac p{margin:0;flex:1;line-height:1.55}.ap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ap .pl{font-size:13px;color:var(--mut,#7a6a58)}.ac .btn{align-self:flex-start}
@media(max-width:1180px){.ag{grid-template-columns:1fr 1fr}}@media(max-width:1000px){.tech{grid-template-columns:1fr 1fr}}@media(max-width:620px){.ag{grid-template-columns:1fr}}@media(max-width:560px){.tech{grid-template-columns:1fr}}