*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Roboto, Arial, Helvetica, sans-serif;background:#ffffff;color:#0a0909;font-size:16px;line-height:1.5}
h1,h2,h3,h4,h5,h6{font-family:Roboto, Arial, Helvetica, sans-serif;color:#ffa602;line-height:1.25;margin:0 0 0.6em}
p{margin:0 0 1em}
a{color:#ffa602}
a:hover{color:#1fb575}
a:focus-visible{outline:2px solid #ffa602;outline-offset:2px}
img{max-width:100%;height:auto;display:block}
.site-container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
.site-button{display:inline-block;background:#ffa602;color:#0a0909;border:1px solid #ffa602;border-radius:4px;padding:10px 18px;font-family:Roboto, Arial, Helvetica, sans-serif;font-weight:700;text-decoration:none;cursor:pointer}
.site-button:hover{background:#1fb575;border-color:#1fb575;color:#0a0909}
.site-button--secondary{background:#ffffff;color:#0a0909;border-color:#ffffff}
.site-button--secondary:hover{background:#3abac6;border-color:#3abac6;color:#0a0909}
.site-header{position:relative;z-index:100;background:#32353c;border-bottom:1px solid #33363e}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;max-width:1200px;margin:0 auto;padding:8px 16px}
.site-home{display:inline-block;line-height:0}
.site-home img{height:40px;width:auto}
.site-nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:transparent;border:1px solid #33363e;border-radius:4px;cursor:pointer}
.site-nav-toggle__bar{display:block;width:100%;height:2px;background:#ffffff}
.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#32353c;border-bottom:1px solid #33363e}
.site-header.is-open .site-nav{display:block}
.site-nav__list{list-style:none;margin:0;padding:8px 16px;display:flex;flex-direction:column;gap:4px}
.site-nav__link{display:block;padding:10px 12px;color:#ffffff;text-decoration:none;font-weight:500;border-radius:4px}
.site-nav__link:hover,.site-nav__link:focus-visible{color:#3abac6;text-decoration:underline}
.site-nav__link--cta{background:#ffa602;color:#0a0909;text-align:center;font-weight:700}
.site-nav__link--cta:hover{background:#1fb575;color:#0a0909;text-decoration:none}
.site-footer{background:#32353c;color:#ffffff;border-top:1px solid #33363e;margin-top:32px}
.site-footer__inner{max-width:1200px;margin:0 auto;padding:24px 16px}
.site-footer__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.site-footer__list a{color:#ffa602;text-decoration:none}
.site-footer__list a:hover{color:#1fb575;text-decoration:underline}
@media (min-width:768px){
.site-nav-toggle{display:none}
.site-nav{display:block;position:static;background:transparent;border:0}
.site-nav__list{flex-direction:row;align-items:center;padding:0;gap:4px}
.site-nav__link--cta{padding:10px 16px}
.site-footer__inner{padding:24px 32px}
.site-header__inner{padding:8px 32px}
}
@media (min-width:1024px){
.site-container{padding:0 32px}
.site-nav__link{padding:10px 14px}
}
.not-found{padding:64px 16px;text-align:center}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius:8px;--radius-lg:12px;--shadow:0 4px 16px rgba(10,9,9,.12);--shadow-lg:0 12px 32px rgba(10,9,9,.2);--fs-h1:clamp(2rem,1.4rem + 2.6vw,3.25rem);--fs-h2:clamp(1.5rem,1.2rem + 1.4vw,2.25rem);--fs-h3:clamp(1.0625rem,1rem + .4vw,1.25rem);--fs-body:1.0625rem;--lh-head:1.15;--lh-body:1.6;--t-fast:180ms ease;--c-bg:#ffffff;--c-surface:#32353c;--c-font:#0a0909;--c-head:#ffa602;--c-accent:#ffa602;--c-border:#33363e;--c-btn:#ffa602;--c-btn-hover:#1fb575;--c-btn-text:#0a0909;--c-sec:#ffffff;--c-sec-hover:#3abac6;--c-link-hover:#1fb575}
.page-main{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--c-font);background:var(--c-bg);overflow-x:hidden}
.page-main .site-container{position:relative}
.page-section{padding:clamp(40px,6vw,80px) 0}
.page-section--surface{background:var(--c-surface);color:#ffffff}
.page-section--surface>.site-container>p,.page-section--surface .prose p{color:#ffffff}
.page-main h2{font-size:var(--fs-h2);line-height:var(--lh-head);font-weight:700;margin:0 0 var(--space-5);color:var(--c-font);scroll-margin-top:24px;letter-spacing:-.01em}
.page-main h2::before{content:"";display:block;width:56px;height:4px;border-radius:2px;background:var(--c-accent);margin-bottom:var(--space-4)}
.page-section--surface h2{color:var(--c-head)}
.page-main h3{font-size:var(--fs-h3);line-height:1.3;font-weight:700;margin:0}
.prose{max-width:72ch}
.prose p{margin:0 0 var(--space-4)}
.prose strong{font-weight:700}
.prose a,.page-main .prose a{color:var(--c-font);text-decoration:underline;text-decoration-color:var(--c-accent);text-decoration-thickness:2px;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px;transition:color var(--t-fast),text-decoration-color var(--t-fast)}
.prose a:hover{color:var(--c-font);text-decoration-color:var(--c-link-hover);text-decoration-thickness:3px}
.prose a:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px;border-radius:2px}
.page-section--surface .prose a{color:#ffffff}
.page-section--surface .prose a:hover{color:var(--c-btn-hover);text-decoration-color:var(--c-btn-hover)}

.hero{position:relative;padding:clamp(48px,8vw,104px) 0 clamp(40px,6vw,72px);background:radial-gradient(circle at 85% 15%,rgba(255,166,2,.22),rgba(255,166,2,0) 45%),linear-gradient(160deg,var(--c-surface) 0%,var(--c-border) 100%);color:#ffffff}
.hero h1{font-size:var(--fs-h1);line-height:var(--lh-head);font-weight:700;color:var(--c-head);margin:0 0 var(--space-4);max-width:20ch;letter-spacing:-.02em}
.hero__lead{font-size:clamp(1.0625rem,1rem + .5vw,1.25rem);line-height:var(--lh-body);max-width:60ch;margin:0 0 var(--space-5);color:#ffffff}
.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin:0 0 var(--space-6)}
.trust-row{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}
.trust-row__item{display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border:1px solid var(--c-accent);border-radius:999px;font-size:.9375rem;color:#ffffff;background:rgba(10,9,9,.25)}
.trust-row__item::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c-accent);flex:none}

.page-main .site-button,.page-main .btn-ghost{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:var(--radius);font-size:1rem;line-height:1.2;text-align:center;transition:background-color var(--t-fast),border-color var(--t-fast),color var(--t-fast),transform var(--t-fast),box-shadow var(--t-fast)}
.page-main .site-button:hover{box-shadow:var(--shadow)}
.page-main .site-button:active{transform:translateY(1px)}
.page-main .site-button:focus-visible,.page-main .btn-ghost:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px}
.btn-ghost{background:transparent;color:var(--c-sec);border:1px solid var(--c-sec);text-decoration:none;font-weight:700}
.btn-ghost:hover{background:var(--c-sec-hover);border-color:var(--c-sec-hover);color:var(--c-btn-text)}
.btn-ghost:active{transform:translateY(1px)}
.cta-row{margin:var(--space-6) 0 0;display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3)}

.toc{background:var(--c-bg);color:var(--c-font);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-5);margin:0;max-width:72ch}
.toc__title{margin:0 0 var(--space-3);font-size:1.125rem}
.toc__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--space-1)}
@media (min-width:768px){.toc__list{grid-template-columns:1fr 1fr;column-gap:var(--space-5)}}
.toc__list a{display:flex;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--c-font);text-decoration:none;font-weight:500;transition:background-color var(--t-fast),color var(--t-fast)}
.toc__list a::before{content:"";width:10px;height:10px;border-radius:2px;background:var(--c-accent);flex:none}
.toc__list a:hover{background:var(--c-surface);color:#ffffff}
.toc__list a:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px}

.page-figure{margin:var(--space-6) 0 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--c-border)}
.page-figure a{display:block;min-height:44px;border-radius:var(--radius-lg)}
.page-figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block;transition:opacity var(--t-fast)}
.page-figure a:hover img{opacity:.92}
.page-figure a:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px}

.checklist{list-style:none;margin:0 0 var(--space-5);padding:0;display:grid;gap:var(--space-2)}
.checklist li{position:relative;padding-left:28px}
.checklist li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:2px;background:var(--c-accent)}
.page-section--surface .checklist li{color:#ffffff}

.steps{list-style:none;counter-reset:step;margin:0 0 var(--space-5);padding:0;display:grid;gap:var(--space-3)}
.steps>li{counter-increment:step;position:relative;padding:var(--space-4) var(--space-4) var(--space-4) 64px;background:var(--c-bg);color:var(--c-font);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);transition:border-color var(--t-fast)}
.steps>li:hover{border-color:var(--c-accent)}
.steps>li::before{content:counter(step);position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--c-btn);color:var(--c-btn-text);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9375rem}

.callout{margin:0 0 var(--space-5);padding:var(--space-5);background:var(--c-bg);color:var(--c-font);border:1px solid var(--c-border);border-left:4px solid var(--c-accent);border-radius:var(--radius);box-shadow:var(--shadow)}
.callout p{margin:0}

.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 var(--space-5);border-radius:var(--radius);border:1px solid var(--c-border);box-shadow:var(--shadow);background:var(--c-bg)}
.table-scroll:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px}
.table-scroll table{width:100%;min-width:560px;border-collapse:collapse;color:var(--c-font);font-size:.9375rem;line-height:1.5}
.table-scroll th,.table-scroll td{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:top;border-top:1px solid var(--c-border)}
.table-scroll thead th{background:var(--c-surface);color:#ffffff;font-weight:700;border-top:0}
.table-scroll tbody th{font-weight:700;color:var(--c-font);background:var(--c-bg)}
.table-scroll td{color:var(--c-font)}

.faq{display:grid;gap:var(--space-3)}
.faq details{background:var(--c-bg);color:var(--c-font);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:44px;padding:var(--space-4) var(--space-5);transition:background-color var(--t-fast)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{background:var(--c-surface)}
.faq summary:focus-visible{outline:3px solid var(--c-accent);outline-offset:-3px}
.faq summary .faq__q{color:var(--c-font);font-size:var(--fs-h3);margin:0;transition:color var(--t-fast)}
.faq summary:hover .faq__q{color:var(--c-head)}
.faq summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;background:var(--c-btn);color:var(--c-btn-text);font-weight:700;font-size:1.25rem;line-height:28px;text-align:center}
.faq details[open] summary::after{content:"\2212"}
.faq__a{padding:0 var(--space-5) var(--space-5)}
.faq__a p{margin:0;color:var(--c-font)}

@media (prefers-reduced-motion:reduce){
  .page-main *,.page-main *::before,.page-main *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
.page-section--surface .callout p{color:var(--c-font)}
.page-main a{min-width:44px;min-height:44px}
.hero__jump{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--space-2) var(--space-3);color:#ffffff;font-weight:700;text-decoration:underline;text-decoration-color:var(--c-accent);text-decoration-thickness:2px;text-underline-offset:4px;border-radius:var(--radius);transition:color var(--t-fast)}
.hero__jump:hover{color:var(--c-accent)}
.hero__jump:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px}
.toc__list{gap:var(--space-2)}
.faq__q{font-weight:700;line-height:1.3}
.promo-tiles{display:grid;gap:var(--space-4);margin:var(--space-6) 0 0;padding:0}
.promo-tile{display:flex;flex-direction:column;margin:0;background:var(--c-bg);color:var(--c-font);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:transform var(--t-fast),box-shadow var(--t-fast)}
.promo-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.promo-tile img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.promo-tile__body{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-5)}
.promo-tile__title{margin:0;font-size:var(--fs-h3);line-height:1.3;font-weight:700;color:var(--c-font)}
.promo-bar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--c-surface);color:#ffffff;border-top:1px solid var(--c-border);box-shadow:var(--shadow-lg)}
.promo-bar__icon{width:12px;height:12px;border-radius:50%;background:var(--c-accent);flex:none}
.promo-bar__text{margin:0;flex:1;min-width:0;font-weight:700;color:#ffffff;font-size:.9375rem}
.promo-bar__cta{flex:none;border-radius:999px;padding:10px 20px;white-space:nowrap}
.page-main{padding-bottom:88px}
@media (min-width:768px){
.promo-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.checklist{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-5)}
.toc{max-width:none}
}
@media (min-width:1024px){
.page-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-6);align-items:start}
.page-main>*{grid-column:1/-1}
.page-main>.section-toc{grid-column:1}
.page-main>.section-intro{grid-column:2}
}
.breadcrumb{padding:var(--space-4) 0 0;background:var(--c-bg)}
.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;font-size:.9375rem}
.breadcrumb li{display:inline-flex;align-items:center;min-height:44px}
.breadcrumb li+li::before{content:"/";color:var(--c-font);opacity:.6;padding:0 var(--space-2)}
.breadcrumb a{display:inline-flex;align-items:center;min-height:44px;color:var(--c-font);text-decoration:underline;text-decoration-color:var(--c-accent);text-decoration-thickness:2px;text-underline-offset:4px;transition:color var(--t-fast)}
.breadcrumb a:hover{color:var(--c-font);text-decoration-thickness:3px}
.breadcrumb a:focus-visible{outline:3px solid var(--c-accent);outline-offset:3px}
.breadcrumb [aria-current="page"]{font-weight:700;color:var(--c-font)}
.toc__title{font-weight:700;color:var(--c-font);margin:0 0 var(--space-3)}
.figures{list-style:none;margin:0 0 var(--space-5);padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}
.figures li{padding:var(--space-5) var(--space-4);background:var(--c-bg);color:var(--c-font);border:1px solid var(--c-border);border-top:4px solid var(--c-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.figures__value{display:block;font-size:clamp(1.5rem,1.2rem + 1.4vw,2.25rem);font-weight:700;line-height:1.15;color:var(--c-font)}
.figures__label{display:block;margin-top:var(--space-2);font-size:.9375rem;line-height:1.4;color:var(--c-font)}
.faq summary:hover .faq__q{color:#ffffff;text-decoration:underline;text-decoration-color:var(--c-accent)}
.page-section--tight{padding:var(--space-6) 0}
.promo-inline{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--c-bg);color:var(--c-font);border:1px solid var(--c-border);border-left:4px solid var(--c-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.promo-inline__icon{width:44px;height:44px;border-radius:50%;background:var(--c-btn);flex:none}
.promo-inline__body{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);flex:1 1 280px;min-width:0}
.promo-inline__title{margin:0;font-size:var(--fs-h3);line-height:1.3;font-weight:700;color:var(--c-font)}
.promo-bar__img{width:48px;height:48px;object-fit:cover;border-radius:var(--radius);flex:none}
.breadcrumb a{min-width:44px;padding:0 var(--space-1)}
.image-block{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);margin:0 auto}
.image-block .page-figure{margin:0;width:100%;max-width:720px}
.image-block p{margin:0;max-width:60ch}
.hero .breadcrumb{background:transparent}
.hero .breadcrumb a,.hero .breadcrumb [aria-current="page"]{color:#ffffff}
.hero .breadcrumb li+li::before{color:#ffffff}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.checklist a{color:var(--c-font);text-decoration:underline;text-decoration-color:var(--c-accent);text-decoration-thickness:2px;text-underline-offset:4px}
.checklist a:hover{color:var(--c-font);text-decoration-thickness:3px}
.site-footer__list a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.site-home{min-height:44px;display:inline-flex;align-items:center}
.hero__figure{margin-top:var(--space-6)}
.hero__figure img{aspect-ratio:21/9;max-height:360px;object-fit:cover}
.promo-inline__img{width:96px;height:96px;object-fit:cover;border-radius:var(--radius);flex:none}
.page-meta{margin-top:var(--space-6)}
.page-meta p+p{margin-top:var(--space-3)}
.page-main .callout a,.page-section--surface .callout a{color:var(--c-font)}
.page-main .callout a:hover,.page-section--surface .callout a:hover{color:var(--c-font)}
.promo-inline{margin:var(--space-5) 0}
.page-main h3{color:var(--c-font)}
.page-section--surface h3{color:var(--c-head)}
.hero{min-height:560px;min-height:clamp(560px,82vh,840px);min-height:clamp(560px,82svh,840px);display:flex;flex-direction:column;justify-content:center}
.hero>.site-container{width:100%}
.prose h3{margin:var(--space-6) 0 var(--space-3)}
.promo-inline__body p{margin:0}
.faq summary h3{margin:0}
.page-section--surface .faq__a p{color:var(--c-font)}
.hero__inner{display:grid;gap:var(--space-6);align-items:center;margin-top:var(--space-5)}
.hero__text{min-width:0}
.hero__image{margin:0;width:100%;max-width:340px;justify-self:center}
.hero__image img{width:100%;height:auto;aspect-ratio:auto;max-height:none;object-fit:contain;border-radius:var(--radius-lg);border:1px solid var(--c-border);box-shadow:var(--shadow-lg)}
.hero__actions{gap:var(--space-3)}
.section-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-5) 0 0}
.page-main .section-cta .site-button{min-width:44px}
.page-meta{font-size:.9375rem;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--c-border)}
.page-section .table-scroll{margin-top:var(--space-4)}
.page-section .prose+.table-scroll{margin-top:0}
.page-section .prose+.steps,.page-section .prose+.checklist{margin-top:var(--space-4)}
.page-section .steps,.page-section .checklist{margin-bottom:var(--space-5)}
.page-section .figures{margin-top:var(--space-4)}
.faq{margin-top:var(--space-4)}
@media (min-width:900px){
.hero__inner{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--space-7)}
.hero__image{max-width:none;justify-self:end}
}
@media (max-width:767px){
.hero__actions .site-button,.hero__actions .btn-ghost{width:100%}
}
@media (prefers-reduced-motion:reduce){
.hero__image img,.site-button,.btn-ghost,.faq summary{transition:none!important}
}