body{font-family:Figtree,Arial,sans-serif}
.nav{height:80px;padding:0 3.6vw;background:#fff;border-bottom:1px solid #e5e8ef;justify-content:flex-start;gap:78px}
.nav .brand{font-size:31px;letter-spacing:-1.8px;color:#0bb839;line-height:1}
.nav-divider{width:1px;height:46px;background:#e1e4eb;margin:0 12px 0 18px}
.nav nav{gap:31px;align-items:center;flex:1}
.nav nav a{font-size:14px;font-weight:500;color:#090f2d;white-space:nowrap}
.nav nav a b{font-size:10px;margin-left:7px}
.nav .pill{margin-left:auto;padding:14px 22px;background:#070c28;font:600 13px Figtree;border-radius:999px}
.nav .pill b{color:#fff}
.hero{min-height:650px;padding:55px 4.4vw 48px 6.8vw;background:#fff;color:#080e2b;grid-template-columns:minmax(520px,.96fr) minmax(600px,1.04fr);gap:30px;align-items:center}
.hero-copy{padding-bottom:18px}
.hero .overline{color:#757a89;font:700 13px Figtree;text-transform:uppercase;letter-spacing:.015em}
.hero h1{font-size:clamp(52px,4.2vw,72px);line-height:1.08;letter-spacing:-.052em;max-width:760px;margin:18px 0 29px;font-weight:700}
.hero h1 em{color:#09b83b;white-space:normal}
.hero .lede{font-size:17px;line-height:1.55;color:#5b5f69;max-width:700px;margin:0}
.hero .domain-form{display:flex;max-width:720px;border:1px solid #dde1e8;background:#fff;border-radius:999px;padding:5px;margin-top:31px;box-shadow:none}
.hero .domain-form input{font:15px Figtree;padding:16px 19px;color:#171b2f}
.hero .domain-form button{border-radius:999px;padding:14px 22px;background:#0bb839;color:white;font:600 14px Figtree;min-width:220px}
.hero .micro{max-width:690px;margin:21px 12px 0;color:#858a98;font-size:11px;line-height:1.65;display:flex;gap:11px;align-items:flex-start}
.hero .micro>span{width:17px;height:17px;flex:0 0 17px;border-radius:50%;display:grid;place-items:center;background:#a8abb4;color:white;font-size:10px;margin-top:1px}
.hero .micro a{font-weight:700;color:#12172d}
.hero-visual{height:560px;min-height:560px;position:relative;overflow:visible}
.hero-visual .hero-grid{position:absolute;inset:30px 0 10px -40px;background-image:linear-gradient(#17254d0a 1px,transparent 1px),linear-gradient(90deg,#17254d0a 1px,transparent 1px);background-size:104px 104px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 90%,transparent)}
.growth-chart{position:absolute;left:-40px;top:50px;width:77%;height:480px;overflow:visible}
.growth-chart path{fill:none;stroke-width:5;stroke-linejoin:round;stroke-linecap:square;animation:draw-line 2.2s ease-out both;stroke-dasharray:1100;stroke-dashoffset:1100}
.growth-chart .chart-green{stroke:#58ce72;opacity:.9}
.growth-chart .chart-blue{stroke:#375bff;animation-delay:.18s}
.hero-visual .platform{width:60px;height:60px;border-radius:0 0 18px 0;background:#fff;box-shadow:0 14px 35px #11193518;font:800 24px Figtree;animation:hero-bob 5s ease-in-out infinite}
.hero-visual .p-one{left:18%;top:51px;color:#4285f4}
.hero-visual .p-two{left:40%;top:40px;color:#5f72e8;animation-delay:-1s}
.hero-visual .p-three{left:4%;top:130px;color:#1877f2;font-size:31px;animation-delay:-2s}
.hero-visual .p-four{left:30%;top:181px;color:#f05223;animation-delay:-3s}
.hero-visual .p-five{left:13%;top:265px;color:#101828;animation-delay:-4s}
.portrait-card{position:absolute;right:0;top:44px;width:39%;height:455px;border-radius:20px;overflow:visible}
.portrait-card>img{width:100%;height:100%;object-fit:cover;border-radius:20px;display:block}
.person-badge{position:absolute;left:-78px;bottom:20px;min-width:264px;background:#fff;border-radius:0 0 18px 0;padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 18px 45px #10152c18}
.badge-mark{width:48px;height:48px;border-radius:50%;background:#eff4ec;color:#0bb839;display:grid;place-items:center;font-size:28px;font-weight:800}
.person-badge p{margin:0}.person-badge strong,.person-badge small{display:block}.person-badge strong{font-size:14px}.person-badge small{margin-top:5px;font-size:11px;color:#606778}
@keyframes draw-line{to{stroke-dashoffset:0}}
@keyframes hero-bob{50%{transform:translateY(-8px)}}
@media(max-width:1120px){.nav nav a:nth-child(4){display:none}.hero{grid-template-columns:1fr 1fr;padding-left:4vw}.hero h1{font-size:54px}.portrait-card{width:43%}.hero-visual .p-four{left:23%}}
@media(max-width:800px){.nav{height:72px;padding:0 20px}.nav .brand{font-size:26px}.nav-divider,.nav nav{display:none}.nav .pill{font-size:10px;padding:12px 15px}.hero{display:block;padding:62px 20px 45px;min-height:auto}.hero h1{font-size:47px;line-height:1.04}.hero h1 br{display:none}.hero .lede{font-size:15px}.hero .domain-form{display:block;border-radius:18px;padding:6px}.hero .domain-form input{width:100%;padding:14px}.hero .domain-form button{width:100%;min-width:0;border-radius:13px}.hero-visual{height:430px;min-height:430px;margin-top:40px}.growth-chart{left:-35px;width:90%;height:380px}.portrait-card{height:350px;top:32px;width:47%}.person-badge{left:-58px;min-width:215px;padding:12px}.person-badge strong{font-size:11px}.person-badge small{font-size:9px}.badge-mark{width:38px;height:38px}.hero-visual .platform{width:46px;height:46px;font-size:18px}.hero-visual .p-one{left:20%;top:20px}.hero-visual .p-two{left:45%;top:8px}.hero-visual .p-three{left:3%;top:90px}.hero-visual .p-four{left:30%;top:145px}.hero-visual .p-five{left:13%;top:215px}}