/* Independent product brand systems. Common HTML and accessibility, distinct voice. */
body.product-voca{
 --ink:#101d37;--navy:#102d5d;--blue:#2459a2;
 --muted:#69809c;--line:#dce5f3;
 background:#fff;color:#13264a
}
.product-voca .site-header{background:#102b56;border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:none;-webkit-backdrop-filter:none}
.product-voca .site-header .brand img{filter:brightness(0) invert(1)}
.product-voca .site-header .main-nav a,.product-voca .site-header .nav-locale{color:rgba(255,255,255,.82)}
.product-voca .site-header .main-nav a:hover{color:#fff}
.product-voca .site-header .language-switch{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.07)}
.product-voca .site-header:after{background:#87ade3}
.product-voca .detail-hero{
 position:relative;isolation:isolate;background:linear-gradient(117deg,#0b234a 0%,#14376d 50%,#102c59 100%);
 color:#fff;overflow:hidden;border-bottom:0
}
.product-voca .detail-hero::before{
 content:"";position:absolute;inset:0;pointer-events:none;
 background-image:linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px);
 background-size:36px 36px;
 -webkit-mask-image:radial-gradient(ellipse 62% 90% at 70% 50%,rgba(0,0,0,.6),transparent 85%);
 mask-image:radial-gradient(ellipse 62% 90% at 70% 50%,rgba(0,0,0,.6),transparent 85%)
}
.product-voca .detail-hero::after{
 content:"";position:absolute;width:min(65vw,780px);height:min(65vw,780px);top:-21%;right:-18%;
 border:1px solid rgba(183,212,255,.19);border-radius:50%;box-shadow:0 0 0 80px rgba(218,232,255,.022),0 0 0 160px rgba(218,232,255,.018);pointer-events:none
}
.product-voca .detail-hero-grid,.product-voca .detail-hero-foot{position:relative;z-index:2}
.product-voca .detail-hero .back-link{color:#b7d2f3}
.product-voca .detail-eyebrow{color:#aecdf3}
.product-voca .detail-eyebrow span{color:#dcecff}
.product-voca .detail-hero h1{color:white;font-weight:850;font-size:clamp(50px,6vw,88px);line-height:1.15}
.product-voca .detail-lead{color:#c6d7ed;font-size:17px}
.product-voca .detail-hero .arrow-link{color:#fff;border-color:rgba(255,255,255,.7)}
.product-voca .detail-hero .arrow-link:hover{color:#a9d2ff}
.product-voca .detail-hero-art{background:transparent}
.product-voca .detail-hero-art::before{background:radial-gradient(circle at 55% 44%,rgba(130,182,254,.21),transparent 69%);border:1px solid rgba(207,223,249,.18);border-radius:50%;inset:3% 0}
.product-voca .detail-hero-logo{border-color:rgba(255,255,255,.18);background:rgba(16,40,80,.7);box-shadow:0 9px 32px rgba(3,15,36,.26);backdrop-filter:blur(8px)}
.product-voca .detail-hero-phone{filter:drop-shadow(0 35px 42px rgba(1,11,30,.32))}
.product-voca .concept-tag{color:#c8dcf3}
.product-voca .detail-hero-foot{color:#91b5e1;border-top:1px solid rgba(226,238,255,.12)}
.product-voca .detail-intro{background:#eef4fc;border-bottom:1px solid #dfe8f5}
.product-voca .detail-intro h2{font-weight:830;color:#112f5c}
.product-voca .detail-intro .section-number{color:#416b9e}
.product-voca .feature-section{background:#fff}
.product-voca .features-heading h2{color:#122c52}
.product-voca .features-heading .section-number{color:#2c629c}
.product-voca .feature-story-track .feature-copy h3{color:#142f58!important}
.product-voca .feature-story-track .feature-stage{background:#eaf2fc;border:1px solid #d9e5f5}
.product-voca .feature-story-track .feature-stage::before{border-color:#d3e0f1}
.product-voca .feature-story-track .feature-no{color:#527bac}
.product-voca .feature-story-progress{color:#245287}
.product-voca .feature-progress-bars i::before{background:#235b9e}
.product-voca .detail-outro{background:#112e5b;color:#fff}
.product-voca .detail-outro h2{color:#fff}
.product-voca .detail-outro .section-number{color:#9dbfe8}
.product-voca .detail-outro-inner>p{color:#b9cee9}
.product-voca .other-product-link{color:#bed2ec;border-color:rgba(255,255,255,.21)}
.product-voca .other-product-link strong{color:white}
.product-voca .footer{background:#0a2348;color:#fff}
.product-voca .footer .footer-top img{filter:brightness(0) invert(1)}
.product-voca .footer-top p,.product-voca .footer-bottom{color:#a2bbd6}
.product-voca .footer-bottom{border-color:rgba(255,255,255,.14)}
.product-voca .footer-bottom a{color:#d5e8ff}
.product-voca .product-extra{background:#fff}
.product-voca .product-extra .extra-grid article{border-color:#d8e2ef}
.product-voca .product-extra .extra-index{color:#2f629e}
.product-voca .product-extra .extra-grid h3{color:#18345b}
.product-voca .product-banner{background:#102d5c;color:#fff}
.product-voca .product-banner h2{color:#fff}
.product-voca .product-banner p{color:#bfd1e8}
.product-voca .product-banner a{border-color:#9cbde6;color:#fff}
body.product-now{
 --ink:#26343a;--navy:#405e62;--blue:#447b78;--muted:#6f7d83;
 --line:#dde5e1;--soft:#f7faf6;
 background:#fff;color:#26343a
}
.product-now .site-header{background:rgba(255,253,250,.97);border-bottom-color:#e8eae2}
.product-now .site-header:after{background:#659089}
.product-now .main-nav a:hover{color:#476f70}
.product-now .detail-hero{
 position:relative;isolation:isolate;
 background:linear-gradient(128deg,#fff9f0 0%,#faf7f1 29%,#ecf5ee 76%,#f2eff8 100%);
 border-bottom:1px solid #e5e7de;overflow:hidden
}
.product-now .detail-hero::before{
 content:"";position:absolute;top:-12%;right:-13%;width:min(65vw,800px);aspect-ratio:1;
 border-radius:50%;background:radial-gradient(circle,rgba(210,226,218,.6),rgba(234,219,231,.20) 45%,transparent 72%);
 pointer-events:none
}
.product-now .detail-hero::after{
 content:"";position:absolute;inset:0;pointer-events:none;
 background-image:linear-gradient(rgba(91,130,126,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(91,130,126,.06) 1px,transparent 1px);
 background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse 50% 75% at 70% 48%,rgba(0,0,0,.4),transparent 88%);
 mask-image:radial-gradient(ellipse 50% 75% at 70% 48%,rgba(0,0,0,.4),transparent 88%)
}
.product-now .detail-hero-grid,.product-now .detail-hero-foot{position:relative;z-index:2}
.product-now .detail-eyebrow,.product-now .back-link{color:#67837d}
.product-now .detail-hero h1{color:#243b3c;font-weight:850;font-size:clamp(52px,6vw,90px);line-height:1.14}
.product-now .detail-lead{color:#647775}
.product-now .arrow-link{border-color:#638780}
.product-now .detail-hero-art{background:transparent}
.product-now .detail-hero-art::before{background:rgba(255,255,255,.37);border:1px solid rgba(126,167,154,.25);border-radius:50%;inset:5% 2% 2%}
.product-now .detail-hero-logo{background:#ffffffdf;border-color:#e3e9e2;box-shadow:0 10px 30px rgba(61,90,84,.10)}
.product-now .detail-now-word{color:#335a53}
.product-now .detail-now-word>span{color:#b28fae}
.product-now .concept-tag,.product-now .detail-hero-foot{color:#6a8682}
.product-now .detail-intro{background:#f5f9f3;border-block:1px solid #e6ebdf}
.product-now .detail-intro h2{font-weight:830;color:#2b4544}
.product-now .detail-intro .section-number{color:#73928b}
.product-now .feature-section{background:#fffefa}
.product-now .features-heading h2{color:#29433f}
.product-now .feature-story-track .feature-copy h3{color:#34534b!important}
.product-now .feature-story-track .feature-stage{background:linear-gradient(150deg,#f2f8ed,#f9f2fa);border-color:#e5e9de}
.product-now .feature-story-track .feature-stage::before{border-color:#d9e5db}
.product-now .feature-story-track .feature-no{color:#71938c}
.product-now .feature-story-progress{color:#416c65}
.product-now .feature-progress-bars i::before{background:#6e9b92}
.product-now .detail-outro{background:linear-gradient(120deg,#ecf4ec,#f7f0f6);color:#314d47}
.product-now .detail-outro h2{color:#29413b}
.product-now .detail-outro .section-number{color:#668980}
.product-now .detail-outro-inner>p{color:#687d78}
.product-now .other-product-link{border-color:#d3dfd5;color:#5d7a72}
.product-now .other-product-link strong{color:#365e59}
.product-now .footer{background:#f5f8f1}
.product-now .footer-bottom{border-color:#e0e7de}
.product-now .product-extra{background:#fffdf9}
.product-now .product-extra .extra-grid article{border-color:#e0e8df}
.product-now .product-extra .extra-index{color:#6a958d}
.product-now .product-extra .extra-grid h3{color:#34534d}
.product-now .product-banner{background:linear-gradient(110deg,#e8f1e4,#eee8f5);color:#304f4b}
.product-now .product-banner h2{color:#304f4b}
.product-now .product-banner p{color:#63827c}
.product-now .product-banner a{border-color:#7da69c;color:#345e58}
/* Extra informative product chapters; no fabricated app performance or launch dates. */
.product-extra{padding:clamp(90px,10vw,145px) 0;border-top:1px solid #e4e9ea}
.product-extra h2{font-size:clamp(42px,4.8vw,71px);font-weight:860;letter-spacing:-.083em;line-height:1.16;margin:22px 0}
.product-extra>div>p{max-width:640px;color:#6d7e89;line-height:1.85;font-size:16px}
.extra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:60px}
.extra-grid article{border-top:2px solid #b4c4d0;padding-top:24px}
.extra-index{font-size:12px;font-weight:800;letter-spacing:.1em;color:#4f7096}
.extra-grid h3{font-size:clamp(25px,2.8vw,38px);font-weight:840;letter-spacing:-.07em;margin:30px 0 14px}
.extra-grid p{color:#75808a;font-size:14px;line-height:1.8;margin:0}
.product-banner{padding:clamp(90px,10vw,145px) 0}
.product-banner h2{font-size:clamp(43px,5.2vw,76px);line-height:1.15;font-weight:860;letter-spacing:-.084em;margin:18px 0 26px}
.product-banner p{font-size:16px;line-height:1.8;max-width:580px}
.product-banner a{margin-top:30px;display:inline-flex;gap:20px;padding:0 0 12px;border-bottom:1px solid;font-weight:800}
.product-banner .eyebrow{color:inherit;opacity:.72}
@media(max-width:900px){
 .product-voca .detail-hero-art::before,.product-now .detail-hero-art::before{inset:4% 3% 4%}
 .extra-grid{grid-template-columns:1fr}
 .extra-grid article{padding:20px 0;border-top:1px solid}
}
@media(max-width:760px){
 .product-voca .site-header .menu-toggle{background:#163866;border-color:rgba(255,255,255,.35)}
 .product-voca .site-header .menu-toggle span{background:#fff}
 .product-voca .site-header .main-nav{background:#102b56;border-color:#29496e}
 .product-voca .detail-hero h1,.product-now .detail-hero h1{font-size:clamp(42px,10vw,65px)}
 .product-voca .detail-hero-logo{right:6%;top:6%}
 .product-now .detail-hero-logo{right:6%;top:6%}
 .product-extra{padding:88px 0}
 .product-extra h2{font-size:clamp(40px,9vw,58px)}
 .product-banner{padding:90px 0}
}