@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
html,body{margin:0!important;padding:0!important;min-height:100vh;background:#080e18!important}
.tech-page{--tx:#f3f7fb;--muted:#a7b6c8;--line:rgba(173,199,224,.14);--mint:#49d6c5;display:block;width:100%;min-height:100vh;overflow:hidden;background:#080e18;color:var(--tx);font:16px/1.7 'DM Sans',Arial,sans-serif;text-align:left}
.tech-page *{box-sizing:border-box}
.tech-page h1,.tech-page h2,.tech-page h3{font-family:'Space Grotesk',Arial,sans-serif;color:var(--tx);letter-spacing:-.04em}
.tech-page p{color:var(--muted)}
.tech-wrap{width:min(1160px,calc(100% - 48px));margin:0 auto}
.tech-hero{padding:100px 0 94px;background:radial-gradient(ellipse at 83% 10%,rgba(73,214,197,.14),transparent 40%),radial-gradient(ellipse at 10% 80%,rgba(106,169,255,.12),transparent 36%);border-bottom:1px solid var(--line)}
.tech-eyebrow{display:block;color:var(--mint);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0 0 20px}
.tech-hero h1{max-width:950px;font-size:clamp(42px,6.2vw,78px);line-height:1.07;margin:0 0 22px}
.tech-hero h1 em{font-style:normal;color:var(--mint)}
.tech-hero p{max-width:770px;font-size:18px;line-height:1.85;margin:0}
.tech-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.tech-primary,.tech-secondary{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;text-decoration:none;font-weight:700;font-size:14px}
.tech-primary{background:var(--mint);color:#07141b}.tech-secondary{color:var(--tx);border:1px solid rgba(173,199,224,.35)}
.tech-section{padding-top:84px;padding-bottom:90px}
.tech-section-intro{max-width:740px;margin-bottom:34px}
.tech-section-intro h2,.tech-approach h2,.tech-cta h2{font-size:clamp(30px,3.7vw,44px);line-height:1.17;margin:0 0 16px}
.tech-section-intro p{font-size:17px;line-height:1.8;margin:0}
.tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tech-card{min-width:0;padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#142338,#0d1725)}
.tech-index{color:var(--mint);font-size:12px;letter-spacing:.15em;font-weight:700}
.tech-card h2{font-size:25px;line-height:1.25;margin:16px 0 10px}
.tech-card p{font-size:15px;line-height:1.75;margin:0 0 23px}
.tech-tags{display:flex;flex-wrap:wrap;gap:9px}
.tech-tags span{display:inline-block;border:1px solid rgba(173,199,224,.19);background:rgba(255,255,255,.035);border-radius:999px;padding:7px 12px;color:#c9d8e7;font-size:12px;line-height:1.35}
.tech-approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:80px;padding-top:58px;padding-bottom:70px;border-top:1px solid var(--line)}
.tech-steps{display:grid;gap:18px}
.tech-steps>div{padding:0 0 17px;border-bottom:1px solid var(--line)}
.tech-steps b{color:#eaf6f7;font-size:15px}.tech-steps p{margin:6px 0 0;font-size:14px;line-height:1.75}
.tech-cta{padding:38px;margin-bottom:75px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(120deg,rgba(73,214,197,.10),rgba(106,169,255,.08))}
.tech-cta h2{max-width:700px}.tech-cta p{max-width:690px;line-height:1.8;margin:0 0 20px}
.tech-footer{padding:27px 20px 36px;border-top:1px solid var(--line);background:#080e18;color:#8295a9;text-align:center;font-size:13px}
@media(max-width:850px){.tech-approach{grid-template-columns:1fr;gap:25px}}
@media(max-width:620px){.tech-wrap{width:calc(100% - 32px)}.tech-hero{padding:66px 0 60px}.tech-hero p{font-size:16px}.tech-section{padding:56px 0}.tech-grid{grid-template-columns:1fr}.tech-card{padding:24px}.tech-card h2{font-size:23px}.tech-approach{padding:46px 0}.tech-cta{padding:26px;margin-bottom:55px}}
