/* PeraSignage: platform, solution and product pages.
   Extends the existing visual system and readable type scale. */
:root{--detail-border:#dfe7f0;--detail-muted:#54647a;--detail-blue:#0964c4}
.detail-page{background:#fff;color:var(--ink)}
.nav-links .mobile-nav-action{display:none}
.nav-links a[aria-current="page"]{color:#fff}
.footer-expanded a[aria-current="page"]{color:#fff}
.section-kicker.light{color:#83c6ff}
.tone-android{--tone:#7fe3a8;--tone-rgb:127,227,168}
.tone-tizen{--tone:#74bcff;--tone-rgb:116,188,255}
.tone-webos{--tone:#ed9ac1;--tone-rgb:237,154,193}
.tone-windows{--tone:#88acff;--tone-rgb:136,172,255}
.tone-browser{--tone:#c1a5ff;--tone-rgb:193,165,255}
.tone-retail{--tone:#d7b1ff;--tone-rgb:215,177,255}
.tone-food{--tone:#f5bb6c;--tone-rgb:245,187,108}
.tone-corporate{--tone:#76d9d4;--tone-rgb:118,217,212}
.tone-education{--tone:#bac587;--tone-rgb:186,197,135}
.inline-link,.card-link{display:inline-flex;align-items:center;gap:12px;color:var(--detail-blue);font-weight:700;font-size:1rem;line-height:1.6;text-decoration:none}
.inline-link{padding:8px 0}
.inline-link:hover,.card-link:hover{text-decoration:underline;text-underline-offset:5px}
.card-link{justify-content:space-between;min-height:44px}
.card-link>span{flex-shrink:0}
.button-white{background:#fff;color:#071631;box-shadow:0 8px 30px rgba(0,0,0,.12)}
.button-white:hover{background:#eaf3ff}
.detail-section{padding:100px 0}
.detail-soft{background:#f4f7fb}
.section-intro{max-width:740px;margin-bottom:42px}
.section-intro h2,.platform-heading h2,.device-fit h2,.detail-cta h2{margin:14px 0 20px;font-size:clamp(2.15rem,3.9vw,3.5rem);font-weight:800;line-height:1.12;letter-spacing:-1.8px;overflow-wrap:break-word}
.section-intro h2 span{color:#566d8c}
.section-intro>p{margin:0;color:var(--detail-muted);font-size:1.0625rem;line-height:1.85}
.section-intro>.inline-link{margin-top:18px}
.split-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:none}
.split-intro h2{margin-bottom:0}
.split-intro>.inline-link{flex-shrink:0}

/* The platform choice is visible immediately after the home hero. */
.platform-strip{padding:40px 0 34px;background:#fff;border-bottom:1px solid var(--detail-border)}
.platform-strip .container>p{margin:0 0 22px;color:var(--detail-muted);font-size:.9375rem;line-height:1.7;text-align:center}
.platform-strip .container>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.platform-strip a{display:flex;justify-content:center;align-items:center;gap:12px;min-height:58px;padding:10px;color:#243650;border-radius:12px;font-size:1rem;font-weight:700;transition:background .2s ease}
.platform-strip a:hover{background:#eff5fc}
.platform-strip svg{width:30px;height:30px;flex-shrink:0;color:#3e638d}

/* A single destination for all five player platforms. */
.platform-section{position:relative;isolation:isolate;padding:112px 0;background:radial-gradient(ellipse at 90% 0%,#142e55 0,transparent 48%),radial-gradient(ellipse at 5% 90%,#17173d 0,transparent 40%),#050d1d;color:#fff}
.platform-section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(135,171,220,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(135,171,220,.025) 1px,transparent 1px);background-size:70px 70px}
.platform-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.8fr);align-items:end;gap:50px;margin-bottom:44px}
.platform-heading h2{margin-bottom:0}
.platform-heading h2>span{color:#88b9f3}
.platform-heading>p{margin:0 0 4px;color:#b4c4d9;font-size:1.0625rem;line-height:1.85}
.platform-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.platform-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;grid-column:span 2;min-width:0;padding:30px;border:1px solid rgba(147,176,217,.2);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.017));transition:transform .22s ease,border-color .22s ease,background .22s ease}
.platform-card:nth-last-child(-n+2){grid-column:span 3}
.platform-card:hover{transform:translateY(-4px);border-color:rgba(var(--tone-rgb),.6);background:linear-gradient(135deg,rgba(var(--tone-rgb),.09),rgba(255,255,255,.02))}
.platform-card:focus-within{border-color:var(--tone)}
.platform-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid rgba(var(--tone-rgb),.24);border-radius:16px;background:rgba(var(--tone-rgb),.09);color:var(--tone);flex-shrink:0}
.platform-icon svg{width:32px;height:32px}
.platform-card .platform-kind{margin:24px 0 10px;color:#b4c4d9;font-size:.875rem;line-height:1.65}
.platform-card h3{margin:0 0 14px;font-size:1.75rem;line-height:1.2;letter-spacing:-.65px}
.platform-card>p:not(.platform-kind){margin:0 0 25px;color:#b4c4d9;font-size:1rem;line-height:1.8}
.platform-card .card-link{width:100%;margin-top:auto;padding-top:18px;border-top:1px solid rgba(147,176,217,.18);color:var(--tone);font-size:.9375rem}
.platform-guidance{display:flex;align-items:center;justify-content:space-between;gap:34px;margin-top:30px;padding:28px 30px;border:1px solid rgba(147,176,217,.18);border-radius:18px;background:rgba(255,255,255,.025)}
.platform-guidance strong{font-size:1.125rem;line-height:1.5}
.platform-guidance p{margin:8px 0 0;max-width:680px;color:#b4c4d9;font-size:1rem;line-height:1.75}
.platform-guidance>.button{flex-shrink:0}

/* Home page additions. */
.home-feature-overview{padding-bottom:40px;background:linear-gradient(#fff,#f6f8fc)}
.home-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.home-feature-grid article{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:32px;border:1px solid var(--detail-border);border-radius:20px;background:#fff}
.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;color:#0872d4;background:#eef5ff;border-radius:15px}
.home-feature-grid h3{margin:24px 0 12px;font-size:1.4rem;line-height:1.3;letter-spacing:-.4px}
.home-feature-grid p{margin:0 0 22px;color:var(--detail-muted);font-size:1rem;line-height:1.8}
.home-feature-grid .inline-link{margin-top:auto}
.use-card .card-link{margin-top:16px;padding-top:15px;border-top:1px solid var(--detail-border);width:100%;font-size:.9375rem}

/* Detail page opening: large copy and a CSS display illustration. */
.page-hero{padding:116px 0 82px;overflow:hidden;background:radial-gradient(ellipse at 86% 40%,#152d54 0,transparent 50%),radial-gradient(ellipse at 0 100%,#101d37 0,transparent 60%),#040b19;color:#fff}
.breadcrumbs{margin:0 0 46px;color:#aabdd7;font-size:.875rem;line-height:1.6}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:9px 0;list-style:none;padding:0;margin:0}
.breadcrumbs li{display:flex;align-items:baseline;min-width:0}
.breadcrumbs li+li:before{content:"/";padding:0 13px;color:#6c86a8}
.breadcrumbs a{padding-block:5px;text-decoration:none}
.breadcrumbs a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.breadcrumbs [aria-current]{color:#dce8f9}
.page-hero-layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);align-items:center;gap:58px}
.page-hero-copy{min-width:0}
.page-hero h1{margin:20px 0 25px;font-size:clamp(2.55rem,4.65vw,4.35rem);font-weight:800;line-height:1.06;letter-spacing:-2.7px;overflow-wrap:break-word}
.page-hero h1 span{color:#99c5ff}
.page-hero-copy>p{max-width:660px;margin:0;color:#b4c4d9;font-size:1.125rem;line-height:1.85}
.page-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.page-hero-actions .button{padding-inline:22px}
.device-showcase{position:relative;min-width:0;padding:50px 0 75px;isolation:isolate}
.showcase-glow{position:absolute;inset:5% -5% 10%;background:radial-gradient(ellipse,rgba(var(--tone-rgb),.17),transparent 68%);z-index:-1}
.showcase-device{position:relative;border:8px solid #172337;border-radius:20px;background:#091426;box-shadow:0 30px 75px rgba(0,0,0,.3),0 0 0 1px #314258;transform:perspective(1000px) rotateY(-7deg) rotateX(2deg);overflow:hidden}
.showcase-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 15px;border-bottom:1px solid rgba(255,255,255,.1);background:#0d172a;color:#c1cfe2;font-size:.75rem;line-height:1.5}
.showcase-dots{color:#617997;font-size:.625rem;letter-spacing:3px;white-space:nowrap}
.showcase-screen{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:280px;aspect-ratio:1.6;padding:32px;isolation:isolate;background:radial-gradient(circle at 100% 0,rgba(var(--tone-rgb),.25),transparent 70%),linear-gradient(130deg,#12223a,#071224)}
.showcase-screen:before,.showcase-screen:after{position:absolute;content:"";border:1px solid rgba(var(--tone-rgb),.22);border-radius:50%;z-index:-1}
.showcase-screen:before{width:230px;height:230px;right:-90px;top:30px}
.showcase-screen:after{width:310px;height:310px;right:-130px;top:-10px}
.showcase-eyebrow{color:var(--tone);font-size:.75rem;font-weight:700;letter-spacing:.16em;line-height:1.5}
.showcase-screen>strong{display:block;margin:22px 0 20px;font-size:clamp(1.65rem,3vw,2.85rem);font-weight:900;line-height:1.06;letter-spacing:-1px;overflow-wrap:anywhere}
.showcase-line{width:54px;height:4px;background:var(--tone);border-radius:4px}
.showcase-caption{margin-top:22px;color:#bdcce0;font-size:.75rem;line-height:1.6}
.showcase-base{width:36%;height:17px;margin:20px auto 0;background:linear-gradient(180deg,#293951,#0a1425);border-radius:50%;filter:drop-shadow(0 10px 8px rgba(0,0,0,.3))}
.showcase-note{position:absolute;bottom:14px;left:5%;right:5%;display:flex;align-items:center;gap:14px;width:fit-content;max-width:90%;padding:16px 20px;border:1px solid #354967;border-radius:14px;background:#101d32;box-shadow:0 18px 32px rgba(0,0,0,.22)}
.showcase-note>span{color:var(--tone);flex-shrink:0}
.showcase-note strong,.showcase-note div>span{display:block}
.showcase-note strong{font-size:.9375rem;line-height:1.5}
.showcase-note div>span{margin-top:3px;color:#adbed4;font-size:.8125rem;line-height:1.5}
.tone-food .showcase-screen{background:radial-gradient(circle at 100% 0,rgba(var(--tone-rgb),.18),transparent 70%),#2c241f}
.tone-corporate .showcase-screen{background:radial-gradient(circle at 100% 0,rgba(var(--tone-rgb),.18),transparent 70%),#092f34}
.tone-education .showcase-screen{background:radial-gradient(circle at 100% 0,rgba(var(--tone-rgb),.22),transparent 70%),#252d22}

/* Reusable content blocks. */
.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.detail-card{padding:32px;border:1px solid var(--detail-border);border-radius:20px;background:#fff;min-width:0}
.card-index{display:inline-block;margin-bottom:30px;color:#3172ba;font-size:.875rem;font-weight:700;letter-spacing:.07em}
.detail-card h3{margin:0 0 15px;font-size:1.45rem;font-weight:750;line-height:1.35;letter-spacing:-.5px}
.detail-card p{margin:0;color:var(--detail-muted);font-size:1rem;line-height:1.85}
.journey-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;margin:0;padding:0;counter-reset:journey}
.journey-grid li{min-width:0;padding-top:24px;border-top:2px solid #c8dbef}
.journey-number{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:23px;border:1px solid #c9ddef;border-radius:50%;background:#fff;color:#0964c4;font-size:.9375rem;font-weight:700}
.journey-grid h3{margin:0 0 12px;font-size:1.25rem;line-height:1.4;letter-spacing:-.3px}
.journey-grid p{margin:0;color:var(--detail-muted);font-size:1rem;line-height:1.8}
.compatibility-note{display:flex;align-items:flex-start;gap:22px;margin-top:52px;padding:30px 34px;border:1px solid #ccdeef;border-radius:18px;background:#eaf2fc}
.compatibility-note>span{display:flex;flex-shrink:0;color:#0964c4}
.compatibility-note h3{margin:0 0 10px;font-size:1.25rem;line-height:1.5}
.compatibility-note p{margin:0;color:#425976;font-size:1rem;line-height:1.8}
.compatibility-note .inline-link{margin-top:8px}
.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.related-card{display:flex;flex-direction:column;align-items:flex-start;gap:20px;min-width:0;padding:26px;border:1px solid var(--detail-border);border-radius:18px;background:#f5f8fc;transition:border-color .2s ease,transform .2s ease}
.related-card:hover{border-color:#83a9d5;transform:translateY(-3px)}
.related-card .platform-icon{color:#255d96;background:#e6effb;border-color:#ccdef2}
.related-card strong{font-size:1.1875rem;line-height:1.4}
.related-card>span:last-child{margin-top:auto;color:#0964c4;font-size:.9375rem;font-weight:700}
.scenario-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:70px}
.scenario-layout .section-intro{margin-bottom:0}
.scenario-timeline{border:1px solid var(--detail-border);border-radius:20px;background:#fff;padding:10px 30px;box-shadow:0 18px 45px rgba(37,65,103,.04)}
.scenario-timeline>div{display:flex;align-items:flex-start;gap:25px;padding:30px 0}
.scenario-timeline>div+div{border-top:1px solid var(--detail-border)}
.scenario-timeline>div>span{color:#176fc7;font-size:.875rem;font-weight:700;line-height:1.75;flex-shrink:0}
.scenario-timeline h3{margin:0 0 8px;font-size:1.4rem;line-height:1.3}
.scenario-timeline p{margin:0;color:var(--detail-muted);font-size:1rem;line-height:1.75}
.device-fit{padding:64px 0;background:linear-gradient(120deg,#0a1a32,#17355b);color:#fff}
.device-fit-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}
.device-fit-inner>div{max-width:780px}
.device-fit h2{font-size:clamp(2rem,3.3vw,2.75rem);letter-spacing:-1.4px}
.device-fit p{margin:0;color:#bdd0e9;font-size:1.0625rem;line-height:1.85}
.device-fit .button{flex-shrink:0}

/* Native disclosure controls work with a keyboard and without JavaScript. */
.faq-section{background:#f5f8fc}
.faq-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:start;gap:70px}
.faq-layout .section-intro{margin-bottom:0}
.faq-list{min-width:0;border-top:1px solid #cedbea}
.faq-list details{border-bottom:1px solid #cedbea}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;list-style:none;cursor:pointer;font-size:1.125rem;font-weight:700;line-height:1.5}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:focus-visible{outline:3px solid #217bcf;outline-offset:6px;border-radius:4px}
.faq-list summary>span{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border:1px solid #cbd9e9;border-radius:50%;color:#176fc7;font-size:1.3rem;font-weight:400;transition:transform .2s ease}
.faq-list details[open] summary>span{transform:rotate(45deg);background:#e6effb}
.faq-answer{padding:0 42px 24px 0}
.faq-answer p{margin:0;color:var(--detail-muted);font-size:1rem;line-height:1.85}

/* Product and getting-started pages. */
.feature-jump{display:flex;flex-wrap:wrap;gap:10px;padding-block:30px}
.feature-jump a{padding:11px 17px;border:1px solid #d9e3ef;border-radius:30px;background:#fff;font-size:.9375rem;font-weight:650;line-height:1.5;color:#3b5676}
.feature-jump a:hover{border-color:#6197d4;background:#f0f6ff;color:#0964c4}
.feature-chapter{padding:72px 0}
.feature-chapter-inner{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr);gap:70px}
.feature-chapter-label>span{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border:1px solid #cddff3;border-radius:20px;color:#136dc6;background:#eaf2fd}
.feature-chapter-label p{margin:20px 0 0;color:#426387;font-size:.9375rem;font-weight:700;line-height:1.7}
.feature-chapter h2{margin:0 0 20px;font-size:clamp(1.85rem,3vw,2.65rem);line-height:1.18;letter-spacing:-1.1px}
.feature-chapter-inner>div:last-child>p{color:var(--detail-muted);font-size:1.0625rem;line-height:1.85}
.check-list{display:grid;gap:14px;list-style:none;margin:24px 0 0;padding:0}
.check-list li{position:relative;min-width:0;padding-left:30px;color:#354c68;font-size:1rem;line-height:1.8}
.check-list li:before{content:"✓";position:absolute;left:0;top:0;color:#187b59;font-weight:800}
.detail-product{text-align:center}
.detail-product .section-intro{margin-inline:auto}
.detail-demo-frame{padding:10px;border:1px solid #d4e0ef;border-radius:20px;background:#eff4fb;box-shadow:0 30px 70px rgba(30,55,90,.13)}
.detail-demo-frame img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:12px}
.setup-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.setup-list li{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:start;gap:24px;padding:30px 34px;border:1px solid var(--detail-border);border-radius:18px;background:#fff}
.setup-list li>span{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;color:#0964c4;background:#eaf2fc;font-size:1.125rem;font-weight:750}
.setup-list h3{margin:2px 0 9px;font-size:1.4rem;line-height:1.4;letter-spacing:-.4px}
.setup-list p{max-width:850px;margin:0;color:var(--detail-muted);font-size:1rem;line-height:1.85}
.first-run-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:start}
.first-run-layout .section-intro{margin-bottom:0}
.first-run-checks{margin:0;padding:30px;border:1px solid #ccdeed;border-radius:20px;background:#f3f8fc}
.first-run-checks li+li{padding-top:14px;border-top:1px solid #dae5ef}
.first-run-checks li+li:before{top:14px}

/* Consistent next step and complete navigation on every detail page. */
.detail-cta{padding:76px 0;background:#fff}
.detail-cta-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:45px;align-items:center;padding:54px;border-radius:26px;background:radial-gradient(ellipse at 100% 0,#243d77 0,transparent 55%),linear-gradient(120deg,#071b39,#162340);color:#fff}
.detail-cta h2{margin-bottom:18px;font-size:clamp(2.15rem,3.5vw,3.15rem)}
.detail-cta p{max-width:730px;margin:0;color:#bbcee7;font-size:1.0625rem;line-height:1.85}
.detail-cta-actions{display:flex;flex-direction:column;gap:12px;min-width:210px}
.detail-cta .button-outline{border-color:#607899;color:#e8f2ff}
.footer-expanded .footer-top{grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:30px}
.footer-expanded .footer-top nav:nth-of-type(2){display:flex}
.footer-contact{display:inline-block;margin-top:10px;color:#b9cce8;font-size:.875rem;line-height:1.6;overflow-wrap:anywhere}
.footer-contact:hover{color:#fff}
.footer-expanded .footer-brand .brand{gap:8px}
.footer-expanded .footer-brand .brand-name{font-size:1.125rem}
.footer-expanded .footer-brand .brand-mark{width:35px;height:35px;flex-shrink:0}

@media(max-width:1180px){
  .nav-shell.menu-open .nav-links .mobile-nav-action{display:block;color:#91caff}
  .page-hero-layout{gap:35px}
  .page-hero h1{font-size:3.25rem}
  .page-hero-actions{gap:10px}
  .platform-card{padding:26px}
  .platform-heading{gap:35px}
  .footer-expanded .footer-top{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
  .footer-expanded .footer-brand{grid-column:1/-1}
}
@media(max-width:1000px){
  .page-hero-layout{grid-template-columns:minmax(0,1fr);gap:10px}
  .page-hero-copy{max-width:780px}
  .page-hero h1{font-size:clamp(2.75rem,6vw,4rem)}
  .device-showcase{max-width:640px;width:100%;margin-inline:auto;padding-top:40px}
  .showcase-screen{min-height:310px}
  .showcase-screen>strong{font-size:3rem}
  .platform-heading{grid-template-columns:minmax(0,1fr);gap:22px}
  .platform-heading>p{max-width:720px}
  .detail-grid,.home-feature-grid{gap:16px}
  .detail-card,.home-feature-grid article{padding:25px}
  .journey-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
  .platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-card{grid-column:auto}
  .platform-card:nth-last-child(-n+2){grid-column:auto}
  .platform-card:last-child{grid-column:1/-1}
  .faq-layout{gap:35px;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr)}
  .scenario-layout,.first-run-layout{gap:35px}
  .feature-chapter-inner{gap:35px;grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr)}
  .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .device-fit-inner{align-items:flex-start;flex-direction:column;gap:25px}
  .detail-cta-shell{grid-template-columns:minmax(0,1fr);padding:42px;gap:28px}
  .detail-cta-actions{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:760px){
  .detail-section{padding:72px 0}
  .section-intro{margin-bottom:30px}
  .section-intro h2,.platform-heading h2{font-size:2.4rem;letter-spacing:-1.4px}
  .section-intro>p,.platform-heading>p,.device-fit p,.detail-cta p{font-size:1rem}
  .split-intro{align-items:flex-start;flex-direction:column;gap:14px}
  .platform-strip{padding:30px 0}
  .platform-strip .container>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .platform-strip a{flex-direction:column;gap:10px;text-align:center;font-size:.9375rem;min-height:88px}
  .platform-section{padding:76px 0}
  .platform-grid{gap:14px}
  .platform-card{padding:24px}
  .platform-card h3{font-size:1.5rem}
  .platform-card .platform-kind{margin-top:20px}
  .platform-card .card-link{font-size:.875rem}
  .platform-guidance{flex-direction:column;align-items:flex-start;gap:22px;padding:25px;margin-top:22px}
  .home-feature-grid,.detail-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .home-feature-grid article,.detail-card{padding:28px}
  .home-feature-grid h3{margin-top:20px}
  .card-index{margin-bottom:22px}
  .page-hero{padding:96px 0 52px}
  .breadcrumbs{margin-bottom:32px;font-size:.8125rem}
  .breadcrumbs li+li:before{padding-inline:10px}
  .page-hero h1{font-size:clamp(2.4rem,7vw,3.4rem);letter-spacing:-1.8px;line-height:1.12}
  .page-hero-copy>p{font-size:1.0625rem;line-height:1.8}
  .page-hero-actions{margin-top:26px}
  .showcase-device{border-width:6px;transform:none}
  .showcase-screen{min-height:280px}
  .showcase-screen>strong{font-size:2.5rem}
  .scenario-layout,.faq-layout,.first-run-layout{grid-template-columns:minmax(0,1fr);gap:32px}
  .scenario-timeline{padding-inline:25px}
  .faq-list summary{font-size:1.0625rem;gap:16px}
  .faq-answer{padding-right:0}
  .compatibility-note{margin-top:38px;padding:25px;gap:16px}
  .feature-jump{padding-block:24px;gap:8px}
  .feature-jump a{font-size:.875rem;padding:10px 14px}
  .feature-chapter{padding:54px 0}
  .feature-chapter-inner{grid-template-columns:minmax(0,1fr);gap:28px}
  .feature-chapter-label{display:flex;gap:16px;align-items:center}
  .feature-chapter-label>span{width:54px;height:54px;border-radius:15px;flex-shrink:0}
  .feature-chapter-label p{margin:0}
  .feature-chapter h2{font-size:2rem}
  .feature-chapter-inner>div:last-child>p{font-size:1rem}
  .setup-list li{grid-template-columns:52px minmax(0,1fr);gap:17px;padding:25px}
  .setup-list li>span{width:46px;height:46px;font-size:1rem}
  .detail-cta{padding:52px 0}
  .detail-cta-shell{padding:34px 28px;border-radius:20px}
  .detail-cta h2{font-size:2.3rem;letter-spacing:-1.4px}
  .footer-expanded .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
  .footer-expanded .footer-brand{grid-column:1/-1}
}
@media(max-width:480px){
  .detail-section{padding:62px 0}
  .section-intro h2,.platform-heading h2{font-size:2.125rem;letter-spacing:-1.2px}
  .platform-strip .container>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .platform-strip a{flex-direction:row;min-height:60px;font-size:.875rem}
  .platform-strip a:last-child{grid-column:1/-1}
  .platform-strip svg{width:26px;height:26px}
  .platform-grid,.journey-grid,.related-grid{grid-template-columns:minmax(0,1fr)}
  .platform-card:last-child{grid-column:auto}
  .platform-card{padding:26px}
  .platform-card .card-link{font-size:.9375rem}
  .platform-guidance{padding:24px}
  .platform-guidance .button{width:100%;padding-inline:16px}
  .page-hero h1{font-size:2.4rem;letter-spacing:-1.7px}
  .page-hero-actions{flex-direction:column}
  .page-hero-actions .button{width:100%}
  .device-showcase{padding:30px 0 90px}
  .showcase-screen{min-height:238px;aspect-ratio:auto;padding:22px}
  .showcase-screen>strong{font-size:clamp(1.6rem,7.5vw,2.15rem);letter-spacing:-.7px;margin-block:18px}
  .showcase-bar{font-size:.6875rem;padding-inline:10px;gap:8px}
  .showcase-dots{font-size:.5rem;letter-spacing:1px}
  .showcase-note{padding:13px 15px;gap:10px;bottom:15px;left:3%;right:3%;max-width:94%}
  .showcase-note strong{font-size:.8125rem}
  .showcase-note div>span{font-size:.75rem}
  .showcase-note svg{width:26px;height:26px}
  .journey-grid{gap:26px}
  .journey-number{margin-bottom:15px}
  .compatibility-note{flex-direction:column;padding:24px}
  .related-card{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px 18px;padding:22px}
  .related-card .platform-icon{grid-row:span 2;width:54px;height:54px}
  .related-card>span:last-child{margin-top:0}
  .scenario-timeline{padding-inline:22px}
  .scenario-timeline>div{gap:18px;padding-block:25px}
  .setup-list li{grid-template-columns:minmax(0,1fr);gap:16px;padding:25px}
  .first-run-checks{padding:24px}
  .detail-cta-shell{padding:30px 24px}
  .detail-cta h2{font-size:2.15rem}
  .detail-cta-actions{flex-direction:column;min-width:0}
  .detail-cta-actions .button{width:100%;padding-inline:16px}
  .footer-expanded .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}
  .footer-expanded nav strong{font-size:.9375rem}
  .footer-expanded nav a{font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){
  .platform-card:hover,.related-card:hover{transform:none}
  .showcase-device{transform:none}
}