:root{--navy:#07101b;--navy2:#0b1625;--blue:#2563eb;--blue2:#0d6efd;--ink:#0c1118;--muted:#667085;--line:#e5e7eb;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.header{position:sticky;top:0;z-index:30;background:#050b13;border-bottom:1px solid #162334}.nav-row{height:86px;display:flex;align-items:center}.logo img{width:180px;display:block}.nav-row nav{margin-left:auto;display:flex;align-items:center;gap:32px}.nav-row nav a{color:#fff;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.04em;padding:33px 0;position:relative}.nav-row nav a:after{content:"";position:absolute;height:2px;background:var(--blue);left:50%;right:50%;bottom:20px;transition:left .22s ease,right .22s ease,opacity .22s ease;opacity:0}.nav-row nav a.active:after{left:0;right:0;opacity:1}.nav-row nav .talk:after{display:none}.nav-row nav .talk{padding:14px 21px;background:var(--blue);border-radius:2px}.menu{display:none;margin-left:auto;background:transparent;border:0}.menu span{display:block;width:26px;height:2px;background:#fff;margin:5px}
.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#07111d 0%,#081321 58%,#0d1725 100%);color:#fff}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 65%,rgba(37,99,235,.12) 65% 73%,transparent 73%);pointer-events:none}.hero-lines{position:absolute;right:-10%;top:-25%;width:65%;height:140%;transform:rotate(15deg);background:repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 18px,transparent 18px 58px);opacity:.5}.hero-grid{min-height:550px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:55px;position:relative;z-index:2}.kicker,.eyebrow{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.11em}.hero h1{font-size:clamp(50px,5.7vw,79px);line-height:.96;text-transform:uppercase;letter-spacing:-.045em;margin:14px 0 24px}.hero h1 em{font-style:normal;color:#1d6fff}.lead{max-width:610px;color:#c1cad7;font-size:17px;line-height:1.65}.actions{display:flex;gap:15px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 22px;border:1px solid transparent;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.025em;cursor:pointer}.primary{background:linear-gradient(90deg,#1361f3,#2e70f0);color:#fff}.ghost{border-color:#8994a2;color:#fff;background:rgba(255,255,255,.02)}
.laptop-stage{height:430px;display:grid;place-items:center;position:relative}.laptop{width:86%;position:relative;filter:drop-shadow(0 32px 42px rgba(0,0,0,.55));transform:perspective(1100px) rotateY(-9deg) rotateX(2deg)}.screen{aspect-ratio:1.6;background:radial-gradient(circle at 60% 45%,#102640,#02060b 60%);border:12px solid #161b22;border-radius:15px 15px 7px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 50px #000}.screen img{width:58%;max-width:280px}.screen span{margin-top:17px;letter-spacing:.2em;font-size:11px;color:#fff}.base{height:26px;margin:-1px -7% 0;background:linear-gradient(#6e737a,#1e242a);clip-path:polygon(6% 0,94% 0,100% 45%,76% 100%,24% 100%,0 45%)}
.services{padding:78px 0 92px;background:#f8fafc;position:relative}.section-intro{max-width:740px;margin-bottom:42px}.centered{text-align:center;margin-left:auto;margin-right:auto}.section-intro h2,.work h2,.about h2,.contact h2{font-size:clamp(36px,4.2vw,55px);line-height:1.02;letter-spacing:-.04em;margin:7px 0 14px}.section-intro h2 span,.about h2 span,.contact h2 span{color:var(--blue)}.section-intro>p:last-child{color:#697386;line-height:1.6}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-grid article{background:#fff;border:1px solid #e4e8ee;padding:34px;min-height:340px;box-shadow:0 10px 24px rgba(12,17,24,.045);transition:.2s}.service-grid article:hover{transform:translateY(-5px);box-shadow:0 16px 35px rgba(12,17,24,.09)}.line-icon{font-size:43px;color:var(--blue);height:65px}.service-grid h3{text-transform:uppercase;font-size:19px;margin:15px 0}.service-grid p{color:#596273;line-height:1.7;font-size:14px}.service-grid a,.text-link{color:var(--blue);font-weight:800;text-transform:uppercase;font-size:12px;display:inline-block;margin-top:20px}
.process{padding:72px 0;background:radial-gradient(circle at 50% 30%,#0e2036,#07111d 58%);color:#fff}.light h2{color:#fff}.process-row{display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr 45px 1fr;align-items:center}.process-row>i{text-align:center;color:#2c6df0;font-size:27px;font-style:normal}.process-row article{text-align:center;padding:10px}.process-row article>b{color:#2e78ff;font-size:13px}.circle{width:62px;height:62px;border:1px solid #b9c5d3;border-radius:50%;display:grid;place-items:center;margin:8px auto 13px;font-size:25px}.process-row h3{text-transform:uppercase;margin:6px 0;font-size:15px}.process-row p{color:#c0c8d2;font-size:12px;line-height:1.55;margin:0 auto;max-width:220px}
.work{padding:88px 0 96px;background:#fff;overflow:hidden}.work-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:75px;align-items:center}.device-stack{position:relative;min-height:370px}.desktop-device{position:absolute;left:0;top:10px;width:82%;padding:9px 9px 35px;background:#171b20;border-radius:7px;box-shadow:0 30px 50px rgba(0,0,0,.2)}.desktop-device:after{content:"";position:absolute;width:72px;height:48px;background:#555c64;left:50%;bottom:-46px;transform:translateX(-50%);clip-path:polygon(35% 0,65% 0,75% 82%,100% 82%,100% 100%,0 100%,0 82%,25% 82%)}.desktop-device img,.phone-device img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.desktop-device img{aspect-ratio:16/9}.phone-device{position:absolute;right:1%;bottom:2px;width:20%;height:255px;padding:7px;background:#11151a;border-radius:18px;box-shadow:0 25px 35px rgba(0,0,0,.25);overflow:hidden}.phone-device img{object-fit:cover;object-position:15% top}.work-copy p{color:#596273;line-height:1.7}.work-copy ul{list-style:none;padding:0;margin:25px 0}.work-copy li{margin:11px 0}.work-copy li:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;border:2px solid var(--blue);color:var(--blue);border-radius:50%;font-size:11px;font-weight:bold;margin-right:10px}
.proof{background:linear-gradient(90deg,#1263f0,#0659df);color:#fff}.proof-grid{display:grid;grid-template-columns:repeat(4,1fr)}.proof-grid div{padding:28px 25px;border-right:1px solid rgba(255,255,255,.22)}.proof-grid div:first-child{border-left:1px solid rgba(255,255,255,.22)}.proof-grid strong,.proof-grid span{display:block}.proof-grid strong{font-size:29px}.proof-grid span{font-size:12px;margin-top:5px;color:#e4eeff}
.about{padding:88px 0;background:#f8fafc}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.about-grid p{color:#596273;line-height:1.75;margin-top:0}.contact{padding:88px 0;background:#08111d;color:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contact p{color:#b7c1cf;line-height:1.7}.contact-meta{margin-top:30px}.contact-meta b{color:#fff}.contact-meta span{color:#75a1ff}form{background:#0d1826;border:1px solid #243347;padding:30px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.07em;color:#cad2dd;margin-bottom:14px}input,select,textarea{display:block;width:100%;margin-top:7px;padding:13px 12px;border:1px solid #33445a;background:#09121d;color:#fff;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#3479ff}form .btn{width:100%}form small{display:block;text-align:center;color:#758397;margin-top:10px;font-size:9px}
footer{background:#050b13;color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:50px;padding:58px 0 42px}.footer-grid img{width:175px}.footer-grid p{font-size:12px;color:#8d9aaa}.footer-grid div{display:flex;flex-direction:column;gap:9px}.footer-grid b{text-transform:uppercase;font-size:11px;margin-bottom:6px}.footer-grid a,.footer-grid span{color:#a9b4c2;font-size:12px}.copyright{border-top:1px solid #1d2938;padding:17px 0 24px;display:flex;justify-content:space-between;color:#68768a;font-size:10px}
@media(max-width:900px){.menu{display:block}.nav-row nav{display:none;position:absolute;top:86px;left:0;right:0;background:#050b13;padding:18px 24px;flex-direction:column;align-items:stretch;gap:0}.nav-row nav.open{display:flex}.nav-row nav a{padding:13px}.nav-row nav a.active:after{display:none}.hero-grid,.work-grid,.about-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{padding:55px 0 35px}.laptop-stage{height:360px}.service-grid{grid-template-columns:1fr}.process-row{grid-template-columns:1fr 1fr}.process-row>i{display:none}.proof-grid{grid-template-columns:1fr 1fr}.device-stack{min-height:330px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wrap{width:calc(100% - 28px)}.logo img{width:155px}.hero h1{font-size:45px}.lead{font-size:15px}.actions{flex-direction:column}.laptop-stage{height:260px}.laptop{width:95%}.process-row,.proof-grid,.about-grid,.contact-grid,.two{grid-template-columns:1fr}.proof-grid div{border-left:1px solid rgba(255,255,255,.22)}.work{padding-bottom:65px}.device-stack{min-height:265px}.phone-device{height:190px;width:24%}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column;gap:6px}.section-intro h2,.work h2,.about h2,.contact h2{font-size:36px}}

/* Website gallery */
.site-gallery-section{padding:92px 0 104px;background:#fff;overflow:hidden}
.site-gallery-section .section-intro{margin-bottom:46px}
.site-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.site-card{border:1px solid #e5e9ef;background:#fff;box-shadow:0 12px 30px rgba(7,16,27,.07);transition:transform .22s ease,box-shadow .22s ease;overflow:hidden}
.site-card:hover{transform:translateY(-6px);box-shadow:0 22px 42px rgba(7,16,27,.13)}
.site-preview{display:block;background:#0b111a;overflow:hidden}
.browser-bar{height:34px;background:#111b28;display:flex;align-items:center;padding:0 12px;gap:6px;color:#91a0b5;font-size:10px;letter-spacing:.02em}
.browser-bar i{display:block;width:7px;height:7px;border-radius:50%;background:#405064}
.browser-bar i:first-child{background:#ef5f5f}.browser-bar i:nth-child(2){background:#e6b84c}.browser-bar i:nth-child(3){background:#52b87a}
.browser-bar span{margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-preview img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;transition:transform .35s ease}
.site-card:hover .site-preview img{transform:scale(1.025)}
.site-card-body{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 24px 8px}
.site-type{margin:0 0 8px;color:var(--blue);font-size:10px;font-weight:800;letter-spacing:.12em}
.site-card h3{font-size:22px;margin:0;letter-spacing:-.025em}
.site-card-body>a{display:grid;place-items:center;min-width:39px;height:39px;border:1px solid #d7dce4;color:var(--blue);font-size:20px;transition:.2s}
.site-card-body>a:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.site-desc{margin:0;padding:4px 24px 27px;color:#667085;line-height:1.65;font-size:14px}
@media(max-width:900px){.site-gallery-grid{grid-template-columns:1fr 1fr}.site-card:last-child{grid-column:1/-1;max-width:calc(50% - 11px);justify-self:center;width:100%}}
@media(max-width:600px){.site-gallery-grid{grid-template-columns:1fr}.site-card:last-child{grid-column:auto;max-width:none}.site-gallery-section{padding:68px 0 76px}}

/* Screenshot portfolio previews */
.screenshot-link{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;background:#0b111a;cursor:pointer}
.screenshot-link img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s ease,filter .35s ease}
.site-card:hover .screenshot-link img{transform:scale(1.025);filter:brightness(1.03)}