@import url('/assets/templates/series-base.css');

/* Template 99 / Helix — blue technology minimalism. All rules are scoped to
   template-helix so other sites keep their existing appearance. */
body.template-helix {
    --series-page:#f4f8ff;
    --series-ink:#122746;
    --series-muted:#5e7392;
    --series-accent:#1769d2;
    --series-highlight:#8dd8ff;
    --series-soft:#e7f1ff;
    --series-line:#c9dbf2;
    --series-card:#fff;
    --series-radius:16px;
    --series-art:linear-gradient(145deg,#0d3f91 0%,#1769d2 48%,#48b8ee 100%);
    --series-ring:#bdeaff;
    --series-shape:#0c4aa6;
    --series-shadow:0 18px 45px rgba(28,86,160,.14);
    --series-cta:#0b2550;
    background:radial-gradient(circle at 88% 5%,rgba(101,190,255,.2),transparent 24rem),var(--series-page);
}
body.template-helix .collection-nav{position:relative;z-index:5}
body.template-helix .series-main{background:transparent}
body.template-helix .series-hero{position:relative;min-height:590px}
body.template-helix .series-hero:before{position:absolute;z-index:-1;top:10px;right:-24px;left:-24px;height:1px;background:linear-gradient(90deg,transparent,var(--series-line),transparent);content:""}
body.template-helix .series-kicker,body.template-helix .series-story header>p,body.template-helix .series-features header>p,body.template-helix .series-plans header>p,body.template-helix .series-downloads header>p,body.template-helix .series-cta>p{color:var(--series-accent);letter-spacing:.2em}
body.template-helix .series-hero h1,body.template-helix .series-story h2,body.template-helix .series-features h2,body.template-helix .series-plans h2,body.template-helix .series-downloads h2,body.template-helix .series-cta h2{color:var(--series-ink);max-width:680px;font-weight:800}
body.template-helix .series-hero h1{text-shadow:0 8px 24px rgba(23,105,210,.1)}
body.template-helix .series-lead{color:var(--series-muted)}
body.template-helix .series-actions a,body.template-helix .series-cta a{border-radius:10px;box-shadow:0 9px 20px rgba(23,105,210,.2)}
body.template-helix .series-actions a+a{border:1px solid var(--series-line);box-shadow:none}
body.template-helix .series-composition{isolation:isolate;border-radius:24px;background:linear-gradient(rgba(141,216,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(141,216,255,.1) 1px,transparent 1px),var(--series-art);background-size:34px 34px,34px 34px,auto;box-shadow:0 24px 55px rgba(10,57,133,.27)}
body.template-helix .series-composition:after{position:absolute;inset:12% 10%;border:1px solid rgba(255,255,255,.28);border-radius:50%;box-shadow:0 0 0 24px rgba(141,216,255,.06),0 0 0 48px rgba(141,216,255,.04);content:""}
body.template-helix .series-composition i{z-index:1;top:25%;left:25%;width:50%;border:2px solid var(--series-ring);box-shadow:0 0 28px rgba(141,216,255,.5),inset 0 0 18px rgba(141,216,255,.18)}
body.template-helix .series-composition b{z-index:2;right:22%;bottom:22%;background:var(--series-highlight);box-shadow:0 0 0 8px rgba(141,216,255,.14),0 0 28px rgba(141,216,255,.8)}
body.template-helix .series-composition em{z-index:2;right:8%;bottom:33%;height:1px;background:var(--series-highlight);box-shadow:0 0 10px var(--series-highlight)}
body.template-helix .series-composition span{z-index:3;color:#d9f5ff;font-size:13px;letter-spacing:.2em}
/* Required metric hierarchy: labels 20px, values 16px on all viewports. */
body.template-helix .series-metrics strong{font-size:20px!important;line-height:1.25!important}
body.template-helix .series-metrics span{font-size:16px!important;line-height:1.35!important}
body.template-helix .series-metrics{border-radius:14px;box-shadow:0 14px 35px rgba(31,83,149,.1)}
body.template-helix .series-metrics>a{background:#dcecff}
body.template-helix .series-story{border-bottom:1px solid var(--series-line)}
body.template-helix .series-features,body.template-helix .series-downloads{background:linear-gradient(180deg,#eaf3ff,#e3efff)}
body.template-helix .series-features article,body.template-helix .series-plans article{border-radius:14px;box-shadow:0 10px 24px rgba(31,83,149,.07)}
body.template-helix .series-features article:hover,body.template-helix .series-plans article:hover{border-color:#8eb9e9;transform:translateY(-3px);transition:transform .18s ease,border-color .18s ease}
body.template-helix .series-features h3,body.template-helix .series-plans h3{color:var(--series-ink)}
body.template-helix .series-plans article.featured{background:linear-gradient(150deg,#0d4ca8,#1769d2);box-shadow:0 18px 36px rgba(23,105,210,.25)}
body.template-helix .series-plans strong{color:var(--series-accent)}
body.template-helix .series-plans article.featured strong{color:var(--series-highlight)}
body.template-helix .series-downloads a{border-color:var(--series-line)}
body.template-helix .series-downloads a:hover{background:rgba(255,255,255,.58)}
body.template-helix .series-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#091d41,#0e4b9f)}
body.template-helix .series-cta:before,body.template-helix .series-cta:after{position:absolute;width:280px;height:280px;border:1px solid rgba(141,216,255,.25);border-radius:50%;content:""}
body.template-helix .series-cta:before{top:-180px;left:-70px}
body.template-helix .series-cta:after{right:-90px;bottom:-190px}
body.template-helix .series-cta>*{position:relative;z-index:1}
body.template-helix .series-cta h2{color:#fff}
body.template-helix .series-cta span{color:#c6dcf8}
/* Bottom registration CTA: white-on-blue contrast remains clear even when
   the shared template guard adds its default button styling. */
body.template-helix .series-cta a[data-track-register]{
    border:2px solid #fff!important;
    background:#fff!important;
    color:#082452!important;
    box-shadow:0 10px 24px rgba(0,0,0,.24),0 0 0 4px rgba(141,216,255,.24);
    text-shadow:none;
}
body.template-helix .series-cta a[data-track-register] b{color:#1769d2!important}
body.template-helix .series-cta a[data-track-register]:hover{background:#e8f5ff!important;color:#061a3d!important;transform:translateY(-2px)}
@media(max-width:760px){body.template-helix .series-hero h1,body.template-helix .series-story h2,body.template-helix .series-features h2,body.template-helix .series-plans h2,body.template-helix .series-downloads h2,body.template-helix .series-cta h2{font-size:32px}body.template-helix .series-composition{border-radius:18px}body.template-helix .series-metrics strong{font-size:20px!important}body.template-helix .series-metrics span{font-size:16px!important}}
body.template-helix.inner-page .resource-hero,body.template-helix.inner-page .about-hero,body.template-helix.inner-page .downloads-page-hero,body.template-helix.inner-page .legal-hero{background:linear-gradient(135deg,#0b2c63,#1769d2)}
body.template-helix.inner-page .about-values article,body.template-helix.inner-page .resource-content,body.template-helix.inner-page .legal-card,body.template-helix.inner-page .custom-page-content,body.template-helix.inner-page .product-plan,body.template-helix.inner-page .download-item{border-radius:14px;box-shadow:0 10px 24px rgba(31,83,149,.08)}
