:root{--black:#000;--ink:#0a0a0a;--paper:#f4f2ee;--white:#fff;--line:#d9d6cf;--dline:#262626;--mute:#6b6a66;--dmute:#a3a29d;--accent:#2563eb;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--paper);color:var(--ink);font:400 16px/1.65 Inter,system-ui,sans-serif;overflow-x:hidden}h1,h2,h3,.logo{letter-spacing:-.03em;font-family:Unbounded,Inter,sans-serif;line-height:1.1}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{max-width:1160px;margin:0 auto;padding:0 24px}header{top:env(safe-area-inset-top,0px);z-index:10;background:var(--black);color:var(--white);border-bottom:1px solid var(--dline);position:sticky}.page-shell{background:var(--paper);color:var(--ink)}.page-hero{background:var(--black);color:var(--white);text-align:center;padding:92px 0 56px}.page-hero .label{margin-bottom:18px}.page-hero h1{max-width:760px;margin:0 auto;font-size:clamp(40px,5vw,72px);line-height:1.05}.page-hero .lead{max-width:780px;color:var(--dmute);margin:22px auto 0;font-size:clamp(18px,2vw,26px)}.page-content{padding:72px 0}.dark-block{color:var(--white);background:#0d0d0f}.page-grid,.about-page-grid,.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.about-page-grid{grid-template-columns:1.4fr 1fr;align-items:center}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-card{background:var(--white);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 12px 30px #0000000d}.page-card.accent{background:linear-gradient(#edf4ff 0%,#dfeaff 100%);border-color:#cfe0ff}.page-card h2,.timeline-item h2,.cta-row h2{margin-bottom:12px;font-size:clamp(24px,2vw,34px)}.page-card p,.about-text,.timeline-item p,.faq-panel p,.page-card li{color:var(--mute);font-size:17px}.page-card ul,.faq-panel{margin:18px 0 0;padding:0;list-style:none}.page-card li{margin-bottom:8px;padding-left:18px;position:relative}.page-card li:before{content:"•";color:var(--accent);position:absolute;left:0}.cta-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.cta-row h2{max-width:700px;margin:0}.project-list{gap:24px;display:grid}.project-card{gap:12px;display:grid}.project-badge{width:fit-content;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;background:#2563eb1f;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.tag-list{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.tag-list span{border:1px solid var(--line);background:var(--paper);color:#25344d;border-radius:999px;padding:7px 12px;font-size:12px;display:inline-block}.timeline{gap:22px;display:grid}.timeline-item{background:var(--white);border:1px solid var(--line);border-radius:22px;grid-template-columns:72px 1fr;align-items:start;gap:22px;padding:28px;display:grid}.timeline-number{background:var(--black);width:52px;height:52px;color:var(--white);border-radius:50%;place-items:center;font:700 18px Unbounded,sans-serif;display:grid}.faq-page{gap:14px;display:grid}.faq-panel details{border-bottom:1px solid var(--dline);padding:0 0 18px}.faq-panel summary{cursor:pointer;justify-content:space-between;gap:18px;padding:18px 0;font:600 18px Unbounded,sans-serif;list-style:none;display:flex}.faq-panel summary::-webkit-details-marker{display:none}.faq-panel summary:after{content:"+";color:var(--accent);font-size:30px;line-height:1}.faq-panel details[open] summary:after{content:"–"}.contact-grid .page-card{align-content:start;gap:16px;display:grid}nav{justify-content:space-between;align-items:center;height:66px;display:flex}.logo{align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.logo i{background:var(--accent);border-radius:50%;width:12px;height:12px}nav ul{color:var(--dmute);flex-wrap:wrap;justify-content:center;gap:10px;padding:0;font-size:14px;list-style:none;display:flex}nav ul li{display:flex}nav ul a{border:1px solid #ffffff14;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;transition:background .2s,border-color .2s,color .2s;display:inline-flex}nav ul a:hover{color:var(--white);background:#ffffff0f;border-color:#fff3}.btn{background:var(--accent);color:var(--black);border:1px solid var(--accent);border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.btn:hover{background:var(--white);border-color:var(--white)}.btn.ghost{color:inherit;background:0 0;border-color:currentColor}.btn.ghost:hover{background:var(--white);color:var(--black)}.btn.sm{padding:10px 20px;font-size:14px}.cta{flex-wrap:wrap;gap:14px;display:flex}.hero{background:var(--black);color:var(--white);text-align:center;padding:100px 0 0;overflow:hidden}.badge{color:var(--dmute);border:1px solid #333;border-radius:999px;margin-bottom:34px;padding:7px 16px;font-size:13px;display:inline-block}.badge b{color:var(--accent);font-weight:500}h1{max-width:13em;margin:0 auto;font-size:clamp(36px,6.4vw,84px);font-weight:700}h1 em{color:var(--accent);font-style:normal}.hero .lead{color:var(--dmute);max-width:34em;margin:30px auto 36px;font-size:19px}.hero .cta{justify-content:center}.perks{color:var(--dmute);flex-wrap:wrap;justify-content:center;gap:28px;margin:38px 0 70px;font-size:14px;display:flex}.perks span:before{content:"●";color:var(--accent);vertical-align:2px;margin-right:8px;font-size:10px}.marquee{border-top:1px solid var(--dline);white-space:nowrap;padding:22px 0;overflow:hidden}.marquee div{color:#3a3a3a;font:600 clamp(20px,3vw,32px) Unbounded,sans-serif;animation:28s linear infinite slide;display:inline-block}.marquee span{margin:0 26px}.marquee b{color:var(--accent);font-weight:400}@keyframes slide{to{transform:translate(-50%)}}section{padding:100px 0}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font:500 13px Inter,sans-serif;display:block}h2{max-width:15em;font-size:clamp(28px,4vw,50px);font-weight:700}.sub{color:var(--mute);max-width:36em;margin:18px 0 52px;font-size:17px}.dark{background:var(--black);color:var(--white)}.dark .sub{color:var(--dmute)}.bento{grid-template-rows:auto auto;grid-template-columns:1.3fr 1fr 1fr;gap:16px;display:grid}.tile{background:var(--white);border:1px solid var(--line);border-radius:24px;flex-direction:column;padding:32px;transition:transform .25s,box-shadow .25s;display:flex}.tile:hover{transform:translateY(-4px);box-shadow:0 20px 50px #0000001a}.tile.big{background:var(--black);color:var(--white);border-color:var(--black);grid-row:span 2;justify-content:space-between}.ic{background:var(--accent);border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:26px;display:grid}.tile.big .ic{width:70px;height:70px}.tile h3{margin-bottom:12px;font-size:24px}.tile.big h3{font-size:34px}.tile p{color:var(--mute);font-size:15px}.tile.big p{color:var(--dmute);font-size:16px}.tile ul{flex-wrap:wrap;gap:8px;margin-top:22px;padding:0;list-style:none;display:flex}.tile li{border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px}.tile.big li{border-color:#3a3a3a}.tile.wide{grid-column:span 2}.service-cta{background:var(--accent);border-color:var(--accent)}.service-cta h3{color:var(--black)}.service-cta p{color:#2a1208}.service-cta-link{margin-top:22px}.service-cta .btn{background:var(--black);color:var(--white);border-color:var(--black)}.prow{border-top:1px solid var(--dline);grid-template-columns:90px 1.2fr 1.6fr 1fr;align-items:center;gap:28px;padding:34px 0;transition:background .25s,padding .25s;display:grid}.prow:last-child{border-bottom:1px solid var(--dline)}.prow:hover{background:#101010;padding-left:18px;padding-right:18px}.pi{border:1px solid #3a3a3a;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.pi svg{color:var(--accent)}.prow h3{font-size:26px}.prow p{color:var(--dmute);font-size:15px}.ptags{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.ptags span{color:#d8d7d2;border:1px solid #3a3a3a;border-radius:999px;padding:5px 12px;font-size:12px}.tl{max-width:760px;position:relative}.tl:before{content:"";background:var(--line);width:2px;position:absolute;top:8px;bottom:8px;left:23px}.ti{padding:0 0 38px 78px;position:relative}.ti:last-child{padding-bottom:0}.ti b{background:var(--black);width:48px;height:48px;color:var(--white);border-radius:50%;place-items:center;font:600 16px Unbounded,sans-serif;transition:background .2s,color .2s;display:grid;position:absolute;top:0;left:0}.ti:hover b{background:var(--accent);color:var(--black)}.ti h3{margin:6px 0;font-size:23px}.ti p{color:var(--mute)}.why{grid-template-columns:repeat(2,1fr);gap:0 60px;display:grid}.why div{border-top:1px solid var(--dline);padding:28px 0 28px 54px;position:relative}.why div:before{content:"✓";background:var(--accent);color:#000;border-radius:50%;place-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:grid;position:absolute;top:28px;left:0}.why h3{margin-bottom:8px;font-size:20px}.why p{color:var(--dmute);font-size:15px}.tech{flex-wrap:wrap;gap:10px;display:flex}.tech span{background:var(--white);border:1px solid var(--line);border-radius:999px;padding:11px 20px;font-size:14px;transition:all .2s}.tech span:hover{background:var(--black);color:var(--white);border-color:var(--black)}.about-section{padding-top:20px}.about{grid-template-columns:1.1fr .9fr;align-items:start;gap:70px;display:grid}.about p{color:var(--mute);margin-bottom:16px}.about .about-intro{margin-top:22px}.about .btn{background:var(--black);color:var(--white);border-color:var(--black);margin-top:10px}.about .btn:hover{background:var(--accent);color:var(--black);border-color:var(--accent)}.sector{gap:14px;display:grid}.sector div{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:22px 24px}.sector b{margin-bottom:6px;font:600 17px Unbounded,sans-serif;display:block}.sector span{color:var(--mute);font-size:14px}.faqwrap{grid-template-columns:.8fr 1.2fr;gap:70px;display:grid}.faqwrap h2{align-self:start;position:sticky;top:100px}.faq-sub{margin-bottom:0}.faq details{border-bottom:1px solid var(--dline)}.faq summary{cursor:pointer;letter-spacing:-.02em;justify-content:space-between;gap:20px;padding:26px 0;font:600 18px Unbounded,sans-serif;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-family:Inter,sans-serif;font-size:28px;line-height:1}.faq details[open] summary:after{content:"–"}.faq p{color:var(--dmute);max-width:38em;padding-bottom:26px}.final{background:var(--accent);color:var(--black);text-align:center;padding:110px 0}.final h2{max-width:11em;margin:0 auto 18px;font-size:clamp(34px,6vw,76px)}.final .sub{color:#2a1208;margin:0 auto 34px}.final .btn{background:var(--black);color:var(--white);border-color:var(--black)}.final .btn:hover{background:var(--white);color:var(--black);border-color:var(--white)}.final .btn.ghost{color:var(--black);background:0 0}.final .btn.ghost:hover{background:var(--black);color:var(--white)}.final .cta{justify-content:center}footer{background:var(--black);color:var(--dmute);padding:56px 0 30px;font-size:14px}.fgrid{grid-template-columns:2fr 1fr 1fr;gap:32px;padding-bottom:34px;display:grid}.fgrid h3{color:var(--white);margin-bottom:12px;font-size:14px}.fgrid a,.fgrid p{margin-bottom:6px;display:block}.fgrid a:hover{color:var(--accent)}.legal{border-top:1px solid var(--dline);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;display:flex}@media (max-width:900px){nav{flex-wrap:wrap;justify-content:center;gap:12px;height:auto;padding:12px 0}nav ul{order:3;justify-content:center;gap:8px;width:100%;display:flex}nav ul a{padding:7px 10px;font-size:12px}.hero{padding-top:64px}section{padding:64px 0}.bento,.why,.about,.faqwrap,.fgrid{grid-template-columns:1fr}.tile.big{grid-row:auto}.tile.wide{grid-column:auto}.prow{grid-template-columns:1fr;gap:14px}.ptags{justify-content:flex-start}.faqwrap{gap:30px}.faqwrap h2{position:static}.about{gap:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
