/* Only the Tech landing uses these layout rules. Existing subpages keep their styles. */
.tech-conversion { margin:0; color:#e7e9ee; background:radial-gradient(1000px 650px at 50% -100px,#17312d 0%,#11161c 55%,#0f1114 100%); font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.tech-conversion * { box-sizing:border-box; }
.tech-conversion a { color:#65efc4; text-underline-offset:.22em; }
.tech-conversion a:hover { color:#adffe5; }
.tech-conversion a:focus-visible,.tech-conversion button:focus-visible,.tech-conversion summary:focus-visible { outline:3px solid #65efc4; outline-offset:5px; }
.tech-conversion h1,.tech-conversion h2,.tech-conversion h3,.tech-conversion p { margin:0; }
.tech-conversion h1,.tech-conversion h2,.tech-conversion h3 { color:#f0f4f6; line-height:1.22; text-wrap:balance; }
.tech-conversion h1 { font-size:clamp(2rem,4.4vw,3.8rem); font-weight:750; letter-spacing:-.04em; max-width:1020px; margin:10px auto 22px; }
.tech-conversion h2 { font-size:clamp(1.5rem,2.8vw,2.2rem); letter-spacing:-.025em; margin-bottom:18px; }
.tech-conversion h3 { font-size:1.2rem; margin-bottom:14px; }
.tech-conversion p { color:#c3ccd6; }
.tech-conversion [id] { scroll-margin-top:22px; }
.tech-nav { max-width:1180px; margin:auto; padding:22px 28px; display:flex; justify-content:space-between; align-items:center; gap:20px; }
.tech-nav a { text-decoration:none; }
.tech-wordmark { color:#eef7f3!important; font:700 1.04rem/1.4 "JetBrains Mono",monospace; white-space:nowrap; }
.tech-wordmark span { color:#65efc4; }
.tech-nav-links { display:flex; gap:26px; align-items:center; font-size:.9rem; }
.tech-nav-links button { font:inherit; color:#eef7f3; background:#1e282e; border:1px solid #586b71; border-radius:7px; padding:5px 10px; cursor:pointer; }
.tech-hero { max-width:1160px; padding:20px 28px 60px; margin:auto; text-align:center; }
.tech-hero picture { display:block; margin:0 auto 16px; width:180px; }
.tech-hero img { display:block; width:100%; height:auto; }
.tech-eyebrow,.tech-code { color:#65efc4!important; font:400 .82rem/1.6 "JetBrains Mono",monospace; letter-spacing:.05em; }
.tech-lead { max-width:780px; margin:auto!important; font-size:1.15rem; }
.tech-actions { display:flex; flex-wrap:wrap; gap:18px 26px; justify-content:center; align-items:center; margin:28px 0 17px; }
.tech-actions a { font-weight:650; text-decoration:none; }
.tech-conversion .tech-primary { display:inline-flex; justify-content:center; align-items:center; padding:13px 23px; min-height:52px; border-radius:9px; background:#38e4ac; border:1px solid #70f7cd; color:#09251b; box-shadow:0 5px 25px #00b78020; }
.tech-conversion .tech-primary:hover { color:#09251b; background:#74f2c9; }
.tech-note { font-size:.9rem; line-height:1.6; max-width:850px; margin:14px auto 0!important; }
.tech-badges { list-style:none; padding:0; display:flex; justify-content:center; flex-wrap:wrap; gap:8px 22px; margin:20px 0 0; font-size:.82rem; color:#acb9c5; }
.tech-badges li::before { content:"✓ "; color:#65efc4; }
.tech-section { max-width:1120px; padding:48px 0; margin:0 auto; border-top:1px solid #2d383e; }
.tech-section-lead { max-width:820px; margin:0 0 26px!important; }
.tech-task-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.tech-task-grid article { background:#182127; border:1px solid #36474d; border-radius:14px; padding:25px; display:flex; flex-direction:column; align-items:flex-start; }
.tech-code { margin-bottom:16px; }
.tech-task-grid p { flex-grow:1; margin-bottom:23px; font-size:.98rem; }
.tech-task-grid a { font-weight:650; font-size:.97rem; }
.tech-proof { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr); gap:32px; align-items:center; }
.tech-proof-copy p { margin-bottom:20px; }
.tech-proof-copy .tech-eyebrow { margin-bottom:10px; }
.tech-proof figure { margin:0; min-width:0; }
.tech-proof img { display:block; width:auto; height:auto; max-width:100%; max-height:620px; margin:0 auto; border:1px solid #50656b; border-radius:10px; }
.tech-proof figcaption { color:#b5c1cb; font-size:.83rem; line-height:1.6; margin-top:12px; }
.tech-feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; align-items:start; }
.tech-conversion details { border:1px solid #3c4a53; border-radius:11px; background:#171d24; }
.tech-conversion summary { cursor:pointer; padding:19px 23px; color:#f0f4f6; font-weight:650; }
.tech-conversion summary::marker { color:#65efc4; }
.tech-conversion summary small { display:block; font-size:.83rem; font-weight:400; color:#bdc8d2; margin-top:6px; line-height:1.5; }
.tech-feature-grid details>div { padding:0 23px 21px; }
.tech-feature-grid p { font-size:.95rem; }
.tech-inline-links { display:flex; gap:10px 22px; flex-wrap:wrap; align-items:center; margin-top:19px; }
.tech-inline-links a { font-weight:600; font-size:.95rem; }
.tech-detail-link { margin-top:23px!important; }
.tech-steps { padding-left:24px; color:#c3ccd6; margin:0 0 28px; display:grid; gap:8px; }
.tech-steps li::marker { color:#65efc4; font-weight:700; }
.tech-price-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.tech-price-grid article { border:1px solid #3b5753; border-radius:12px; padding:24px; background:#17231f; }
.tech-price-grid .tech-price { color:#65efc4; font-size:1.2rem; font-weight:700; margin-bottom:14px; }
.tech-price-grid article>p:last-child { font-size:.98rem; }
.tech-channel-section p { max-width:930px; }
.tech-channel-section .tech-inline-links a { border:1px solid #4e6866; border-radius:7px; padding:8px 15px; text-decoration:none; }
.tech-faq { display:grid; gap:12px; }
.tech-faq details p { padding:0 23px 21px; max-width:1000px; font-size:.97rem; }
.tech-bottom { display:grid; grid-template-columns:1fr 1fr; gap:42px; }
.tech-bottom h2 { font-size:1.45rem; }
.tech-bottom p { margin-bottom:20px; font-size:.97rem; }
.tech-resources { display:flex; gap:12px 25px; flex-wrap:wrap; font-size:.91rem; padding-top:30px; padding-bottom:30px; }
.tech-footer { max-width:1120px; margin:auto; padding:24px 0 35px; border-top:1px solid #2d383e; font-size:.82rem; }
.tech-footer>div { display:flex; flex-wrap:wrap; gap:18px; margin-bottom:13px; }
.tech-footer p { color:#aebbc4; }
@media (max-width:1180px) { .tech-section,.tech-footer { margin-left:28px; margin-right:28px; } }
@media (max-width:760px) {
  .tech-nav { padding:18px 22px; }
  .tech-nav-links { gap:18px; }
  .tech-nav-links>a { display:none; }
  .tech-hero { padding:5px 22px 36px; }
  .tech-hero picture { width:126px; margin-bottom:10px; }
  .tech-conversion h1 { font-size:2.06rem; line-height:1.14; margin:12px auto 18px; }
  .tech-lead { font-size:1.02rem; line-height:1.55; }
  .tech-hero .tech-actions { margin-top:22px; gap:15px; }
  .tech-hero .tech-actions .tech-primary { width:100%; }
  .tech-hero .tech-note { font-size:.82rem; }
  .tech-badges { gap:5px 12px; margin-top:16px; font-size:.75rem; }
  .tech-section { padding:34px 0; margin:0 22px; }
  .tech-section-lead { font-size:.96rem; margin-bottom:22px!important; }
  .tech-task-grid,.tech-feature-grid,.tech-price-grid,.tech-bottom,.tech-proof { grid-template-columns:1fr; }
  .tech-task-grid { gap:14px; }
  .tech-task-grid article { padding:22px; }
  .tech-task-grid p { margin-bottom:17px; }
  .tech-code { margin-bottom:12px; }
  .tech-proof { gap:22px; }
  .tech-proof-copy p:last-of-type { margin-bottom:15px; }
  .tech-feature-grid { gap:11px; }
  .tech-conversion summary { padding:17px 18px; }
  .tech-feature-grid details>div { padding:0 18px 20px; }
  .tech-price-grid { gap:16px; }
  .tech-actions { gap:16px; }
  .tech-bottom { gap:32px; }
  .tech-resources { padding-top:23px; padding-bottom:23px; }
  .tech-footer { margin:0 22px; }
}
/* A brief orbital entrance; the logo and every action are visible throughout. */
.tech-conversion .tech-hero picture { position:relative; isolation:isolate; }
.tech-conversion .tech-hero picture::before,
.tech-conversion .tech-hero picture::after {
  content:""; position:absolute; pointer-events:none; z-index:-1;
  border:1px solid #65efc42b; border-radius:50%;
}
.tech-conversion .tech-hero picture::before {
  width:148%; height:100%; left:-24%; top:0;
  border-top-color:#65efc4a6; transform:rotate(-12deg); opacity:.7;
}
.tech-conversion .tech-hero picture::after {
  width:126%; height:136%; left:-13%; top:-18%;
  border-left-color:#abffe0a6; transform:rotate(14deg); opacity:.5;
}
@media (prefers-reduced-motion:no-preference) {
  .tech-conversion .tech-hero picture::before { animation:techHeroOrbit 4.4s cubic-bezier(.2,.7,.25,1) 1; }
  .tech-conversion .tech-hero picture::after { animation:techHeroCrossing 4.6s cubic-bezier(.2,.7,.25,1) 1; }
  .tech-conversion .tech-hero picture img { animation:techHeroLogo 3.6s ease-out 1; }
}
@keyframes techHeroOrbit {
  0% { transform:rotate(-42deg) scale(.82); opacity:.3; }
  42% { transform:rotate(4deg) scale(1.04); opacity:.95; }
  100% { transform:rotate(-12deg) scale(1); opacity:.7; }
}
@keyframes techHeroCrossing {
  0% { transform:rotate(46deg) scale(.84); opacity:.2; }
  48% { transform:rotate(5deg) scale(1.04); opacity:.8; }
  100% { transform:rotate(14deg) scale(1); opacity:.5; }
}
@keyframes techHeroLogo {
  0% { transform:translateY(7px) scale(.97); }
  45% { transform:translateY(-3px) scale(1); }
  100% { transform:translateY(0) scale(1); }
}
@media (prefers-reduced-motion:reduce) { .tech-conversion *, .tech-conversion *::before, .tech-conversion *::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }