:root{--blue:#2563eb;--blue-dark:#123476;--orange:#f97316;--amber:#f5b74f;--ink:#090d18;--panel:#111827;--panel-soft:#172033;--line:#ffffff1a;--muted:#ffffffad;--soft:#ffffff14;--white:#fff;--radius:8px;--shadow:0 24px 70px #00000052}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--white);margin:0;font-family:DM Sans,Arial,sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.04;z-index:0;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3{letter-spacing:0;margin:0;font-family:Syne,Arial,sans-serif;line-height:1.08}p{color:var(--muted);margin:0}.container{z-index:1;width:min(1180px,100% - 40px);margin:0 auto;position:relative}.section{padding:104px 0}.section-band{position:relative}.eyebrow{color:#ffb168;letter-spacing:.08em;text-transform:uppercase;background:#f9731614;border:1px solid #f9731647;border-radius:999px;align-items:center;width:max-content;max-width:100%;margin-bottom:18px;padding:7px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.section-heading{max-width:720px;margin-bottom:44px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading.centered .eyebrow{margin-left:auto;margin-right:auto}.section-heading h2{margin-bottom:16px;font-size:clamp(2rem,4vw,3.2rem)}.section-heading p{font-size:1.05rem}.site-header{z-index:20;padding:18px 0;transition:background .25s,border .25s,padding .25s;position:fixed;inset:0 0 auto}.site-header.is-scrolled{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090d18e0;padding:10px 0}.nav-inner{justify-content:space-between;align-items:center;gap:22px;display:flex}.brand{align-items:center;min-width:176px;display:inline-flex}.brand img{width:190px;height:auto}.desktop-nav{align-items:center;gap:30px;display:flex}.desktop-nav a,.mobile-panel a:not(.nav-button){color:#ffffffb8;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700}.desktop-nav a:hover{color:var(--white)}.nav-button,.btn{white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 22px;font-family:Syne,Arial,sans-serif;font-weight:700;display:inline-flex}.nav-button{background:var(--white);color:var(--ink);font-size:.86rem}.btn.primary{background:linear-gradient(135deg, var(--blue), #4da3ff);color:var(--white);box-shadow:0 12px 36px #2563eb52}.btn.ghost{border:1px solid var(--line);color:var(--white);background:#ffffff0d}.btn:hover,.nav-button:hover{transform:translateY(-2px)}.menu-button{border:1px solid var(--line);background:#ffffff0f;border-radius:8px;width:44px;height:44px;padding:10px;display:none}.menu-button span{background:var(--white);height:2px;margin:5px 0;display:block}.mobile-panel{display:none}.hero{align-items:center;min-height:100vh;padding:130px 0 86px;display:flex;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media img{object-fit:cover;opacity:.18;filter:saturate(.8);width:100%;height:100%}.hero-shade{background:linear-gradient(90deg,#090d18f7,#090d18d1 42%,#090d1894),radial-gradient(circle at 80% 18%,#2563eb38,#0000 34%),radial-gradient(circle at 8% 76%,#f973162e,#0000 32%)}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:64px;display:grid}.hero h1{max-width:820px;font-size:clamp(2.7rem,6vw,5.4rem)}.hero-text{max-width:620px;margin-top:24px;font-size:1.12rem}.hero-actions{flex-wrap:wrap;gap:14px;margin:36px 0;display:flex}.stats{grid-template-columns:repeat(3,minmax(0,150px));gap:16px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0e;padding:18px}.stat strong{font-family:Syne,Arial,sans-serif;font-size:1.65rem;display:block}.stat span{color:var(--muted);font-size:.86rem;display:block}.hero-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#111827d6;overflow:hidden}.browser-bar{border-bottom:1px solid var(--line);background:#ffffff0d;align-items:center;gap:8px;padding:14px;display:flex}.browser-bar span{background:#ff695f;border-radius:50%;width:10px;height:10px}.browser-bar span:nth-child(2){background:#ffc85f}.browser-bar span:nth-child(3){background:#55d17a}.browser-bar p{margin-left:10px;font-size:.78rem}.browser-content{padding:30px}.preview-copy{border-radius:var(--radius);background:linear-gradient(135deg,#2563eb38,#f9731624);border:1px solid #ffffff1a;min-height:250px;padding:34px}.preview-copy span{color:#ffb168;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem;font-weight:700}.preview-copy h2{margin-top:18px;font-size:clamp(1.55rem,3vw,2.4rem)}.preview-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.preview-grid span{border-radius:var(--radius);color:#ffffffc7;background:#ffffff0f;place-items:center;min-height:70px;font-size:.85rem;font-weight:700;display:grid}.services-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.service-card,.process-card,.project-card,.contact-form{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff12,#ffffff09);box-shadow:0 14px 42px #0000002e}.service-card{padding:28px;transition:transform .25s,border .25s}.service-card:hover{border-color:#4da3ff6b;transform:translateY(-6px)}.service-icon{border-radius:var(--radius);color:#8dc2ff;background:#2563eb2b;place-items:center;width:52px;height:52px;margin-bottom:20px;font-family:Syne,Arial,sans-serif;font-weight:800;display:grid}.service-card h3,.process-card h3,.project-card h3{margin-bottom:10px;font-size:1.2rem}.portfolio-section,.about-section{background:#ffffff06}.filter-row{flex-wrap:wrap;justify-content:center;gap:10px;margin:-18px 0 34px;display:flex}.filter-row button{border:1px solid var(--line);color:#ffffffb8;background:#ffffff0d;border-radius:999px;min-height:38px;padding:0 14px;font-size:.85rem}.filter-row button.active,.filter-row button:hover{background:var(--white);color:var(--ink)}.status-text{text-align:center;margin-bottom:24px}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.project-card{transition:transform .25s,border .25s;overflow:hidden}.project-card:hover{border-color:#f9731661;transform:translateY(-8px)}.project-image{background:var(--panel);height:230px;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover .project-image img{transform:scale(1.06)}.project-body{padding:22px}.project-category{color:#ffb168;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:.75rem;font-weight:800}.chips{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.chips span{color:#ffffffbd;border:1px solid #ffffff1f;border-radius:999px;padding:5px 9px;font-size:.78rem}.project-body strong{color:#8dc2ff;font-size:.9rem}.process-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.process-card{padding:24px}.process-card span{background:linear-gradient(135deg, var(--blue), var(--orange));border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:20px;font-family:Syne,Arial,sans-serif;font-weight:800;display:inline-grid}.process-card p{font-size:.92rem}.about-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:64px;display:grid}.about-image{border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 50% 20%,#2563eb38,#0000 40%),#ffffff0b;place-items:center;min-height:430px;display:grid}.about-image img{width:min(270px,70%)}.about-copy h2{margin-bottom:22px;font-size:clamp(2rem,4vw,3.2rem)}.about-copy p+p{margin-top:16px}.about-list{gap:12px;margin-top:28px;display:grid}.about-list span{border:1px solid var(--line);border-radius:var(--radius);color:#ffffffd1;background:#ffffff0b;padding:14px 16px}.contact-section{background:radial-gradient(circle at 16% 20%,#2563eb2e,#0000 28%),radial-gradient(circle at 88% 70%,#f9731629,#0000 30%)}.contact-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:56px;display:grid}.contact-copy h2{margin-bottom:18px;font-size:clamp(2rem,4vw,3.25rem)}.contact-links{gap:12px;margin-top:26px;display:grid}.contact-links a{color:#8dc2ff;font-weight:700}.contact-form{gap:16px;padding:28px;display:grid}.contact-form label{color:#ffffffd6;gap:8px;font-weight:700;display:grid}.contact-form input,.contact-form select,.contact-form textarea{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--white);background:#090d18b8;outline:0;padding:13px 14px}.contact-form textarea{resize:vertical;min-height:140px}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#8dc2ff;box-shadow:0 0 0 3px #4da3ff24}.form-success{color:#79e39a;font-weight:700}.site-footer{border-top:1px solid var(--line);background:#070a12;padding:42px 0}.footer-inner{text-align:center;justify-items:center;gap:12px;display:grid}.footer-inner small{color:#ffffff7a}.scroll-top{z-index:15;border:1px solid var(--line);background:var(--white);width:52px;height:52px;color:var(--ink);opacity:0;pointer-events:none;border-radius:50%;font-weight:800;transition:all .25s;position:fixed;bottom:20px;right:20px;transform:translateY(12px)}.scroll-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.reveal{opacity:0;transition:opacity .6s,transform .6s;transition-delay:var(--delay,0s);transform:translateY(22px)}.reveal.delay-1{transition-delay:.12s}.reveal.revealed{opacity:1;transform:translateY(0)}@media (width<=1020px){.desktop-nav,.site-header .nav-button{display:none}.menu-button{display:block}.mobile-panel.open{z-index:19;border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090d18f5;gap:18px;padding:22px;display:grid;position:fixed;inset:72px 20px auto}.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-card{max-width:680px}.services-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=680px){.container{width:min(100% - 28px,1180px)}.section{padding:74px 0}.brand img{width:158px}.hero{min-height:auto;padding-top:112px}.hero-grid{gap:34px}.hero h1{font-size:clamp(2.35rem,12vw,3.6rem)}.stats,.services-grid,.portfolio-grid,.process-grid,.preview-grid{grid-template-columns:1fr}.hero-actions{display:grid}.btn{width:100%}.project-image{height:210px}.about-image{min-height:260px}.filter-row{justify-content:flex-start;max-height:142px;padding-bottom:4px;overflow:auto}}