/* Product pages: supplied navy, blue, orange and violet palette. */
.tech-hero { position:relative; overflow:hidden; color:#fff; background:radial-gradient(ellipse at 92% 30%,#6d4cff38,transparent 52%),linear-gradient(115deg,#002c5f,#071a51); }
.tech-hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.13; background-image:linear-gradient(#688cff42 1px,transparent 1px),linear-gradient(90deg,#688cff42 1px,transparent 1px); background-size:68px 68px; mask-image:linear-gradient(90deg,transparent,#000); }
.tech-hero-grid { position:relative; display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:70px; padding-block:76px 58px; }
.tech-kicker { display:inline-flex; align-items:center; gap:10px; color:#c9d5ff; font-size:11px; font-weight:750; letter-spacing:1.65px; }
.status-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#ff941e; box-shadow:0 0 0 5px #ff941e16; flex-shrink:0; }
.tech-hero h1 { font-size:clamp(43px,4.6vw,70px); line-height:1.08; letter-spacing:-2.9px; margin:24px 0; color:#fff; }
.tech-hero h1>span { color:#ff922a; }
.tech-hero-copy>p { color:#c3d1e8; font-size:18px; line-height:1.8; max-width:500px; }
.tech-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:28px; }
.hero-feature-list { display:grid; gap:12px; list-style:none; padding:0; margin:24px 0 0; max-width:510px; }
.hero-feature-list li { display:flex; align-items:flex-start; gap:10px; font-size:13px; line-height:1.65; color:#becfea; }
.hero-feature-list li>.icon { flex-shrink:0; color:#ffa23d; margin-top:3px; }
.hero-feature-list strong { color:#edf3ff; font-weight:650; }
.button-accent { color:#132b4a; background:var(--brand-orange); }
.button-accent:hover { background:#ff9a32; box-shadow:0 7px 24px #ff6a0025; }
.button-glass { color:#fff; border:1px solid #ffffff40; background:#ffffff07; }
.button-glass:hover { border-color:#ffffff8c; background:#ffffff12; }
.hero-offer { display:flex; flex-wrap:wrap; align-items:center; gap:15px; margin-top:32px; border-top:1px solid #ffffff20; padding-top:23px; }
.hero-offer>span { font-size:9px; font-weight:800; letter-spacing:.9px; line-height:1.7; color:#c5d5f3; }
.hero-offer>span small { letter-spacing:0; font-size:12px; font-weight:400; }
.hero-offer>strong { font-size:35px; letter-spacing:-1.5px; line-height:1.2; }
.hero-offer sup { font-size:21px; }
.hero-offer strong small { font-size:13px; letter-spacing:0; color:#becce8; font-weight:400; padding-left:3px; }
.hero-offer>a { display:inline-flex; align-items:center; gap:8px; font-size:11px; text-decoration:underline; text-underline-offset:4px; color:#e0e8ff; }
.tech-product-visual { position:relative; min-width:0; max-width:465px; width:100%; justify-self:end; }
.app-showcase { margin:0; position:relative; overflow:hidden; border:1px solid #ffffff35; border-radius:22px; background:#071957; box-shadow:0 28px 75px #00000025; }
.showcase-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:17px 21px; color:#ccd8ff; font-size:9px; font-weight:700; letter-spacing:1px; }
.showcase-heading>span:first-child { display:flex; align-items:center; gap:7px; color:#fff; font-size:11px; }
.app-showcase figcaption { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:17px 21px; color:#d3def8; font-size:10px; }
.app-showcase figcaption>span { display:flex; align-items:center; gap:10px; }
.app-showcase figcaption strong { border:1px solid #ffffff30; border-radius:6px; padding:2px 8px; color:#fff; font-weight:500; }
.hero-product-note { display:flex; align-items:center; gap:14px; position:absolute; left:-42px; bottom:68px; padding:13px 19px; border:1px solid #ffffff65; background:#fffffff5; border-radius:13px; color:var(--primary); box-shadow:0 12px 35px #00133024; animation:product-float 6s ease-in-out infinite; }
.hero-product-note p { font-size:11px; line-height:1.6; margin:0; color:#63718a; }
.hero-product-note strong { color:var(--navy); font-size:12px; }
.hero-product-note>.icon:last-child { color:var(--violet); margin-left:16px; }
.tech-trustbar { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; border-top:1px solid #ffffff20; padding-block:24px; }
.tech-trustbar>span { display:flex; gap:12px; align-items:center; justify-content:center; font-size:12px; color:#d2dff5; }
.tech-trustbar .icon { color:#9ab6ff; width:20px; }
.main-nav { gap:25px; }
.announcement { background:#003fb3; }
@keyframes product-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }
@media(max-width:1100px) { .tech-hero-grid{gap:38px} .main-nav{gap:16px} .nav-link{font-size:12px} .nav-cta{padding-inline:17px;margin-left:0} .hero-product-note{left:-15px} }
@media(max-width:900px) { .tech-hero h1{font-size:48px;letter-spacing:-2px} .tech-hero-grid{gap:25px;padding-block:50px 40px} .tech-hero-copy>p{font-size:16px} .tech-trustbar{grid-template-columns:repeat(2,1fr)} .tech-actions .button{font-size:12px;padding:13px 17px} .hero-product-note{bottom:58px;padding:10px 14px} }
@media(max-width:700px) { .tech-hero-grid{grid-template-columns:1fr;gap:40px;padding-top:42px} .tech-hero h1{font-size:clamp(40px,10.8vw,62px);letter-spacing:-1.9px} .tech-kicker{font-size:9px;letter-spacing:1px} .tech-product-visual{justify-self:center;max-width:390px} .hero-product-note{left:-6px} .tech-trustbar{gap:17px 10px;padding-block:23px} .tech-trustbar>span{justify-content:flex-start;font-size:10px;gap:8px} .tech-trustbar .icon{width:17px} .main-nav{gap:8px} .main-nav .nav-link{font-size:15px} .hero-offer>a{font-size:11px} .tech-actions .button{font-size:13px} .hero-offer{gap:12px} .showcase-heading{padding:14px 17px} }
@media(prefers-reduced-motion:reduce) { .hero-product-note{animation:none} }

/* Product overview and module cards. */
.text-blue { color:var(--primary); }
.product-sheet { display:flex; align-items:center; flex-wrap:wrap; gap:16px; padding-block:0 35px; color:var(--primary); font-size:14px; }
.product-sheet>span { color:var(--muted); }
.product-sheet .text-link { font-size:13px; }
.product-overview { background:#fff; }
.module-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.module-card { display:flex; flex-direction:column; padding:27px 25px; border:1px solid var(--line); border-radius:15px; background:#fff; transition:transform .25s,border-color .25s,box-shadow .25s; min-width:0; }
.module-card:hover { transform:translateY(-6px); border-color:#a8bcec; box-shadow:none; }
.module-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:25px; }
.module-top>span:last-child { color:#8491a9; font-size:10px; letter-spacing:1px; font-weight:650; }
.module-card:nth-child(3n+2) .feature-icon { background:#fff0e5; color:#c65200; }
.module-card:nth-child(3n) .feature-icon { background:#f0ecff; color:#6d4cff; }
.module-card h3 { font-size:18px; letter-spacing:-.45px; line-height:1.3; margin:0 0 12px; }
.module-card p { font-size:14px; line-height:1.65; color:var(--muted); margin:0 0 22px; }
.module-link { display:flex; align-items:center; justify-content:space-between; color:var(--primary); font-size:11px; font-weight:700; margin-top:auto; }
.mobile-module { background:linear-gradient(140deg,#003fb3,#452cb0); color:#fff; border-color:transparent; }
.mobile-module h3,.mobile-module .module-link { color:#fff; }
.mobile-module p,.mobile-module .module-top>span:last-child { color:#d7deff; }
.mobile-module .feature-icon { color:#fff!important; background:#ffffff20!important; }
.cloud-section { background:var(--surface); }
.cloud-grid { display:grid; grid-template-columns:1fr 1.05fr; align-items:center; gap:65px; }
.cloud-copy>p,.mobile-home-copy>p { margin:21px 0; font-size:16px; max-width:500px; }
.benefit-stack { display:grid; gap:21px; margin:30px 0; }
.benefit-stack>div { display:flex; align-items:flex-start; gap:16px; }
.benefit-stack>div>.icon { flex-shrink:0; color:var(--primary); margin-top:4px; width:22px; }
.benefit-stack p { display:grid; gap:4px; margin:0; }
.benefit-stack strong { font-size:14px; color:var(--navy); }
.benefit-stack p>span { font-size:13px; color:var(--muted); }
.cloud-dashboard { position:relative; min-width:0; padding:20px 8px; }
.cloud-dashboard .dashboard-window { transform:rotate(-1.5deg); }
.mobile-home-section { background:radial-gradient(ellipse at 15% 40%,#ece8ff,transparent 50%),#fff; }
.mobile-home-grid { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:100px; }
.mobile-home-visual { max-width:390px; width:100%; justify-self:center; }
.mobile-home-visual .product-gallery.is-compact { box-shadow:none; }
.mobile-home-copy>.button:hover { box-shadow:none; }
.mobile-highlights { display:grid; gap:22px; margin:28px 0; }
.mobile-highlights>div { position:relative; padding-left:44px; }
.mobile-highlights .icon { position:absolute; left:0; top:3px; color:var(--violet); }
.mobile-highlights strong { display:block; font-size:15px; }
.mobile-highlights p { margin:3px 0 0; font-size:14px; }

/* Annual promotion. */
.annual-offer-section { background:var(--surface); padding:70px 0; }
.annual-offer { display:grid; grid-template-columns:1.05fr 1fr; gap:70px; padding:54px 64px; border:1px solid #ffe0c4; border-radius:24px; background:linear-gradient(115deg,#fff6ed,#fff 78%); position:relative; overflow:hidden; }
.annual-offer::before { content:""; position:absolute; left:0; top:0; bottom:0; width:5px; background:var(--accent); }
.offer-label { display:inline-flex; align-items:center; gap:8px; font-size:10px; line-height:1.5; color:#a83f00; font-weight:800; letter-spacing:.9px; }
.annual-copy h2 { font-size:37px; letter-spacing:-1.4px; line-height:1.19; margin:22px 0; }
.annual-copy h2>span { color:var(--primary); }
.annual-copy>p { font-size:15px; }
.offer-price { display:grid; margin:24px 0; }
.offer-price>span { font-size:12px; color:var(--muted); }
.offer-price strong { font-size:39px; letter-spacing:-1.3px; line-height:1.4; }
.offer-price small { font-size:15px; font-weight:400; letter-spacing:0; margin-left:4px; }
.annual-benefits { position:relative; padding-top:2px; }
.promo-icon { position:absolute; right:0; top:0; color:var(--accent); }
.annual-benefits h3 { font-size:20px; margin:4px 42px 18px 0; }
.annual-benefits .check-list { margin:15px 0 25px; }
.annual-benefits .check-list li { font-size:14px; }
.offer-terms { font-size:11px!important; line-height:1.7; color:#6b7280; margin:15px 0 0!important; }
.equipment-home .equipment-panel { margin:0; }
.process-section { border-top:1px solid var(--line); }
.process-step>span { border-radius:10px; }
.faq-section { background:var(--surface); }
.faq-list details { background:#fff; border:1px solid var(--line); padding:0 22px; border-radius:10px; margin-bottom:12px; }
.faq-list details[open] { border-color:#b6c6ef; box-shadow:0 6px 18px #003fb306; }
.faq-list summary { font-size:15px; }
.faq-list details>p { font-size:14px; }
.cta-panel { border-radius:23px; }

/* Dedicated Android application page. */
.app-page-hero .breadcrumb,.app-page-hero .breadcrumb a { color:#bbcce8; }
.app-page-hero .tech-hero-grid { padding-top:45px; }
.app-page-hero h1 { margin-top:20px; }
.app-page-hero .tech-hero-copy .app-platform-note { display:flex; align-items:center; gap:9px; font-size:12px; color:#bdcdea; margin:22px 0 0; }
.app-feature-grid,.plan-value-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.app-feature { padding:32px; border:1px solid var(--line); border-radius:17px; background:#fff; transition:transform .25s,box-shadow .25s; }
.app-feature:hover { transform:translateY(-5px); box-shadow:0 15px 32px #002c5f0d; }
.app-feature:nth-child(3n+2) .feature-icon { color:#c34d00; background:#fff0e7; }
.app-feature:nth-child(3n) .feature-icon { color:var(--violet); background:#efebff; }
.app-feature h3 { font-size:20px; line-height:1.35; margin:24px 0 12px; letter-spacing:-.4px; }
.app-feature p { font-size:15px; margin:0; }
.app-feature .text-link { margin-top:24px; font-size:13px; }
.mobile-workflow-section { background:var(--surface); }
.mobile-workflow { list-style:none; display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin:0; padding:0; }
.mobile-workflow li { padding:25px 0; border-top:2px solid #cbd8f0; position:relative; }
.workflow-number { display:block; font-size:12px; color:var(--primary); font-weight:750; margin-bottom:30px; }
.mobile-workflow li>.icon { position:absolute; right:3px; top:23px; color:var(--primary); }
.mobile-workflow h3 { font-size:19px; line-height:1.3; margin:0 0 13px; }
.mobile-workflow p { font-size:14px; margin:0; }
.connected-tools { display:grid; grid-template-columns:1fr 1fr; gap:28px; }
.connected-tool { padding:40px; background:#f3f6fb; border:1px solid #e0e7f5; border-radius:20px; }
.connected-tool>.feature-icon { margin-bottom:28px; }
.connected-tool>.eyebrow { display:block; font-size:10px; }
.connected-tool h2 { font-size:33px; letter-spacing:-1.1px; margin:17px 0; line-height:1.2; }
.connected-tool>p { font-size:15px; }
.connected-tool small { display:block; font-size:11px; color:var(--muted); margin-top:20px; }
.barcode-tool { background:#f6f3ff; border-color:#e4dcff; }
.barcode-tool>.feature-icon { background:#e7e0ff; color:var(--violet); }
.barcode-tool .eyebrow { color:#6141d9; }
.compatibility-tags { display:flex; flex-wrap:wrap; gap:8px; margin:25px 0; }
.compatibility-tags span { background:#fff; border:1px solid #dbe3f0; padding:6px 13px; border-radius:7px; font-size:12px; font-weight:700; color:var(--primary); }
.scan-flow { display:flex; align-items:center; gap:13px; justify-content:space-between; margin:30px 0; color:var(--violet); }
.scan-flow>span { display:grid; justify-items:center; gap:9px; font-size:12px; }
.scan-flow>.icon { flex-shrink:0; width:16px; }

/* Detailed system modules. */
.system-hero { padding-bottom:0; background:radial-gradient(ellipse at 92% 10%,#eae4ff,transparent 52%),#f3f6fb; }
.system-hero h1 { max-width:930px; font-size:54px; }
.system-facts { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #dbe3f0; padding:28px 0; margin-top:42px; max-width:850px; gap:25px; }
.system-facts>span { display:grid; gap:4px; font-size:12px; color:#6b7280; }
.system-facts strong { font-size:24px; letter-spacing:-.7px; color:var(--primary); }
.solution-nav>.container { overflow-x:auto; gap:28px; scrollbar-width:thin; }
.solution-nav a { white-space:nowrap; }
.system-module { scroll-margin-top:155px; }
.system-module:nth-child(even) { background:var(--surface); }
.system-module-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:90px; }
.system-module:nth-child(even) .system-module-copy { order:2; }
.system-module-copy h2 { font-size:39px; letter-spacing:-1.4px; line-height:1.2; max-width:450px; }
.system-module-copy>p { font-size:16px; margin:22px 0; }
.system-module-copy .eyebrow { font-size:10px; }
.system-module-copy .text-link { font-size:13px; }
.module-detail-panel { border:1px solid #dfe7f4; border-radius:20px; background:#fff; padding:32px; box-shadow:0 15px 40px #002c5f07; }
.module-detail-heading { display:flex; align-items:center; gap:17px; padding-bottom:24px; border-bottom:1px solid var(--line); }
.module-detail-heading>div>span { font-size:9px; letter-spacing:1.2px; color:#7887a4; }
.module-detail-heading h3 { font-size:18px; margin:3px 0 0; line-height:1.4; }
.module-detail-panel ul { display:grid; gap:20px; margin:25px 0; padding:0; list-style:none; }
.module-detail-panel li { display:flex; align-items:flex-start; gap:12px; font-size:14px; }
.module-detail-panel li>.icon { flex-shrink:0; color:var(--primary); margin-top:3px; }
.module-detail-footer { padding-top:20px; border-top:1px solid var(--line); color:#6b7280; display:flex; align-items:center; gap:9px; font-size:11px; }
.platform-section { background:var(--primary-deep); color:#fff; }
.platform-section h2 { color:#fff; }
.platform-section .eyebrow { color:#bbadff; }
.platform-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:28px; }
.platform-grid article { border-top:1px solid #ffffff35; padding-top:30px; }
.platform-grid article>.icon { color:#ff9a33; }
.platform-grid h3 { color:#fff; font-size:19px; margin:22px 0 12px; }
.platform-grid p { color:#c0d0e6; font-size:14px; margin:0; }

/* One clear, supplied offer replaces the earlier placeholder plan tiers. */
.pricing-hero { background:#f3f6fb; padding-bottom:150px; }
.pricing-section { margin-top:-105px; position:relative; }
.pricing-layout { display:grid; grid-template-columns:1fr .9fr; gap:28px; align-items:start; max-width:1030px; }
.unlimited-plan { background:linear-gradient(135deg,#002c5f,#003a9e); color:#fff; border:1px solid #124ca4; padding:38px; border-radius:23px; box-shadow:0 16px 40px #002c5f18; }
.plan-topline { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.plan-topline span:first-child { display:flex; align-items:center; gap:7px; color:#ffad55; font-size:11px; font-weight:750; }
.plan-topline span:last-child { color:#c2d2f0; font-size:8px; letter-spacing:.4px; }
.unlimited-plan h2 { color:#fff; font-size:36px; line-height:1.15; letter-spacing:-1px; margin:27px 0 17px; }
.unlimited-plan>p { color:#c9d8f1; font-size:15px; }
.unlimited-price { margin:27px 0; display:flex; flex-direction:column; align-items:flex-start; }
.unlimited-price>span:first-child { font-size:12px; color:#c1d2ed; }
.unlimited-price>strong { font-size:68px; line-height:1.2; letter-spacing:-3px; }
.unlimited-price sup { font-size:36px; }
.unlimited-price small { font-size:16px; letter-spacing:0; font-weight:400; margin-left:4px; }
.annual-saving { display:inline-flex; color:#ffd0a0; background:#ffffff12; border:1px solid #ffffff25; padding:5px 12px; border-radius:6px; font-size:11px; margin-top:10px; }
.unlimited-plan>.button { width:100%; justify-content:space-between; }
.unlimited-plan>.pricing-note { font-size:11px; margin:13px 0 25px; }
.unlimited-list { list-style:none; margin:0; padding:25px 0 0; border-top:1px solid #ffffff30; display:grid; gap:15px; }
.unlimited-list li { display:flex; align-items:center; gap:12px; font-size:14px; }
.unlimited-list .icon { color:#ffa040; }
.plan-extras { display:grid; gap:24px; }
.annual-gift-card { background:#fff8f1; padding:34px; border:1px solid #ffe1c6; border-radius:23px; }
.annual-gift-card h2 { font-size:40px; line-height:1.13; margin:22px 0 17px; }
.annual-gift-card h2>span { color:#bc4a00; }
.annual-gift-card>p { font-size:15px; }
.plan-support-card { display:flex; align-items:flex-start; gap:18px; padding:28px; border:1px solid var(--line); border-radius:20px; background:#fff; }
.plan-support-card>.feature-icon { flex-shrink:0; }
.plan-support-card h3 { font-size:18px; margin:0 0 10px; line-height:1.4; }
.plan-support-card p { font-size:13px; margin:0 0 16px; }
.plan-support-card .text-link { font-size:12px; }

/* Consistent navigation and responsive reading across all routes. */
@media(min-width:701px) and (max-width:820px) { .main-nav{gap:10px} .nav-cta{padding:10px;font-size:11px;gap:6px} .nav-link{font-size:11px} .brand.brand-official img{width:108px} }
@media(max-width:1100px) { .module-grid{gap:14px} .module-card{padding:23px 20px} .cloud-grid{gap:40px;grid-template-columns:1fr 1fr} .mobile-home-grid{gap:55px} .annual-offer{gap:45px;padding:42px} .system-module-grid{gap:55px} .module-card h3{font-size:17px} .app-feature{padding:26px} }
@media(max-width:900px) { .module-grid{grid-template-columns:repeat(2,1fr)} .cloud-grid{grid-template-columns:1fr;gap:40px} .cloud-copy{max-width:650px} .cloud-dashboard{max-width:580px;width:100%;margin-inline:auto} .mobile-home-grid{gap:35px;grid-template-columns:.9fr 1.1fr} .mobile-home-copy h2{font-size:33px} .annual-offer{padding:32px;gap:30px} .annual-copy h2{font-size:31px} .promo-icon{display:none} .annual-benefits h3{margin-right:0} .app-feature-grid{grid-template-columns:repeat(2,1fr)} .mobile-workflow{grid-template-columns:repeat(2,1fr)} .connected-tool{padding:30px} .connected-tool h2{font-size:28px} .system-module-grid{gap:35px} .system-module-copy h2{font-size:32px} .module-detail-panel{padding:25px} .platform-grid{grid-template-columns:repeat(2,1fr)} .pricing-layout{grid-template-columns:1fr .95fr;gap:22px} .unlimited-plan{padding:28px} .annual-gift-card{padding:27px} .plan-value-grid{gap:16px} .plan-value-grid .app-feature{padding:23px} .system-hero h1{font-size:45px} }
@media(max-width:700px) { .section{padding-block:62px} .module-grid{gap:12px} .module-card{padding:21px 17px} .module-top{margin-bottom:19px} .module-card h3{font-size:16px} .module-card p{font-size:13px;margin-bottom:20px} .module-link{font-size:10px} .module-top>span:last-child{font-size:8px} .module-card .feature-icon{width:40px;height:40px} .cloud-copy h2{font-size:32px} .mobile-home-grid{grid-template-columns:1fr;gap:38px} .mobile-home-copy{order:-1} .mobile-home-copy h2{font-size:34px} .mobile-home-visual{max-width:360px} .cloud-dashboard{padding-inline:5px} .annual-offer-section{padding:42px 0} .annual-offer{grid-template-columns:1fr;padding:32px 25px;gap:35px;border-radius:18px} .annual-copy h2{font-size:32px} .annual-copy .button{font-size:13px} .annual-benefits{padding-top:28px;border-top:1px solid #f2ddc9} .offer-label{font-size:9px;letter-spacing:.4px} .annual-benefits h3{font-size:20px} .annual-benefits .check-list li{font-size:13px} .offer-price strong{font-size:38px} .faq-list details{padding-inline:18px} .faq-list summary{font-size:14px} .app-feature-grid,.plan-value-grid,.connected-tools{grid-template-columns:1fr} .app-feature{padding:27px} .app-feature h3{font-size:20px;margin-top:20px} .mobile-workflow{gap:22px} .mobile-workflow h3{font-size:17px} .mobile-workflow p{font-size:13px} .connected-tool{padding:28px} .connected-tool h2{font-size:29px} .system-hero h1{font-size:38px;letter-spacing:-1.5px} .system-hero .tech-actions .button{font-size:12px} .system-facts{gap:15px;margin-top:32px} .system-facts strong{font-size:21px} .system-facts>span{font-size:10px} .system-module-grid{grid-template-columns:1fr;gap:29px} .system-module:nth-child(even) .system-module-copy{order:0} .system-module-copy h2{font-size:32px} .module-detail-panel{padding:25px} .platform-grid{gap:28px 23px} .platform-grid h3{font-size:17px} .platform-grid p{font-size:13px} .platform-section .section-heading .button{margin-top:22px} .pricing-hero{padding-bottom:120px} .pricing-hero h1{font-size:39px} .pricing-section{margin-top:-75px} .pricing-layout{grid-template-columns:1fr;max-width:480px} .unlimited-plan{padding:29px} .unlimited-plan h2{font-size:35px} .unlimited-price>strong{font-size:68px} .annual-gift-card{padding:29px} .plan-value-grid{gap:20px} .plan-topline span:first-child{font-size:10px} .plan-topline span:last-child{font-size:7px} .system-module{scroll-margin-top:130px} }
@media(max-width:360px) { .module-grid{grid-template-columns:1fr} .platform-grid{grid-template-columns:1fr} .tech-actions .button{width:100%;justify-content:center} .plan-topline{flex-wrap:wrap} .unlimited-price>strong{font-size:59px} }
@media(prefers-reduced-motion:reduce) { .module-card,.app-feature{transition:none} .module-card:hover,.app-feature:hover{transform:none} }

/* Complete studio artwork: never enlarge or crop the image inside its frame. */
.tech-hero-grid { grid-template-columns:1fr 1.1fr; gap:55px; }
.tech-hero h1 { font-size:clamp(43px,4.15vw,62px); letter-spacing:-2.4px; }
.tech-product-visual { max-width:620px; }
.professional-showcase { background:#081d50; border-color:#526fa765; box-shadow:0 28px 80px #00102950,0 0 45px #6d4cff14; transition:transform .35s,box-shadow .35s; }
.professional-showcase:hover { transform:translateY(-5px); box-shadow:0 32px 85px #00102965,0 0 45px #6d4cff27; }
.professional-showcase .showcase-heading { padding:20px 23px; border-bottom:1px solid #ffffff16; }
.product-artwork { background:#081d50; }
.product-artwork img { display:block; position:static; width:100%; max-width:100%; height:auto; aspect-ratio:3 / 2; object-fit:contain; }
.showcase-capabilities { display:grid; grid-template-columns:repeat(3,1fr); gap:0; border-top:1px solid #ffffff20; margin:0 22px; padding-block:21px; }
.showcase-capabilities>span { display:grid; justify-items:center; gap:5px; text-align:center; padding:0 8px; }
.showcase-capabilities>span+span { border-left:1px solid #ffffff20; }
.showcase-capabilities .icon { color:#ff9a31; margin-bottom:4px; }
.showcase-capabilities>span:nth-child(2) .icon { color:#c2acff; }
.showcase-capabilities strong { color:#fff; font-size:12px; font-weight:650; }
.showcase-capabilities small { color:#b3c4e8; font-size:10px; }
.professional-showcase figcaption { border-top:1px solid #ffffff15; padding:15px 22px; color:#c5d4ef; font-size:10px; }
.professional-showcase figcaption>small { font-size:9px; color:#a4b7d8; white-space:nowrap; }
.hero-connected-note { display:flex; align-items:center; gap:15px; margin:20px 0 0; padding:18px 22px; border:1px solid #658ce14d; border-radius:13px; background:linear-gradient(110deg,#ffffff09,#6d4cff16); }
.connected-symbol { display:grid; place-items:center; flex-shrink:0; width:40px; height:40px; background:#688cff20; color:#c0d1ff; border-radius:12px; animation:connected-glow 4s ease-in-out infinite; }
.hero-connected-note p { display:grid; gap:3px; margin:0; }
.hero-connected-note strong { color:#fff; font-size:14px; }
.hero-connected-note p>span { color:#bed0ed; font-size:11px; }
.mobile-home-grid { grid-template-columns:1.05fr 1fr; gap:65px; }
.mobile-home-visual { max-width:560px; }
@keyframes connected-glow { 0%,100%{box-shadow:0 0 0 0 #a6b4ff00} 50%{box-shadow:0 0 0 6px #a6b4ff0d} }

/* Accessible feature explorer: useful content remains visible without scripts. */
.product-explorer-section { background:var(--surface); }
.product-topic-tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:22px; }
.product-topic-tabs[hidden],.product-topic-panel[hidden] { display:none; }
.product-topic-tabs button { display:flex; align-items:center; justify-content:flex-start; gap:12px; padding:19px 17px; border:1px solid #dce4f3; border-radius:12px; background:#fff; color:#476081; font:inherit; font-size:13px; font-weight:650; text-align:left; cursor:pointer; transition:background .2s,color .2s,border-color .2s; }
.product-topic-tabs button>.icon { flex-shrink:0; }
.product-topic-tabs button>.icon:last-child { margin-left:auto; opacity:.6; }
.product-topic-tabs button:hover { color:var(--primary); border-color:#9db5e9; background:#f9fbff; }
.product-topic-tabs button[aria-selected="true"] { color:#fff; background:var(--primary); border-color:var(--primary); box-shadow:0 6px 18px #003fb31c; }
.product-topic-tabs button[aria-selected="true"]>.icon:first-child { color:#ffb66c; }
.product-topic-panel { display:grid; grid-template-columns:1.1fr .9fr; gap:60px; padding:42px; background:#fff; border:1px solid #dce4f3; border-radius:20px; margin-bottom:20px; }
.product-topic-panel:not([hidden]) { animation:topic-enter .3s ease-out; }
.topic-content>.eyebrow { color:#6b4bd2; font-size:10px; }
.topic-content h3 { margin:20px 0 17px; font-size:32px; line-height:1.25; letter-spacing:-.9px; color:var(--navy); max-width:500px; }
.topic-content>p { font-size:15px; margin:0 0 24px; }
.topic-features { display:grid; gap:13px; list-style:none; margin:0 0 26px; padding:0; }
.topic-features li { display:flex; align-items:flex-start; gap:10px; font-size:13px; line-height:1.5; }
.topic-features .icon { flex-shrink:0; color:var(--primary); margin-top:2px; }
.topic-content .text-link { font-size:13px; }
.topic-result { align-self:stretch; background:linear-gradient(140deg,#f2f6ff,#f8f5ff); border:1px solid #e3e6f7; border-radius:16px; padding:27px; }
.topic-result-top { display:flex; align-items:center; gap:14px; margin-bottom:24px; }
.topic-result-top>span:last-child { font-size:9px; letter-spacing:.7px; color:#6d7893; font-weight:700; }
.topic-result-top .feature-icon { background:#fff; color:var(--primary); }
.topic-result ol { display:grid; gap:11px; list-style:none; margin:0 0 25px; padding:0; }
.topic-result li { display:flex; align-items:center; gap:13px; padding:13px 15px; background:#fff; border:1px solid #e4e9f5; border-radius:9px; }
.topic-result li>span { color:#8a94ad; font-size:10px; font-weight:650; }
.topic-result li>strong { color:var(--navy); font-size:12px; font-weight:650; }
.topic-result li>.icon { color:var(--primary); margin-left:auto; flex-shrink:0; }
.topic-result h4 { font-size:19px; color:var(--navy); line-height:1.45; letter-spacing:-.4px; margin:0 0 10px; }
.topic-result>p { font-size:12px; color:#65728c; margin:0 0 20px; }
.topic-platforms { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:10px; color:var(--primary); border-top:1px solid #dce3f3; padding-top:16px; }
.topic-platforms>span { color:#8996af; margin-inline:3px; }
.explorer-demo { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:13px 0 0; font-size:13px; }
.explorer-demo>span { display:flex; align-items:center; flex-wrap:wrap; gap:8px; color:var(--muted); }
.explorer-demo>span>.icon { color:var(--violet); }
.explorer-demo strong { color:var(--navy); font-weight:600; }
.explorer-demo>a { display:inline-flex; align-items:center; gap:12px; color:var(--primary); font-size:12px; font-weight:700; white-space:nowrap; }
@keyframes topic-enter { from{opacity:.25;transform:translateY(5px)} to{opacity:1;transform:translateY(0)} }

.mobile-readiness-section { background:#fff; }
.readiness-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:23px; }
.readiness-grid>article { display:flex; align-items:flex-start; flex-direction:column; padding:29px; background:#f3f6fb; border:1px solid #e1e7f3; border-radius:16px; }
.readiness-grid h3 { font-size:21px; margin:23px 0 12px; line-height:1.3; letter-spacing:-.4px; }
.readiness-grid p { font-size:14px; margin:0 0 24px; }
.readiness-label { margin-top:auto; font-size:9px; font-weight:700; letter-spacing:.8px; color:#6e7c93; }
.readiness-grid .text-link { margin-top:auto; font-size:12px; }
.readiness-grid>article:nth-child(2) .feature-icon { color:var(--violet); background:#eee8ff; }
.readiness-grid>article:nth-child(3) .feature-icon { color:#bd4c00; background:#ffead9; }
@media(max-width:1100px) { .tech-hero-grid{gap:35px} .tech-hero h1{font-size:53px} .product-topic-panel{gap:35px;padding:32px} .product-topic-tabs button{padding:17px 13px;gap:8px;font-size:12px} .product-topic-tabs button>.icon:last-child{display:none} .topic-result{padding:23px} .mobile-home-grid{gap:40px} }
@media(max-width:900px) { .tech-hero h1{font-size:45px;letter-spacing:-1.8px} .hero-feature-list li{font-size:12px} .hero-connected-note{padding:15px;gap:10px} .hero-connected-note strong{font-size:12px} .hero-connected-note p>span{font-size:10px} .professional-showcase .showcase-heading{padding:16px;font-size:8px} .professional-showcase .showcase-heading>span:first-child{font-size:9px} .showcase-capabilities{margin-inline:12px;padding-block:18px} .showcase-capabilities strong{font-size:10px} .showcase-capabilities small{font-size:8px} .professional-showcase figcaption{padding-inline:15px;font-size:9px;gap:8px} .professional-showcase figcaption>small{font-size:8px} .professional-showcase figcaption .status-dot{width:5px;height:5px} .professional-showcase figcaption>span{gap:7px} .product-topic-panel{grid-template-columns:1fr 1fr;gap:25px;padding:26px} .topic-content h3{font-size:28px} .topic-result{padding:20px} .topic-result li{padding:12px 10px;gap:8px} .topic-result li>strong{font-size:11px} .topic-result-top{gap:9px} .topic-result-top>span:last-child{font-size:8px} .explorer-demo{align-items:flex-start} .readiness-grid{gap:16px} .readiness-grid>article{padding:23px} }
@media(max-width:700px) { .tech-hero-grid{grid-template-columns:1fr;gap:35px} .tech-hero h1{font-size:clamp(40px,10.8vw,58px);letter-spacing:-1.9px} .hero-feature-list{gap:11px;margin-top:20px} .hero-feature-list li{font-size:12px} .tech-product-visual{max-width:520px} .professional-showcase{border-radius:17px} .professional-showcase .showcase-heading{font-size:8px;padding:16px} .professional-showcase .showcase-heading>span:first-child{font-size:10px} .showcase-capabilities strong{font-size:11px} .showcase-capabilities small{font-size:9px} .showcase-capabilities{padding-block:18px} .professional-showcase figcaption{padding:14px;font-size:8px} .professional-showcase figcaption>small{font-size:7px} .hero-connected-note{margin-top:14px;padding:15px} .hero-connected-note strong{font-size:12px} .hero-connected-note p>span{font-size:10px} .mobile-home-grid{grid-template-columns:1fr;gap:30px} .mobile-home-visual{max-width:520px} .product-topic-tabs{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:17px} .product-topic-tabs button{min-height:61px;font-size:12px;padding:13px 11px} .product-topic-tabs button>.icon:first-child{width:18px} .product-topic-panel{grid-template-columns:1fr;padding:25px 21px;gap:27px;border-radius:16px} .topic-content h3{font-size:29px;letter-spacing:-.6px;margin-top:15px} .topic-content>p{font-size:14px} .topic-features li{font-size:12px} .topic-content>.eyebrow{font-size:9px} .topic-result{padding:22px} .topic-result li>strong{font-size:12px} .topic-result h4{font-size:19px} .topic-result-top>span:last-child{font-size:9px} .explorer-demo{display:grid;gap:15px;font-size:12px} .readiness-grid{grid-template-columns:1fr;gap:18px} .readiness-grid>article{padding:28px} .readiness-grid h3{font-size:21px} }
@media(prefers-reduced-motion:reduce) { .professional-showcase{transition:none} .professional-showcase:hover{transform:none} .connected-symbol,.product-topic-panel:not([hidden]){animation:none} }

/* Lead with the core service, with stronger contrast and a clear type hierarchy. */
.tech-hero h1.billing-headline { font-size:clamp(48px,5vw,78px); line-height:1.04; letter-spacing:-2.8px; }
.billing-headline .billing-keyword { display:block; color:#ff941f; font-weight:800; text-shadow:0 4px 28px #ff83021a; }
.billing-headline small { display:block; margin-top:23px; color:#fff; font-size:30px; line-height:1.3; letter-spacing:-.8px; font-weight:650; }
@media(min-width:701px) and (max-width:1100px) { .tech-hero h1.billing-headline{font-size:clamp(40px,5.5vw,58px);letter-spacing:-2px} .billing-headline small{font-size:24px} }
@media(max-width:700px) { .tech-hero h1.billing-headline{font-size:clamp(44px,12vw,67px);letter-spacing:-1.8px} .billing-headline small{font-size:25px;line-height:1.3;margin-top:20px;letter-spacing:-.6px} }