:root{--bg:#080a0d;--bg-soft:#10141a;--panel:#151a20;--line:#2a3038;--text:#f5f5f7;--muted:#9ca5ae;--orange:#f36b21;--purple:#8f3bb8;--accent:#f36b21;--white:#fff;--shadow:0 28px 80px rgba(0,0,0,.38)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.eyebrow{display:inline-flex;gap:10px;align-items:center;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);font-weight:850}.eyebrow::before{content:"";width:28px;height:2px;background:linear-gradient(90deg,var(--orange),var(--purple))}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,8vw,7.5rem);line-height:.89;letter-spacing:-.065em;margin-bottom:24px}h2{font-size:clamp(2.2rem,5vw,4.4rem);line-height:.96;letter-spacing:-.05em;margin-bottom:18px}h3{font-size:1.35rem;letter-spacing:-.03em}p{color:var(--muted)}.accent-text{background:linear-gradient(90deg,var(--orange),#ff9a42,var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.nav-wrap{position:fixed;inset:0 0 auto;z-index:50;background:linear-gradient(to bottom,rgba(8,10,13,.96),rgba(8,10,13,.65),transparent);backdrop-filter:blur(10px)}nav{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:190px;max-height:72px;object-fit:contain}.nav-links{display:flex;gap:27px;font-size:1rem;color:#c7ccd2}.nav-links a:hover{color:#fff}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border:1px solid var(--orange);background:linear-gradient(110deg,var(--orange),#ff8a35);color:#111;font-weight:900;text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;transition:.25s ease;cursor:pointer}.btn:hover,.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(243,107,33,.2)}.btn.alt{background:transparent;color:#fff;border-color:#4c535d}.btn.alt:hover{border-color:var(--purple)}
.hero{min-height:100vh;display:grid;align-items:end;position:relative;background:linear-gradient(90deg,rgba(5,6,8,.96) 0%,rgba(5,6,8,.8) 38%,rgba(5,6,8,.25) 68%,rgba(5,6,8,.72) 100%),linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.74)),url('https://images.unsplash.com/photo-1511818966892-d7d671e672a2?auto=format&fit=crop&w=2200&q=88') center/cover;padding:150px 0 68px}.hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 82%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:end}.hero-copy{max-width:930px}.hero h1 .stroke{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.6)}.hero-sub{max-width:720px;font-size:1.08rem;color:#cbd1d6;margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-card{border:1px solid rgba(255,255,255,.14);background:rgba(8,10,13,.64);backdrop-filter:blur(15px);padding:24px;box-shadow:var(--shadow)}.hero-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-points div{padding:18px 8px;border-bottom:1px solid #2a3038}.hero-points strong{display:block;color:var(--orange);font-size:.9rem;letter-spacing:.08em}.hero-points span{font-size:.8rem;color:#c3c9cf}.ticker{overflow:hidden;border-block:1px solid var(--line);background:#0d1014}.ticker-track{display:flex;width:max-content;animation:ticker 28s linear infinite}.ticker a{padding:17px 28px;font-size:.77rem;letter-spacing:.12em;text-transform:uppercase;color:#a8b0b8;white-space:nowrap;transition:.2s ease}.ticker a:hover{color:var(--orange)}.ticker b{color:var(--purple)}@keyframes ticker{to{transform:translateX(-50%)}}
section{padding:108px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:44px}.section-head p{max-width:520px;margin-bottom:5px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{min-height:300px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden;background:var(--bg-soft);transition:.3s ease}.service:hover{background:#181d24;transform:translateY(-4px)}.service .num{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--orange);font-size:.82rem}.service h3{margin-top:82px;max-width:250px}.service p{font-size:.94rem;max-width:310px}.service .arrow{position:absolute;right:22px;top:22px;font-size:1.45rem;color:#65707b;transition:.25s}.service:hover .arrow{color:var(--purple);transform:translate(3px,-3px)}.service::after{content:"";position:absolute;width:135px;height:135px;border:1px solid rgba(143,59,184,.18);right:-45px;bottom:-45px;transform:rotate(45deg)}
.portfolio{background:#0d1014}.projects{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.project{position:relative;min-height:520px;overflow:hidden;border:1px solid var(--line)}.project.small{min-height:250px}.project-stack{display:grid;gap:20px}.project img{height:100%;object-fit:cover;transition:.6s ease;filter:saturate(.78) contrast(1.05)}.project:hover img{transform:scale(1.04);filter:saturate(1)}.project::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,7,9,.94),transparent 58%)}.project-info{position:absolute;left:26px;right:26px;bottom:24px;z-index:2}.project-info span{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:#ff8b39}.project-info h3{font-size:1.7rem;margin:.4rem 0 0}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.step{background:var(--bg);padding:34px 26px;min-height:250px}.step .big{font-size:4.5rem;line-height:1;color:#20262d;font-weight:950;letter-spacing:-.08em}.step h3{margin-top:35px}.materials-section{background:linear-gradient(140deg,#0c0f13,#11161c)}.materials-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.material-list{border-top:1px solid var(--line)}.material-list>div{display:grid;grid-template-columns:60px 1fr;align-items:start;padding:21px 0;border-bottom:1px solid var(--line)}.material-list>div>span{font-family:ui-monospace,monospace;color:var(--purple)}.material-list strong{font-size:1.5rem;letter-spacing:-.03em}.material-list .mat-body p{font-size:.85rem;color:var(--muted);margin-top:6px}
.compare-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;align-items:center}.compare-box{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);--pos:50%}.compare-box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-box .after{clip-path:inset(0 0 0 var(--pos))}.compare-line{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--orange);z-index:3;transform:translateX(-1px)}.compare-knob{position:absolute;left:var(--pos);top:50%;z-index:4;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--purple));color:#fff;display:grid;place-items:center;font-weight:900;transform:translate(-50%,-50%);box-shadow:0 0 0 8px rgba(243,107,33,.1)}.compare-box input{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:5;cursor:ew-resize}.label{position:absolute;top:18px;z-index:4;padding:7px 10px;background:rgba(0,0,0,.68);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.label.before{left:18px}.label.after-label{right:18px}
.about-section{background:#0c0f13}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-visual{min-height:440px;display:grid;place-items:center;border:1px solid var(--line);background:radial-gradient(circle at 65% 35%,rgba(143,59,184,.16),transparent 36%),linear-gradient(135deg,#161b21,#090b0e);position:relative;overflow:hidden}.about-visual::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px}.tech-frame{position:relative;z-index:2;border:1px solid #414851;padding:60px 56px;text-align:center;transform:skew(-3deg)}.tech-frame span{display:block;font-size:5.5rem;font-weight:950;line-height:.9;letter-spacing:-.07em;background:linear-gradient(90deg,var(--orange),#fff 42%,#fff 64%,var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.tech-frame small{font-size:.7rem;letter-spacing:.32em;color:#d0d4d8}.text-link{display:inline-block;margin-top:12px;color:#fff;font-weight:800;border-bottom:1px solid var(--orange);padding-bottom:5px}
.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:23px 0;display:flex;justify-content:space-between;gap:20px;font-weight:800}summary::-webkit-details-marker{display:none}summary span{color:var(--orange);font-size:1.4rem}details p{padding:0 45px 22px 0;margin:0}.cta{padding:0 0 110px}.cta-box{position:relative;overflow:hidden;border:1px solid #323841;background:linear-gradient(120deg,#171c22,#0d1014);padding:64px;display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center}.cta-box::before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(143,59,184,.22);right:-120px;top:-210px;transform:rotate(45deg)}.cta-box::after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(243,107,33,.13),transparent 65%);right:50px;bottom:-110px}.cta h2{margin-bottom:12px}.cta-action{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.cta-action span{font-size:.88rem;color:#aeb6be}
footer{border-top:1px solid var(--line);padding:52px 0 26px;color:#88929b;font-size:.85rem}.footer-grid{display:grid;grid-template-columns:1.2fr .6fr 1fr;gap:50px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid strong{color:#fff;text-transform:uppercase;font-size:.74rem;letter-spacing:.1em}.footer-logo{width:160px;margin-bottom:8px}.footer-grid p{max-width:360px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;margin-top:38px}
.reveal{opacity:0;transform:translateY(22px);transition:.72s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){.nav-links{display:none}.hero-grid,.compare-wrap,.cta-box,.projects,.materials-grid,.about-grid,.faq-grid{grid-template-columns:1fr}.hero-card{display:none}.services-grid{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr}.project{min-height:390px}.cta-box{padding:44px 26px}.footer-grid{grid-template-columns:1fr 1fr}.materials-grid,.about-grid,.faq-grid{gap:42px}}
@media(max-width:620px){.container{width:min(100% - 26px,1180px)}nav{height:74px}.brand img{width:118px}.nav-cta{display:none}.hero{padding-top:120px}h1{font-size:clamp(3rem,17vw,5.1rem)}section{padding:78px 0}.section-head{display:block}.services-grid,.process-grid,.footer-grid{grid-template-columns:1fr}.service{min-height:235px}.service h3{margin-top:46px}.project{min-height:320px}.compare-box{aspect-ratio:4/5}.cta-box{padding:38px 22px}.tech-frame{padding:45px 30px}.tech-frame span{font-size:4rem}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}}