.page-faq{--faq-icon-size:46px;--faq-radius-lg:18px;--faq-radius-sm:10px;overflow-x:hidden}
.page-faq .faq-hero{position:relative;background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-navy-deep) 100%);color:var(--color-white);overflow:hidden;padding-top:calc(var(--header-height) + 24px);padding-bottom:128px;border-radius:0 0 0 42px}
.page-faq .faq-hero-bg{position:absolute;inset:0;z-index:0}
.page-faq .faq-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 65%;opacity:.32}
.page-faq .faq-hero-mask{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,22,51,.2) 0%,rgba(7,22,51,.82) 88%),radial-gradient(circle at 82% 22%,rgba(255,107,53,.28) 0%,transparent 52%)}
.page-faq .faq-hero-ghost{position:absolute;right:-20px;bottom:-28px;font-family:var(--font-headline);font-style:italic;font-weight:900;font-size:clamp(9rem,22vw,17rem);line-height:1;letter-spacing:-.04em;color:rgba(255,255,255,.045);z-index:1;pointer-events:none;user-select:none}
.page-faq .faq-hero-inner{position:relative;z-index:2}
.page-faq .faq-hero .breadcrumb{margin-bottom:36px}
.page-faq .faq-eyebrow{font-family:var(--font-data);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-teal);margin-bottom:14px}
.page-faq .faq-hero h1{font-family:var(--font-headline);font-style:italic;font-weight:900;font-size:clamp(2rem,5.6vw,4rem);line-height:1.08;letter-spacing:-.01em;max-width:720px;margin-bottom:20px}
.page-faq .faq-hero .hero-desc{color:var(--color-slate);font-size:1rem;line-height:1.85;max-width:560px;margin-bottom:30px}
.page-faq .faq-jump{display:flex;flex-wrap:wrap;gap:10px}
.page-faq .faq-jump-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px 9px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:var(--color-white);font-size:.86rem;font-weight:500;text-decoration:none;transition:background var(--ease),border-color var(--ease),transform var(--ease)}
.page-faq .faq-jump-btn:hover,.page-faq .faq-jump-btn:focus-visible{background:rgba(255,107,53,.18);border-color:var(--color-orange);transform:translateY(-2px)}
.page-faq .faq-jump-num{font-family:var(--font-data);font-weight:700;font-size:.72rem;color:var(--color-teal);background:rgba(0,194,168,.14);border-radius:999px;padding:2px 8px;line-height:1.6}
.page-faq .faq-index{position:relative;z-index:3;margin-top:-76px;padding-bottom:64px}
.page-faq .faq-index-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.page-faq .faq-index-card{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;background:var(--color-white);border-radius:var(--faq-radius-sm);padding:20px 18px 18px;box-shadow:var(--shadow-md);text-decoration:none;color:var(--color-navy);border-left:3px solid rgba(255,107,53,.32);transition:border-color var(--ease),box-shadow var(--ease),transform var(--ease)}
.page-faq .faq-index-card::after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 22px 22px 0;border-color:transparent rgba(255,107,53,.18) transparent transparent;transition:border-color var(--ease)}
.page-faq .faq-index-card:hover,.page-faq .faq-index-card:focus-visible{border-left-color:var(--color-orange);box-shadow:0 16px 40px rgba(2,8,24,.2);transform:translateY(-4px)}
.page-faq .faq-index-card:hover::after,.page-faq .faq-index-card:focus-visible::after{border-color:transparent var(--color-orange) transparent transparent}
.page-faq .faq-index-num{font-family:var(--font-data);font-weight:700;font-size:1.4rem;line-height:1;color:var(--color-orange)}
.page-faq .faq-index-name{font-size:1rem;font-weight:700;color:var(--color-navy);letter-spacing:.01em}
.page-faq .faq-index-count{font-size:.78rem;color:var(--color-slate)}
.page-faq .faq-index-arrow{position:absolute;right:16px;bottom:14px;font-family:var(--font-data);font-size:1.05rem;color:var(--color-teal);opacity:0;transform:translateX(-6px);transition:opacity var(--ease),transform var(--ease)}
.page-faq .faq-index-card:hover .faq-index-arrow,.page-faq .faq-index-card:focus-visible .faq-index-arrow{opacity:1;transform:translateX(0)}
.page-faq .faq-block{padding:72px 0}
.page-faq .faq-block--light{background:var(--color-light);color:var(--color-navy)}
.page-faq .faq-block--dark{background:linear-gradient(160deg,var(--color-navy) 0%,var(--color-navy-deep) 100%);color:var(--color-white)}
.page-faq .faq-block--dark .faq-block-head p{color:var(--color-slate)}
.page-faq .faq-block-wrap{display:grid;grid-template-columns:1fr;gap:32px}
.page-faq .faq-block-head{margin-bottom:32px}
.page-faq .faq-block-label{display:inline-block;font-family:var(--font-data);font-size:.74rem;font-weight:700;letter-spacing:.18em;color:var(--color-orange);background:rgba(255,107,53,.1);padding:4px 12px;border-radius:999px;margin-bottom:14px}
.page-faq .faq-block--dark .faq-block-label{color:var(--color-teal);background:rgba(0,194,168,.12)}
.page-faq .faq-block-head h2{font-family:var(--font-headline);font-style:italic;font-weight:900;font-size:clamp(1.6rem,3.4vw,2.4rem);line-height:1.15;margin-bottom:10px}
.page-faq .faq-block-head p{max-width:620px;font-size:.95rem;line-height:1.7;color:var(--color-slate)}
.page-faq .faq-list{position:relative;display:flex;flex-direction:column;gap:14px}
.page-faq .faq-item{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--faq-radius-sm);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color var(--ease),box-shadow var(--ease)}
.page-faq .faq-block--dark .faq-item{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.1);box-shadow:none}
.page-faq .faq-item[open]{border-color:var(--color-orange);box-shadow:0 10px 28px rgba(2,8,24,.14)}
.page-faq .faq-block--dark .faq-item[open]{border-color:var(--color-teal);box-shadow:0 10px 28px rgba(0,194,168,.08)}
.page-faq .faq-item summary{list-style:none;display:flex;align-items:center;gap:14px;padding:16px 16px;cursor:pointer;transition:background var(--ease)}
.page-faq .faq-item summary::-webkit-details-marker{display:none}
.page-faq .faq-item summary:hover{background:rgba(255,107,53,.06)}
.page-faq .faq-block--dark .faq-item summary:hover{background:rgba(255,255,255,.04)}
.page-faq .faq-item summary:focus-visible{outline:2px solid var(--color-orange);outline-offset:-2px}
.page-faq .faq-block--dark .faq-item summary:focus-visible{outline-color:var(--color-teal)}
.page-faq .faq-item-icon{flex:0 0 var(--faq-icon-size);width:var(--faq-icon-size);height:var(--faq-icon-size);border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,107,53,.12);color:var(--color-orange);transition:background var(--ease),color var(--ease)}
.page-faq .faq-block--dark .faq-item-icon{background:rgba(0,194,168,.14);color:var(--color-teal)}
.page-faq .faq-item[open] .faq-item-icon{background:var(--color-orange);color:var(--color-white)}
.page-faq .faq-block--dark .faq-item[open] .faq-item-icon{background:var(--color-teal);color:var(--color-navy)}
.page-faq .faq-item-icon svg{width:22px;height:22px}
.page-faq .faq-item-title{flex:1;font-size:.94rem;font-weight:600;line-height:1.5;min-width:0}
.page-faq .faq-block--dark .faq-item-title{color:var(--color-white)}
.page-faq .faq-item-toggle{flex:0 0 auto;width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--color-light);color:var(--color-slate);transition:background var(--ease),color var(--ease),transform var(--ease)}
.page-faq .faq-block--dark .faq-item-toggle{background:rgba(255,255,255,.08)}
.page-faq .faq-item-toggle svg{width:14px;height:14px}
.page-faq .faq-item[open] .faq-item-toggle{transform:rotate(180deg);background:var(--color-orange);color:var(--color-white)}
.page-faq .faq-block--dark .faq-item[open] .faq-item-toggle{background:var(--color-teal);color:var(--color-navy)}
.page-faq .faq-answer{padding:0 16px 20px calc(16px + var(--faq-icon-size) + 14px);animation:faqFadeIn .28s ease}
@keyframes faqFadeIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.page-faq .faq-answer p{font-size:.92rem;line-height:1.85;color:var(--color-slate)}
.page-faq .faq-block--dark .faq-answer p{color:rgba(230,234,240,.82)}
.page-faq .faq-aside{display:flex}
.page-faq .faq-aside-card{position:relative;width:100%;background:var(--color-navy);color:var(--color-white);border-radius:var(--faq-radius-lg);padding:28px 24px;overflow:hidden;box-shadow:var(--shadow-md)}
.page-faq .faq-aside-card::before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;background:linear-gradient(135deg,transparent 50%,rgba(255,107,53,.28) 50%);border-radius:0 0 0 80px}
.page-faq .faq-aside-card::after{content:"?";position:absolute;right:10px;bottom:-16px;font-family:var(--font-headline);font-style:italic;font-size:5.2rem;line-height:1;color:rgba(255,255,255,.06);pointer-events:none}
.page-faq .faq-aside-tag{display:inline-block;font-family:var(--font-data);font-size:.68rem;font-weight:700;letter-spacing:.16em;color:var(--color-teal);background:rgba(0,194,168,.14);padding:3px 10px;border-radius:999px;margin-bottom:14px}
.page-faq .faq-aside-card h3{font-family:var(--font-headline);font-style:italic;font-weight:900;font-size:1.16rem;line-height:1.3;margin-bottom:10px}
.page-faq .faq-aside-card p{font-size:.87rem;line-height:1.75;color:var(--color-slate)}
.page-faq .faq-aside-link{margin-top:14px}
.page-faq .faq-device-list{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding:0}
.page-faq .faq-data-wrap{display:grid;grid-template-columns:1fr;gap:32px;align-items:start}
.page-faq .faq-data-figure{margin:0;border-radius:var(--faq-radius-lg);overflow:hidden}
.page-faq .faq-data-figure figcaption{background:var(--color-navy-deep);color:var(--color-slate);font-size:.78rem;line-height:1.6;padding:12px 16px;text-align:center}
.page-faq .faq-update-wrap{display:grid;grid-template-columns:1fr;gap:32px;align-items:start}
.page-faq .faq-update-aside{display:flex}
.page-faq .faq-update-card{position:relative;width:100%;background:linear-gradient(140deg,rgba(255,107,53,.18),rgba(255,107,53,.05)),var(--color-navy-deep);border:1px solid rgba(255,107,53,.35);border-radius:var(--faq-radius-lg);padding:28px 24px;color:var(--color-white);box-shadow:0 16px 36px rgba(2,8,24,.32);overflow:hidden}
.page-faq .faq-update-card::after{content:"";position:absolute;bottom:0;right:0;width:56px;height:56px;background:var(--color-orange);opacity:.14;clip-path:polygon(100% 0,100% 100%,0 100%)}
.page-faq .faq-update-date{display:inline-block;font-family:var(--font-data);font-size:.7rem;font-weight:700;letter-spacing:.14em;color:var(--color-orange);background:rgba(255,107,53,.14);padding:3px 10px;border-radius:999px;margin-bottom:14px}
.page-faq .faq-update-card h3{font-family:var(--font-headline);font-style:italic;font-weight:900;font-size:1.18rem;margin-bottom:10px}
.page-faq .faq-update-card p{font-size:.86rem;line-height:1.75;color:var(--color-slate);margin-bottom:18px}
.page-faq .faq-cta{position:relative;background:linear-gradient(150deg,var(--color-navy) 0%,var(--color-navy-deep) 65%,rgba(255,107,53,.24) 160%);color:var(--color-white);padding:72px 0 76px;border-radius:42px 0 0 0}
.page-faq .faq-cta::before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--color-orange),var(--color-teal),transparent)}
.page-faq .faq-cta-inner{display:grid;grid-template-columns:1fr;gap:32px}
.page-faq .faq-cta-eyebrow{display:inline-block;font-family:var(--font-data);font-size:.74rem;font-weight:700;letter-spacing:.2em;color:var(--color-teal);margin-bottom:12px}
.page-faq .faq-cta-title h2{font-family:var(--font-headline);font-style:italic;font-weight:900;font-size:clamp(1.7rem,3.6vw,2.6rem);line-height:1.15;margin-bottom:12px}
.page-faq .faq-cta-title p{color:var(--color-slate);font-size:.95rem;line-height:1.8;max-width:440px;margin-bottom:24px}
.page-faq .faq-contact-cards{display:grid;grid-template-columns:1fr;gap:12px}
.page-faq .faq-contact-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--faq-radius-sm);padding:16px 18px;transition:border-color var(--ease),background var(--ease)}
.page-faq .faq-contact-card:hover{border-color:var(--color-teal);background:rgba(0,194,168,.1)}
.page-faq .faq-contact-label{display:block;font-family:var(--font-data);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-slate);margin-bottom:6px}
.page-faq .faq-contact-value{display:block;font-size:.96rem;font-weight:600;color:var(--color-white);text-decoration:none;word-break:break-all;transition:color var(--ease)}
.page-faq .faq-contact-value:hover,.page-faq .faq-contact-value:focus-visible{color:var(--color-orange)}
@media (min-width:768px){
.page-faq .faq-index-grid{grid-template-columns:repeat(4,1fr);gap:16px}
.page-faq .faq-index-card{padding:26px 22px 22px}
.page-faq .faq-index-card:hover .faq-index-arrow,.page-faq .faq-index-card:focus-visible .faq-index-arrow{opacity:1;transform:translateX(0)}
.page-faq .faq-index-arrow{opacity:0}
.page-faq .faq-block{padding:92px 0}
.page-faq .faq-block-wrap{grid-template-columns:1fr 280px;align-items:start}
.page-faq .faq-item summary{padding:18px 20px}
.page-faq .faq-answer{padding-left:calc(20px + var(--faq-icon-size) + 14px)}
.page-faq .faq-cta{padding:92px 0 96px}
.page-faq .faq-contact-cards{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:992px){
.page-faq .faq-hero{padding-top:calc(var(--header-height) + 56px);padding-bottom:164px}
.page-faq .faq-hero h1{font-size:clamp(2.4rem,5.4vw,4.2rem)}
.page-faq .faq-hero .hero-desc{font-size:1.06rem}
.page-faq .faq-data-wrap{grid-template-columns:400px 1fr;gap:48px}
.page-faq .faq-update-wrap{grid-template-columns:1fr 300px;gap:48px}
.page-faq .faq-cta-inner{grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.page-faq .faq-contact-cards{grid-template-columns:repeat(2,1fr)}
.page-faq .faq-block-wrap{grid-template-columns:1fr 300px}
}
</main>