@import"https://fonts.googleapis.com/css2?family=Syne:wght@600;700;800&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:dark;--bg: #0a0d16;--panel: rgba(13, 18, 30, .88);--panel-soft: rgba(19, 27, 44, .76);--panel-accent: linear-gradient(135deg, rgba(89, 197, 255, .16), rgba(85, 255, 196, .1));--line: rgba(165, 184, 255, .12);--line-strong: rgba(165, 184, 255, .2);--text: #f2f5ff;--muted: #9aa6c3;--accent: #66f0cb;--accent-2: #74a7ff;--shadow: 0 28px 80px rgba(0, 0, 0, .42);background:radial-gradient(circle at top left,rgba(102,240,203,.08),transparent 25%),radial-gradient(circle at 82% 12%,rgba(116,167,255,.1),transparent 24%),radial-gradient(circle at 50% 100%,rgba(124,82,255,.06),transparent 26%),linear-gradient(180deg,#080b12,#0c1020 42%,#0b1020);color:var(--text);font-family:Space Grotesk,system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:transparent;color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-shell{position:relative;min-height:100vh;overflow:hidden}.background-orb{position:fixed;width:360px;height:360px;border-radius:50%;filter:blur(90px);opacity:.22;pointer-events:none}.background-orb--left{top:80px;left:-140px;background:#66f0cb47}.background-orb--right{top:320px;right:-140px;background:#74a7ff3d}.topbar,.page{position:relative;z-index:1}.topbar{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 8px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.03em}.brand__mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line);background:#ffffff0a;box-shadow:inset 0 1px #ffffff0d}.topnav{display:inline-flex;align-items:center;gap:18px;padding:12px 18px;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topnav a{color:var(--muted);transition:color .14s ease,transform .14s ease}.topnav a:hover{color:var(--text);transform:translateY(-1px)}.page{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:18px 0 56px;display:grid;gap:22px}.hero,.section,.contact-section{background:linear-gradient(180deg,#ffffff06,#ffffff03),var(--panel);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;padding:34px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:auto 0 0 auto;width:320px;height:320px;background:radial-gradient(circle,rgba(102,240,203,.1),transparent 68%);pointer-events:none}.hero__copy{display:grid;align-content:center;gap:20px}.eyebrow{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:var(--accent)}h1,h2,h3,h4{margin:0;font-family:Syne,Space Grotesk,sans-serif}h1{font-size:clamp(44px,7vw,78px);line-height:1;max-width:11ch}h2{font-size:clamp(30px,4.5vw,54px);line-height:1.04;max-width:15ch}h3{font-size:clamp(22px,3vw,28px);line-height:1.12}h4{font-size:18px;line-height:1.2}.lead,.section-heading p:last-child,.case-study__copy p,.timeline-card p,.value-card p,.contact-copy p,.hero-card p,.service-card p{margin:0;color:var(--muted);font-size:18px}.hero__actions{display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:16px;border:1px solid transparent;font-weight:700;transition:transform .14s ease,box-shadow .14s ease,background .14s ease;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn:disabled{cursor:wait;transform:none;opacity:.8}.btn--primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#081018;box-shadow:0 18px 34px #74a7ff2e}.btn--secondary{background:#ffffff08;color:var(--text);border-color:#ffffff14}.hero__panel{display:grid;gap:14px}.hero-card,.service-card,.timeline-card,.value-card,.reference-card,.contact-form{background:linear-gradient(180deg,#ffffff08,#ffffff03),var(--panel-soft);border:1px solid rgba(255,255,255,.08);border-radius:22px}.hero-card{padding:20px;display:grid;gap:10px}.hero-card--accent{background:var(--panel-accent),var(--panel-soft);border-color:var(--line-strong);box-shadow:inset 0 1px #ffffff0a}.hero-card__label,.timeline-card__badge,.reference-card__label{width:fit-content;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.hero-card__label{color:var(--accent)}.hero-card strong,.reference-card h3{font-size:22px;line-height:1.2}.hero-tags{display:flex;flex-wrap:wrap;gap:10px}.hero-tags span{padding:10px 14px;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#dce5ff;font-weight:600}.section,.contact-section{padding:30px}.intro{display:grid;gap:12px;background:linear-gradient(135deg,#66f0cb0f,#74a7ff0a),var(--panel)}.section-heading{display:grid;gap:12px;margin-bottom:24px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-card{padding:22px;display:grid;gap:16px;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,var(--accent),rgba(116,167,255,.8));opacity:.75}.service-card__icon{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;color:var(--accent);background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.case-study{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:20px;background:radial-gradient(circle at top right,rgba(116,167,255,.08),transparent 22%),linear-gradient(180deg,#121828f0,#0c111ef0)}.case-study__copy{display:grid;gap:14px;align-content:center}.reference-grid{display:grid;gap:14px}.reference-card{padding:20px;display:grid;gap:14px;min-height:180px}.reference-card__label{color:var(--accent-2)}.reference-card p{margin:0;color:var(--muted);font-size:16px}.reference-card__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.reference-card__tags span{padding:9px 12px;border-radius:999px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#dce5ff;font-size:14px;font-weight:600}.experience-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);gap:20px}.timeline{display:grid;gap:16px}.timeline-card{padding:22px;display:grid;gap:12px}.timeline-card__badge{padding:8px 12px;border-radius:999px;background:#66f0cb14;border:1px solid rgba(102,240,203,.14);color:var(--accent)}.value-stack{display:grid;gap:18px;align-content:start}.value-stack__header{display:flex;align-items:flex-start;gap:14px;color:var(--accent-2)}.value-grid{display:grid;gap:14px}.value-card{padding:20px;display:grid;gap:10px;min-height:144px}.contact-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;align-items:start;background:radial-gradient(circle at left top,rgba(102,240,203,.05),transparent 24%),linear-gradient(180deg,#0c101cf5,#0a0e18f5)}.contact-copy{display:grid;gap:14px}.contact-copy a{color:var(--accent);font-weight:700}.contact-form{padding:22px;display:grid;gap:16px;box-shadow:inset 0 1px #ffffff0a}.contact-form label{display:grid;gap:8px;color:var(--muted);font-weight:500}.contact-form__honey{position:absolute;left:-9999px;opacity:0;pointer-events:none}.contact-form input,.contact-form textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#060910e6;color:var(--text);resize:vertical;transition:border-color .14s ease,box-shadow .14s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#66f0cb61;box-shadow:0 0 0 4px #66f0cb14}.form-status{margin:4px 0 0;padding:14px 16px;border-radius:16px;font-weight:500}.form-status--success{background:#66f0cb14;border:1px solid rgba(102,240,203,.18);color:#c4ffef}.form-status--error{background:#ff787814;border:1px solid rgba(255,120,120,.18);color:#ffd3d3}@media (max-width: 1024px){.hero,.case-study,.experience-layout,.contact-section,.service-grid{grid-template-columns:1fr}}@media (max-width: 720px){.topbar{flex-direction:column;align-items:flex-start;padding-top:18px}.topnav{width:100%;justify-content:space-between;gap:10px}.page{width:min(1180px,calc(100% - 20px));padding-bottom:28px;gap:18px}.hero,.section,.contact-section{padding:20px;border-radius:24px}}
