@import url('/assets/vendor/bootstrap-icons/bootstrap-icons.min.css');

.assistance-page { --support-ink:#1d211f; --support-rust:#a93718; --support-warm:#f5f2ed; background:#fff; color:var(--support-ink); }.assistance-page [hidden] { display:none!important; }
.assistance-page main { padding-top:82px; }.assistance-header { border-bottom:1px solid rgba(29,33,31,.08); background:rgba(255,255,255,.96); }.support-account-link { border:1px solid rgba(29,33,31,.13); border-radius:10px; padding:11px 15px; color:var(--support-ink); font-size:9px; font-weight:800; text-decoration:none; text-transform:uppercase; }
.assistance-page .button-primary { border-color:var(--support-rust); background:var(--support-rust); }.assistance-page .button-primary:hover { background:#812612; }
.assistance-hero { display:grid; grid-template-columns:1.2fr .8fr; gap:7vw; align-items:end; min-height:535px; padding:105px 6vw 75px; background:linear-gradient(135deg,#1c211e 0%,#242b27 72%,#49261d 100%); color:#fff; }.assistance-hero>div { max-width:900px; }.assistance-hero .eyebrow { color:#dc8d6f; }.assistance-hero h1 { margin:0; max-width:930px; font-size:clamp(58px,6.8vw,108px); line-height:.88; letter-spacing:-.075em; }.assistance-hero h1 em { color:#d27857; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-style:italic; }.assistance-hero>div>p:last-child { max-width:650px; margin:30px 0 0; color:rgba(255,255,255,.66); font-size:clamp(16px,1.3vw,20px); }.assistance-hero aside { display:grid; grid-template-columns:34px 1fr; gap:4px 13px; border-top:1px solid rgba(255,255,255,.18); padding-top:25px; }.assistance-hero aside span { grid-row:span 2; color:#d27857; font-size:9px; font-weight:800; }.assistance-hero aside b { font-size:13px; }.assistance-hero aside small { margin-bottom:19px; color:rgba(255,255,255,.48); font-size:10px; }
.assistance-workspace { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr); gap:24px; max-width:1500px; margin:0 auto; padding:90px 5vw 120px; }.assistance-form { display:grid; gap:24px; border:1px solid #e2e2de; border-radius:25px; background:#fff; padding:clamp(30px,5vw,66px); box-shadow:0 24px 80px rgba(29,33,31,.07); }.assistance-form header { max-width:700px; }.assistance-form header h2 { margin:4px 0 8px; font-size:clamp(38px,4vw,62px); line-height:.95; letter-spacing:-.06em; }.assistance-form header>p:last-child { margin:0; color:#6d736f; font-size:13px; }
.assistance-form fieldset { display:grid; grid-template-columns:1fr 1fr; gap:17px; margin:0; border:0; border-top:1px solid #e2e2de; padding:24px 0 0; }.assistance-form legend { padding:0 0 14px; color:var(--support-rust); font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.assistance-form label { color:#525a55; }.assistance-form input,.assistance-form select,.assistance-form textarea { border:1px solid #dedfdb; border-radius:11px; background:#fbfbfa; padding:14px; }.assistance-form input:focus,.assistance-form select:focus,.assistance-form textarea:focus { border-color:#b65a3d; box-shadow:0 0 0 4px rgba(169,55,24,.08); }.assistance-form .wide { grid-column:1/-1; }.assistance-form textarea { min-height:170px; }.assistance-form>.button { justify-self:start; min-width:220px; }.assistance-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.authenticated-contact { display:flex; align-items:center; gap:14px; border:1px solid #e2e2de; border-radius:14px; background:var(--support-warm); padding:17px; }.authenticated-contact>span { display:grid; flex:0 0 40px; height:40px; place-items:center; border-radius:50%; background:var(--support-rust); color:#fff; }.authenticated-contact div { display:grid; }.authenticated-contact small { color:#7a7772; font-size:8px; font-weight:800; text-transform:uppercase; }.authenticated-contact b { font-size:15px; }.authenticated-contact p { margin:0; color:#6d736f; font-size:10px; }.assistance-form-status { min-height:20px; margin:0; color:#315f46; font-size:12px; font-weight:700; }.assistance-form-status.error { color:var(--support-rust); }.ticket-confirmation { display:flex; gap:13px; align-items:flex-start; border-radius:14px; background:#edf5ef; padding:18px; }.ticket-confirmation>span { display:grid; flex:0 0 35px; height:35px; place-items:center; border-radius:50%; background:#285b40; color:#fff; }.ticket-confirmation b { display:block; }.ticket-confirmation p { margin:3px 0 0; color:#5e6d64; font-size:11px; }.ticket-confirmation strong { color:#285b40; }
.assistance-sidebar { display:grid; align-content:start; gap:15px; }.assistance-sidebar article,.assistance-orders-link { border:1px solid #e2e2de; border-radius:22px; background:var(--support-warm); padding:32px; }.assistance-sidebar article:first-child { background:var(--support-ink); color:#fff; }.assistance-sidebar article:first-child .eyebrow { color:#dc8d6f; }.assistance-sidebar article h2 { margin:3px 0 10px; font-size:31px; line-height:1; letter-spacing:-.05em; }.assistance-sidebar article>p:not(.eyebrow) { color:rgba(255,255,255,.58); font-size:12px; }.assistance-sidebar article>a { display:grid; gap:2px; border-top:1px solid rgba(255,255,255,.14); padding:15px 0; color:#fff; text-decoration:none; }.assistance-sidebar article>a small { color:#dc8d6f; font-size:8px; font-weight:800; text-transform:uppercase; }.assistance-sidebar article>a b { font-size:14px; }.assistance-sidebar article>span { color:rgba(255,255,255,.45); font-size:9px; }.assistance-backend-note { display:flex; gap:15px; background:#fff!important; color:var(--support-ink)!important; }.assistance-backend-note>span { display:grid; flex:0 0 42px; height:42px; place-items:center; border-radius:12px; background:#eee4df; color:var(--support-rust)!important; font-size:19px!important; }.assistance-backend-note b { display:block; }.assistance-backend-note p { margin:5px 0 0!important; color:#70736f!important; font-size:11px!important; }.assistance-orders-link { display:grid; gap:2px; background:#fff; text-decoration:none; }.assistance-orders-link span { color:#737873; font-size:9px; text-transform:uppercase; }.assistance-orders-link b { color:var(--support-rust); font-size:13px; }.assistance-menu-overlay { display:none; }
@media(max-width:900px){.assistance-hero { grid-template-columns:1fr; min-height:620px; }.assistance-hero aside { max-width:520px; }.assistance-workspace { grid-template-columns:1fr; }.assistance-sidebar { grid-template-columns:1fr 1fr; }.assistance-sidebar article:first-child { grid-row:span 2; }}
@media(max-width:760px){.assistance-page main { padding-top:68px; }.assistance-header { height:68px; }.assistance-header .nav { position:fixed; z-index:102; top:74px; right:10px; left:10px; display:grid; visibility:hidden; border:1px solid #e2e2de; border-radius:16px; background:#fff; padding:12px; opacity:0; transform:translateY(-8px); transition:.2s; }.assistance-header .nav.open { visibility:visible; opacity:1; transform:none; }.assistance-header .nav a { padding:12px; border-bottom:1px solid #ecece9; }.assistance-header .menu-button { display:block; }.support-account-link { display:none; }.assistance-menu-overlay.show { position:fixed; z-index:90; inset:0; display:block; background:rgba(20,24,22,.45); }.assistance-hero { min-height:620px; padding:80px 22px 55px; }.assistance-hero h1 { font-size:clamp(52px,15vw,75px); }.assistance-workspace { padding:62px 15px 85px; }.assistance-form { padding:27px 20px; }.assistance-form fieldset { grid-template-columns:1fr; }.assistance-form .wide { grid-column:1; }.assistance-form>.button { width:100%; }.assistance-sidebar { grid-template-columns:1fr; }.assistance-sidebar article:first-child { grid-row:auto; }.assistance-footer { margin-top:0; }}