:root{--ink:#0c1520;--ink-soft:#243044;--mist:#e6eef6;--fog:#f3f7fb;--line:#0c15201a;--accent:#1fb8a8;--accent-deep:#0e8f82;--accent-glow:#1fb8a859;--white:#fff;--font-display:"Syne", sans-serif;--font-body:"Figtree", sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--nav-h:4.5rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;font-family:var(--font-body);color:var(--ink);background:var(--fog);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.6}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--ink)}.page{min-height:100svh;overflow-x:clip}.nav{z-index:50;height:var(--nav-h);background:color-mix(in srgb, var(--fog) 82%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #0000;align-items:center;gap:1rem;padding:0 clamp(1.25rem,4vw,3rem);transition:border-color .3s;display:flex;position:fixed;inset:0 0 auto}.nav__brand{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;font-size:1rem;font-weight:800}.nav__links{color:var(--ink-soft);gap:1.75rem;margin-left:auto;font-size:.95rem;font-weight:500;display:none}.nav__links a{transition:color .2s}.nav__links a:hover{color:var(--ink)}.nav__cta{background:var(--ink);color:var(--white);transition:background .2s ease, transform .2s var(--ease);border-radius:.55rem;margin-left:auto;padding:.55rem 1rem;font-size:.875rem;font-weight:600}.nav__cta:hover{background:var(--ink-soft);transform:translateY(-1px)}@media (width>=720px){.nav__links{display:flex}.nav__cta{margin-left:0}}.hero{min-height:100svh;padding:calc(var(--nav-h) + 1.5rem) clamp(1.25rem, 4vw, 3rem) clamp(2.5rem, 6vw, 4.5rem);background:radial-gradient(120% 80% at 80% 10%, #1fb8a82e, transparent 55%), radial-gradient(90% 70% at 10% 90%, #24304414, transparent 50%), linear-gradient(165deg, #dce7f2 0%, var(--fog) 42%, #eef4f8 100%);align-items:end;display:grid;position:relative}.hero__atmosphere{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero__grid{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.7;background-size:56px 56px;animation:28s linear infinite grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 70% 40%,#000 20%,#0000 75%);mask-image:radial-gradient(70% 60% at 70% 40%,#000 20%,#0000 75%)}.hero__orb{filter:blur(40px);border-radius:50%;position:absolute}.hero__orb--a{background:var(--accent-glow);width:min(48vw,420px);height:min(48vw,420px);animation:9s ease-in-out infinite orb-float;top:12%;right:8%}.hero__orb--b{background:#2430441f;width:min(36vw,280px);height:min(36vw,280px);animation:11s ease-in-out infinite reverse orb-float;bottom:18%;right:28%}.hero__visual{aspect-ratio:4/3;opacity:.92;width:min(52vw,520px);position:absolute;top:50%;right:clamp(-1rem,2vw,4rem);transform:translateY(-42%)}.hero__panel{background:color-mix(in srgb, var(--white) 72%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #0c15201a;border-radius:1.1rem;position:absolute;box-shadow:0 24px 60px #0c15201a}.hero__panel--back{background:color-mix(in srgb, var(--mist) 80%, var(--accent));animation:panel-rise 1.1s var(--ease) both;inset:12% 8% 0 18%;transform:rotate(4deg)}.hero__panel--mid{animation:panel-rise 1.1s var(--ease) .12s both;flex-direction:column;gap:.55rem;padding:1.25rem;display:flex;inset:6% 14% 10% 6%;transform:rotate(-2deg)}.hero__panel--mid span{background:#0c152014;border-radius:999px;height:.55rem}.hero__panel--mid span:first-child{width:42%}.hero__panel--mid span:nth-child(2){width:68%}.hero__panel--mid span:nth-child(3){background:color-mix(in srgb, var(--accent) 45%, transparent);width:54%}.hero__panel--front{background:color-mix(in srgb, var(--ink) 92%, #1a3a45);animation:panel-rise 1.1s var(--ease) .24s both;border-color:#0000;flex-direction:column;gap:.7rem;padding:1.4rem 1.5rem;display:flex;inset:22% 0 4% 28%}.hero__code-line{background:#ffffff2e;border-radius:999px;width:78%;height:.45rem}.hero__code-line--short{width:48%}.hero__code-line--accent{background:var(--accent);width:62%;animation:2.8s ease-in-out infinite accent-pulse}.hero__content{z-index:1;max-width:36rem;animation:content-in .9s var(--ease) both;position:relative}.hero__brand{font-family:var(--font-display);letter-spacing:-.03em;text-transform:uppercase;margin-bottom:1.25rem;font-size:clamp(2.75rem,11vw,5.75rem);font-weight:800;line-height:.92}.hero__headline{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-soft);max-width:18ch;margin-bottom:.85rem;font-size:clamp(1.35rem,3.4vw,1.85rem);font-weight:700;line-height:1.25}.hero__lead{color:var(--ink-soft);max-width:34ch;margin-bottom:1.75rem;font-size:clamp(1rem,2.2vw,1.125rem)}.hero__actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn{min-height:3rem;transition:transform .2s var(--ease), background .2s ease, color .2s ease, border-color .2s ease;border-radius:.65rem;justify-content:center;align-items:center;padding:.75rem 1.35rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--accent);color:var(--ink)}.btn--primary:hover{background:var(--accent-deep);color:var(--white)}.btn--ghost{color:var(--ink);background:color-mix(in srgb, var(--white) 55%, transparent);border:1px solid #0c15202e}.btn--ghost:hover{border-color:var(--ink)}@media (width<=719px){.hero{padding-top:calc(var(--nav-h) + 1rem);align-items:end;padding-bottom:2.25rem}.hero__visual{width:min(88vw,360px);top:calc(var(--nav-h) + .5rem);opacity:.42;right:-12%;transform:none}.hero__brand{font-size:clamp(2.4rem,13vw,3.4rem)}.hero__content{max-width:100%}.hero__actions{width:100%}.hero__actions .btn{flex:auto;min-width:min(100%,10rem)}}@media (width>=960px){.hero{align-items:center}.hero__content{max-width:40rem}}.services{background:var(--white);padding:clamp(4rem,10vw,7rem) clamp(1.25rem,4vw,3rem)}.services__intro{max-width:32rem;margin-bottom:clamp(2.5rem,6vw,4rem)}.services__intro h2{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:.75rem;font-size:clamp(2rem,5vw,3rem);font-weight:800}.services__intro p{color:var(--ink-soft);max-width:36ch}.services__list{border-top:1px solid var(--line);gap:0;display:grid}.service{border-bottom:1px solid var(--line);gap:.75rem;padding:clamp(1.75rem,4vw,2.5rem) 0;display:grid}.service__index{font-family:var(--font-display);letter-spacing:.08em;color:var(--accent-deep);font-size:.85rem;font-weight:700}.service h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700}.service p{color:var(--ink-soft);max-width:42ch}@media (width>=800px){.service{grid-template-columns:4rem 1fr 1.2fr;align-items:start;gap:1.5rem 2rem}.service h3{max-width:12ch}}.contact{color:var(--white);background:radial-gradient(80% 100% at 100% 0,#1fb8a838,#0000 55%),linear-gradient(160deg,#0c1520 0%,#152536 100%);padding:clamp(4rem,10vw,7rem) clamp(1.25rem,4vw,3rem)}.contact__inner{max-width:40rem}.contact h2{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:.85rem;font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.05}.contact p{color:#ffffffb8;max-width:34ch;margin-bottom:2rem}.contact__email{font-family:var(--font-display);letter-spacing:-.02em;color:var(--accent);border-bottom:2px solid color-mix(in srgb, var(--accent) 40%, transparent);word-break:break-word;padding-bottom:.15rem;font-size:clamp(1.25rem,4vw,2rem);font-weight:700;transition:color .2s,border-color .2s;display:inline-block}.contact__email:hover{color:var(--white);border-color:var(--white)}.footer{color:#ffffff8c;background:#091018;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding:1.5rem clamp(1.25rem,4vw,3rem);font-size:.9rem;display:flex}.footer__brand{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--white);font-size:.8rem;font-weight:700}.footer a{transition:color .2s}.footer a:hover{color:var(--accent)}.footer__copy{margin-left:auto}@media (width<=520px){.footer__copy{flex-basis:100%;margin-left:0}}@keyframes content-in{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes panel-rise{0%{opacity:0;transform:translateY(2rem) rotate(var(--r,0deg))}to{opacity:1}}.hero__panel--back{--r:4deg}.hero__panel--mid{--r:-2deg}.hero__panel--front{--r:0deg}@keyframes orb-float{0%,to{transform:translate(0)}50%{transform:translate(-18px,22px)}}@keyframes grid-drift{0%{background-position:0 0}to{background-position:56px 56px}}@keyframes accent-pulse{0%,to{opacity:1;width:62%}50%{opacity:.7;width:72%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__content,.hero__panel,.hero__grid,.hero__orb,.hero__code-line--accent{animation:none!important}}