*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#0c2742;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.topline{background:linear-gradient(90deg,var(--navy),#0c4d7e);color:#dcebf6;font-size:12px}.topinner{height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topcontact,.topsocial{display:flex;align-items:center;gap:18px}.topsocial a{width:22px;height:22px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center}.mainnav{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #dfe8f1;box-shadow:0 4px 18px rgba(10,39,67,.04)}.navinner{height:74px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;min-width:230px}.brand img{width:44px;height:44px;object-fit:contain}.brand strong{display:block;font-size:20px;letter-spacing:.03em;color:#0a3760}.brand span{display:block;font-size:9px;color:#52718d}.mainnav nav{margin-left:auto;display:flex;align-items:center;gap:3px}.mainnav nav>a,.dropdown>a{padding:26px 12px;font-size:13px;font-weight:700;color:#173f63}.mainnav nav>a:hover,.dropdown>a:hover{color:var(--primary)}.dropdown{position:relative}.dropmenu{position:absolute;top:65px;left:0;min-width:230px;background:#fff;border:1px solid #dbe6ef;border-radius:10px;padding:8px;display:none;box-shadow:0 18px 45px rgba(7,34,60,.15)}.dropdown:hover .dropmenu{display:grid}.dropmenu a{padding:10px 12px;border-radius:7px;font-size:13px}.dropmenu a:hover{background:#eef7ff;color:var(--primary)}.quote-btn{padding:13px 18px;border-radius:7px;background:var(--primary);color:#fff;font-weight:800;font-size:13px}.menubtn{display:none;margin-left:auto;border:0;background:none;font-size:24px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 35%,rgba(12,197,238,.22),transparent 25%),linear-gradient(120deg,#03182d 0%,#082d50 50%,#041d36 100%);color:#fff;min-height:470px}.heroart{position:absolute;inset:0;background:url("../img/hero-tech.svg") center/cover no-repeat;opacity:.78}.hero-inner{position:relative;display:grid;grid-template-columns:1.1fr .9fr;min-height:470px;align-items:center}.hero-copy{padding:44px 0}.pill{display:inline-block;border:1px solid #1a92ff;background:rgba(6,99,184,.3);padding:7px 12px;border-radius:999px;font-size:11px;font-weight:800}.hero h1{font-size:52px;line-height:1.02;max-width:680px;margin:16px 0 14px}.hero h1 em{font-style:normal;color:#2fbdf5}.hero-copy>p{font-size:18px;line-height:1.55;color:#d7e7f3;max-width:650px}.hero-actions,.product-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cbd8e4;background:#fff;color:#153b5f;padding:12px 18px;border-radius:7px;font-weight:800;font-size:13px}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.ghost{background:transparent;border-color:rgba(255,255,255,.65);color:#fff}.btn.small{padding:9px 14px}.hero-points{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.hero-points div{display:grid;gap:3px;border-left:2px solid #24c4ee;padding-left:10px}.hero-points b{font-size:12px}.hero-points span{font-size:10px;color:#bad0e0}.hero-panel{height:100%;position:relative;display:flex;align-items:center;justify-content:flex-end}.globe{width:310px;height:310px;border-radius:50%;border:1px solid #2ed6ff;box-shadow:0 0 0 18px rgba(33,171,238,.05),0 0 70px rgba(33,200,255,.3);background:radial-gradient(circle at 35% 30%,#1a86cc 0,#052c4b 35%,#031a2e 70%);position:relative}.globe:before,.globe:after{content:"";position:absolute;inset:15%;border:1px solid rgba(89,216,255,.35);border-radius:50%;transform:rotate(35deg)}.globe:after{transform:rotate(-35deg)}.hero-panel-copy{position:absolute;right:8px;bottom:65px;display:grid;text-align:right}.hero-panel-copy b{font-size:17px}.hero-panel-copy span{font-size:12px;color:#7cdfff}.section{padding:66px 0}.section.alt{background:#f5f9fd}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-bottom:24px}.section-head h2,.section-intro h2,.about-section h2{font-size:31px;margin:4px 0 7px}.section-head p,.section-intro p{color:#607991;max-width:760px}.eyebrow{color:var(--primary);font-weight:900;font-size:11px;letter-spacing:.08em;border-left:4px solid var(--secondary);padding-left:10px}.outline-btn{border:1px solid var(--primary);color:var(--primary);padding:11px 16px;border-radius:7px;font-size:12px;font-weight:800;white-space:nowrap}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-grid.wide{grid-template-columns:repeat(3,1fr)}.service-card{border:1px solid #dce7f0;border-radius:8px;overflow:hidden;background:#fff;transition:.2s;box-shadow:0 6px 18px rgba(10,46,76,.04)}.service-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(10,46,76,.11)}.service-card img{width:100%;height:145px;object-fit:cover;background:#e9f5ff}.service-card>div{padding:15px}.service-card h3{font-size:17px;margin:0 0 7px}.service-card p{font-size:13px;line-height:1.5;color:#5d7489;min-height:58px}.service-card a,.blog-card a{color:var(--primary);font-weight:800;font-size:12px}.product-section{background:linear-gradient(120deg,#f4fbff,#eaf6ff)}.product-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:30px;align-items:center}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.product-grid.pageproducts{grid-template-columns:repeat(2,1fr)}.product-card{background:#fff;border:1px solid #dce7f0;border-radius:10px;padding:14px;display:grid;grid-template-columns:125px 1fr;gap:15px;box-shadow:0 8px 26px rgba(14,57,89,.06)}.product-card img{width:125px;height:125px;object-fit:contain;background:#edf7ff;border-radius:8px}.product-card h3{margin:2px 0 2px;color:#096ad4}.product-card b{font-size:13px}.product-card p{font-size:13px;color:#5f768d}.statband{background:linear-gradient(90deg,#062846,#0b4e7d);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch}.stat{padding:26px 20px;border-right:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px}.stat-icon{font-size:25px;grid-row:1/3;align-self:center;color:#46d3ff}.stat b{font-size:24px}.stat small{color:#c9d9e6}.statbadge{margin:12px;border:1px solid rgba(255,255,255,.28);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.lead{font-size:17px;line-height:1.7;color:#4f687f}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}.about-values div{display:grid;gap:5px}.about-values b{color:#0b6fd4}.about-values span{font-size:12px;color:#61768b}.city-card{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 18px 40px rgba(4,39,68,.15)}.city-card img{width:100%;height:355px;object-fit:cover}.city-quote{position:absolute;right:18px;top:18px;bottom:18px;width:40%;background:rgba(5,67,113,.8);color:#fff;padding:28px;display:flex;flex-direction:column;justify-content:center}.city-quote b{font-size:23px}.city-quote span{font-size:16px;margin-top:18px}.city-quote small{margin-top:auto}.project-grid,.blog-grid,.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card,.blog-card,.testimonial{background:#fff;border:1px solid #dce7f0;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(14,57,89,.05)}.project-card img,.blog-card img{width:100%;height:190px;object-fit:cover}.project-card span,.project-card h3,.project-card p,.project-details{display:block;margin-left:16px;margin-right:16px}.project-card span{color:var(--primary);font-size:11px;font-weight:900;margin-top:14px}.project-card h3{margin-top:6px}.project-card p,.project-details{font-size:13px;line-height:1.55;color:#5e7489}.project-details{margin-bottom:18px}.blog-card>div{padding:15px}.blog-card small{color:#7f91a3}.blog-card h3{margin:8px 0}.blog-card p{color:#60768a;font-size:13px}.client-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:22px}.client-grid a{border:1px solid #e0e8ef;min-height:96px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px;background:#fff}.client-grid img{max-height:50px;max-width:120px}.client-grid span{font-size:11px;margin-top:6px}.client-placeholder{grid-column:1/-1;background:#f3f7fb;border:1px dashed #b9cad8;padding:30px;text-align:center;color:#708396}.testimonial{padding:20px}.quote-mark{font-size:42px;color:#1eb9ec;line-height:.7}.testimonial p{color:#526b82;line-height:1.6}.person{display:flex;gap:10px;align-items:center}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0b6fd4;color:#fff;font-weight:900}.person b,.person span,.person small{display:block}.person span{font-size:11px;color:#6f8294}.person small{color:#f6a400}.cta{background:linear-gradient(90deg,#062542,#0b4b79),url("../img/about-city.svg") center/cover;color:#fff}.cta-inner{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{margin:0 0 5px}.cta p{margin:0;color:#cee0ee}.prefooter{padding:42px 0;background:#fff}.pregrid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}.pregrid h4{margin-top:0}.pregrid>div:not(.footbrand){display:flex;flex-direction:column;gap:8px;font-size:12px}.pregrid a,.pregrid span{color:#536d84}.footbrand p{font-size:13px;line-height:1.6;color:#587087}.footerbrand{margin-bottom:12px}.footerbottom{border-top:1px solid #dfe7ee;font-size:11px;color:#6a7f91}.footerbottominner{height:48px;display:flex;justify-content:space-between;align-items:center}.whatsapp{position:fixed;right:22px;bottom:22px;background:#1fc968;color:#fff;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;font-size:24px;box-shadow:0 10px 30px rgba(0,0,0,.2);z-index:30}.whatsapp span{position:absolute;right:48px;bottom:0;background:#fff;color:#183a55;border:1px solid #d8e3eb;border-radius:999px;padding:7px 10px;font-size:10px;white-space:nowrap}.pagehero{background:linear-gradient(115deg,#041b31,#0b436f);color:#fff;overflow:hidden}.pagehero-inner{min-height:300px;display:grid;grid-template-columns:1fr .8fr;align-items:center}.pagehero h1{font-size:42px;margin:7px 0}.pagehero p{font-size:17px;color:#d5e5f1;max-width:700px}.pagehero img{height:280px;width:100%;object-fit:contain}.detailhero .btn{margin-top:15px}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}.featurebox{background:#f1f7fc;border:1px solid #dce7f0;border-radius:10px;padding:22px}.featurebox div{padding:9px 0;border-bottom:1px solid #dae5ee}.value-stack{display:grid;gap:14px}.value-stack article{background:#f4f9fd;border:1px solid #dce7f0;border-left:4px solid var(--primary);padding:18px}.article{max-width:850px;font-size:17px;line-height:1.8;color:#425e77}.contact-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:30px}.contactinfo{background:linear-gradient(145deg,#062846,#0a4d7c);color:#fff;border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:12px}.contactform{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contactform label{display:grid;gap:6px;font-size:12px;font-weight:800}.contactform input,.contactform select,.contactform textarea{width:100%;padding:12px;border:1px solid #d6e1ea;border-radius:8px}.contactform textarea{min-height:130px}.contactform .wide{grid-column:1/-1}.flash{padding:11px;border-radius:8px;background:#eff8ff;border-left:4px solid var(--primary);grid-column:1/-1}.flash.success{border-color:#26a962}
@media(max-width:1000px){.mainnav nav{display:none;position:absolute;left:0;right:0;top:74px;background:#fff;padding:15px;border-top:1px solid #dde6ed}.mainnav nav.show{display:grid}.menubtn{display:block}.quote-btn{display:none}.dropdown:hover .dropmenu{display:none}.dropdown.open .dropmenu{display:grid;position:static;box-shadow:none;border:0;padding-left:15px}.hero-inner,.pagehero-inner,.about-grid,.product-layout,.detail-grid,.contact-grid{grid-template-columns:1fr}.hero-panel{display:none}.hero h1{font-size:40px}.service-grid,.service-grid.wide{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.statbadge{min-height:90px}.product-grid,.product-grid.pageproducts,.project-grid,.blog-grid,.testimonial-grid{grid-template-columns:1fr 1fr}.client-grid{grid-template-columns:repeat(3,1fr)}.pregrid{grid-template-columns:1fr 1fr}.topinner{height:auto;padding:8px 0}.topsocial{display:none}.city-card img{height:300px}}
@media(max-width:650px){.wrap{width:min(100% - 24px,1180px)}.topcontact{gap:8px;flex-wrap:wrap}.topcontact span{display:none}.brand{min-width:0}.brand strong{font-size:17px}.brand span{font-size:8px}.hero h1{font-size:34px}.hero-points{grid-template-columns:1fr 1fr}.service-grid,.product-grid,.product-grid.pageproducts,.project-grid,.blog-grid,.testimonial-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr}.about-values{grid-template-columns:1fr}.client-grid{grid-template-columns:1fr 1fr}.pregrid{grid-template-columns:1fr}.section-head,.cta-inner{align-items:flex-start;flex-direction:column}.contactform{grid-template-columns:1fr}.contactform .wide{grid-column:auto}.city-quote{position:static;width:auto}.city-card img{height:220px}.pagehero h1{font-size:34px}}
/* ===== XTORETECH V2: richer customer journey, motion and AI ===== */
.network-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.85}.hero-v2 .heroart{z-index:0}.hero-v2 .hero-inner{z-index:2}.reveal{opacity:0;transform:translateY(26px);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.2,1)}.reveal.delay-2{transition-delay:.16s}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none!important}.service-card,.finder-card,.industry-card,.project-card{transition:none!important}}
.finder-section{background:linear-gradient(180deg,#fff,#f7fbff)}.finder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.finder-card{display:grid;grid-template-columns:52px 1fr 24px;gap:14px;align-items:center;padding:20px;border:1px solid #dce7f0;border-radius:14px;background:#fff;box-shadow:0 10px 28px rgba(7,43,74,.05);transition:.25s}.finder-card:hover{transform:translateY(-5px);border-color:#8bc8f5;box-shadow:0 18px 42px rgba(7,69,118,.12)}.finder-icon{width:52px;height:52px;border-radius:13px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;display:grid;place-items:center;font-size:24px}.finder-card h3{margin:0 0 5px;font-size:16px}.finder-card p{margin:0;color:#62798d;font-size:12px;line-height:1.5}.finder-card>b{color:var(--primary);font-size:22px}.service-media{position:relative}.service-media>span{position:absolute;right:12px;bottom:10px;width:38px;height:38px;border-radius:10px;background:rgba(6,38,68,.9);display:grid;place-items:center;color:#51d9f5;font-size:20px;border:1px solid rgba(255,255,255,.25)}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.industry-card{position:relative;overflow:hidden;border-radius:14px;min-height:250px;background:#062443;box-shadow:0 14px 34px rgba(5,35,61,.13)}.industry-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.52;transition:.35s}.industry-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(2,18,34,.95) 100%)}.industry-card>div{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;color:#fff}.industry-card>div>span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#0b79eb;margin-bottom:8px}.industry-card h3{margin:0 0 6px}.industry-card p{margin:0;color:#d7e5ef;font-size:12px;line-height:1.5}.industry-card:hover img{transform:scale(1.06);opacity:.64}
.process-section{background:#fff}.process-line{display:grid;grid-template-columns:repeat(6,1fr);position:relative;gap:12px}.process-line:before{content:"";position:absolute;left:5%;right:5%;top:28px;height:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:.32}.process-step{position:relative;background:#fff;border:1px solid #dce7f0;border-radius:13px;padding:20px 16px 16px;z-index:1}.process-step>span{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#063a66,#0c83e8);color:#fff;font-weight:900;margin:-4px 0 14px;box-shadow:0 8px 22px rgba(5,75,127,.18)}.process-step h3{font-size:15px;margin:0 0 7px}.process-step p{font-size:11.5px;color:#657b8f;line-height:1.55;margin:0}.process-line.compact{grid-template-columns:repeat(3,1fr)}.challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.challenge{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dde7ef;border-radius:10px;padding:14px}.challenge span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff2e5;color:#e36d00;font-weight:900}.challenge b{font-size:13px}
.partner-section{background:#fff}.logo-marquee{overflow:hidden;border-top:1px solid #e6edf3;border-bottom:1px solid #e6edf3;padding:18px 0}.logo-track{display:flex;gap:18px;min-width:max-content}.logo-track>a{width:170px;height:88px;border:1px solid #e1e9ef;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:9px;background:#fff}.logo-track img{max-width:120px;max-height:45px}.logo-track span{font-size:10px;color:#61778b;margin-top:5px}.faq-list{max-width:940px;display:grid;gap:10px}.faq-item{background:#fff;border:1px solid #dce7f0;border-radius:10px;padding:0 16px}.faq-item summary{list-style:none;cursor:pointer;padding:16px 0;display:flex;align-items:center;justify-content:space-between;font-weight:800;color:#173e61}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:20px;color:var(--primary);transition:.2s}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{margin:0 0 16px;color:#5a7288;line-height:1.65;font-size:13px}
.ai-widget{position:fixed;right:22px;bottom:92px;z-index:60}.ai-launch{border:0;background:linear-gradient(135deg,#063b68,#0a80eb);color:#fff;border-radius:999px;padding:12px 16px;display:flex;gap:8px;align-items:center;box-shadow:0 12px 32px rgba(4,55,96,.28);cursor:pointer}.ai-launch b{font-size:11px}.ai-pulse{width:8px;height:8px;border-radius:50%;background:#51e6ff;box-shadow:0 0 0 0 rgba(81,230,255,.6);animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(81,230,255,0)}100%{box-shadow:0 0 0 0 rgba(81,230,255,0)}}.ai-panel{position:absolute;right:0;bottom:56px;width:390px;max-height:610px;background:#fff;border:1px solid #d7e3ec;border-radius:16px;overflow:hidden;box-shadow:0 25px 70px rgba(3,32,56,.25);display:none}.ai-panel.open{display:flex;flex-direction:column}.ai-panel header{background:linear-gradient(135deg,#062848,#0b5e99);color:#fff;padding:14px;display:flex;justify-content:space-between;align-items:center}.ai-panel header>div{display:flex;gap:10px;align-items:center}.ai-panel header>div>span{width:34px;height:34px;border-radius:10px;background:#0b7ee9;display:grid;place-items:center}.ai-panel header b,.ai-panel header small{display:block}.ai-panel header small{font-size:9px;color:#b9d6e8}.ai-panel header button{border:0;background:none;color:#fff;font-size:24px;cursor:pointer}.ai-body{padding:14px;overflow:auto;min-height:240px;max-height:390px;background:#f5f9fc}.ai-msg{max-width:88%;padding:10px 12px;border-radius:12px;margin-bottom:10px;font-size:12px;line-height:1.55;white-space:pre-line}.ai-msg.bot{background:#fff;border:1px solid #dce7ef}.ai-msg.user{background:#0b74df;color:#fff;margin-left:auto}.ai-msg.loading{opacity:.65}.ai-cta{display:block;margin-top:9px;color:#0872d8;font-weight:800}.ai-chips{display:flex;flex-wrap:wrap;gap:6px;margin:5px 0 12px}.ai-chips button{border:1px solid #bcd5e7;background:#fff;color:#285a7f;border-radius:999px;padding:7px 9px;font-size:10px;cursor:pointer}.ai-panel form{padding:10px;background:#fff;border-top:1px solid #dce6ee}.ai-panel textarea{width:100%;resize:none;border:1px solid #d4e0e9;border-radius:9px;padding:9px;font:inherit;font-size:11px}.ai-panel form button{width:100%;margin-top:7px;border:0;border-radius:8px;padding:9px;background:#0b73df;color:#fff;font-weight:800;cursor:pointer}
@media(max-width:1000px){.finder-grid,.industry-grid{grid-template-columns:repeat(2,1fr)}.process-line{grid-template-columns:repeat(3,1fr)}.process-line:before{display:none}.challenge-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.finder-grid,.industry-grid,.process-line,.process-line.compact,.challenge-grid{grid-template-columns:1fr}.ai-widget{right:12px;bottom:82px}.ai-panel{position:fixed;left:10px;right:10px;bottom:78px;width:auto;max-height:70vh}.ai-launch b{display:none}}
/* =========================================================
XTORETECH V2.1 - Full-screen hero, organized solution flow,
software lifecycle, dynamic projects and technology resources
========================================================= */
.hero-v21{min-height:calc(100svh - 108px);display:flex;align-items:stretch;background:linear-gradient(110deg,#03172b 0%,#062f54 48%,#03192e 100%)}
.hero-v21 .heroart{opacity:.42;background-size:cover;background-position:center right}
.hero-v21 .network-canvas{opacity:.55}
.hero-wide{width:min(1540px,calc(100% - 72px));margin:auto;display:grid;grid-template-columns:minmax(500px,.88fr) minmax(640px,1.12fr);gap:54px;align-items:center;position:relative;z-index:3;padding:52px 0 70px}
.hero-v21 .hero-copy{padding:0;max-width:700px}
.hero-v21 .hero-copy h1{font-size:clamp(52px,4.7vw,78px);letter-spacing:-.035em;line-height:.98;margin:20px 0}
.hero-v21 .hero-copy>p{font-size:18px;max-width:690px}
.hero-v21 .hero-points{margin-top:40px;gap:18px}
.hero-v21 .hero-points div{padding:4px 0 4px 13px}
.hero-v21 .hero-points b{font-size:13px}.hero-v21 .hero-points span{font-size:10.5px}
.hero-visual{position:relative;min-height:min(690px,74svh);border:1px solid rgba(89,207,255,.28);border-radius:28px;overflow:hidden;background:linear-gradient(145deg,rgba(4,27,49,.84),rgba(8,71,113,.56));box-shadow:0 30px 80px rgba(0,0,0,.3),inset 0 0 80px rgba(22,179,238,.06)}
.hero-visual:before{content:"";position:absolute;inset:0;background:url('../img/hero-tech.svg') center/cover no-repeat;opacity:.78;transform:scale(1.08)}
.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,18,34,.2),rgba(1,17,31,.02) 55%,rgba(4,25,44,.7));pointer-events:none}
.hero-visual-scene{position:absolute;inset:0;z-index:1}.orbit{position:absolute;border:1px solid rgba(52,204,255,.3);border-radius:50%;animation:orbitFloat 9s ease-in-out infinite}.orbit-a{width:410px;height:410px;right:-65px;top:30px}.orbit-b{width:290px;height:290px;right:12px;top:95px;animation-delay:-2s}.orbit-c{width:170px;height:170px;right:72px;top:155px;animation-delay:-4s}.orbit:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#3ed5ff;box-shadow:0 0 20px #3ed5ff;top:20%;left:7%}@keyframes orbitFloat{0%,100%{transform:rotate(0deg) scale(1)}50%{transform:rotate(7deg) scale(1.025)}}
.visual-tags{position:absolute;right:38px;bottom:44px;display:grid;text-align:right;color:#fff;z-index:2}.visual-tags b{font-size:18px;line-height:1.28;text-shadow:0 2px 12px #00111f}.visual-tags b:nth-child(2){color:#47d7ff}
.code-terminal{position:absolute;z-index:4;left:32px;top:32px;width:min(520px,68%);border:1px solid rgba(109,215,255,.38);background:rgba(1,15,29,.9);border-radius:14px;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.4);backdrop-filter:blur(12px)}
.code-terminal header{height:43px;padding:0 13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:rgba(12,58,91,.92);border-bottom:1px solid rgba(82,185,230,.2)}
.code-terminal header>div{display:flex;gap:5px}.code-terminal header i{display:block;width:8px;height:8px;border-radius:50%;background:#ff6464}.code-terminal header i:nth-child(2){background:#ffc54b}.code-terminal header i:nth-child(3){background:#45d888}.code-terminal header b{font:700 10px/1.2 Consolas,monospace;color:#d9effb;letter-spacing:.08em}.code-terminal header>span{font:700 9px/1 Consolas,monospace;color:#72f1ab}
.terminal-screen{height:270px;padding:18px 20px;font:500 12px/1.72 Consolas,'Courier New',monospace;color:#8adfff;overflow:hidden}.terminal-line{display:block;animation:terminalIn .32s ease both}.terminal-line.ok{color:#70e7a3}.terminal-line.warn{color:#ffd36a}.terminal-line:last-child:after{content:"_";animation:cursorBlink .85s step-end infinite;color:#fff}@keyframes terminalIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes cursorBlink{50%{opacity:0}}
.hero-tech-label{position:absolute;z-index:4;left:32px;bottom:32px;display:grid;gap:5px;color:#fff}.hero-tech-label span{font-size:10px;color:#76daf7;letter-spacing:.15em}.hero-tech-label b{font-size:12px;letter-spacing:.08em}
.hero-scroll{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:8px;align-items:center;color:#b7d7e8;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.hero-scroll span{width:20px;height:30px;border:1px solid rgba(255,255,255,.35);border-radius:12px;position:relative}.hero-scroll span:after{content:"";position:absolute;width:3px;height:6px;border-radius:2px;background:#54d7ff;left:8px;top:6px;animation:scrollDot 1.6s infinite}@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(10px)}}
.finder-v21{min-height:78svh;display:flex;align-items:center;background:linear-gradient(180deg,#fff,#f4f9fd);padding:88px 0}.finder-wrap{display:grid;grid-template-columns:.72fr 1.45fr;gap:56px;align-items:center}.finder-intro h2{font-size:44px;line-height:1.05;margin:12px 0 16px;max-width:470px}.finder-intro>p{font-size:16px;line-height:1.7;color:#627b91;max-width:440px}.finder-helper{margin-top:30px;padding:16px;border:1px solid #d5e7f2;border-radius:14px;background:#fff;display:grid;grid-template-columns:42px 1fr;gap:10px;box-shadow:0 12px 32px rgba(11,61,96,.06)}.finder-helper>span{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#0b72e8,#19cae7);color:#fff;display:grid;place-items:center;font-size:20px}.finder-helper b,.finder-helper small{display:block}.finder-helper small{color:#6d8193;font-size:10px;margin-top:3px}.finder-helper button{grid-column:1/-1;border:0;border-radius:8px;padding:9px;background:#eef7ff;color:#0873de;font-weight:800;cursor:pointer}
.finder-grid-v21{display:grid;grid-template-columns:1fr 1fr;gap:14px}.finder-grid-v21 .finder-card{position:relative;min-height:185px;display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto 1fr;gap:10px 14px;padding:22px;border-radius:16px;background:#fff;border:1px solid #d8e5ef;box-shadow:0 10px 26px rgba(9,48,77,.045);overflow:hidden}.finder-grid-v21 .finder-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:linear-gradient(var(--primary),var(--secondary));transition:.3s}.finder-grid-v21 .finder-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(8,61,102,.1);border-color:#b8d9ed}.finder-grid-v21 .finder-card:hover:before{height:100%}.finder-number{position:absolute;right:16px;top:13px;color:#e5eef5;font-size:31px;font-weight:900}.finder-grid-v21 .finder-icon{grid-row:1/3;width:54px;height:54px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#157bef,#29c9df);color:#fff;font-size:22px}.finder-grid-v21 h3{font-size:16px;margin:0 35px 7px 0}.finder-grid-v21 p{font-size:12px;line-height:1.6;color:#637b91;margin:0}.finder-grid-v21 small{display:block;color:#0876df;font-weight:800;margin-top:12px}
.software-mini-meta{display:flex;gap:6px;margin:7px 0}.software-mini-meta span{font-size:9px;border-radius:999px;padding:4px 7px;background:#edf7ff;color:#1767b2;font-weight:800}
.project-live-count{display:grid;grid-template-columns:auto 1fr;gap:0 12px;align-items:center;margin-top:18px;padding:12px 15px;background:#fff;border:1px solid #d7e6ef;border-radius:12px;max-width:510px}.project-live-count>b{font-size:31px;color:var(--primary);grid-row:1/3}.project-live-count>span{font-weight:900;font-size:12px}.project-live-count>small{color:#708498;font-size:10px}.project-card-top{display:flex;align-items:center;justify-content:space-between;padding:0 16px;margin-top:13px}.project-card-top>span{margin:0}.project-status{font-style:normal;font-size:9px;font-weight:900;text-transform:uppercase;border-radius:999px;padding:5px 8px;background:#eef4f8;color:#536f85}.project-status.completed{background:#e9f9ef;color:#16844b}.project-status.ongoing{background:#e8f4ff;color:#0a72cf}.project-status.planned{background:#fff5df;color:#a86a00}.project-status.on.hold{background:#f4eefb;color:#7846a8}
.resource-hero .pagehero-inner{grid-template-columns:1fr 1.15fr;min-height:390px}.resource-code-visual{height:310px;border:1px solid rgba(82,201,245,.25);border-radius:22px;background:linear-gradient(145deg,rgba(0,20,38,.8),rgba(9,79,121,.55));display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:36px;align-content:center;position:relative;overflow:hidden}.resource-code-visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 28px,rgba(81,191,233,.08) 29px 30px),repeating-linear-gradient(90deg,transparent 0 60px,rgba(81,191,233,.06) 61px 62px)}.resource-code-visual>b{grid-column:1/-1;font:900 74px/1 Consolas;color:#4bd4ff;z-index:1}.resource-code-visual>span{z-index:1;border:1px solid rgba(115,220,255,.25);background:rgba(4,35,58,.75);padding:12px;border-radius:9px;font:700 12px Consolas;color:#d9f4ff}.stack-section{background:#fff}.resource-category{display:grid;grid-template-columns:250px 1fr;gap:24px;padding:28px 0;border-top:1px solid #e3ebf1}.resource-category-title{display:flex;gap:12px;align-items:flex-start}.resource-category-title>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#eaf5ff;color:#0874df;font-weight:900;font-size:11px}.resource-category-title h3{margin:7px 0;font-size:18px}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.resource-card{display:grid;grid-template-columns:52px 1fr;gap:13px;padding:16px;border:1px solid #dce7ef;border-radius:12px;background:#fff;box-shadow:0 7px 22px rgba(10,51,81,.035)}.resource-icon{width:52px;height:52px;border-radius:13px;background:linear-gradient(135deg,#096dde,#26cbe5);color:#fff;display:grid;place-items:center;font:900 11px Consolas}.resource-card h4{margin:0 0 5px;font-size:15px}.resource-card p{margin:0;color:#657c90;font-size:11.5px;line-height:1.55}.resource-card a{display:inline-block;margin-top:8px;font-size:10px;color:#0874dc;font-weight:800}
.software-hero .pagehero-inner,.software-detail-hero .pagehero-inner{grid-template-columns:1fr 1.05fr;min-height:410px}.software-hero .pagehero-inner>img,.software-detail-hero .pagehero-inner>img{height:360px;width:100%;object-fit:contain}.software-grid{display:grid;gap:24px}.software-card{display:grid;grid-template-columns:380px 1fr;gap:30px;padding:20px;border:1px solid #d9e5ee;border-radius:18px;background:#fff;box-shadow:0 14px 40px rgba(9,49,80,.065)}.software-image{position:relative;background:linear-gradient(145deg,#eef8ff,#dff1fb);border-radius:14px;min-height:285px;display:grid;place-items:center;overflow:hidden}.software-image img{width:90%;height:265px;object-fit:contain}.software-status{position:absolute;left:14px;top:14px;background:#062d51;color:#78ddff;border:1px solid rgba(74,207,247,.35);padding:7px 10px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase}.software-content{display:flex;flex-direction:column;justify-content:center}.software-content h2{font-size:30px;margin:7px 0 2px}.software-content h4{margin:0;color:#42637e}.software-content>p{color:#62798e;line-height:1.65}.software-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0 20px}.software-meta>div{padding:11px;border-radius:10px;background:#f4f8fb}.software-meta small,.software-meta b{display:block}.software-meta small{font-size:9px;color:#708397;text-transform:uppercase}.software-meta b{margin-top:4px;color:#0b4979}.release-feed{display:grid;gap:10px}.release-item{display:grid;grid-template-columns:90px 1fr 100px;gap:18px;align-items:start;background:#fff;border:1px solid #dae6ef;border-radius:12px;padding:16px}.release-item>span{font-size:9px;font-weight:900;color:#086fd5;background:#eaf5ff;padding:6px 8px;border-radius:999px;text-align:center}.release-item b,.release-item h4{display:block;margin:0 0 4px}.release-item p{font-size:11px;color:#61788d;margin:0}.release-item time{text-align:right;font-size:10px;color:#708296}.software-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.software-hero-meta>span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);padding:8px 10px;border-radius:8px;font-size:10px}.software-hero-meta b{color:#67dbff}.release-timeline{display:grid;gap:12px}.release-timeline article{display:grid;grid-template-columns:95px 1fr 100px;gap:18px;background:#fff;border:1px solid #dce7ef;border-radius:13px;padding:18px}.release-version{font-size:18px;font-weight:900;color:#0874df}.release-timeline article>div:nth-child(2)>span{font-size:9px;color:#0a72d4;font-weight:900;text-transform:uppercase}.release-timeline h3{margin:4px 0}.release-timeline p{color:#62798e;font-size:12px;line-height:1.6}.release-timeline time{text-align:right;color:#718497;font-size:10px}.empty-state{padding:28px;border:1px dashed #bfd0dc;border-radius:12px;text-align:center;color:#718598}
.project-hero .pagehero-inner{min-height:410px}.project-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px;max-width:620px}.project-counts>div{border:1px solid rgba(135,216,247,.22);background:rgba(4,51,83,.6);padding:13px;border-radius:10px}.project-counts b,.project-counts span{display:block}.project-counts b{font-size:27px;color:#55d8ff}.project-counts span{font-size:9px;text-transform:uppercase;color:#c9deea}.dynamic-note{display:block;margin-top:12px;color:#86e3b0}
@media(max-width:1280px){.hero-wide{grid-template-columns:1fr 1fr;gap:28px;width:min(100% - 40px,1400px)}.hero-v21 .hero-copy h1{font-size:58px}.code-terminal{width:72%}.finder-wrap{grid-template-columns:.75fr 1.35fr;gap:30px}}
@media(max-width:1000px){.hero-v21{min-height:auto}.hero-wide{grid-template-columns:1fr;padding:60px 0}.hero-visual{min-height:560px}.finder-v21{min-height:auto}.finder-wrap{grid-template-columns:1fr}.finder-intro h2{max-width:none}.finder-intro>p{max-width:700px}.resource-category{grid-template-columns:1fr}.software-card{grid-template-columns:1fr}.software-image{min-height:250px}.resource-hero .pagehero-inner,.software-hero .pagehero-inner,.software-detail-hero .pagehero-inner{grid-template-columns:1fr}.resource-code-visual{margin-bottom:35px}.project-counts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.hero-wide{width:calc(100% - 24px);padding:42px 0 62px}.hero-v21 .hero-copy h1{font-size:42px}.hero-visual{min-height:470px;border-radius:18px}.code-terminal{left:15px;top:15px;width:calc(100% - 30px)}.terminal-screen{height:230px;font-size:10px}.hero-tech-label{left:16px;bottom:18px}.visual-tags{display:none}.finder-v21{padding:64px 0}.finder-grid-v21{grid-template-columns:1fr}.finder-grid-v21 .finder-card{min-height:150px}.resource-grid{grid-template-columns:1fr}.software-meta{grid-template-columns:1fr}.release-item,.release-timeline article{grid-template-columns:1fr}.release-item time,.release-timeline time{text-align:left}.project-counts{grid-template-columns:1fr}.resource-code-visual{height:250px;padding:22px}.resource-code-visual>b{font-size:52px}.software-card{padding:12px}.software-image img{height:220px}}
/* =========================================================
XTORETECH V2.2 — Clean full hero + large live build screen
========================================================= */
.hero-v21{background:linear-gradient(112deg,#03172b 0%,#062d50 52%,#031a30 100%);min-height:calc(100svh - 108px)}
.hero-v21 .heroart{display:none}
.hero-v21 .network-canvas{opacity:.13}
.hero-wide{width:100%;max-width:none;margin:0;display:grid;grid-template-columns:minmax(510px,.78fr) minmax(780px,1.22fr);gap:42px;align-items:center;position:relative;z-index:3;padding:46px 18px 64px max(56px,calc((100vw - 1540px)/2))}
.hero-v21 .hero-copy{max-width:720px}
.hero-v21 .hero-copy h1{font-size:clamp(54px,4.65vw,80px);max-width:720px}
.hero-live-stage{position:relative;min-height:min(710px,77svh);border:0;border-radius:0;overflow:visible;background:none;box-shadow:none;display:flex;align-items:stretch}
.hero-live-stage:before,.hero-live-stage:after{display:none!important}
.live-build-monitor{width:100%;min-width:0;align-self:stretch;border:1px solid rgba(87,207,255,.34);border-radius:22px 0 0 22px;overflow:hidden;background:#031526;box-shadow:0 28px 80px rgba(0,0,0,.34),0 0 55px rgba(0,142,225,.08);position:relative}
.live-build-monitor:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(52,199,255,.035),transparent 38%);mix-blend-mode:screen}
.live-build-topbar{height:58px;display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:15px;padding:0 20px;background:linear-gradient(90deg,#103e64,#0b3151);border-bottom:1px solid rgba(89,206,255,.2);position:relative;z-index:2}
.live-window-controls{display:flex;gap:7px}.live-window-controls i{width:10px;height:10px;border-radius:50%;background:#ff6c6c}.live-window-controls i:nth-child(2){background:#ffc65c}.live-window-controls i:nth-child(3){background:#52db8b}
.live-build-title{display:flex;align-items:center;gap:9px;color:#dff6ff;font:800 12px/1.2 Consolas,'Courier New',monospace;letter-spacing:.08em}.live-x{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(135deg,#0877f9,#18d1e7);font:900 15px Arial;color:#fff}
.live-indicator{display:flex;align-items:center;gap:7px;color:#6cf3a8;font:900 10px Consolas,monospace}.live-indicator span,.live-mini i{width:8px;height:8px;border-radius:50%;background:#39e77f;box-shadow:0 0 0 0 rgba(57,231,127,.5);animation:livePulse 1.45s infinite}@keyframes livePulse{70%{box-shadow:0 0 0 8px rgba(57,231,127,0)}100%{box-shadow:0 0 0 0 rgba(57,231,127,0)}}
.live-build-body{height:calc(100% - 58px);min-height:610px;display:grid;grid-template-columns:142px minmax(390px,1fr) 270px;background:#021221;position:relative;z-index:1}
.live-files{padding:20px 13px;background:#061b2e;border-right:1px solid rgba(90,186,229,.16);display:flex;flex-direction:column;gap:10px;font:600 10px/1.25 Consolas,monospace;color:#8fb9d2;overflow:hidden}.live-files small{color:#d7f2ff;font-size:9px;letter-spacing:.08em;margin-bottom:4px}.live-files b{color:#45cbff}.live-files span{white-space:nowrap}.live-files span:nth-of-type(-n+7){padding-left:10px;color:#91c4df}
.live-editor{min-width:0;display:grid;grid-template-rows:43px 1fr 82px;background:#03172a}.editor-tabs{display:flex;align-items:end;gap:0;background:#061b2e;border-bottom:1px solid rgba(84,184,224,.15);overflow:hidden}.editor-tabs>*{height:43px;display:flex;align-items:center;padding:0 15px;border-right:1px solid rgba(95,182,219,.12);font:600 9px Consolas,monospace;color:#8db6ce;white-space:nowrap}.editor-tabs b{color:#58d5ff;border-top:2px solid #26bdf2;background:#082139}
.editor-code{padding:16px 17px;overflow:hidden;font:500 10.5px/1.7 Consolas,'Courier New',monospace;color:#9bdbff;position:relative}.editor-code>div{display:grid;grid-template-columns:26px 1fr;min-height:18px;border-left:2px solid transparent;transition:background .25s,border-color .25s,transform .25s}.editor-code>div.active{background:linear-gradient(90deg,rgba(26,173,235,.09),transparent);border-left-color:#23c8f3;transform:translateX(2px)}.editor-code i{font-style:normal;color:#406c88;text-align:right;padding-right:8px;user-select:none}.editor-code code{white-space:nowrap}.editor-code em{color:#d981ff;font-style:normal}.editor-code strong{color:#4fdf8f;font-weight:600}.editor-code mark{background:none;color:#ffd06b}.editor-code:after{content:"";position:absolute;width:7px;height:17px;background:#6edfff;opacity:.85;left:48%;top:50%;animation:cursorBlink .8s steps(1) infinite}
.editor-console{position:relative;border-top:1px solid rgba(82,184,226,.17);background:#020d18;padding:13px 17px;font:600 10px/1.5 Consolas,monospace;color:#85dcff;display:flex;align-items:flex-start;gap:8px;overflow:hidden}.editor-console>span{color:#4ee7a1}.editor-console>b{font-weight:600;color:#99ddff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.console-cursor{display:inline-block;width:7px;height:14px;background:#e9fbff;animation:cursorBlink .8s steps(1) infinite}
.live-status{min-width:0;background:#061a2c;border-left:1px solid rgba(91,192,232,.18);padding:12px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.live-status>section{border:1px solid rgba(83,183,224,.15);border-radius:9px;background:linear-gradient(145deg,rgba(7,36,60,.82),rgba(3,23,40,.9));padding:12px}.live-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;color:#e4f6ff;font:800 9px/1.2 Consolas,monospace;letter-spacing:.04em}.live-panel-head>span{font-size:8px;color:#6ecff1}.live-mini{display:flex;align-items:center;gap:5px;color:#68efa1!important}.live-mini i{width:6px;height:6px}
.deploy-list{list-style:none;margin:0;padding:0;display:grid;gap:7px;font:600 9px/1.25 Consolas,monospace;color:#68eaa0}.deploy-list li{opacity:.88}.deploy-list li:nth-child(odd){animation:statusGlow 2.8s ease-in-out infinite}.deploy-list li:nth-child(even){animation:statusGlow 2.8s ease-in-out 1.1s infinite}@keyframes statusGlow{50%{text-shadow:0 0 12px rgba(72,239,151,.6);opacity:1}}
.live-meter{display:grid;grid-template-columns:54px 1fr 32px;align-items:center;gap:7px;margin:8px 0;font:600 8.5px Consolas,monospace;color:#b7d7e7}.live-meter>div{height:7px;background:#0b3454;border-radius:999px;overflow:hidden}.live-meter>div>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#13aef1,#3ad8f4);box-shadow:0 0 12px rgba(37,194,239,.35);transition:width .75s cubic-bezier(.22,.8,.28,1)}.live-meter>b{font-size:9px;color:#59d8ff;text-align:right;transition:transform .2s,color .2s}.live-meter.changed>b{transform:scale(1.12);color:#a5eeff}
.activity-feed{display:grid;gap:6px;font:600 8.5px/1.25 Consolas,monospace;color:#76cbf2}.activity-row{display:grid;grid-template-columns:38px 1fr;gap:6px;animation:activityIn .32s ease}.activity-row time{color:#35d8ff}.activity-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes activityIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.live-ready{margin-top:auto!important;display:grid!important;grid-template-columns:34px 1fr;align-items:center;gap:10px;background:linear-gradient(135deg,rgba(9,103,82,.65),rgba(5,68,64,.52))!important;border-color:rgba(61,231,147,.22)!important}.live-ready>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#40e48a;color:#052a28;font-weight:900;box-shadow:0 0 22px rgba(64,228,138,.2)}.live-ready b,.live-ready small{display:block}.live-ready b{color:#52ee99;font:900 10px Consolas,monospace}.live-ready small{margin-top:3px;color:#94c9bd;font-size:7.5px}.hero-tech-label.clean{position:absolute;left:20px;bottom:-27px;z-index:8}.hero-tech-label.clean span,.hero-tech-label.clean b{display:block}.hero-tech-label.clean span{font-size:8px;letter-spacing:.18em;color:#65d9ff}.hero-tech-label.clean b{margin-top:5px;font:800 10px Consolas,monospace;color:#d9f4ff;letter-spacing:.05em}
/* Ordered lower-right actions: AI above WhatsApp/chat. */
.corner-actions{position:fixed;right:22px;bottom:22px;z-index:70;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.corner-actions .ai-widget{position:relative;right:auto;bottom:auto;z-index:auto}.corner-actions .ai-panel{right:0;bottom:58px}.corner-actions .whatsapp{position:relative;right:auto;bottom:auto;z-index:auto}.corner-actions .whatsapp span{right:48px;bottom:0}
@media(max-width:1380px){.hero-wide{grid-template-columns:minmax(465px,.8fr) minmax(700px,1.2fr);padding-left:36px;gap:26px}.live-build-body{grid-template-columns:118px minmax(340px,1fr) 235px}.live-files{padding-left:10px;padding-right:8px}.live-status{padding:9px}.editor-code{font-size:9.5px}}
@media(max-width:1120px){.hero-wide{grid-template-columns:1fr;padding:54px 28px 72px}.hero-v21 .hero-copy{max-width:760px}.hero-live-stage{min-height:640px}.live-build-body{grid-template-columns:120px minmax(390px,1fr) 250px}.hero-tech-label.clean{bottom:-26px}.hero-v21 .network-canvas{opacity:.08}}
@media(max-width:780px){.hero-wide{padding:42px 13px 68px}.hero-live-stage{min-height:520px}.live-build-monitor{border-radius:16px}.live-build-topbar{grid-template-columns:65px 1fr auto;padding:0 12px}.live-build-title b{font-size:9px}.live-build-body{min-height:460px;grid-template-columns:1fr}.live-files,.live-status{display:none}.editor-code{font-size:9px;padding:12px}.editor-tabs>*{padding:0 9px;font-size:8px}.hero-tech-label.clean{left:9px}.corner-actions{right:12px;bottom:12px;gap:8px}.corner-actions .ai-panel{position:fixed;left:10px;right:10px;bottom:135px;width:auto;max-height:70vh}.corner-actions .ai-launch b{display:inline}.corner-actions .whatsapp span{display:none}}
/* =========================================================
XTORETECH V2.3 — hero cleanup, page loader, compact actions,
dynamic technology ecosystem page
========================================================= */
.hero-v21 .hero-points{grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin-top:34px}
.hero-v21 .hero-points .hero-point-card{border:0!important;padding:0!important;display:flex!important;align-items:center;gap:10px;min-width:0}
.hero-point-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:12px;background:rgba(6,47,80,.86);box-shadow:inset 0 0 0 1px rgba(68,210,255,.14),0 10px 24px rgba(0,0,0,.08)}
.hero-point-icon img{width:42px;height:42px;border-radius:12px}
.hero-point-copy{min-width:0;display:grid;gap:2px}.hero-point-copy b{font-size:12px!important;color:#fff}.hero-point-copy small{font-size:9.5px;line-height:1.25;color:#bcd2e2}
.hero-tagline-left{margin-top:24px;padding:12px 0 0 52px;display:grid;gap:5px;position:relative}
.hero-tagline-left:before{content:"";position:absolute;left:15px;top:14px;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,#37d7f3 0 18%,transparent 20%),conic-gradient(from 45deg,#0877f9,#20d0e9,#0877f9);box-shadow:0 0 22px rgba(31,198,238,.18)}
.hero-tagline-left span{font-size:9px;letter-spacing:.17em;color:#64d9f7}.hero-tagline-left b{font:800 10px/1.3 Consolas,monospace;letter-spacing:.06em;color:#d8f5ff}
.hero-tech-label.clean{display:none!important}
/* compact ordered corner controls — AI above WhatsApp, no text bubbles */
.corner-actions{right:22px;bottom:22px;gap:9px;align-items:center}
.corner-actions .ai-launch,.corner-actions .whatsapp{width:56px;height:56px;min-width:56px;padding:0;border-radius:50%;display:grid;place-items:center;position:relative;overflow:visible}
.corner-actions .ai-launch{background:linear-gradient(145deg,#086be0,#14bde4);box-shadow:0 12px 30px rgba(4,91,171,.34);font-size:22px}
.corner-actions .ai-launch b{display:none!important}.corner-actions .ai-pulse{position:absolute;right:6px;top:6px;width:7px;height:7px}.ai-symbol{line-height:1;color:#fff;font-size:22px}
.corner-actions .whatsapp{background:#1fc968;color:#fff;font-size:24px;box-shadow:0 12px 30px rgba(17,151,78,.3)}
.corner-actions .whatsapp span{display:none!important}.corner-actions .ai-panel{right:0;bottom:66px}
/* friendly navigation buffering screen */
.page-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(19,130,211,.20),transparent 30%),linear-gradient(135deg,#03172c,#083a61);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;color:#fff}
.page-loader.show{opacity:1;visibility:visible}.page-loader-card{width:min(430px,calc(100% - 40px));text-align:center;padding:34px 30px;border:1px solid rgba(93,211,255,.22);border-radius:22px;background:rgba(4,28,50,.88);box-shadow:0 30px 90px rgba(0,0,0,.32);backdrop-filter:blur(14px)}
.page-loader-card>img{width:190px;height:74px;object-fit:contain;margin:0 auto 8px}.page-loader-card h2{font-size:24px;margin:12px 0 7px}.page-loader-card p{margin:0;color:#bcd5e6;font-size:13px}.loader-orbit{height:52px;display:flex;justify-content:center;align-items:center;gap:8px}.loader-orbit i{width:9px;height:9px;border-radius:50%;background:#29c9ee;animation:loaderBounce 1s infinite ease-in-out}.loader-orbit i:nth-child(2){animation-delay:.14s}.loader-orbit i:nth-child(3){animation-delay:.28s}@keyframes loaderBounce{0%,80%,100%{transform:translateY(0);opacity:.38}40%{transform:translateY(-9px);opacity:1}}
.loader-progress{height:3px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-top:20px}.loader-progress span{display:block;width:35%;height:100%;background:linear-gradient(90deg,#0877f9,#22d3e9);border-radius:inherit;animation:loaderSweep 1.15s infinite ease-in-out}@keyframes loaderSweep{0%{transform:translateX(-110%)}100%{transform:translateX(310%)}}
/* partnerships / technology ecosystem */
.partnership-hero{background:radial-gradient(circle at 80% 35%,rgba(25,191,229,.22),transparent 28%),linear-gradient(120deg,#03182d,#0a426d)}.partner-hero-art{height:230px;position:relative;display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;padding:28px}.partner-hero-art span{padding:12px 16px;border:1px solid rgba(101,216,255,.25);border-radius:10px;background:rgba(3,30,52,.68);color:#ccefff;font:800 13px/1 Consolas,monospace;box-shadow:0 10px 28px rgba(0,0,0,.12)}
.partner-notice{margin-bottom:24px;padding:14px 16px;border-radius:10px;background:#eef7ff;border:1px solid #cfe4f4;color:#46677f;font-size:12px;line-height:1.55}.partner-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.partner-page-card{border:1px solid #dce7f0;border-radius:14px;background:#fff;padding:16px;box-shadow:0 10px 30px rgba(9,50,79,.05);transition:.22s}.partner-page-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(9,50,79,.1)}.partner-logo-box{height:140px;border-radius:10px;background:#f6fbff;display:grid;place-items:center;overflow:hidden}.partner-logo-box img{width:100%;height:100%;object-fit:contain}.partner-type{display:inline-block;margin-top:14px;color:#0877df;background:#eef6ff;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900}.partner-page-card h2{margin:10px 0 6px;font-size:20px}.partner-page-card p{font-size:12.5px;line-height:1.6;color:#60778c;min-height:62px}
@media(max-width:1180px){.hero-v21 .hero-points{grid-template-columns:repeat(2,1fr)}.partner-page-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.hero-v21 .hero-points{grid-template-columns:1fr}.hero-tagline-left{padding-left:48px}.corner-actions{right:12px;bottom:12px}.corner-actions .ai-launch,.corner-actions .whatsapp{width:50px;height:50px;min-width:50px}.corner-actions .ai-panel{bottom:118px}.partner-page-grid{grid-template-columns:1fr}.page-loader-card>img{width:150px}}
/* =========================================================
V2.4 PRODUCTION REFINEMENTS
========================================================= */
.brand.brand-stack{min-width:205px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:4px 0}.brand.brand-stack img{width:176px;height:48px;object-fit:contain;object-position:left center}.brand.brand-stack>span{font-size:8px;letter-spacing:.025em;color:#52718d;white-space:nowrap}.footerbrand.brand-stack img{width:210px;height:82px}.footerbrand.brand-stack>span{font-size:9px}.page-loader-card>img{width:270px;height:110px;background:rgba(255,255,255,.96);border-radius:14px;padding:10px 18px;object-fit:contain}.page-loader-card{width:min(520px,calc(100% - 40px));padding:38px 34px}.page-loader-card h2{font-size:27px}.contact-logo{width:230px;height:100px;object-fit:contain;object-position:left center;background:#fff;border-radius:12px;padding:10px}
.finder-v21 .finder-wrap{grid-template-columns:.72fr 1.55fr;align-items:start}.finder-v21 .finder-intro{position:sticky;top:130px}.finder-grid-v21{grid-template-columns:repeat(2,1fr);gap:16px}.finder-card-image{display:block!important;padding:0!important;overflow:hidden;background:#fff}.finder-media{position:relative;height:145px;overflow:hidden;background:#eaf6ff}.finder-media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.finder-card-image:hover .finder-media img{transform:scale(1.045)}.finder-media .finder-number{position:absolute;right:12px;top:8px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35);font-size:34px}.finder-card-body{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px}.finder-card-body .finder-icon{position:static;width:48px;height:48px;margin:0}.finder-card-body h3{margin:0 0 6px}.finder-card-body p{min-height:46px}.solution-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}.recommended-box{margin-top:25px;padding:18px 20px;border-radius:12px;background:#eef7ff;border-left:4px solid var(--primary)}.recommended-box span,.recommended-box b{display:block}.recommended-box span{font-size:11px;text-transform:uppercase;color:#6d8295;margin-bottom:5px}.related-service{display:flex;justify-content:space-between;gap:30px;align-items:center}.solution-detail-hero img{max-height:360px;object-fit:contain}
.project-card{color:inherit}.project-card .case-link{display:inline-block;margin:6px 16px 18px;color:var(--primary);font-size:12px}.project-detail-head{min-height:370px;display:grid;grid-template-columns:1fr .95fr;gap:50px;align-items:center}.project-detail-head h1{font-size:46px;margin:8px 0 12px}.project-detail-head p{font-size:17px;color:#d4e5f2;line-height:1.6}.project-detail-head img{width:100%;height:315px;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.14)}.project-case-grid{display:grid;grid-template-columns:320px 1fr;gap:42px}.project-facts{align-self:start;position:sticky;top:110px;border:1px solid #dbe7f0;border-radius:14px;background:#f6faff;padding:10px 20px}.project-facts div{padding:15px 0;border-bottom:1px solid #dce8f1}.project-facts div:last-child{border:0}.project-facts span,.project-facts b{display:block}.project-facts span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#71869a}.project-facts b{margin-top:5px;color:#153b5c}.case-body section{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid #e1eaf1}.case-body h2{font-size:25px}.case-body p{font-size:16px;line-height:1.75;color:#4f697f}.case-body .outcome{padding:24px;background:#eff9f5;border:1px solid #cbe9dc;border-radius:14px}
.company-brand-lockup{display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.97);border-radius:18px;padding:24px 30px;max-width:510px;margin-left:auto}.company-brand-lockup img{width:390px;height:180px;object-fit:contain}.company-brand-lockup span{margin-top:-12px;color:#355d7c;font-size:14px;font-weight:700}.team-section{overflow:hidden}.team-tree{display:flex;flex-direction:column;align-items:center;gap:34px}.team-node{position:relative;display:flex;flex-direction:column;align-items:center}.team-card{width:330px;background:#fff;border:1px solid #dce7ef;border-radius:16px;padding:18px;display:grid;grid-template-columns:82px 1fr;gap:16px;box-shadow:0 12px 30px rgba(10,50,80,.07)}.team-photo{width:82px;height:82px;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#0877f9,#0ecbea);display:grid;place-items:center;color:#fff;font-size:32px;font-weight:900}.team-photo img{width:100%;height:100%;object-fit:cover}.team-card small{font-size:10px;color:var(--primary);font-weight:900;text-transform:uppercase}.team-card h3{margin:4px 0}.team-card b{font-size:12px;color:#587087}.team-card p{font-size:12px;color:#6b7f91;line-height:1.5}.team-links{display:flex;gap:10px}.team-links a{font-size:11px;color:var(--primary);font-weight:800}.team-children{position:relative;display:flex;gap:28px;justify-content:center;flex-wrap:wrap;margin-top:38px;padding-top:28px}.team-children:before{content:"";position:absolute;top:0;left:50%;height:28px;border-left:2px solid #bcd8e8}.team-node>.team-children>.team-node:before{content:"";position:absolute;top:-28px;left:50%;height:28px;border-left:2px solid #bcd8e8}.team-node>.team-children:after{content:"";position:absolute;top:0;left:10%;right:10%;border-top:2px solid #bcd8e8}
.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.video-card{background:#fff;border:1px solid #dce7ef;border-radius:14px;overflow:hidden;box-shadow:0 12px 28px rgba(9,47,77,.07)}.video-frame{position:relative;padding-top:56.25%;background:#061a2e}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-card>div:last-child{padding:18px}.video-card h3{margin:0 0 7px}.video-card p{color:#63788b;font-size:13px}
.partner-notice,.dynamic-note{display:none!important}.client-placeholder{display:none!important}
@media(max-width:1000px){.finder-v21 .finder-wrap,.solution-detail-grid,.project-detail-head,.project-case-grid{grid-template-columns:1fr}.finder-v21 .finder-intro,.project-facts{position:static}.company-brand-lockup{margin:0}.video-grid{grid-template-columns:1fr}.team-children{flex-direction:column}.team-children:after{display:none}}
@media(max-width:650px){.brand.brand-stack img{width:142px;height:42px}.brand.brand-stack>span{font-size:6.8px}.finder-grid-v21{grid-template-columns:1fr}.project-detail-head h1{font-size:34px}.company-brand-lockup img{width:260px;height:125px}.team-card{width:min(330px,calc(100vw - 40px))}}
/* =========================================================
V2.5 FINAL VISUAL EXPANSION & PRODUCTION POLISH
========================================================= */
.wrap{width:min(1380px,calc(100% - 64px))}
.section{padding:88px 0}
.section-head{margin-bottom:34px}
.section-head h2,.section-intro h2,.about-section h2{font-size:42px;line-height:1.12;margin:8px 0 12px}
.section-head p,.section-intro p,.lead{font-size:17px;line-height:1.75;max-width:900px}
.eyebrow{font-size:12px;letter-spacing:.12em}
.outline-btn,.btn{min-height:48px;padding:13px 22px;border-radius:12px}
.pagehero,.pagehero.resource-hero,.pagehero.software-hero,.pagehero.project-hero,.pagehero.company-hero,.pagehero.partnership-hero{padding:30px 0}
.pagehero-inner{width:min(1380px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;min-height:440px}
.pagehero-inner h1{font-size:54px;line-height:1.06;margin:10px 0 12px}
.pagehero-inner p{font-size:18px;line-height:1.7;max-width:760px}
.hero-v21{min-height:100svh}
.hero-wide{width:min(1440px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:38px;align-items:center;padding:92px 0 84px;position:relative;z-index:2}
.hero-v21 .hero-copy h1{font-size:78px;line-height:.96;max-width:900px}
.hero-v21 .hero-copy>p{font-size:22px;max-width:860px}
.hero-points{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:38px}
.hero-point-card{padding:16px 0}
.hero-tagline-left{margin-top:24px}
.live-build-monitor{border-radius:24px;box-shadow:0 32px 90px rgba(3,13,24,.45)}
.hero-scroll{bottom:24px}
.finder-v21{padding:96px 0;background:linear-gradient(180deg,#ffffff 0%,#f4f9ff 100%)}
.finder-v21 .finder-wrap{display:block}
.finder-v21 .finder-intro{position:static;max-width:820px;margin-bottom:34px}
.finder-v21 .finder-intro h2{font-size:58px;max-width:760px}
.finder-v21 .finder-intro p{font-size:18px;max-width:760px}
.finder-grid-v21{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.finder-card-image{border-radius:22px;border:1px solid #d7e5f0;box-shadow:0 18px 45px rgba(8,52,85,.06)}
.finder-media{height:210px}
.finder-card-body{padding:22px}
.finder-card-body h3{font-size:24px}
.finder-card-body p{font-size:14px;line-height:1.7;min-height:72px}
.finder-grid-v21 small{font-size:12px}
.services-v2 .wrap,.industry-section .wrap,.product-section .wrap,.partner-section .wrap,.faq-section .wrap,.testimonials-section .wrap,.blog-section .wrap{width:min(1380px,calc(100% - 64px))}
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.service-card{border-radius:20px;box-shadow:0 18px 44px rgba(11,57,88,.06)}
.service-card img{height:190px}
.service-card>div{padding:22px}
.service-card h3{font-size:24px;margin-bottom:10px}
.service-card p{font-size:14px;line-height:1.7;min-height:96px}
.service-card a,.blog-card a,.case-link{font-size:13px}
.industry-section{background:linear-gradient(180deg,#f8fbff 0%,#eef5fb 100%)}
.industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.industry-card{min-height:370px;border-radius:24px;overflow:hidden;box-shadow:0 22px 56px rgba(7,45,74,.1)}
.industry-card img{height:100%}
.industry-card>div{left:26px;right:26px;bottom:24px}
.industry-card h3{font-size:32px;margin-bottom:10px}
.industry-card p{font-size:14px;line-height:1.7}
.process-section{background:#fff}
.process-line{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.process-step{min-height:250px;padding:24px 20px 20px;border-radius:20px;box-shadow:0 14px 34px rgba(10,50,80,.05)}
.process-step h3{font-size:20px;margin-bottom:10px}
.process-step p{font-size:13px;line-height:1.7}
.process-step>span{width:64px;height:64px;font-size:18px}
.product-section{background:linear-gradient(135deg,#eef8ff 0%,#dfeefe 100%)}
.product-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.35fr);gap:38px;align-items:start}
.section-intro h2{font-size:50px}
.product-grid{gap:24px}
.product-card{grid-template-columns:150px 1fr;gap:20px;padding:24px;border-radius:22px}
.product-card img{width:150px;height:150px}
.product-card h3{font-size:28px;margin-bottom:6px}
.product-card b{font-size:15px}
.product-card p{font-size:14px;line-height:1.7}
.software-mini-meta{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.software-mini-meta span{padding:6px 10px;border-radius:999px;background:#eef7ff;color:#0b67ce;font-size:11px;font-weight:800}
.about-section{background:#fff}
.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);gap:54px}
.about-section h2{font-size:54px;line-height:1.08}
.about-values{gap:18px}
.about-values div{padding:18px;border-radius:18px;background:#f7fbff;border:1px solid #dbe8f2}
.about-values b{font-size:18px}
.about-values span{font-size:13px;line-height:1.6}
.city-card{border-radius:26px}
.city-card img{height:440px}
.city-quote{width:43%;padding:34px;border-radius:20px}
.city-quote b{font-size:38px;line-height:1.15}
.city-quote span{font-size:18px;line-height:1.6}
.city-quote small{font-size:13px}
.project-live-count{display:inline-flex;align-items:center;gap:16px;margin-top:22px;padding:14px 20px;border-radius:16px;background:#fff;border:1px solid #d9e7f0;box-shadow:0 12px 28px rgba(10,48,80,.05)}
.project-live-count b{font-size:36px;color:#0b6fd7}
.project-live-count span{font-size:14px;color:#577188}
.project-grid,.blog-grid,.testimonial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.project-card,.blog-card,.testimonial{border-radius:20px;box-shadow:0 18px 45px rgba(8,48,77,.06)}
.project-card img,.blog-card img{height:240px}
.project-card h3,.blog-card h3{font-size:28px;line-height:1.2;margin-top:8px}
.project-card p,.blog-card p,.testimonial p{font-size:14px;line-height:1.75}
.project-card span{font-size:12px}
.project-card .case-link{margin-bottom:22px}
.partner-section{background:linear-gradient(180deg,#0a2239 0%,#0b3152 100%);color:#fff}
.partner-section .section-head p{color:#c7dbee}
.logo-marquee{border-color:rgba(255,255,255,.12);padding:26px 0}
.logo-track{gap:22px}
.logo-track>a{width:210px;height:110px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.logo-track span{font-size:12px;color:#dceaf4}
.logo-track img{max-width:140px;max-height:54px}
.client-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.client-grid a{min-height:120px;border-radius:16px;box-shadow:0 10px 24px rgba(10,50,80,.04)}
.client-grid span{font-size:12px}
.faq-section{background:linear-gradient(180deg,#eef4fb 0%,#e8f0f8 100%)}
.testimonial{padding:26px;background:#ffffff}
.testimonial-grid{margin-bottom:24px}
.faq-list{max-width:none;width:100%}
.faq-item{border-radius:16px;padding:0 22px;box-shadow:0 10px 28px rgba(10,50,80,.04)}
.faq-item summary{padding:22px 0;font-size:19px}
.faq-item p{font-size:15px;line-height:1.8;margin-bottom:22px}
.blog-grid .blog-card>div{padding:22px}
.blog-card small{font-size:13px}
.blog-card h3{font-size:26px}
.prefooter{padding:64px 0;background:linear-gradient(180deg,#071d33 0%,#0a2c4b 100%);color:#e4eef6}
.pregrid{grid-template-columns:1.45fr repeat(4,minmax(0,1fr));gap:34px}
.pregrid h4{font-size:18px;margin-bottom:14px;color:#fff}
.pregrid a,.pregrid span,.footbrand p{color:#c3d6e6;font-size:13px;line-height:1.8}
.footerbrand.brand-stack>span{color:#7fb6df}
.footerbottom{background:#051521;border-top:1px solid rgba(255,255,255,.08);color:#a9bfd1}
.footerbottominner{height:56px;font-size:12px}
.company-hero{background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%)}
.value-stack{display:grid;gap:20px}
.value-stack article{padding:28px;border-radius:20px;background:#f7fbff;border-left:5px solid var(--primary);box-shadow:0 14px 32px rgba(10,53,83,.05)}
.value-stack h3{font-size:30px;margin:0 0 12px}
.value-stack p{font-size:18px;line-height:1.75;margin:0;color:#4d687f}
.team-section{background:linear-gradient(180deg,#eef4fb 0%,#ffffff 100%)}
.team-tree{gap:42px}
.team-card{width:360px;border-radius:22px;padding:22px;box-shadow:0 18px 40px rgba(10,50,80,.08)}
.team-card h3{font-size:24px}
.team-card b{font-size:14px}
.team-card p{font-size:13px;line-height:1.65}
.team-photo{width:92px;height:92px}
.resource-hero .pagehero-inner{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.stack-section{background:linear-gradient(180deg,#f8fbff 0%,#eef5fb 100%)}
.resource-category{grid-template-columns:290px 1fr;gap:30px;padding:34px 0}
.resource-category-title>span{width:42px;height:42px;border-radius:12px;font-size:13px}
.resource-category-title h3{font-size:30px;margin:4px 0}
.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.resource-card{padding:20px;border-radius:18px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)}
.resource-card h4{font-size:18px}
.resource-card p{font-size:13px;line-height:1.65}
.resource-card a{font-size:11px}
.resource-icon{width:56px;height:56px}
.software-grid{gap:30px}
.software-card{grid-template-columns:430px 1fr;gap:34px;padding:28px;border-radius:22px}
.software-image{min-height:320px}
.software-image img{height:290px}
.software-content h2{font-size:40px}
.software-content h4{font-size:22px}
.software-content>p{font-size:15px;line-height:1.75}
.software-meta>div{padding:14px;border-radius:14px}
.release-feed{gap:16px}
.release-item{grid-template-columns:120px 1fr 120px;gap:24px;padding:20px;border-radius:18px}
.release-item p{font-size:13px;line-height:1.7}
.release-timeline article{grid-template-columns:120px 1fr 120px;gap:24px;padding:22px;border-radius:18px}
.release-timeline h3{font-size:24px}
.release-timeline p{font-size:14px;line-height:1.7}
.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.video-card{border-radius:18px}
.video-card>div:last-child{padding:22px}
.video-card h3{font-size:22px}
.video-card p{font-size:14px;line-height:1.7}
.contact-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:30px;align-items:start}
.contactinfo{padding:26px;border-radius:20px;background:linear-gradient(180deg,#f7fbff 0%,#eef5fb 100%);border:1px solid #dbe8f1;box-shadow:0 14px 32px rgba(10,50,80,.05)}
.contactinfo p,.contactinfo div,.contactinfo a{font-size:15px;line-height:1.8;color:#537089;display:block}
.contactform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:26px;border-radius:20px;background:#fff;border:1px solid #dbe7f0;box-shadow:0 18px 40px rgba(9,49,79,.05)}
.contactform label{display:grid;gap:8px;font-weight:700;color:#133a5d}
.contactform label.wide,.contactform .wide{grid-column:1/-1}
.contactform input,.contactform select,.contactform textarea{padding:14px 16px;border:1px solid #d3e2ec;border-radius:12px;font:inherit}
.contactform textarea{min-height:170px}
.partnership-hero{background:radial-gradient(circle at 75% 30%,rgba(28,199,235,.18),transparent 25%),linear-gradient(135deg,#04192d 0%,#0a3152 100%)}
.partner-page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.partner-page-card{padding:22px;border-radius:20px}
.partner-logo-box{height:170px;border-radius:16px}
.partner-page-card h2{font-size:26px}
.partner-page-card p{font-size:14px;line-height:1.7;min-height:92px}
.project-detail-head{width:min(1380px,calc(100% - 64px));margin:auto;min-height:470px;gap:54px}
.project-detail-head h1{font-size:60px}
.project-detail-head p{font-size:20px}
.project-detail-head img{height:360px;border-radius:22px}
.project-case-grid{grid-template-columns:340px 1fr;gap:46px}
.project-facts{padding:18px 24px;border-radius:18px}
.project-facts b{font-size:16px;line-height:1.6}
.case-body h2{font-size:32px}
.case-body p{font-size:17px}
@media(max-width:1200px){
.wrap,.pagehero-inner,.hero-wide{width:min(100% - 40px,1260px)}
.hero-v21 .hero-copy h1{font-size:66px}
.finder-grid-v21,.resource-grid,.industry-grid,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.process-line{grid-template-columns:repeat(3,minmax(0,1fr))}
.project-grid,.blog-grid,.testimonial-grid,.partner-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-layout,.about-grid,.contact-grid,.resource-hero .pagehero-inner,.pagehero-inner,.software-card,.project-detail-head,.project-case-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
.wrap,.pagehero-inner,.hero-wide{width:calc(100% - 24px)}
.section{padding:66px 0}
.section-head h2,.section-intro h2,.about-section h2,.pagehero-inner h1{font-size:34px}
.hero-v21 .hero-copy h1{font-size:44px}
.hero-v21 .hero-copy>p,.pagehero-inner p,.finder-v21 .finder-intro p{font-size:16px}
.hero-points,.finder-grid-v21,.service-grid,.industry-grid,.process-line,.product-grid,.about-values,.project-grid,.blog-grid,.testimonial-grid,.resource-grid,.client-grid,.partner-page-grid,.video-grid,.contactform,.software-meta,.project-counts{grid-template-columns:1fr}
.finder-media{height:180px}
.service-card img,.project-card img,.blog-card img{height:210px}
.product-card,.team-card{grid-template-columns:1fr}
.city-quote{position:relative;right:auto;top:auto;bottom:auto;width:auto;margin:14px}
.pregrid{grid-template-columns:1fr}
.footerbottominner{height:auto;padding:16px 0;gap:10px;flex-direction:column}
.contactform label.wide,.contactform .wide{grid-column:auto}
}
/* =========================================================
FINAL PRODUCTION DESIGN SYSTEM
Wide, bold, contextual layouts across every public page
========================================================= */
:root{--section-max:1460px;--shadow-soft:0 20px 55px rgba(8,45,76,.08);--radius-lg:26px}
.wrap{width:min(var(--section-max),calc(100% - 72px))}
.section{padding:96px 0}
.section.alt{background:linear-gradient(180deg,#f4f8fc 0%,#edf4fa 100%)}
.section-head{align-items:flex-end;margin-bottom:38px}
.section-head h2,.section-intro h2,.about-section h2{font-size:46px;font-weight:850;letter-spacing:-.025em}
.section-head p,.section-intro p,.lead{font-size:18px;line-height:1.75;color:#587087}
.eyebrow{font-size:12px;font-weight:900;letter-spacing:.13em}
/* Public page hero system */
.pagehero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(25,187,233,.18),transparent 30%),linear-gradient(125deg,#041b31 0%,#0a3559 56%,#082844 100%);color:#fff}
.pagehero:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.025) 42%,transparent 70%);pointer-events:none}
.pagehero-inner,.project-detail-head{width:min(var(--section-max),calc(100% - 72px));margin:auto;min-height:480px;display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center;position:relative;z-index:1}
.pagehero h1,.project-detail-head h1{font-size:60px;line-height:1.02;letter-spacing:-.035em;margin:12px 0 18px;max-width:850px}
.pagehero p,.project-detail-head p{font-size:19px;line-height:1.75;color:#d6e6f2;max-width:790px}
.pagehero img,.project-detail-head>img{width:100%;height:380px;object-fit:cover;border-radius:26px;box-shadow:0 28px 80px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.12)}
/* Service and solution pages */
.service-grid.wide{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.detail-grid{width:min(1280px,100%);margin:auto;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:56px;align-items:start}
.detail-grid>div:first-child h2{font-size:44px;line-height:1.1}
.detail-grid>div:first-child p{font-size:18px;line-height:1.85}
.featurebox{padding:30px;border-radius:22px;background:linear-gradient(180deg,#f7fbff,#eef6fc);box-shadow:var(--shadow-soft)}
.featurebox h3{font-size:26px}.featurebox div{padding:14px 0;font-size:15px}
/* Projects */
.project-detail-hero{background:radial-gradient(circle at 80% 20%,rgba(17,194,232,.22),transparent 26%),linear-gradient(125deg,#03192c,#0a3557)}
.project-case-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:44px;align-items:start}
.project-facts{position:sticky;top:110px;display:grid;gap:12px}
.project-facts>div{padding:20px;border-radius:16px;background:#f4f9fd;border:1px solid #d8e6f0;box-shadow:0 10px 28px rgba(8,49,80,.05)}
.project-facts span{display:block;font-size:11px;font-weight:900;color:#0b75e8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}
.project-facts b{font-size:15px;line-height:1.5}
.case-body{display:grid;gap:24px}
.case-body section{padding:30px 32px;border-radius:22px;background:#fff;border:1px solid #dce7ef;box-shadow:var(--shadow-soft)}
.case-body section h2{font-size:30px;margin:0 0 12px}.case-body section p{font-size:17px;line-height:1.85;color:#506b82}
.case-body .outcome{background:linear-gradient(135deg,#062743,#0b4e7d);color:#fff}.case-body .outcome p{color:#d7e8f5}
/* Company & hierarchy */
.company-hero .company-brand-lockup{padding:40px;border-radius:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px)}
.company-brand-lockup img{width:min(520px,100%);height:auto;margin:auto}
.company-brand-lockup span{display:block;text-align:center;color:#d8e9f5;font-weight:800;letter-spacing:.04em;margin-top:14px}
.team-section{background:linear-gradient(180deg,#071f35 0%,#0b3558 100%);color:#fff}
.team-section .section-head p{color:#c8d9e7}.team-section .eyebrow{color:#4ddcff}
.team-tree{padding:20px 0 10px}.team-card{background:#fff;color:#173650;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 55px rgba(0,0,0,.18)}
.team-children{position:relative;padding-top:38px}.team-children:before{content:"";position:absolute;top:0;left:50%;width:1px;height:26px;background:#55c9ed}.team-node>.team-children{display:flex;flex-wrap:wrap;justify-content:center;gap:28px}
/* Resources */
.resource-category{border-bottom:1px solid #dce7ef}
.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.resource-card{min-height:190px;border:1px solid #dce8f1;box-shadow:0 16px 36px rgba(7,47,77,.06)}
/* Software */
.software-card{border:1px solid #d8e5ee;box-shadow:var(--shadow-soft);background:#fff}
.software-image{background:linear-gradient(145deg,#eaf6ff,#d8ebfa);border-radius:18px;padding:20px}
.software-content h2{font-size:42px}.software-content>p{font-size:16px;line-height:1.8}
.video-card{box-shadow:0 16px 40px rgba(7,48,80,.08)}
/* Partnerships */
.partnership-hero{background:radial-gradient(circle at 82% 25%,rgba(11,184,229,.2),transparent 30%),linear-gradient(135deg,#061c31,#0a416d)}
.partner-section{padding:86px 0;background:linear-gradient(135deg,#061d32,#0a385e);color:#fff}
.partner-card,.partner-detail-card{border-radius:22px}
/* Contact */
.contact-grid{grid-template-columns:420px minmax(0,1fr);gap:36px;align-items:stretch}
.contactinfo{border-radius:24px;padding:36px;box-shadow:0 22px 55px rgba(5,42,69,.15)}
.contactinfo h2{font-size:34px}.contactinfo p{font-size:16px}
.contactform{background:#fff;border:1px solid #dbe7ef;border-radius:24px;padding:32px;box-shadow:var(--shadow-soft)}
.contactform label{font-size:13px}.contactform input,.contactform select,.contactform textarea{padding:14px 15px;border-radius:10px}
/* Articles/blog */
.article{max-width:1050px;font-size:18px;line-height:1.9}
.blog-grid{gap:28px}.blog-card h3{font-size:28px}.blog-card p{font-size:15px}
/* Footer */
.prefooter{padding:72px 0}.pregrid{gap:42px}.footerbrand img{width:250px;height:auto}
/* Admin-independent mobile production layout */
@media(max-width:1100px){
.wrap,.pagehero-inner,.project-detail-head{width:min(100% - 36px,var(--section-max))}
.pagehero-inner,.project-detail-head,.project-case-grid,.detail-grid,.contact-grid{grid-template-columns:1fr}
.pagehero-inner,.project-detail-head{padding:55px 0;min-height:auto}.pagehero h1,.project-detail-head h1{font-size:46px}
.pagehero img,.project-detail-head>img{height:320px}.project-facts{position:static;grid-template-columns:repeat(2,1fr)}
.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
.section{padding:64px 0}.wrap,.pagehero-inner,.project-detail-head{width:min(100% - 24px,var(--section-max))}
.section-head h2,.section-intro h2,.about-section h2{font-size:34px}.pagehero h1,.project-detail-head h1{font-size:38px}
.pagehero p,.project-detail-head p{font-size:16px}.pagehero img,.project-detail-head>img{height:240px}
.project-facts,.resource-grid{grid-template-columns:1fr}.case-body section{padding:22px}.contactform{padding:20px}
}
/* Keep cards within their grid columns at intermediate widths. */
.product-grid,.product-card,.product-card>div{min-width:0}.product-card{grid-template-columns:minmax(90px,150px) minmax(0,1fr)}.product-card .product-actions{flex-wrap:wrap}.product-card h3,.product-card p{overflow-wrap:anywhere}
@media(max-width:650px){.product-card{grid-template-columns:minmax(0,1fr)}}