:root{
  --bg:#07090b;
  --panel:#101419;
  --panel-2:#151a20;
  --text:#f7f9fb;
  --muted:#b7c0c9;
  --muted-2:#8e9aa5;
  --line:#27313b;
  --blue:#11aef5;
  --blue-2:#167ee8;
  --orange:#ff8a00;
  --max:1160px;
  --reading:780px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.68;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit}
img{max-width:100%;height:auto}
.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}
.site-header{
  position:sticky;top:0;z-index:20;
  background:rgba(7,9,11,.95);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(12px);
}
.header-inner{
  min-height:82px;
  display:flex;align-items:center;justify-content:space-between;gap:28px;
}
.brand{display:inline-flex;align-items:center}
.brand img{
  display:block;width:290px;height:auto;max-height:62px;
  object-fit:contain;object-position:left center;
}
.nav{display:flex;gap:28px;align-items:center}
.nav a{
  font-size:1rem;font-weight:650;color:#dce3e9;text-decoration:none;
}
.nav a:hover,.nav a:focus-visible{color:#fff}
.hero{padding:88px 0 72px;border-bottom:1px solid var(--line)}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:66px;align-items:center}
.eyebrow{
  font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;
  color:var(--blue);font-weight:800;margin-bottom:10px;
}
h1,h2,h3{line-height:1.12;margin:0 0 18px;color:#fff}
h1{font-size:clamp(3.15rem,6vw,5.35rem);letter-spacing:-.046em}
h2{font-size:clamp(2.05rem,3.2vw,3.2rem);letter-spacing:-.032em}
h3{font-size:1.24rem;letter-spacing:-.012em}
.lead{
  font-size:clamp(1.18rem,2vw,1.42rem);
  line-height:1.58;color:#dce2e7;max-width:760px;
}
.sublead{
  color:var(--muted);font-size:1.06rem;line-height:1.72;max-width:780px;
}
.hero-mark{
  display:flex;align-items:center;justify-content:center;
  min-height:360px;
  background:radial-gradient(circle at center,rgba(17,174,245,.09),transparent 55%);
}
.hero-mark img{width:min(370px,80%);filter:drop-shadow(0 12px 36px rgba(0,0,0,.35))}
.cta-row{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}
.button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:0 20px;border-radius:8px;text-decoration:none;
  font-weight:760;font-size:.96rem;
  border:1px solid var(--line);background:#111820;color:#f4f7f9;
}
.button.primary{background:linear-gradient(180deg,#10aaf0,#087bc8);border-color:#149edc;color:white}
.button:hover{filter:brightness(1.07)}
.section{padding:78px 0;border-bottom:1px solid var(--line)}
.section-intro{max-width:800px;margin-bottom:36px}
.grid{display:grid;gap:20px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{
  background:linear-gradient(180deg,#11161c,#0e1318);
  border:1px solid var(--line);border-radius:12px;padding:26px 26px 27px;
}
.card p{margin:0;color:var(--muted);font-size:1rem;line-height:1.65}
.question-list{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.question{
  padding:17px 19px;border:1px solid var(--line);background:#0d1217;
  border-radius:9px;color:#eef2f5;font-weight:620;line-height:1.45;
}
.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}
.flow span{
  text-align:center;padding:17px 10px;background:var(--panel);
  border:1px solid var(--line);border-radius:9px;font-weight:700;
  display:flex;align-items:center;justify-content:center;min-height:64px;
}
.kicker{color:var(--orange);font-weight:750}
.answer{
  background:#0d1217;border:1px solid var(--line);
  border-left:4px solid var(--blue);padding:23px 24px;border-radius:0 11px 11px 0
}
.answer p{margin:0;color:#d8dfe5;font-size:1rem;line-height:1.67}
.founder{
  display:grid;grid-template-columns:170px 1fr;gap:34px;align-items:center
}
.founder img{
  width:170px;height:170px;border-radius:50%;object-fit:contain;
  padding:6px;background:transparent;
}
.notice{
  border:1px solid #2c3944;background:#0d1319;border-radius:10px;
  padding:22px 23px;color:#dce2e7;font-size:1rem;line-height:1.65
}
.page-hero{padding:72px 0 52px;border-bottom:1px solid var(--line)}
.page-hero h1{font-size:clamp(2.7rem,5vw,4.5rem);max-width:940px}
.page-hero p{max-width:820px;color:var(--muted);font-size:1.16rem;line-height:1.67}
.prose{max-width:var(--reading)}
.prose h2{font-size:1.9rem;margin-top:48px;margin-bottom:14px}
.prose h3{font-size:1.28rem;margin-top:32px}
.prose p,.prose li{color:#d7dee4;font-size:1.02rem}
.prose li{margin:.52rem 0}
.prose a{color:#69cbff}
.site-footer{padding:54px 0 30px}
.footer-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start}
.footer-brand img{width:270px;height:auto}
.footer-brand p{color:var(--muted);max-width:580px;font-size:.97rem}
.footer-links{display:grid;grid-template-columns:repeat(2,minmax(145px,1fr));gap:11px 28px}
.footer-links a{color:#d1d8de;text-decoration:none;font-size:.96rem}
.footer-bottom{
  margin-top:36px;padding-top:20px;border-top:1px solid var(--line);
  color:var(--muted-2);font-size:.86rem;line-height:1.55
}
.small{font-size:.92rem;color:var(--muted)}
.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-item{padding:26px;background:var(--panel);border:1px solid var(--line);border-radius:10px}
.contact-item a{color:#6bcdff;text-decoration:none;font-weight:760}
@media (max-width:960px){
  .flow{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:820px){
  body{font-size:16px}
  .wrap{width:min(calc(100% - 30px),var(--max))}
  .header-inner{min-height:70px}
  .brand img{width:225px;max-height:52px}
  .nav{display:none}
  .hero{padding:54px 0 48px}
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-mark{min-height:230px;order:-1}
  .hero-mark img{width:220px}
  h1{font-size:clamp(2.6rem,11vw,4rem)}
  h2{font-size:clamp(1.9rem,7.8vw,2.7rem)}
  .lead{font-size:1.14rem}
  .sublead{font-size:1rem}
  .section{padding:58px 0}
  .grid-3,.grid-2,.question-list,.contact-box{grid-template-columns:1fr}
  .flow{grid-template-columns:repeat(2,1fr)}
  .founder{grid-template-columns:110px 1fr;gap:22px}
  .founder img{width:110px;height:110px}
  .footer-grid{grid-template-columns:1fr}
}
@media (max-width:520px){
  .wrap{width:min(calc(100% - 22px),var(--max))}
  .brand img{width:205px}
  .hero-mark{min-height:195px}
  .hero-mark img{width:190px}
  .section{padding:50px 0}
  .card{padding:22px}
  .flow{grid-template-columns:1fr 1fr}
  .flow span{min-height:60px;font-size:.92rem}
  .founder{grid-template-columns:88px 1fr;gap:16px}
  .founder img{width:88px;height:88px}
  .footer-links{grid-template-columns:1fr 1fr}
}