:root{--tech-ink:#142329;--tech-muted:#607078;--tech-line:#dce5e8;--tech-paper:#f4f7f8;--tech-cyan:#21a7d4;--tech-cyan-dark:#0f769b;--tech-night:#101a1e}
html{scroll-behavior:smooth}.container{width:min(calc(100% - 48px),1440px);margin-inline:auto}body{margin:0;background:#fff;color:var(--tech-ink)}
.tech-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--tech-cyan-dark);font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.tech-kicker:before{content:"";width:30px;height:1px;background:currentColor}.tech-kicker.light{color:#86d4eb}
.tech-breadcrumb{border-top:1px solid var(--tech-line);border-bottom:1px solid var(--tech-line);background:#fbfcfc}.tech-breadcrumb .container{display:flex;align-items:center;gap:10px;min-height:45px;color:#7b898e;font-size:.72rem}.tech-breadcrumb a{color:#53656c;text-decoration:none}
.tech-hero{padding:76px 0 90px;background:linear-gradient(145deg,#f5fafb 0%,#fff 68%)}.tech-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(42px,6vw,96px);align-items:center}.tech-hero h1{max-width:820px;margin:23px 0 26px;font-size:clamp(2.3rem,4.2vw,4.8rem);line-height:.98;letter-spacing:-.05em}.tech-hero-copy-main>p{max-width:760px;margin:0;color:var(--tech-muted);font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.78}.tech-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:31px}.tech-hero-actions .button,.tech-cta-actions .button{display:inline-flex;min-height:50px;padding:0 22px;border:1px solid var(--tech-ink);border-radius:4px;align-items:center;justify-content:center;background:var(--tech-ink);color:#fff;font-size:.76rem;font-weight:800;letter-spacing:.035em;text-decoration:none}.tech-hero-actions .button:hover,.tech-hero-actions .button:focus-visible{border-color:var(--tech-cyan-dark);background:var(--tech-cyan-dark)}.tech-cta-actions .button{border-color:var(--tech-cyan);background:var(--tech-cyan)}.tech-cta-actions .button:hover,.tech-cta-actions .button:focus-visible{border-color:#087fa5;background:#087fa5}.tech-text-link{display:inline-flex;align-items:center;gap:10px;color:var(--tech-ink);font-size:.76rem;font-weight:800;letter-spacing:.07em;text-decoration:none;text-transform:uppercase}.tech-text-link span{color:var(--tech-cyan-dark)}.tech-hero-media{position:relative;margin:0;padding:18px;background:#fff;box-shadow:0 24px 70px rgba(24,51,61,.12)}.tech-hero-media:after{content:"";position:absolute;right:-14px;bottom:-14px;width:38%;height:38%;border-right:4px solid var(--tech-cyan);border-bottom:4px solid var(--tech-cyan);z-index:-1}.tech-hero-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.tech-hero-media figcaption{margin-top:11px;color:#6d7f86;font-size:.73rem;line-height:1.5}
.tech-section-heading{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:end;margin-bottom:52px}.tech-section-heading h2{max-width:680px;margin:18px 0 0;font-size:clamp(1.9rem,3.45vw,3.6rem);line-height:1.03;letter-spacing:-.043em}.tech-section-heading>p{max-width:720px;margin:0;color:var(--tech-muted);font-size:1.04rem;line-height:1.78}
.tech-start{padding:96px 0 104px;border-top:1px solid var(--tech-line);background:#fff}.tech-start-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--tech-line);border-left:1px solid var(--tech-line)}.tech-start-grid>a{min-height:245px;padding:29px 25px;border-right:1px solid var(--tech-line);border-bottom:1px solid var(--tech-line);color:var(--tech-ink);text-decoration:none;transition:background .2s,color .2s}.tech-start-grid>a:hover{background:var(--tech-night);color:#fff}.tech-start-grid b{color:var(--tech-cyan-dark);font-size:.7rem;letter-spacing:.1em}.tech-start-grid h3{margin:46px 0 12px;font-size:1.28rem}.tech-start-grid p{margin:0;color:var(--tech-muted);font-size:.9rem;line-height:1.62}.tech-start-grid>a:hover p{color:#b5c2c7}.tech-start-grid span{display:block;margin-top:24px;color:var(--tech-cyan-dark);font-size:.69rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tech-start-note{max-width:920px;margin:34px auto 0;color:#62737a;font-size:.95rem;line-height:1.72;text-align:center}
.tech-guides{padding:106px 0 120px;background:var(--tech-paper)}.tech-guide-list{display:grid;gap:86px}.tech-guide{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);gap:clamp(50px,6vw,92px);align-items:center;padding-bottom:86px;border-bottom:1px solid #d4dfe2}.tech-guide:last-child{padding-bottom:0;border-bottom:0}.tech-guide.reverse{grid-template-columns:minmax(0,1.22fr) minmax(340px,.78fr)}.tech-guide.reverse .tech-guide-copy{grid-column:2;grid-row:1}.tech-guide.reverse .tech-guide-media{grid-column:1;grid-row:1}.tech-guide-copy{padding:8px 0}.tech-guide-meta{display:flex;align-items:center;gap:18px;padding-bottom:14px;border-bottom:1px solid #ccd8dc}.tech-guide-meta b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#dff3f8;color:var(--tech-cyan-dark);font-size:.7rem}.tech-guide-meta span{color:var(--tech-cyan-dark);font-size:.67rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.tech-guide h3{margin:25px 0 20px;font-size:clamp(1.65rem,2.7vw,2.65rem);line-height:1.08;letter-spacing:-.032em}.tech-guide p{margin:0 0 14px;color:var(--tech-muted);font-size:.96rem;line-height:1.74}.tech-guide ul{margin:19px 0 0;padding:0;list-style:none}.tech-guide li{position:relative;margin:9px 0;padding-left:22px;color:#52656d;font-size:.86rem;line-height:1.5}.tech-guide li:before{content:"";position:absolute;left:0;top:.58em;width:8px;height:1px;background:var(--tech-cyan)}.tech-guide-copy>a{display:inline-flex;align-items:center;gap:12px;margin-top:23px;padding-bottom:5px;border-bottom:1px solid currentColor;color:var(--tech-ink);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.tech-guide-copy>a span{color:var(--tech-cyan-dark)}.tech-guide-media{margin:0;overflow:hidden;border-radius:3px;background:#dfe7ea}.tech-guide-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .55s ease}.tech-guide-media:hover img{transform:scale(1.02)}
.tech-system{padding:108px 0;background:var(--tech-night);color:#fff}.tech-system-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:60px 7vw}.tech-system-copy h2{margin:20px 0 24px;font-size:clamp(2rem,3.8vw,4rem);line-height:1.02;letter-spacing:-.045em}.tech-system-copy p{margin:0 0 16px;color:#aebbc0;font-size:1rem;line-height:1.76}.tech-system-media{margin:0}.tech-system-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.tech-system-media figcaption{margin-top:10px;color:#85969d;font-size:.74rem}.tech-system-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);margin:28px 0 0;padding:0;border-top:1px solid #35454b;border-left:1px solid #35454b;list-style:none}.tech-system-steps li{min-height:210px;padding:25px 21px;border-right:1px solid #35454b;border-bottom:1px solid #35454b}.tech-system-steps b{color:#65c9e8;font-size:.7rem}.tech-system-steps h3{margin:42px 0 10px;font-size:1.05rem}.tech-system-steps p{margin:0;color:#9eacb1;font-size:.82rem;line-height:1.58}
.tech-decision{padding:106px 0;background:#fff}.tech-decision-list{border-top:1px solid var(--tech-line)}.tech-decision-list a{display:grid;grid-template-columns:48px minmax(0,1.3fr) minmax(220px,.7fr) 30px;gap:18px;align-items:center;padding:22px 8px;border-bottom:1px solid var(--tech-line);color:var(--tech-ink);text-decoration:none;transition:padding .2s,background .2s}.tech-decision-list a:hover{padding-right:18px;padding-left:18px;background:#f4fafb}.tech-decision-list b{color:var(--tech-cyan-dark);font-size:.68rem;letter-spacing:.1em}.tech-decision-list span{font-size:.95rem;line-height:1.45}.tech-decision-list strong{font-size:.84rem}.tech-decision-list i{color:var(--tech-cyan-dark);font-style:normal;font-size:1.1rem}
.tech-method{padding:104px 0;background:#18303a;color:#fff}.tech-method-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.tech-method h2{max-width:600px;margin:20px 0 0;font-size:clamp(2rem,3.7vw,3.85rem);line-height:1.03;letter-spacing:-.043em}.tech-method-content>p{margin:0 0 18px;color:#b7c3c7;font-size:1rem;line-height:1.78}.tech-method-links{display:grid;margin-top:30px;border-top:1px solid #40525a}.tech-method-links a{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #40525a;color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.tech-method-links span{color:#63c8e7}
.tech-errors{padding:104px 0;background:var(--tech-paper)}.tech-errors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d3dfe2;border:1px solid #d3dfe2}.tech-errors-grid article{min-height:230px;padding:27px 25px;background:#fff}.tech-errors-grid b{color:var(--tech-cyan-dark);font-size:.68rem}.tech-errors-grid h3{margin:42px 0 12px;font-size:1.18rem;line-height:1.25}.tech-errors-grid p{margin:0;color:var(--tech-muted);font-size:.88rem;line-height:1.62}
.tech-faq{padding:106px 0;background:#fff}.tech-faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw}.tech-faq h2{max-width:570px;margin:20px 0 0;font-size:clamp(2rem,3.5vw,3.65rem);line-height:1.03;letter-spacing:-.043em}.tech-faq-list{border-top:1px solid var(--tech-line)}.tech-faq details{border-bottom:1px solid var(--tech-line)}.tech-faq summary{display:flex;justify-content:space-between;gap:20px;padding:23px 0;cursor:pointer;font-size:1.03rem;font-weight:750;line-height:1.4;list-style:none}.tech-faq summary::-webkit-details-marker{display:none}.tech-faq summary span{color:var(--tech-cyan-dark);font-size:1.3rem}.tech-faq details[open] summary span{transform:rotate(45deg)}.tech-faq details p{margin:-3px 46px 24px 0;color:var(--tech-muted);font-size:.94rem;line-height:1.72}
.tech-cta{padding:96px 0;background:linear-gradient(145deg,#f6fafb,#fff)}.tech-cta-grid{display:grid;grid-template-columns:1fr .78fr;gap:8vw;align-items:end}.tech-cta-grid>div>span{color:var(--tech-cyan-dark);font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.tech-cta h2{max-width:720px;margin:17px 0 0;font-size:clamp(2rem,3.65vw,3.8rem);line-height:1.03;letter-spacing:-.043em}.tech-cta p{margin:0 0 25px;color:var(--tech-muted);font-size:1.02rem;line-height:1.75}.tech-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.tech-cta-actions>a:not(.button){color:var(--tech-ink);font-size:.76rem;font-weight:800;letter-spacing:.07em;text-decoration:none;text-transform:uppercase}
.tech-blog-promo{padding:104px 0;background:var(--tech-night);color:#fff}.tech-blog-promo-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(360px,1.12fr);gap:8vw;align-items:center}.tech-blog-promo-copy h2{max-width:680px;margin:20px 0 24px;font-size:clamp(2rem,3.6vw,3.8rem);line-height:1.03;letter-spacing:-.043em}.tech-blog-promo-copy p{max-width:680px;margin:0;color:#afbdc2;font-size:1rem;line-height:1.78}.tech-blog-promo-copy>a{display:inline-flex;gap:12px;margin-top:29px;padding-bottom:6px;border-bottom:1px solid #6fcbe7;color:#fff;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.tech-blog-promo-copy>a span{color:#6fcbe7}.tech-blog-promo-media{margin:0;padding:12px;background:#fff}.tech-blog-promo-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
@media(max-width:1023px){.tech-hero-grid,.tech-section-heading,.tech-system-grid,.tech-method-grid,.tech-faq-grid,.tech-cta-grid,.tech-blog-promo-grid{grid-template-columns:1fr}.tech-hero-media,.tech-blog-promo-media{max-width:760px}.tech-start-grid{grid-template-columns:repeat(2,1fr)}.tech-guide,.tech-guide.reverse{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:42px}.tech-system-steps{grid-template-columns:repeat(2,1fr)}.tech-system-steps li:last-child{grid-column:1/-1}.tech-errors-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.container{width:min(calc(100% - 30px),1440px)}.tech-hero{padding:58px 0 72px}.tech-hero h1{font-size:clamp(2.05rem,10vw,3.25rem)}.tech-hero-media{padding:10px}.tech-start,.tech-guides,.tech-system,.tech-decision,.tech-method,.tech-errors,.tech-faq,.tech-cta,.tech-blog-promo{padding-top:75px;padding-bottom:78px}.tech-section-heading{gap:24px;margin-bottom:38px}.tech-start-grid{grid-template-columns:1fr}.tech-start-grid>a{min-height:0}.tech-start-grid h3{margin-top:28px}.tech-guide,.tech-guide.reverse{display:flex;flex-direction:column;gap:28px;padding-bottom:64px}.tech-guide.reverse .tech-guide-copy,.tech-guide.reverse .tech-guide-media{grid-column:auto;grid-row:auto}.tech-guide-copy{order:1}.tech-guide-media{order:2;width:100%}.tech-guide h3{font-size:1.72rem}.tech-system-grid{gap:38px}.tech-system-steps{grid-template-columns:1fr}.tech-system-steps li,.tech-system-steps li:last-child{grid-column:auto;min-height:0}.tech-system-steps h3{margin-top:24px}.tech-decision-list a{grid-template-columns:36px 1fr 24px;gap:10px}.tech-decision-list strong{grid-column:2}.tech-decision-list i{grid-column:3;grid-row:1/3}.tech-errors-grid{grid-template-columns:1fr}.tech-errors-grid article{min-height:0}.tech-errors-grid h3{margin-top:25px}.tech-faq details p{margin-right:0}}
@media(max-width:420px){.container{width:min(calc(100% - 22px),1440px)}.tech-hero-actions,.tech-cta-actions{align-items:stretch;flex-direction:column}.tech-hero-actions a,.tech-cta-actions a{justify-content:center;text-align:center}.tech-breadcrumb .container{font-size:.67rem}.tech-guide-media img{aspect-ratio:4/3}.tech-section-heading h2,.tech-system h2,.tech-method h2,.tech-faq h2,.tech-cta h2{font-size:1.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tech-guide-media img,.tech-start-grid>a,.tech-decision-list a{transition:none}}