:root { --ink:#f6f5f1; --muted:#aaa9b5; --faint:#767581; --navy:#0b0b10; --navy-2:#121219; --blue:#c5ff48; --line:rgba(246,245,241,.14); --violet:#a45cff; --teal:#3ee2d1; --serif:Georgia,"Times New Roman",serif; --sans:Inter,"Segoe UI",Arial,sans-serif; --mono:Consolas,"Courier New",monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:5.5rem; }
body { margin:0; background:var(--navy); color:var(--ink); font-family:var(--sans); line-height:1.65; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.container { width:min(1120px, calc(100% - 48px)); margin-inline:auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; top:1rem; left:1rem; z-index:1000; padding:.65rem 1rem; background:var(--blue); color:#11110e; transform:translateY(-180%); transition:transform .2s; border-radius:0; font-weight:700; }
.skip-link:focus { transform:translateY(0); }
.site-header { position:fixed; z-index:20; top:0; width:100%; border-bottom:1px solid transparent; transition:background .3s,border-color .3s,backdrop-filter .3s; }
.site-header.is-scrolled { background:rgba(11,11,16,.86); border-color:var(--line); backdrop-filter:blur(16px); }
.nav-wrap { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.brand { display:inline-flex; align-items:center; gap:.65rem; font-size:1.16rem; font-weight:800; letter-spacing:-.065em; white-space:nowrap; }
.brand > span:last-child > span { color:var(--blue); }
.brand-mark { width:27px; height:27px; position:relative; display:grid; place-content:center; transform:rotate(45deg); border:1px solid var(--blue); }
.brand-mark i { width:5px; height:5px; display:block; position:absolute; background:var(--blue); } .brand-mark i:first-child{top:4px;left:4px}.brand-mark i:nth-child(2){right:4px;bottom:4px}.brand-mark i:last-child{left:11px;top:11px;background:#fff}
.primary-nav { display:flex; align-items:center; gap:1.35rem; font-size:.76rem; font-weight:700; color:#d0cfd7; }
.primary-nav > a:not(.button) { position:relative; padding:.5rem 0; } .primary-nav > a:not(.button)::after { content:""; position:absolute; width:0; height:1px; left:0; bottom:2px; background:var(--blue); transition:width .25s; } .primary-nav > a:not(.button):hover::after,.primary-nav > a:not(.button):focus-visible::after { width:100%; }
.nav-admin-btn { background:transparent; border:1px solid var(--line); color:var(--muted); padding:.4rem .7rem; font:600 .68rem var(--mono); cursor:pointer; transition:border-color .2s,color .2s; }
.nav-admin-btn:hover { border-color:var(--blue); color:var(--blue); }
.button { display:inline-flex; gap:.55rem; align-items:center; justify-content:center; padding:.85rem 1.2rem; border:1px solid var(--blue); border-radius:0; color:#10110c; font-size:.76rem; font-weight:900; letter-spacing:.01em; background:var(--blue); box-shadow:none; transition:transform .22s,background .22s,box-shadow .22s; cursor:pointer; }
.button:hover { transform:translateY(-2px); background:#dcff98; box-shadow:5px 5px 0 #7444bd; }.button span,.text-link span { font-size:1.05em; transition:transform .2s; }.button:hover span,.text-link:hover span { transform:translateX(3px); }.button-small { padding:.67rem 1rem; }.menu-toggle { display:none; }
.hero { --pointer-x:50%; --pointer-y:50%; --hero-scroll:0; --hero-shift:0px; min-height:700px; padding:164px 0 80px; position:relative; overflow:hidden; background:#0b0b10; }.section-grid { background-image:radial-gradient(rgba(246,245,241,.13) 1px,transparent 1px),radial-gradient(ellipse at 84% 40%,rgba(137,54,255,.22),transparent 32%),linear-gradient(115deg,#0b0b10 6%,#101017 100%); background-position:0 0,0 0,0 0; background-size:20px 20px,auto,auto; }
.hero::before { content:""; position:absolute; inset:-25%; pointer-events:none; opacity:.65; background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(197,255,72,.12),transparent 20%),radial-gradient(circle at 74% 35%,rgba(164,92,255,.23),transparent 24%); transition:background .12s linear; }.hero-scanlines { position:absolute; inset:0; pointer-events:none; opacity:.26; background:repeating-linear-gradient(90deg,transparent 0 75px,rgba(246,245,241,.09) 76px,transparent 77px 152px); transform:translateX(var(--scan-shift,0px)); }.hero-flare { position:absolute; left:66%; top:48%; width:14px; height:14px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 8px rgba(197,255,72,.1),0 0 45px 16px rgba(197,255,72,.48); animation:flare 2.8s ease-in-out infinite; }
.hero-layout { display:grid; grid-template-columns:1.06fr .94fr; align-items:center; gap:4rem; position:relative; z-index:1; }.hero-copy { max-width:720px; }.eyebrow { display:flex; align-items:center; gap:.6rem; font-family:var(--mono); font-size:.66rem; font-weight:500; letter-spacing:.11em; line-height:1.3; text-transform:uppercase; color:var(--blue); margin:0 0 1.35rem; }.eyebrow span { display:block; width:22px; height:1px; background:currentColor; }
h1,h2,h3,h4,p { margin-top:0; } h1,h2 { letter-spacing:-.075em; line-height:.92; } h1 { font-size:clamp(3.6rem,6vw,6.1rem); margin:0 0 1.5rem; max-width:740px; } h1 em,h2 em { color:var(--blue); font-family:var(--serif); font-weight:600; letter-spacing:-.085em; } .hero-text { max-width:515px; font-size:1rem; color:#c1c0c9; margin-bottom:2rem; }.hero-actions { display:flex; align-items:center; gap:1.65rem; flex-wrap:wrap; }.text-link { display:inline-flex; align-items:center; gap:.4rem; color:#eeeef1; font-size:.78rem; font-weight:800; }.text-link:hover { color:var(--blue); }
.hero-proof { display:flex; flex-wrap:wrap; gap:1.8rem; margin:4rem 0 0; }.hero-proof div { padding-left:.85rem; border-left:1px solid rgba(197,255,72,.65); }.hero-proof dt { font-size:.79rem; font-weight:800; }.hero-proof dd { font-size:.65rem; margin:0; color:#a6a5af; }
.hero-glow { position:absolute; width:38rem; height:38rem; border-radius:50%; filter:blur(30px); opacity:.2; }.glow-one { background:#7e35ec; right:-14rem; top:-14rem; }.glow-two { background:#00bfae; left:33%; bottom:-31rem; }.hero-visual { position:relative; height:440px; max-width:450px; width:100%; margin-left:auto; transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(var(--hero-shift)); transition:transform .12s ease-out; will-change:transform; }.orbit { position:absolute; border:1px solid rgba(246,245,241,.22); border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-22deg); }.orbit-large { width:380px; height:215px; animation:orbit-turn 14s linear infinite; }.orbit-small { width:285px; height:285px; border-color:rgba(197,255,72,.16); animation:orbit-turn 10s linear infinite reverse; }.neural-sculpture { position:absolute; z-index:2; left:50%; top:50%; width:216px; height:185px; transform:translate(-50%,-50%) rotate(-10deg); filter:drop-shadow(0 0 34px rgba(164,92,255,.65)); animation:sculpture-float 5s ease-in-out infinite; }.neural-sculpture::before,.neural-sculpture::after { content:""; position:absolute; inset:10px 3px 15px; border-radius:52% 42% 48% 42%; background:radial-gradient(circle at 29% 28%,#e4b7ff 0 5%,transparent 6%),radial-gradient(circle at 64% 24%,#c477ff 0 4%,transparent 5%),radial-gradient(circle at 47% 58%,#8141d9 0 22%,#57239e 44%,#250c51 75%); clip-path:polygon(3% 32%,17% 7%,40% 0,61% 12%,81% 8%,100% 31%,88% 49%,100% 71%,75% 95%,48% 89%,29% 100%,9% 77%,16% 55%); }.neural-sculpture::after { opacity:.75; mix-blend-mode:screen; transform:translate(16px,-7px) rotate(12deg); background:linear-gradient(110deg,transparent 35%,#d6ff48 36% 38%,transparent 40%),radial-gradient(circle at 49% 55%,#7742db 0 24%,#321063 68%); animation:fragment-flash 2.7s ease-in-out infinite; }.neural-sculpture i { position:absolute; z-index:3; width:12px; height:12px; border-radius:50%; background:var(--blue); box-shadow:0 0 22px 6px rgba(197,255,72,.52); }.neural-sculpture i:nth-child(1){top:8%;left:20%}.neural-sculpture i:nth-child(2){top:20%;right:8%;background:var(--teal);box-shadow:0 0 22px 6px rgba(62,226,209,.5)}.neural-sculpture i:nth-child(3){top:50%;left:2%;width:7px;height:7px}.neural-sculpture i:nth-child(4){bottom:7%;left:34%;background:#ffdf59}.neural-sculpture i:nth-child(5){bottom:20%;right:1%;width:8px;height:8px;background:var(--teal)}.neural-sculpture i:nth-child(6){top:36%;left:55%;width:6px;height:6px}.node { position:absolute; z-index:3; width:9px; height:9px; border-radius:50%; background:var(--blue); box-shadow:0 0 18px 4px rgba(197,255,72,.58); animation:pulse-node 2.5s ease-in-out infinite; }.node-one{top:29%;right:11%}.node-two{left:7%;bottom:21%;background:var(--teal);box-shadow:0 0 18px 4px rgba(62,226,209,.55);animation-delay:-.7s}.node-three{right:27%;bottom:9%;background:#ffdc52;animation-delay:-1.3s}.node-four{left:20%;top:14%;width:5px;height:5px;animation-delay:-1.8s}.node-five{right:5%;bottom:34%;width:5px;height:5px;background:var(--teal);animation-delay:-2.1s}.particle-field { position:absolute; z-index:1; inset:20px; pointer-events:none; animation:field-turn 18s linear infinite; }.particle-field i { position:absolute; width:3px; height:3px; background:var(--blue); box-shadow:0 0 10px 2px rgba(197,255,72,.55); animation:particle-float 3.4s ease-in-out infinite alternate; }.particle-field i:nth-child(1){top:8%;left:42%}.particle-field i:nth-child(2){top:14%;left:79%;background:var(--teal);animation-delay:-1.2s}.particle-field i:nth-child(3){top:31%;left:5%;animation-delay:-2.6s}.particle-field i:nth-child(4){top:52%;left:91%;background:#ffdc52;animation-delay:-.3s}.particle-field i:nth-child(5){top:79%;left:15%;background:var(--teal);animation-delay:-2.1s}.particle-field i:nth-child(6){top:90%;left:55%;animation-delay:-1.5s}.particle-field i:nth-child(7){top:25%;left:62%;background:#ffdc52;animation-delay:-2.9s}.particle-field i:nth-child(8){top:67%;left:77%;animation-delay:-.8s}.particle-field i:nth-child(9){top:72%;left:40%;background:var(--teal);animation-delay:-1.8s}.particle-field i:nth-child(10){top:43%;left:27%;animation-delay:-.5s}.particle-field i:nth-child(11){top:8%;left:7%;background:#ffdc52;animation-delay:-2.2s}.particle-field i:nth-child(12){top:95%;left:89%;animation-delay:-1s}.signal-card { position:absolute; z-index:4; display:flex; align-items:center; gap:.5rem; padding:.65rem .8rem; border:1px solid rgba(246,245,241,.23); border-radius:0; background:rgba(17,17,25,.72); box-shadow:0 16px 35px rgba(0,0,0,.23); backdrop-filter:blur(8px); font:500 .58rem var(--mono); color:#eeeef1; letter-spacing:.04em; }.signal-top{right:0;top:10%;animation:card-float 4.8s ease-in-out infinite}.signal-bottom{bottom:8%;left:3%;animation:card-float 5.6s ease-in-out infinite reverse}.signal-bottom strong{color:var(--blue);font-size:1.1rem}.pulse { width:6px; height:6px; border-radius:50%; background:var(--teal); box-shadow:0 0 0 4px rgba(62,226,209,.16); animation:pulse-node 1.8s ease-in-out infinite; }
.trust-strip { border-block:1px solid var(--line); background:#101016; padding:1.2rem 0; }.trust-strip>.container { display:flex; align-items:center; justify-content:space-between; gap:1rem; }.trust-strip p { margin:0; color:#a7a6b0; font-size:.66rem; font-weight:700; }.trust-items { display:flex; align-items:center; gap:1.25rem; color:#e2e1e8; font:500 .59rem var(--mono); letter-spacing:.12em; }.trust-items b { color:var(--blue); font-size:.75rem; }
.section { padding:7rem 0; }.services,.reasons,.portfolio { background:#101016; }.solutions { background:#0b0b10; border-top:1px solid var(--line); }.section-intro { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:3.6rem; }.section-intro h2,.about h2,.process h2,.contact h2 { font-size:clamp(2.6rem,4.4vw,4.25rem); margin:0; }.section-intro>p { max-width:370px; margin:0 0 .3rem; color:var(--muted); font-size:.9rem; }
.services-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); }.service-card { min-height:340px; padding:1.65rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); position:relative; background:transparent; transition:background .25s,transform .25s; display:flex; flex-direction:column; }.service-card:nth-child(3n){border-right:0}.service-card:nth-last-child(-n+3){border-bottom:0}.service-card:hover { background:#1b1725; }.card-icon { height:35px; color:var(--blue); font-size:1.3rem; }.card-number { position:absolute; top:1.65rem; right:1.65rem; font:500 .63rem var(--mono); color:#888690; }.service-card h3,.reason h3,.process h3 { font-size:1.08rem; letter-spacing:-.04em; margin:1.8rem 0 .65rem; }.service-card p:not(.card-number) { color:#aaa9b5; font-size:.77rem; line-height:1.7; margin-bottom:.75rem; }.service-sublist { margin:0 0 2.5rem; padding-left:1rem; color:#c8c7d1; font-size:.72rem; line-height:1.6; }.service-card > a:not(.round-link) { margin-top:auto; font-size:.69rem; font-weight:800; color:var(--blue); }.service-card > a span { margin-left:.2rem; }.service-card-feature { background:linear-gradient(135deg,#6b32aa,#25113f); }.service-card-feature h3 { font-size:1.35rem; max-width:210px; margin-top:2.8rem; }.round-link { position:absolute; right:1.6rem; bottom:1.5rem; width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:var(--blue); color:#11110e; font-weight:800; transition:transform .2s; }.round-link:hover { transform:rotate(45deg); }
.about { background:#0b0b10; }.about-layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(3rem,7vw,7rem); align-items:center; }.about-visual { height:490px; overflow:hidden; position:relative; background:linear-gradient(135deg,#241141,#0e0d16 65%); border:1px solid var(--line); }.mesh { position:absolute; width:440px; height:440px; border:1px solid #8045ca; transform:rotate(45deg); }.mesh-a { left:-200px; top:60px; box-shadow:inset 0 0 90px rgba(162,78,255,.28); }.mesh-b { right:-250px; top:-160px; border-color:var(--teal); }.about-stamp { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:210px; height:210px; border-radius:50%; display:flex; flex-direction:column; justify-content:center; padding-left:36px; color:#f6f5f1; background:#17131e; border:1px solid rgba(197,255,72,.65); box-shadow:0 0 0 12px rgba(197,255,72,.07); }.about-stamp span,.about-stamp small { text-transform:uppercase; font:500 .55rem var(--mono); letter-spacing:.12em; }.about-stamp strong { font:700 4.5rem/.95 var(--serif); color:var(--blue); }.about-copy > p:not(.eyebrow) { color:var(--muted); font-size:.89rem; max-width:480px; }.about-pillars { display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.5rem 0; }.pillar-box { padding:1rem; border:1px solid var(--line); background:rgba(255,255,255,.02); }.pillar-box h4 { font-size:.82rem; color:var(--blue); margin-bottom:.35rem; }.pillar-box p { font-size:.75rem; color:var(--muted); margin:0; }
.solutions-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:1.25rem; }.solution-card { padding:1.5rem; border:1px solid var(--line); background:#121219; }.solution-tag { font:500 .62rem var(--mono); color:var(--blue); text-transform:uppercase; }.solution-card h3 { font-size:1.05rem; margin:.75rem 0; }.solution-card p { font-size:.76rem; color:var(--muted); margin-bottom:.6rem; }.solution-card strong { color:var(--ink); }
.reasons-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2.5rem; }.reason { padding-top:1rem; border-top:1px solid rgba(197,255,72,.5); }.reason span { font:500 .62rem var(--mono); color:var(--blue); }.reason h3 { margin-top:1.5rem; }.reason p { color:var(--muted); font-size:.8rem; }
.process { background:#17101f; }.workflow-timeline { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(5,1fr); gap:1.25rem; }.workflow-step { padding:1.5rem; border:1px solid var(--line); background:rgba(11,11,16,.55); position:relative; }.step-num { display:inline-block; font:700 .75rem var(--mono); color:#11110e; background:var(--blue); padding:.2rem .5rem; margin-bottom:1rem; }.workflow-step h3 { margin:0 0 .5rem; font-size:1.05rem; }.workflow-step p { margin:0; color:var(--muted); font-size:.78rem; }
.portfolio-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }.project-card { border:1px solid var(--line); background:#0b0b10; display:flex; flex-direction:column; }.project-visual { height:170px; padding:1.2rem; display:flex; flex-direction:column; justify-content:space-between; border-bottom:1px solid var(--line); }.project-visual-ai { background:radial-gradient(circle at 80% 20%,rgba(164,92,255,.38),#121219 70%); }.project-visual-sec { background:radial-gradient(circle at 80% 20%,rgba(62,226,209,.32),#121219 70%); }.project-visual-web { background:radial-gradient(circle at 80% 20%,rgba(197,255,72,.28),#121219 70%); }.demo-badge { align-self:flex-start; font:600 .58rem var(--mono); text-transform:uppercase; padding:.25rem .55rem; background:rgba(11,11,16,.85); border:1px solid var(--blue); color:var(--blue); }.project-cat { font:500 .65rem var(--mono); color:#d0cfd7; }.project-body { padding:1.5rem; display:flex; flex-direction:column; flex:1; }.project-body h3 { font-size:1.08rem; margin-bottom:.6rem; }.project-body p { font-size:.78rem; color:var(--muted); margin-bottom:1.2rem; }.tech-tags { display:flex; flex-wrap:wrap; gap:.4rem; margin-bottom:1.4rem; margin-top:auto; }.tech-tags span { font:500 .6rem var(--mono); padding:.2rem .45rem; border:1px solid var(--line); color:#c8c7d1; }
.contact { position:relative; text-align:center; overflow:hidden; padding-block:8rem; background:radial-gradient(ellipse at center,#57279b 0%,#25113f 42%,#0c0b11 80%); }.contact-content { position:relative; z-index:1; max-width:860px; }.contact-intro { max-width:680px; margin-inline:auto; }.contact .eyebrow { justify-content:center; }.contact h2 { font-size:clamp(3.15rem,6vw,5.4rem); }.contact-intro>p:not(.eyebrow) { margin:1.5rem auto 2rem; max-width:520px; color:#d5d3dc; font-size:.93rem; }.contact-actions { display:flex; align-items:center; justify-content:center; gap:1.1rem; flex-wrap:wrap; }.button-light { color:#11110e; background:var(--blue); border-color:var(--blue); box-shadow:none; }.button-light:hover { background:#dcff98; }.button-ghost { color:var(--ink); background:transparent; border-color:var(--blue); box-shadow:none; }.button-ghost:hover { color:#11110e; background:var(--blue); }.contact-phone { font-size:.82rem; font-weight:800; text-decoration:underline; text-underline-offset:5px; }.contact-glow { width:550px; height:240px; position:absolute; left:50%; top:60%; transform:translate(-50%,-50%); background:var(--teal); opacity:.16; filter:blur(70px); }
.contact-form { margin:3.6rem auto 0; max-width:780px; padding:clamp(1.25rem,4vw,2.2rem); text-align:left; border:1px solid rgba(246,245,241,.22); background:rgba(10,9,15,.55); box-shadow:0 24px 70px rgba(0,0,0,.22); backdrop-filter:blur(14px); }.form-heading { margin-bottom:1.6rem; }.form-heading h3 { margin:0 0 .25rem; font-size:1.35rem; letter-spacing:-.045em; }.form-heading p { margin:0; color:#c2c0cb; font-size:.8rem; }.form-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem 1.1rem; }.form-field { margin-bottom:1rem; }.form-field label { display:block; margin-bottom:.4rem; color:#f1f0f3; font-size:.73rem; font-weight:800; }.form-field label span[aria-hidden="true"] { color:var(--blue); }.optional { color:#b4b2be; font-weight:500; }.form-field input,.form-field select,.form-field textarea { width:100%; padding:.78rem .85rem; border:1px solid rgba(246,245,241,.22); border-radius:0; outline:0; background:rgba(5,5,8,.62); color:var(--ink); font:400 .85rem var(--sans); transition:border-color .2s,box-shadow .2s,background .2s; }.form-field textarea { min-height:132px; resize:vertical; }.form-field select { cursor:pointer; }.form-field option { color:#11110e; }.form-field input::placeholder,.form-field textarea::placeholder { color:#8d8b97; }.form-field input:focus,.form-field select:focus,.form-field textarea:focus { border-color:var(--blue); background:rgba(5,5,8,.84); box-shadow:0 0 0 3px rgba(197,255,72,.14); }.form-field input[aria-invalid="true"],.form-field select[aria-invalid="true"],.form-field textarea[aria-invalid="true"] { border-color:#ff8294; }.field-error { min-height:1.1em; margin:.3rem 0 0; color:#ffadba; font-size:.7rem; line-height:1.35; }.honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }.form-footer { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; margin-top:.4rem; }.form-footer .button { min-width:150px; cursor:pointer; }.form-footer .button:disabled { cursor:wait; opacity:.72; transform:none; box-shadow:none; }.form-status { flex:1 1 260px; min-height:1.4em; margin:0; color:#d5d3dc; font-size:.78rem; }.form-status.is-success { color:var(--blue); }.form-status.is-error { color:#ffadba; }
.site-footer { background:#07070a; border-top:1px solid var(--line); }.footer-grid { padding:4rem 0 3rem; display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:2.5rem; border-bottom:1px solid var(--line); }.footer-tagline { color:#96949f; font-size:.78rem; max-width:300px; margin:.8rem 0 1.2rem; }.footer-contact-list { display:flex; flex-direction:column; gap:.35rem; font:600 .74rem var(--mono); color:var(--blue); }.footer-links-col { display:flex; flex-direction:column; gap:.55rem; font-size:.76rem; color:#c8c7d1; }.footer-links-col h4 { font:700 .72rem var(--mono); text-transform:uppercase; color:var(--ink); margin-bottom:.4rem; }.footer-links-col a:hover,.footer-link-btn:hover { color:var(--blue); }.footer-link-btn { background:none; border:0; padding:0; color:inherit; text-align:left; cursor:pointer; }
.footer-bottom { min-height:73px; display:flex; align-items:center; justify-content:space-between; gap:1.25rem; color:#77757f; font:400 .61rem var(--mono); }.footer-bottom p { margin:0; }.footer-bottom a:hover { color:var(--blue); }
.modal-backdrop { position:fixed; inset:0; z-index:100; background:rgba(5,5,8,.82); backdrop-filter:blur(8px); display:grid; place-items:center; padding:1.5rem; }.modal-backdrop[hidden] { display:none; }.modal-panel { width:min(680px,100%); max-height:85vh; overflow-y:auto; background:#121219; border:1px solid var(--line); padding:2rem; }.modal-panel-wide { width:min(960px,100%); }.modal-header { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); padding-bottom:1rem; margin-bottom:1.5rem; }.modal-header h3 { margin:0; }.modal-close { background:transparent; border:1px solid var(--line); color:var(--ink); width:34px; height:34px; cursor:pointer; }.modal-body { font-size:.84rem; color:#c8c7d1; }.admin-hint { font-size:.78rem; color:var(--muted); margin-bottom:1.2rem; }.admin-toolbar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; margin-bottom:1.5rem; padding-bottom:1rem; border-bottom:1px solid var(--line); }.admin-tabs { display:flex; flex-wrap:wrap; gap:.5rem; }.admin-inline-form { padding:1.2rem; border:1px solid var(--line); background:#0b0b10; margin-bottom:1.5rem; }.admin-table-wrap { overflow-x:auto; }.admin-table { width:100%; border-collapse:collapse; font-size:.76rem; }.admin-table th,.admin-table td { padding:.75rem; border:1px solid var(--line); text-align:left; vertical-align:top; }.admin-table th { background:#0b0b10; color:var(--blue); font-family:var(--mono); }
@keyframes orbit-turn { to { transform:translate(-50%,-50%) rotate(338deg); } }
@keyframes field-turn { to { transform:rotate(360deg); } }
@keyframes sculpture-float { 0%,100% { transform:translate(-50%,-50%) rotate(-10deg) scale(1); } 50% { transform:translate(-50%,-56%) rotate(-4deg) scale(1.045); } }
@keyframes fragment-flash { 0%,100% { opacity:.52; } 50% { opacity:1; filter:brightness(1.42); } }
@keyframes particle-float { to { transform:translate(18px,-25px) scale(1.8); opacity:.25; } }
@keyframes pulse-node { 0%,100% { transform:scale(.72); opacity:.58; } 50% { transform:scale(1.22); opacity:1; } }
@keyframes card-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-10px); } }
@keyframes flare { 0%,100% { transform:scale(.75); opacity:.45; } 50% { transform:scale(1.45); opacity:1; } }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .65s ease, transform .65s ease; }.reveal.is-visible { opacity:1; transform:none; }.reveal-delay { transition-delay:.12s; }.reveal-delay-2 { transition-delay:.22s; }
@media (max-width:900px) { .workflow-timeline { grid-template-columns:1fr; }.portfolio-grid,.footer-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:800px) { .primary-nav { position:absolute; top:100%; left:0; width:100%; padding:1.1rem calc((100% - min(1120px, calc(100% - 48px)))/2) 1.4rem; display:flex; flex-direction:column; align-items:stretch; gap:.2rem; background:rgba(11,11,16,.98); border-bottom:1px solid var(--line); transform:translateY(-120%); opacity:0; visibility:hidden; transition:transform .25s,opacity .2s,visibility .25s; }.primary-nav.is-open { transform:translateY(0); opacity:1; visibility:visible; }.primary-nav > a:not(.button) { padding:.7rem 0; }.nav-cta { margin-top:.5rem; }.menu-toggle { width:42px; height:42px; display:flex; flex-direction:column; justify-content:center; gap:5px; align-items:center; border:1px solid var(--line); background:transparent; color:#fff; border-radius:0; cursor:pointer; }.menu-toggle span:not(.sr-only) { width:17px; height:1px; background:currentColor; transition:transform .2s,opacity .2s; }.menu-toggle[aria-expanded="true"] span:nth-of-type(2) { transform:translateY(6px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:nth-of-type(3) { opacity:0; }.menu-toggle[aria-expanded="true"] span:nth-of-type(4) { transform:translateY(-6px) rotate(-45deg); }.hero { min-height:auto; padding-top:140px; }.hero-layout,.about-layout { grid-template-columns:1fr; }.hero-layout { gap:2rem; }.hero-visual { height:315px; max-width:380px; margin:auto; }.orbit-large { width:300px; height:170px; }.orbit-small { width:235px; height:235px; }.section-intro { align-items:start; flex-direction:column; }.section-intro>p { max-width:540px; }.about-layout { gap:3.5rem; }.about-visual { height:370px; }.reasons-grid { grid-template-columns:1fr 1fr; gap:2rem; }.trust-strip>.container { flex-direction:column; align-items:flex-start; }.trust-items { width:100%; justify-content:space-between; gap:.55rem; flex-wrap:wrap; }.footer-bottom { padding:1.3rem 0; flex-wrap:wrap; } }
@media (max-width:580px) { .container { width:min(100% - 32px,1120px); }.nav-wrap { min-height:72px; }.hero { padding:126px 0 58px; }.hero-proof { margin-top:3rem; gap:1rem; }.hero-proof div { flex:1 0 28%; }.hero-visual { transform:scale(.88); margin-block:-25px; }.trust-items { font-size:.48rem; }.trust-items b { display:none; }.section { padding:5rem 0; }.services-grid,.reasons-grid,.form-grid,.portfolio-grid,.footer-grid,.about-pillars { grid-template-columns:1fr; }.service-card,.service-card:nth-child(3n) { border-right:0; border-bottom:1px solid var(--line); min-height:250px; }.service-card:last-child { border-bottom:0; }.reasons-grid { gap:1rem; }.reason h3 { margin-top:1rem; }.about-visual { height:315px; }.about-stamp { transform:translate(-50%,-50%) scale(.8); }.contact-form { margin-top:2.75rem; }.form-footer { align-items:stretch; }.form-footer .button { width:100%; }.form-status { flex-basis:100%; }.footer-bottom { align-items:flex-start; flex-direction:column; gap:.55rem; }.reveal-delay,.reveal-delay-2 { transition-delay:0s; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; }.reveal { opacity:1; transform:none; }.hero-scanlines,.hero-flare { display:none; } }