:root{--black:#000;--surface:#0b0b0d;--surface2:#141416;--white:#f5f5f7;--muted:#a1a1a6;--silver:#d2d2d7;--line:#29292d;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;line-height:1.6}a{color:inherit}img{max-width:100%;height:auto}.shell{width:min(calc(100% - 40px),var(--max));margin:auto}.section-pad{padding:120px 0}.site-header{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{background:rgba(0,0,0,.82);backdrop-filter:blur(18px);border-color:var(--line)}.nav-wrap{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#fff,#9b9ba0);color:#000}.custom-logo{max-height:42px;width:auto}.site-nav{margin-left:auto}.menu{display:flex;gap:28px;list-style:none;margin:0;padding:0}.menu a{text-decoration:none;color:var(--silver);font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border:0;border-radius:999px;background:linear-gradient(180deg,#fff,#c4c4c8);color:#000;text-decoration:none;font-weight:700;cursor:pointer;transition:.25s}.button:hover{transform:translateY(-2px);filter:brightness(1.05)}.button-small{padding:10px 18px;font-size:14px}.nav-toggle{display:none;background:none;border:1px solid var(--line);color:#fff;padding:8px 12px;border-radius:999px}.hero{position:relative;overflow:hidden;padding-top:180px;min-height:900px;display:flex;align-items:center}.hero-glow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.13),transparent 67%);top:-260px;right:-120px;filter:blur(20px)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.eyebrow{display:inline-block;color:var(--silver);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;margin-bottom:24px}.hero h1,.section-heading h2,.showcase h2,.statement h2,.contact h2{font-size:clamp(54px,7vw,104px);line-height:.95;letter-spacing:-.065em;margin:0}.hero-text{font-size:21px;color:var(--muted);max-width:650px;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:24px}.text-link{text-decoration:none;color:#fff;font-weight:600}.text-link span{color:var(--muted)}.browser-card{border:1px solid #3a3a3f;border-radius:28px;background:linear-gradient(145deg,#1a1a1d,#09090a);padding:18px;box-shadow:0 40px 120px rgba(255,255,255,.08);transform:perspective(1200px) rotateY(-7deg) rotateX(3deg)}.browser-top{display:flex;gap:6px;padding:0 0 16px}.browser-top span{width:8px;height:8px;border-radius:50%;background:#5a5a60}.mock-nav{height:44px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 14px}.mock-nav b{margin-right:auto}.mock-nav i{width:32px;height:4px;background:#444;border-radius:4px}.mock-hero{min-height:360px;margin-top:14px;border-radius:18px;background:radial-gradient(circle at 70% 20%,#444,transparent 30%),linear-gradient(145deg,#111,#1f1f22);padding:50px 36px;display:flex;flex-direction:column;justify-content:center}.mock-hero span{font-size:12px;color:#aaa}.mock-hero strong{font-size:37px;line-height:1.03;letter-spacing:-.04em;max-width:380px;margin:12px 0 25px}.mock-button{width:110px;height:30px;border-radius:999px;background:#eee}.mock-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.mock-cards i{height:90px;border-radius:14px;background:#171719;border:1px solid var(--line)}.logo-strip{border-block:1px solid var(--line);padding:25px 0;background:#070708}.logo-line{display:flex;justify-content:space-between;gap:30px;color:#777;font-size:14px;text-transform:uppercase;letter-spacing:.12em}.section-heading{max-width:900px;margin-bottom:65px}.section-heading h2,.showcase h2,.statement h2,.contact h2{font-size:clamp(42px,5vw,72px)}.section-heading p,.showcase-copy p,.statement-grid p,.contact p{color:var(--muted);font-size:19px;max-width:680px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-card{position:relative;min-height:390px;padding:38px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,#121214,#080809);transition:.3s}.service-card:hover{transform:translateY(-6px);border-color:#5a5a60}.service-no{color:#6f6f74;font-size:13px}.service-card h3{font-size:34px;letter-spacing:-.04em;margin:55px 0 14px}.service-card p{color:var(--muted);max-width:480px}.service-card ul{list-style:none;padding:0;margin:30px 0 0}.service-card li{padding:9px 0;border-top:1px solid var(--line);color:#d0d0d4}.showcase{background:var(--surface)}.showcase-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.showcase-panel{display:grid;grid-template-columns:1fr 1fr;gap:15px}.mini-screen{min-height:220px;border:1px solid var(--line);border-radius:24px;padding:24px;display:flex;align-items:flex-end;font-size:24px;font-weight:700;letter-spacing:-.03em}.screen-one{grid-column:1/-1;min-height:330px;background:radial-gradient(circle at 70% 30%,#555,transparent 25%),#101012}.screen-two{background:linear-gradient(145deg,#1d1d20,#080809)}.screen-three{background:linear-gradient(145deg,#09090a,#28282c)}.process-list{border-top:1px solid var(--line)}.process-item{display:grid;grid-template-columns:100px 1fr;gap:30px;padding:42px 0;border-bottom:1px solid var(--line)}.process-item>span{color:#6e6e73}.process-item h3{font-size:31px;margin:0 0 8px}.process-item p{color:var(--muted);max-width:680px;margin:0}.statement{background:linear-gradient(180deg,#070708,#111113)}.statement h2{max-width:1000px}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:55px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.contact-details{display:flex;flex-direction:column;gap:6px;margin-top:30px}.contact-details a{font-size:20px}.contact-form{padding:34px;border:1px solid var(--line);border-radius:26px;background:#0b0b0d}.contact-form label{display:block;color:#c8c8cc;font-size:14px;margin-bottom:20px}.contact-form input,.contact-form textarea{width:100%;margin-top:8px;padding:15px 16px;border:1px solid #333338;border-radius:14px;background:#151517;color:#fff;font:inherit}.contact-form textarea{resize:vertical}.form-message{padding:12px 14px;border-radius:12px;margin-bottom:18px}.success{background:#152719}.error{background:#30191b}.site-footer{border-top:1px solid var(--line);padding:70px 0 30px;background:#050506}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-grid p{color:var(--muted);max-width:360px}.footer-grid a{display:block;text-decoration:none;margin:8px 0}.footer-label{color:#fff!important;text-transform:uppercase;letter-spacing:.13em;font-size:11px}.footer-bottom{margin-top:60px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#777;font-size:13px}.footer-bottom a{text-decoration:none}.content-area{padding-top:80px}.post-card{border-bottom:1px solid var(--line);padding:30px 0}.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.header-cta{display:none}.nav-toggle{display:block;margin-left:auto}.site-nav{position:absolute;top:76px;left:20px;right:20px;background:#111;border:1px solid var(--line);border-radius:18px;padding:20px;display:none}.site-nav.open{display:block}.menu{flex-direction:column}.hero{min-height:auto;padding-top:140px}.hero-grid,.showcase-grid,.contact-grid{grid-template-columns:1fr}.browser-card{transform:none}.service-grid{grid-template-columns:1fr}.statement-grid{grid-template-columns:1fr}.logo-line{overflow:auto;justify-content:flex-start}.footer-grid{grid-template-columns:1fr}.section-pad{padding:85px 0}}
@media(max-width:600px){.shell{width:min(calc(100% - 28px),var(--max))}.hero h1{font-size:53px}.hero-text{font-size:18px}.hero-actions{align-items:flex-start;flex-direction:column}.mock-hero strong{font-size:28px}.mock-cards{grid-template-columns:1fr}.mock-cards i:nth-child(n+2){display:none}.service-card{padding:28px;min-height:340px}.showcase-panel{grid-template-columns:1fr}.screen-one{grid-column:auto}.process-item{grid-template-columns:45px 1fr}.contact-form{padding:22px}.footer-bottom{flex-direction:column;gap:10px}}