:root{font-family:Inter,system-ui,sans-serif;color:#10184c;background:#fbfcff;line-height:1.5;--blue:#1235dd;--deep:#091fae}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #3265e7;outline-offset:4px}
h1,h2,h3,p{margin:0}
svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wrap{width:min(100% - 56px,1200px);margin-inline:auto}
.skip{position:absolute;top:0;left:1rem;transform:translateY(-110%);padding:.5rem;background:white}
.skip:focus{transform:none;z-index:2}
.site-header{background:#fff;border-bottom:1px solid #eaf0fa}
.header-inner{display:flex;align-items:center;gap:30px;min-height:75px}
.wordmark{font-size:1.5rem;font-weight:900;letter-spacing:-.055em;color:var(--deep)}
nav{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(14px,2.2vw,30px);font-size:.9rem;font-weight:650}
.header-inner nav{margin-left:auto}
nav a:hover,nav a:focus-visible{color:var(--blue);text-decoration:none}
.button{display:inline-flex;gap:.75em;align-items:center;justify-content:center;padding:.72em 1.22em;border-radius:10px;background:var(--blue);color:#fff;font-weight:750;white-space:nowrap}
.button:hover{background:var(--deep)}
.hero{position:relative;overflow:hidden;margin-inline:calc((100% - 100vw)/2);background:#f3f8fe}
.hero-globe{position:absolute;top:50%;right:max(4%,calc((100% - 1140px)/2));width:min(41vw,475px);aspect-ratio:1;border-radius:50%;background:url('globe.webp') 90% 49% / 254% auto no-repeat;transform:translateY(-50%)}
.hero-globe canvas{display:block;width:100%;height:100%;border-radius:inherit}
.hero-copy{position:relative;width:min(100% - 56px,1200px);margin:auto;padding:clamp(60px,9vw,116px) 0}
.hero h1{max-width:10ch;font-size:clamp(3rem,6.2vw,5.65rem);line-height:.98;letter-spacing:-.066em;color:var(--deep)}
.hero p{max-width:26ch;margin:1.15rem 0 1.65rem;font-size:clamp(1.05rem,2vw,1.35rem)}
.packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:32px}
.package{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:13px;padding:22px;border:1px solid #dbe8fa;border-radius:14px;background:#e8f1ff;font-size:clamp(1rem,2vw,1.28rem);font-weight:800}
.package:hover{box-shadow:0 4px 14px #1525a625}
.package-primary{background:linear-gradient(110deg,#1434e6,#2549df);color:#fff;border-color:transparent}
.process{padding-block:40px}
h2{font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.045em;line-height:1.12}
.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px}
.steps article{padding-inline:24px;border-left:1px solid #dbe5f4}
.steps article:first-child{padding-left:0;border:0}
.steps svg{color:var(--deep);margin-bottom:6px}
.steps h3{font-size:1.05rem;margin-bottom:3px}
.steps p{color:#374369}
.founders{display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:14px;padding:clamp(22px,4vw,48px);color:white;background:radial-gradient(ellipse at 98% 165%,#78b0ff 0%,transparent 56%),linear-gradient(135deg,#1539e4,#081cae)}
.founders p{margin-top:.5rem}
.founders .button{color:var(--deep);background:white}
.founders .button:hover{background:#e8f1ff}
.site-footer{
  margin-top:clamp(32px,6vw,80px);
  padding-block:clamp(32px,5vw,60px) 24px;
  color:#263762;
  background:linear-gradient(125deg,#f6f9ff,#e8f1ff);
  border-top:1px solid #dce7fb;
}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:24px}
.site-footer .wordmark{color:var(--deep);align-self:start;font-size:1.8rem}
.site-footer nav{align-items:flex-start;flex-direction:column;gap:10px;font-weight:500}
.site-footer a:hover,.site-footer a:focus-visible{color:var(--blue)}
.footer-label{margin-bottom:3px;color:#10184c;font-weight:800}
.footer-copyright{
  margin-top:clamp(24px,4vw,42px);
  padding-top:20px;
  border-top:1px solid #cddcf5;
  font-size:.85rem;
}
@media(max-width:720px){
 .wrap,.hero-copy{width:calc(100% - 32px)}
 .header-inner{flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:12px}
 .header-inner nav{order:3;width:100%;margin:0}
 .hero-globe{top:auto;bottom:20px;right:8%;width:clamp(145px,39vw,245px);translate:0 50%}
 .hero-copy{padding-top:40px;padding-bottom:clamp(180px,47vw,290px)}
 .hero h1{font-size:clamp(2.8rem,10vw,4rem)}
 .package{padding:14px;grid-template-columns:1fr}
 .package svg{grid-column:1/-1}
 .steps{grid-template-columns:1fr;gap:16px}
 .steps article,.steps article:first-child{padding:0 0 14px;border:0;border-bottom:1px solid #dbe5f4}
 .founders{align-items:flex-start;flex-direction:column}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.blog-main{max-width:880px;padding-block:clamp(40px,7vw,88px)}
.blog-main h1{font-size:clamp(2.2rem,6vw,4rem);line-height:1.08;letter-spacing:-.055em;margin-bottom:16px}
.blog-main p{max-width:68ch;color:#374369}
.blog-main section{margin-top:30px}
.blog-main h2{margin-bottom:9px}
.blog-main article>a{display:inline-block;color:var(--blue);margin-bottom:20px;font-weight:700}
.blog-main .button{margin-top:28px}
.blog-cards{display:grid;gap:16px;margin-top:28px}
.blog-cards article{padding:24px;background:#eef4ff;border:1px solid #dce7fb;border-radius:14px}
.blog-cards h2{font-size:1.35rem}
.blog-cards a:hover{color:var(--blue)}