:root{--bg:#080d16;--navy:#0f172a;--blue:#0874e8;--cyan:#00bfe7;--white:#fff;--muted:#9ba7b7;--light:#f4f7fb;--ink:#111827;--magenta:#ec168c;--yellow:#ffd400;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--white);background:var(--bg)}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Manrope,Inter,sans-serif;margin:0}p{line-height:1.75}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:10px max(24px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:20;background:rgba(8,13,22,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.brand img{width:230px;height:64px;object-fit:contain;object-position:left center}.site-header nav{display:flex;align-items:center;gap:26px;font-size:14px}.site-header nav>a:not(.nav-cta){color:#c7d0dc}.site-header nav>a:hover{color:var(--cyan)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-weight:700;transition:.2s}.nav-cta{padding:12px 18px;background:linear-gradient(135deg,var(--blue),var(--cyan))}.menu-btn{display:none;background:none;border:0;color:white;font-size:28px}.hero{min-height:720px;max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;padding:80px 24px}.eyebrow{font-size:12px;color:var(--cyan);letter-spacing:.2em;font-weight:700;margin-bottom:18px}.hero h1{font-size:clamp(43px,5.3vw,72px);line-height:1.07;letter-spacing:-.04em}.hero h1 span{background:linear-gradient(90deg,var(--cyan),var(--blue));-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:17px;color:#aeb9c8;max-width:650px}.actions{display:flex;gap:12px;margin:30px 0}.btn{padding:15px 22px;border:1px solid rgba(255,255,255,.2)}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));border:0}.btn.secondary{background:rgba(255,255,255,.04)}.btn:hover{transform:translateY(-2px)}.trust{color:#8492a5;font-size:13px}.trust b{color:var(--cyan);margin:0 8px}.hero-art{position:relative;height:510px}.pack{position:absolute;border-radius:14px;padding:28px;box-shadow:0 28px 70px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.15);display:flex;flex-direction:column}.pack span{font-size:11px;letter-spacing:.18em}.pack strong{font-family:Manrope;font-size:32px;margin-top:80px}.pack small{color:#b6c1cf;margin-top:8px}.pack-a{width:240px;height:350px;right:95px;top:20px;background:linear-gradient(155deg,#0b2447 0 56%,#0874e8 56% 70%,#00bfe7 70%)}.pack-b{width:190px;height:290px;right:0;bottom:0;background:linear-gradient(150deg,#182234,#101722)}.dieline{position:absolute;width:300px;height:235px;left:0;bottom:20px;border:1px dashed rgba(0,191,231,.55);transform:rotate(-8deg);border-radius:7px}.dieline:before,.dieline:after{content:"";position:absolute;border:1px dashed rgba(0,191,231,.4)}.dieline:before{inset:40px}.dieline:after{left:100px;top:-35px;width:100px;height:35px}.pixels{position:absolute;left:50px;top:55px;display:grid;grid-template-columns:repeat(2,25px);gap:7px}.pixels i{width:25px;height:25px;background:var(--cyan)}.pixels i:nth-child(2){background:var(--magenta)}.pixels i:nth-child(3){background:#19bed0}.pixels i:nth-child(4){background:var(--yellow)}.capabilities{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(4,1fr);padding:26px max(24px,calc((100vw - var(--max))/2))}.capabilities article{padding:8px 26px;border-right:1px solid rgba(255,255,255,.1)}.capabilities article:last-child{border:0}.capabilities b,.capabilities span{display:block}.capabilities span{color:var(--muted);font-size:12px;margin-top:7px}.section{max-width:var(--max);margin:auto;padding:105px 24px}.two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.section h2{font-size:clamp(34px,4vw,50px);line-height:1.12;letter-spacing:-.035em}.copy{color:#aeb9c8}.values{margin-top:25px;color:white;font-weight:600}.values b{color:var(--cyan);margin:0 10px}.light{max-width:none;background:var(--light);color:var(--ink);padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}.section-head{max-width:760px;margin-bottom:50px}.section-head>p{color:#9aa4b2}.grid{display:grid;gap:22px}.services{grid-template-columns:repeat(3,1fr)}.services article{background:white;border:1px solid #dfe7ef;border-radius:13px;padding:28px;min-height:230px;box-shadow:0 8px 30px rgba(15,23,42,.04)}.services article span{color:var(--blue);font-size:12px;font-weight:800}.services h3{margin:34px 0 10px;font-size:20px}.services p{color:#5a6778;font-size:14px}.scope{margin-top:26px;border-left:4px solid var(--cyan);padding:20px 24px;background:#e8f3f7;border-radius:0 10px 10px 0}.scope p{margin:6px 0;color:#536172;font-size:13px}.portfolio{grid-template-columns:repeat(3,1fr)}.portfolio article{background:#111927;border:1px solid rgba(255,255,255,.09);padding:14px;border-radius:13px}.portfolio h3{font-size:18px;margin:18px 5px 4px}.portfolio p{font-size:13px;color:var(--muted);margin:0 5px 10px}.placeholder{height:260px;border-radius:9px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.placeholder span{font-size:11px;letter-spacing:.17em;padding:8px 12px;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.3);border-radius:30px}.pouch{background:linear-gradient(145deg,#0b2447 0 48%,#0874e8 48% 62%,#00bfe7 62%)}.variants{background:linear-gradient(90deg,#132238 0 31%,#0b84db 31% 64%,#ec168c 64%)}.repair{background:linear-gradient(135deg,#252d3b 50%,#00bfe7 50%)}.center{text-align:center;margin-top:34px}.dark{max-width:none;background:#050912;padding-left:max(24px,calc((100vw - var(--max))/2));padding-right:max(24px,calc((100vw - var(--max))/2))}.process{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process li{display:flex;gap:18px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:11px}.process li>b{color:var(--cyan);font-size:13px}.process strong,.process small{display:block}.process small{color:var(--muted);line-height:1.5;margin-top:7px}.why{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px}.why-grid{grid-template-columns:repeat(2,1fr)}.why-grid article{padding:22px;border-top:2px solid var(--blue);background:#0d1420}.why-grid h3{font-size:17px}.why-grid p{color:var(--muted);font-size:13px}.contact{max-width:none;padding:90px max(24px,calc((100vw - var(--max))/2));background:linear-gradient(135deg,#102955,#07111f);display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.contact h2{font-family:Manrope;font-size:clamp(36px,4vw,52px);line-height:1.1}.contact>div>p{color:#b8c5d5}.contact-card{background:white;color:var(--ink);border-radius:13px;padding:28px}.contact-card>a:not(.btn){display:block;padding:13px 0;border-bottom:1px solid #e5eaf0}.contact-card small,.contact-card b{display:block}.contact-card small{color:#718096;margin-bottom:5px}.contact-card .wide{margin-top:22px;color:white;width:100%}footer{padding:34px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:220px 1fr 1.2fr;gap:28px;align-items:center;border-top:1px solid rgba(255,255,255,.1)}footer img{width:210px;height:65px;object-fit:contain;object-position:left}footer b,footer span{display:block}footer span,footer p{color:#7f8b9b;font-size:11px;line-height:1.6}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:84px;left:0;right:0;background:#080d16;padding:22px;flex-direction:column}.site-header nav.open{display:flex}.menu-btn{display:block}.hero,.two-col,.why,.contact{grid-template-columns:1fr}.hero{padding-top:55px}.hero-art{height:410px}.capabilities,.services,.portfolio,.process{grid-template-columns:repeat(2,1fr)}.why{gap:40px}footer{grid-template-columns:1fr 1fr}footer p{grid-column:1/-1}}
@media(max-width:600px){.brand img{width:175px}.site-header{height:72px}.site-header nav{top:72px}.hero{min-height:auto;padding-bottom:50px}.hero h1{font-size:42px}.hero-art{height:330px}.pack-a{width:180px;height:270px;right:55px}.pack-b{width:145px;height:220px}.pack strong{font-size:23px;margin-top:60px}.dieline{width:200px;height:170px}.capabilities,.services,.portfolio,.process,.why-grid{grid-template-columns:1fr}.capabilities article{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.section{padding-top:75px;padding-bottom:75px}.actions{flex-direction:column;align-items:stretch}.contact{gap:35px}footer{grid-template-columns:1fr}.placeholder{height:220px}}