@font-face{font-family:'W5 Inter';src:url('/assets/w5-inter-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}

html:has(body.w5-site){background:#f5f5f3}
body.w5-site{--bg:#f5f5f3;--surface:#eeebf4;--text:#211d30;--muted:#5c566b;--accent:#342c4b;--line:#342c4b33;background:#f5f5f3;color:#211d30;font-family:'W5 Inter',Arial,sans-serif}
body.w5-site .wrap{width:min(1320px,90%)}
body.w5-site .site-header{position:relative;top:auto;left:auto;transform:none;width:90%;max-width:1320px;margin:auto;padding:24px 0;border:0;border-radius:0;background:none;backdrop-filter:none;color:#211d30}
body.w5-site .brand-mark{background:#342c4b;color:#fff;border:0;border-radius:14px}
body.w5-site .nav{gap:30px;font-size:14px}
body.w5-site .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:30px 5%;padding:35px 5% 0;margin:0 auto;min-height:0;max-width:1480px;background:none}
body.w5-site .hero:before,body.w5-site .hero:after{display:none}
body.w5-site .hero-index{position:static;grid-column:1/-1;font-size:11px;letter-spacing:.12em;color:#6b607e;padding-bottom:18px;border-bottom:1px solid #342c4b30}
body.w5-site .hero-copy{grid-column:1;grid-row:2;align-self:center;max-width:none;width:auto;padding:25px 0}
body.w5-site .hero h1{font:400 clamp(45px,5.5vw,80px)/1.04 'W5 Inter',Arial,sans-serif;letter-spacing:-.055em;max-width:15ch;color:#211d30}
body.w5-site .hero-intro{font-size:19px;line-height:1.7;color:#5c566b;max-width:38ch;margin-top:25px}
body.w5-site .hero-media{grid-column:2;grid-row:2;position:static;width:100%;max-width:none;margin:0;background:#e4ddeb;padding:22px;border:0;border-radius:28px;aspect-ratio:auto;overflow:visible;align-self:center}
body.w5-site .hero-media img{position:static;height:auto;width:100%;max-height:none;object-fit:contain;border-radius:12px;transform:none}
body.w5-site .hero-media figcaption{font-size:10px;line-height:1.6;color:#62566e;padding:16px 0 0}
body.w5-site .hero-meta{grid-column:1/-1;position:static;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;background:#e7e1ee;color:#5c566b;padding:24px 28px;margin-top:10px;border-radius:16px;font-size:11px;letter-spacing:.03em}
body.w5-site .eyebrow,body.w5-site .section-number,body.w5-site .card-number{color:#6b607e;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
body.w5-site .button{background:#342c4b;color:#fff;border:1px solid #342c4b;border-radius:999px;padding:13px 25px;min-height:48px;font-size:14px;box-shadow:none}
body.w5-site .button.secondary{background:transparent;color:#342c4b;border-color:#342c4b70}
body.w5-site .guide-hub,body.w5-site .intro,body.w5-site .model-section{padding-block:85px}
body.w5-site .section-head{display:flex;justify-content:space-between;gap:35px;align-items:start;margin-bottom:38px}
body.w5-site .section-head h2{font-size:clamp(37px,4.6vw,65px);font-weight:400;line-height:1.06;letter-spacing:-.045em;max-width:19ch}
body.w5-site .intro{display:grid;grid-template-columns:1fr 1.15fr;gap:8vw}
body.w5-site .intro-copy{font-size:20px;line-height:1.7;color:#5c566b}
body.w5-site .feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
body.w5-site .guide-card{background:#e7e1ee;color:#211d30;border:0;border-radius:24px;padding:30px;min-height:360px;box-shadow:none;transform:none}
body.w5-site .guide-card:first-child{grid-column:1/3;background:#dcd3e8}
body.w5-site .guide-card h3{font-size:clamp(29px,3.1vw,42px);font-weight:400;letter-spacing:-.035em;line-height:1.1;max-width:19ch}
body.w5-site .guide-card p{font-size:17px;line-height:1.75;color:#5c566b;max-width:55ch}
body.w5-site .guide-card .text-link{color:#342c4b;font-size:13px}
body.w5-site .content-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8vw;padding:60px 0;border-top:1px solid #342c4b30;background:none}
body.w5-site .content-section h2{font-size:clamp(32px,3.9vw,53px);font-weight:400;letter-spacing:-.04em;line-height:1.1;max-width:20ch}
body.w5-site .section-copy{font-size:18px;line-height:1.8;color:#5c566b}
body.w5-site .model-section{background:#342c4b;color:#fff;width:100%;max-width:none;padding-inline:5%;border-radius:34px 34px 0 0}
body.w5-site .model-section .section-number{color:#d2c8e2}
body.w5-site .model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.w5-site .model-card{background:#453b5f;color:#fff;border:0;border-radius:22px;padding:30px;box-shadow:none}
body.w5-site .model-card h3{font-size:34px;font-weight:400;line-height:1.15}
body.w5-site .model-card p,body.w5-site .model-card li{color:#e4deef;font-size:16px}
body.w5-site .faq-section{padding-block:90px}
body.w5-site .faq-grid{grid-template-columns:1fr 1.4fr;gap:8vw}
body.w5-site .faq-intro h2{font-size:clamp(42px,5vw,70px);line-height:1.03;letter-spacing:-.04em}
body.w5-site .contact-section{background:#e4ddeb;border:0;border-radius:28px;padding:60px;display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;margin-bottom:70px}
body.w5-site .contact-copy h2{font-size:clamp(39px,4.6vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.04em}
body.w5-site .contact-art{background:#f5f5f350;border:0;border-radius:20px}
body.w5-site .site-footer{background:#e7e1ee;color:#211d30;border-radius:34px 34px 0 0;padding:65px 5% 25px;border:0}
body.w5-site .footer-wordmark{position:static;transform:none;opacity:1;font-size:clamp(48px,10.2vw,148px);font-weight:400;line-height:1;letter-spacing:-.065em;white-space:normal;color:#342c4b;padding-bottom:42px;border-bottom:1px solid #342c4b30}
body.w5-site .footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:6vw}
body.w5-site .footer-grid h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#62566e}
body.w5-site .footer-grid p,body.w5-site .footer-grid a{color:#51475f;font-size:16px;line-height:1.7}
body.w5-site .footer-bottom{color:#62566e;border-color:#342c4b30}
body.w5-site .w4-zone,body.w5-site .w4-bottom{background:#f5f5f3!important;color:#211d30!important}
body.w5-site .w4-zone{padding:75px 5%}
body.w5-site main.w4-zone{padding-top:58px}
body.w5-site .w4-inner{max-width:1250px}
body.w5-site .w4-zone h1{font:400 clamp(43px,6vw,80px)/1.06 'W5 Inter',Arial,sans-serif;letter-spacing:-.05em;max-width:20ch;margin:28px 0}
body.w5-site .w4-label{color:#6b607e}
body.w5-site .w4-zone .w4-lede{font-size:20px;line-height:1.7;max-width:840px;color:#5c566b}
body.w5-site .w4-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:42px}
body.w5-site .w4-card{background:#e7e1ee;border:0;border-radius:24px;padding:32px;min-height:330px}
body.w5-site .w4-card:nth-child(1),body.w5-site .w4-card:nth-child(4){grid-column:span 2;background:#dcd3e8}
body.w5-site .w4-card h3{font:400 clamp(28px,3vw,40px)/1.12 'W5 Inter',Arial,sans-serif;letter-spacing:-.035em;max-width:22ch}
body.w5-site .w4-card>p:not(.w4-label){font-size:17px;line-height:1.75;color:#5c566b;max-width:62ch}
body.w5-site .w4-card .w4-read{font-size:13px}
body.w5-site .w4-layout{display:flex;flex-direction:column;gap:35px}
body.w5-site .w4-layout aside{order:-1;position:static;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;border-block:1px solid #342c4b30;padding:20px 0;font-size:12px}
body.w5-site .w4-layout aside .w4-label{width:100%;margin:0}
body.w5-site .w4-layout aside a{display:inline-block;padding:8px 16px;border:1px solid #342c4b30;border-radius:999px;max-width:100%;font-size:12px;text-decoration:none;background:#eeebf4}
body.w5-site .w4-layout article{width:min(100%,930px);margin:auto}
body.w5-site .w4-layout article>section{padding:36px;border:0;border-radius:22px;background:#ede9f1;margin-bottom:24px}
body.w5-site .w4-layout article>section:nth-child(even){background:#f5f5f3;border:1px solid #342c4b30}
body.w5-site .w4-layout h2{font:400 35px/1.15 'W5 Inter',Arial,sans-serif;letter-spacing:-.035em;margin-top:0}
body.w5-site .w4-layout article p{font-size:18px;line-height:1.85}
body.w5-site .w4-source{background:#342c4b;color:#fff;border:0;border-radius:22px;padding:35px}
body.w5-site .guide-page{padding-top:55px;max-width:1180px}
body.w5-site .guide-page h1{font:400 clamp(39px,5vw,70px)/1.08 'W5 Inter',Arial,sans-serif;letter-spacing:-.045em;max-width:23ch}
body.w5-site .guide-lede{font-size:20px;color:#5c566b}
body.w5-site .guide-layout{grid-template-columns:minmax(0,1fr) 230px;gap:6vw}
body.w5-site .article-body section{padding:32px;border:1px solid #342c4b25;border-radius:22px;margin-bottom:25px;background:#eeebf4}
body.w5-site .article-body h2{font-size:35px;font-weight:400;line-height:1.15}
body.w5-site .article-body p,body.w5-site .article-body li{font-size:17px;line-height:1.85;color:#51475f}
@media(max-width:850px){body.w5-site .hero{grid-template-columns:1fr;gap:25px;padding-top:20px}body.w5-site .hero-copy,body.w5-site .hero-media{grid-column:1;grid-row:auto}body.w5-site .hero h1{font-size:clamp(42px,8vw,60px);max-width:18ch}body.w5-site .hero-intro{font-size:17px}body.w5-site .hero-meta{gap:10px;padding:20px}body.w5-site .intro,body.w5-site .content-section,body.w5-site .faq-grid,body.w5-site .contact-section{grid-template-columns:1fr;gap:25px}body.w5-site .section-head{display:block}body.w5-site .section-head h2{margin-top:20px;font-size:39px}body.w5-site .feature-grid,body.w5-site .model-grid{grid-template-columns:1fr}body.w5-site .guide-card:first-child{grid-column:auto}body.w5-site .guide-card{min-height:0;padding:28px}body.w5-site .contact-section{padding:30px}body.w5-site .footer-grid{grid-template-columns:1fr;gap:30px}body.w5-site .w4-grid{grid-template-columns:1fr}body.w5-site .w4-card:nth-child(1),body.w5-site .w4-card:nth-child(4){grid-column:auto}body.w5-site .w4-card{min-height:0;padding:27px}body.w5-site .w4-zone h1{font-size:43px}body.w5-site .w4-layout article>section{padding:25px}body.w5-site .w4-layout h2{font-size:30px}body.w5-site .w4-layout article p{font-size:17px}body.w5-site .guide-layout{grid-template-columns:1fr}body.w5-site .article-body section{padding:25px}body.w5-site .w4-source{padding:27px}}
body.w5-site .hero{grid-template-areas:none}
body.w5-site .hero-index,body.w5-site .hero-copy,body.w5-site .hero-media,body.w5-site .hero-meta{grid-area:auto}
body.w5-site .hero-index{grid-column:1/-1;grid-row:1}
body.w5-site .hero-copy{grid-column:1;grid-row:2}
body.w5-site .hero-media{grid-column:2;grid-row:2}
body.w5-site .hero-meta{grid-column:1/-1;grid-row:3}
@media(max-width:850px){body.w5-site .hero-copy{grid-column:1;grid-row:2}body.w5-site .hero-media{grid-column:1;grid-row:3}body.w5-site .hero-meta{grid-column:1;grid-row:4}}
@media(prefers-reduced-motion:reduce){body.w5-site *,body.w5-site *:before,body.w5-site *:after{animation:none!important;transition:none!important}}