:root{color-scheme:light;--bg: #f5f7fb;--ink: #111827;--ink-2: #1f2937;--muted: #687386;--surface: #ffffff;--surface-2: #eef2f7;--line: #d9e1ea;--hero: #0a1222;--hero-2: #111d35;--accent: #ffd84d;--accent-2: #2dd4bf;--blue: #4f7cff;--danger: #ff6b6b;--shadow: 0 26px 80px rgba(13, 23, 42, .18);--radius: 8px;font-family:Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,1fr);gap:clamp(38px,6vw,96px);align-items:center;min-height:100vh;overflow:hidden;padding:110px clamp(20px,5vw,76px) 86px;background:linear-gradient(135deg,rgba(79,124,255,.16),transparent 36%),radial-gradient(circle at 78% 28%,rgba(45,212,191,.28),transparent 28%),linear-gradient(140deg,var(--hero),var(--hero-2));color:var(--surface)}.hero:after{position:absolute;inset:auto 0 0;height:160px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(245,247,251,.08));content:""}.site-header{position:absolute;top:0;right:0;left:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px clamp(20px,5vw,76px)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:18px;font-weight:900}.brand-mark{display:grid;width:38px;height:38px;place-items:center;background:var(--accent);color:var(--hero);border-radius:var(--radius);box-shadow:0 14px 30px #ffd84d3d}nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,34px);color:#ffffffb8;font-size:15px;font-weight:800}nav a:hover{color:var(--surface)}.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow{margin:0 0 16px;color:var(--accent);font-size:13px;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{max-width:780px;margin:0;font-size:clamp(48px,7.2vw,92px);line-height:.98;letter-spacing:0}h2{margin:0;font-size:clamp(32px,4.6vw,60px);line-height:1.08;letter-spacing:0}h3{margin:0 0 14px;font-size:clamp(22px,2.4vw,30px);letter-spacing:0}.hero-description{max-width:680px;margin:28px 0 0;color:#ffffffb8;font-size:18px;line-height:1.78}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 24px;border:1px solid currentColor;border-radius:var(--radius);font-weight:900}.button.primary{background:var(--accent);color:var(--hero);border-color:var(--accent);box-shadow:0 16px 40px #ffd84d38}.button.primary:hover{background:#ffe371}.button.secondary{color:var(--surface);background:#ffffff14;border-color:#ffffff38}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:620px;margin-top:54px}.stat{padding:18px;background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius)}.stat strong{display:block;color:var(--surface);font-size:34px;line-height:1}.stat span{display:block;margin-top:8px;color:#ffffff9e;font-size:13px;font-weight:800}.hero-visual{position:relative;z-index:1;min-height:610px}.accent-block{position:absolute;border-radius:var(--radius)}.block-one{top:66px;right:18%;width:84px;height:84px;background:var(--accent);transform:rotate(12deg)}.block-two{right:4%;bottom:108px;width:116px;height:116px;background:var(--accent-2);opacity:.85;transform:rotate(-10deg)}.device{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);box-shadow:var(--shadow)}.laptop{top:104px;right:4%;width:min(96%,650px);min-height:390px;padding:18px;background:#fffffff0;color:var(--ink);transform:rotate(-3deg)}.device-bar{display:flex;gap:8px;padding-bottom:18px}.device-bar span{width:10px;height:10px;background:#cbd5e1;border-radius:50%}.dashboard-ui{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}.chart-card{min-height:118px;background:var(--surface-2);border-radius:var(--radius)}.chart-card.tall{min-height:252px;background:linear-gradient(var(--blue),var(--blue)) 24px 34px / 54px 54px no-repeat,linear-gradient(#cbd5e1,#cbd5e1) 24px 112px / 62% 10px no-repeat,linear-gradient(#cbd5e1,#cbd5e1) 24px 140px / 48% 10px no-repeat,var(--surface-2)}.chart-card.line{background:linear-gradient(135deg,transparent 44%,var(--accent-2) 45%,var(--accent-2) 51%,transparent 52%),var(--surface-2)}.chart-card.metric{background:linear-gradient(var(--accent),var(--accent)) 24px 24px / 86px 16px no-repeat,linear-gradient(#cbd5e1,#cbd5e1) 24px 58px / 66% 10px no-repeat,var(--surface-2)}.chart-card.bars{background:linear-gradient(var(--blue),var(--blue)) 24px 88px / 32px 42px no-repeat,linear-gradient(var(--accent-2),var(--accent-2)) 72px 58px / 32px 72px no-repeat,linear-gradient(var(--accent),var(--accent)) 120px 34px / 32px 96px no-repeat,linear-gradient(#cbd5e1,#cbd5e1) 24px 142px / 70% 8px no-repeat,var(--surface-2)}.phone{right:0;bottom:42px;width:188px;min-height:340px;padding:20px 14px;background:#111827;transform:rotate(7deg)}.phone-notch{display:block;width:60px;height:8px;margin:0 auto 18px;background:#374151;border-radius:999px}.app-screen{min-height:282px;padding:20px;background:linear-gradient(180deg,#eff6ff,#fff);border-radius:var(--radius)}.sun-index{display:grid;width:84px;height:84px;place-items:center;margin-bottom:24px;background:var(--accent);color:var(--hero);border-radius:50%;font-weight:900}.app-line{height:10px;margin-bottom:12px;background:#cbd5e1;border-radius:999px}.app-line.short{width:68%}.app-chip{display:inline-flex;margin-top:28px;padding:8px 12px;background:var(--accent-2);color:var(--hero);border-radius:999px;font-size:12px;font-weight:900}.floating-card{position:absolute;bottom:122px;left:0;padding:18px 22px;background:var(--accent);color:var(--hero);border-radius:var(--radius);box-shadow:0 18px 46px #00000038;font-weight:900}.intro-strip{display:grid;grid-template-columns:minmax(180px,.28fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);padding:86px clamp(20px,5vw,76px);background:var(--accent);color:var(--hero)}.intro-strip p{margin:8px 0 0;font-size:14px;font-weight:900;text-transform:uppercase}.intro-strip h2{max-width:1080px;font-size:clamp(28px,3.6vw,50px)}.section{padding:104px clamp(20px,5vw,76px)}.section-heading{display:grid;grid-template-columns:minmax(180px,.36fr) minmax(0,1fr);gap:36px;align-items:start;margin-bottom:42px}.section .eyebrow{color:var(--blue)}.section-text{max-width:780px;margin:24px 0 0;color:var(--muted);font-size:18px;line-height:1.75}.service-list,.team-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card,.team-card{min-height:285px;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 42px #0f172a0f}.service-card{position:relative;overflow:hidden}.service-card:after{position:absolute;right:-40px;bottom:-50px;width:150px;height:150px;background:var(--surface-2);border-radius:50%;content:""}.service-card span{display:inline-flex;margin-bottom:44px;color:var(--blue);font-size:14px;font-weight:900}.service-card p,.team-card p{position:relative;z-index:1;margin:0;color:var(--muted);font-size:16px;line-height:1.72}.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,.65fr);gap:clamp(34px,6vw,90px);align-items:start}.dark{background:var(--hero);color:var(--surface)}.dark .eyebrow{color:var(--accent)}.dark .section-text{color:#ffffffa8}.work-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.work-list li{padding:22px 24px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius);color:var(--surface);font-weight:900}.team-card{background:linear-gradient(180deg,rgba(79,124,255,.08),transparent 52%),var(--surface)}.contact{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 clamp(20px,5vw,76px) 76px;padding:clamp(34px,5vw,64px);background:var(--ink);color:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow)}.contact .eyebrow{color:var(--accent)}.contact .button.primary{flex:0 0 auto}footer{padding:24px clamp(20px,5vw,76px) 40px;color:var(--muted)}@media (max-width: 1000px){.hero,.intro-strip,.section-heading,.split{grid-template-columns:1fr}.hero{min-height:auto;padding-top:126px}.hero-visual{min-height:560px}.laptop{right:auto;left:0}.service-list,.team-list{grid-template-columns:1fr}}@media (max-width: 680px){.site-header{align-items:flex-start;flex-direction:column;padding-top:22px}nav{flex-wrap:wrap;gap:14px 20px}h1{font-size:43px}.hero{padding-top:154px}.hero-description,.section-text{font-size:16px}.stats{grid-template-columns:1fr}.hero-visual{min-height:520px}.laptop{width:100%;min-height:330px;transform:rotate(0)}.dashboard-ui{grid-template-columns:1fr}.chart-card.tall{min-height:146px}.phone{right:4px;bottom:14px;width:142px;min-height:260px}.app-screen{min-height:206px;padding:14px}.floating-card{bottom:84px;max-width:170px}.button{width:100%}.contact{align-items:flex-start;flex-direction:column}}