:root{
  --bg:#f7f8fb;--surface:#ffffff;--text:#10131a;--muted:#626a78;--line:#e5e8ef;
  --dark:#0b0f17;--dark2:#111827;--darkText:#f7f9fc;--accent:#4f7cff;--accent2:#6bdcff;
  --shadow:0 24px 70px rgba(19,29,48,.10);--radius:24px;--container:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--text);background:var(--bg);line-height:1.65}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.section{padding:110px 0}.section-dark{background:var(--dark);color:var(--darkText);position:relative;overflow:hidden}.section-soft{background:#eef2f8}.light{background:#fff}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:20px;top:20px;z-index:1000;background:white;padding:10px 14px;border-radius:8px}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(11,15,23,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:#fff}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));font-weight:800;letter-spacing:-1px}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-copy strong{font-size:14px}.brand-copy small{font-size:10px;color:#b8c0cf;margin-top:4px;letter-spacing:.06em;text-transform:uppercase}.primary-nav{display:flex;align-items:center;gap:28px;color:#cbd2dd;font-size:13px;font-weight:600}.primary-nav a:hover{color:#fff}.nav-cta{border:1px solid rgba(255,255,255,.18);padding:11px 16px;border-radius:999px;background:rgba(255,255,255,.05)}.nav-toggle{display:none;background:none;border:0;padding:6px}.nav-toggle span{display:block;width:24px;height:2px;background:white;margin:5px}
.hero{padding:155px 0 95px;min-height:780px;display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:78px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#aab4c5;display:flex;align-items:center;gap:10px}.dot{width:8px;height:8px;border-radius:50%;background:var(--accent2);box-shadow:0 0 20px var(--accent2)}.hero h1{font-size:clamp(48px,6.3vw,82px);line-height:.99;letter-spacing:-.05em;margin:22px 0 26px;max-width:850px}.hero h1 em{font-family:"Playfair Display",serif;font-weight:600;color:#9fb5ff}.hero-lead{font-size:19px;color:#b9c2d0;max-width:710px}.hero-actions{display:flex;gap:14px;margin:34px 0 42px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;font-weight:700;font-size:14px;transition:.25s ease}.btn-primary{background:#fff;color:#0b0f17}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(255,255,255,.15)}.btn-ghost{border:1px solid rgba(255,255,255,.18);color:white}.btn-ghost:hover{background:rgba(255,255,255,.06)}.btn-light{background:#fff;color:#0b0f17}.btn-ghost-light{border:1px solid rgba(255,255,255,.22);color:#fff}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid rgba(255,255,255,.10);padding-top:24px}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:16px}.trust-row span{font-size:11px;color:#9099aa;margin-top:4px}.portrait-shell{position:relative;border-radius:34px;padding:12px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.03));box-shadow:0 50px 110px rgba(0,0,0,.35);transform:rotate(1deg)}.portrait-frame{aspect-ratio:4/5;border-radius:26px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(90,126,255,.34) 0,rgba(37,52,82,.40) 24%,rgba(16,22,34,.20) 50%,rgba(10,14,22,0) 72%),radial-gradient(circle at 50% 100%,rgba(67,215,255,.18) 0,rgba(12,17,27,.0) 42%),linear-gradient(180deg,#121928 0,#0d131d 100%);border:1px solid rgba(255,255,255,.08)}.portrait-frame:before{content:"";position:absolute;inset:auto 8% 0 8%;height:24%;background:radial-gradient(ellipse at center,rgba(79,124,255,.24) 0,rgba(79,124,255,0) 70%);filter:blur(18px);pointer-events:none}.hero-portrait{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,520px);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 28px 55px rgba(0,0,0,.26)) drop-shadow(0 6px 20px rgba(56,100,255,.12))}.floating-card{position:absolute;background:rgba(255,255,255,.93);color:#111827;padding:12px 15px;border-radius:14px;font-size:11px;font-weight:800;box-shadow:0 18px 45px rgba(0,0,0,.25)}.card-top{top:8%;left:-36px}.card-bottom{bottom:8%;right:-34px}.hero-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.16}.glow-one{width:380px;height:380px;background:#4f7cff;top:10%;left:-12%}.glow-two{width:330px;height:330px;background:#43d7ff;bottom:-20%;right:-8%}
.intro-strip{padding:78px 0}.intro-grid{display:grid;grid-template-columns:.7fr 1.5fr 1fr;gap:46px;align-items:start}.kicker,.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#60708a}.intro-grid h2,.section-head h2,.about-copy h2,.cta h2{font-size:clamp(34px,4vw,56px);line-height:1.06;letter-spacing:-.045em;margin:0}.intro-grid p:last-child,.section-head>p{color:var(--muted);margin:0}.section-head{display:grid;grid-template-columns:1.5fr .7fr;gap:60px;align-items:end;margin-bottom:48px}.section-head h2{margin-top:11px;max-width:820px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.work-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 36px rgba(22,31,50,.05);transition:.3s}.work-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.work-card.feature{grid-row:span 2}.work-media{min-height:230px;padding:26px;display:flex;align-items:flex-end;font-weight:800;letter-spacing:-.02em}.feature .work-media{min-height:380px}.gradient-blue{background:linear-gradient(135deg,#16264a,#4f7cff);color:white}.gradient-sand{background:linear-gradient(135deg,#f2dfc0,#d49a67);color:#342719}.gradient-violet{background:linear-gradient(135deg,#27213d,#8b68ff);color:white}.work-body{padding:26px}.work-tag{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#65728a;font-weight:800}.work-body h3{font-size:23px;margin:9px 0 10px;letter-spacing:-.03em}.work-body p{color:var(--muted);font-size:14px}.tech-list{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.tech-list span{font-size:10px;padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:#596476;background:#fafbfc}.text-link{font-weight:800;font-size:13px}.text-link span{margin-left:4px}.mock-dashboard{display:block;background:linear-gradient(145deg,#121827,#29344f);padding:18px}.mock-bar{display:flex;gap:6px;margin-bottom:12px}.mock-bar span{width:8px;height:8px;border-radius:50%;background:#67758e}.mock-layout{height:320px;border-radius:18px;background:#f6f8fc;display:grid;grid-template-columns:70px 1fr;overflow:hidden}.mock-layout aside{background:#101827}.mock-main{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.mock-stat{background:white;border-radius:12px;box-shadow:0 6px 18px rgba(15,23,42,.07)}.mock-chart{grid-column:1/-1;background:linear-gradient(180deg,#edf2ff,#fff);border-radius:12px;position:relative}.mock-chart:after{content:"";position:absolute;left:8%;right:8%;bottom:24%;height:2px;background:linear-gradient(90deg,#4f7cff,#6bdcff);transform:skewY(-8deg)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:white;border:1px solid #dde3ed;border-radius:20px;padding:28px;min-height:235px}.service-no{font-size:11px;color:#75819a;font-weight:800}.service-card h3{font-size:22px;margin:34px 0 10px}.service-card p{color:var(--muted);font-size:14px}.about-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:start}.label-light{color:#8f9db3}.about-copy h2{margin:14px 0 24px}.about-copy p{color:#aeb8c8;max-width:760px}.about-copy .btn{margin-top:16px}.about-panel{border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:8px 30px;background:rgba(255,255,255,.03)}.about-metric{display:grid;grid-template-columns:110px 1fr;gap:22px;align-items:center;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.08)}.about-metric:last-child{border:0}.about-metric strong{font-size:26px}.about-metric span{font-size:13px;color:#9da7b8}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.process-step{padding:24px 18px;border-top:1px solid #cfd5df}.process-step span{font-size:11px;color:#778398;font-weight:800}.process-step h3{margin:26px 0 8px;font-size:18px}.process-step p{font-size:13px;color:var(--muted)}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.video-card{background:white;border-radius:22px;overflow:hidden;border:1px solid #dfe4ec}.video-thumb{height:220px;background:linear-gradient(145deg,#172138,#344f87);display:grid;place-items:center;position:relative;color:white}.thumb-two{background:linear-gradient(145deg,#273328,#5f8961)}.thumb-three{background:linear-gradient(145deg,#362625,#8b5c53)}.video-thumb button{width:58px;height:58px;border-radius:50%;border:0;background:white;color:#111827;font-size:18px;cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.2)}.video-thumb span{position:absolute;bottom:16px;left:18px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.video-body{padding:22px}.video-body h3{margin:0 0 2px}.video-body p{margin:0;color:#788397;font-size:12px}.video-body blockquote{margin:20px 0 0;font-family:"Playfair Display",serif;font-size:18px;line-height:1.45;color:#2c3340}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.insight-card{background:white;border:1px solid var(--line);border-radius:20px;padding:28px}.insight-card span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#69768d;font-weight:800}.insight-card h3{font-size:21px;line-height:1.3;margin:18px 0 12px}.insight-card p{font-size:13px;color:var(--muted)}.insight-card a{font-size:12px;font-weight:800}.cta{padding:86px 0}.cta-inner{display:grid;grid-template-columns:1.5fr .5fr;gap:60px;align-items:center}.cta h2{margin:12px 0 16px}.cta p{color:#aeb7c7;max-width:780px}.cta-actions{display:flex;flex-direction:column;gap:10px}.site-footer{background:#070a10;color:#c9d0dc;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.6fr .6fr .6fr;gap:60px}.footer-brand{display:inline-flex}.footer-grid>div:first-child p{max-width:460px;color:#7f8999;font-size:13px}.footer-links{display:flex;flex-direction:column;gap:10px;font-size:12px}.footer-links strong{color:white;margin-bottom:6px}.footer-links a{color:#8f99aa}.footer-bottom{margin-top:50px;padding-top:22px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;font-size:11px;color:#687385}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.in-view{opacity:1;transform:none}.delay-1{transition-delay:.12s}
@media(max-width:980px){.primary-nav{position:absolute;top:78px;left:20px;right:20px;background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:20px;display:none;flex-direction:column;align-items:stretch}.primary-nav.open{display:flex}.nav-toggle{display:block}.hero-grid,.intro-grid,.section-head,.about-grid,.cta-inner{grid-template-columns:1fr}.hero{padding-top:130px}.hero-visual{max-width:560px;margin:auto}.trust-row{grid-template-columns:1fr 1fr 1fr}.work-grid{grid-template-columns:1fr}.work-card.feature{grid-row:auto}.services-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr 1fr}.testimonial-grid,.insight-grid{grid-template-columns:1fr 1fr}.section-head{gap:20px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:min(100% - 28px,var(--container))}.section{padding:78px 0}.hero{min-height:auto;padding-bottom:75px}.hero h1{font-size:49px}.hero-lead{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.trust-row{grid-template-columns:1fr;gap:14px}.portrait-shell{max-width:420px}.card-top{left:-6px}.card-bottom{right:-6px}.intro-strip{padding:60px 0}.services-grid,.process-grid,.testimonial-grid,.insight-grid{grid-template-columns:1fr}.feature .work-media{min-height:290px}.mock-layout{height:250px}.about-metric{grid-template-columns:85px 1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:6px}.cta-actions{flex-direction:row;flex-wrap:wrap}.brand-copy small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}