.support-page{grid-template-columns:.95fr 1.05fr;gap:clamp(60px,8vw,140px);min-height:80vh;padding-block:72px 130px;display:grid}.support-intro .eyebrow{margin-top:56px}.support-intro h1{font:400 clamp(52px, 5.8vw, 96px)/1.06 var(--font-pixel);letter-spacing:0;font-synthesis:none;margin:34px 0}.support-intro h1 em{color:var(--accent);font-style:normal;display:block}.support-intro>p{max-width:480px;color:var(--muted);animation:rise var(--t-slow) var(--ease-out) .24s both;margin:0;font-size:18px;line-height:1.7}.support-note{border:1px solid var(--ink);background:var(--tile);width:fit-content;box-shadow:5px 5px 0 var(--ink);animation:rise var(--t-slow) var(--ease-out) .34s both;border-radius:4px;flex-direction:column;gap:10px;margin-top:56px;padding:18px 22px;display:flex}.support-note>span{font:400 var(--fs-label) var(--font-mono);letter-spacing:.08em;color:var(--muted)}.support-note a{font:400 clamp(16px, 1.5vw, 20px) var(--font-mono);position:relative}.support-note a:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform var(--t-base) var(--ease-out);position:absolute;bottom:-4px;left:0;right:0}.support-note a:hover:after{transform:scaleX(.2)}.support-form{border:1px solid var(--ink);background:var(--tile);box-shadow:8px 8px 0 var(--ink);border-radius:6px;align-self:start;padding:0 30px 26px;animation:.52s steps(5,end) .2s both window-pop;position:relative}.form-heading{border-bottom:1px solid var(--ink);font:400 var(--fs-label) var(--font-mono);letter-spacing:.1em;color:var(--muted);background:#e3e5ee;border-radius:5px 5px 0 0;justify-content:space-between;align-items:center;margin:0 -30px 6px;padding:10px 16px;display:flex}.form-heading>span:first-child{color:var(--ink);align-items:center;gap:9px;display:inline-flex}.form-heading .status-dot{background:var(--accent)}.support-form label{border-bottom:1px solid var(--hair);padding:22px 0 14px;display:block;position:relative}.support-form label:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform var(--t-base) var(--ease-out);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.support-form label:focus-within:after{transform:scaleX(1)}.support-form label>span{font:500 13px var(--font-sans);letter-spacing:-.01em;color:var(--muted);transition:color var(--t-base) var(--ease);margin-bottom:10px;display:block}.support-form label:focus-within>span{color:var(--accent)}.support-form input,.support-form select,.support-form textarea{width:100%;color:var(--blue);letter-spacing:-.01em;resize:vertical;background:0 0;border:0;outline:0;font-size:18px}.support-form select{-webkit-appearance:none;appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23121218' stroke-width='2'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") right 4px center no-repeat;padding-right:28px}.support-form option{color:#121218;background:#fff}.support-form textarea{min-height:130px;line-height:1.6}.support-form ::placeholder{color:var(--blue);opacity:.35}.form-submit{border:1px solid var(--ink);background:var(--accent);color:#fff;width:100%;box-shadow:5px 5px 0 var(--ink);cursor:pointer;font:400 15px var(--font-mono);letter-spacing:.02em;transition:translate var(--t-fast) steps(2), box-shadow var(--t-fast) steps(2);border-radius:4px;justify-content:space-between;align-items:center;margin-top:30px;padding:18px 22px;display:flex;position:relative}.form-submit span{transition:transform var(--t-fast) steps(2)}.form-submit:hover{box-shadow:3px 3px 0 var(--ink);translate:2px 2px}.form-submit:active{box-shadow:0 0 0 var(--ink);translate:5px 5px}.form-submit:hover span:last-child{transform:translate(3px,-3px)}.form-submit:disabled{opacity:.55;cursor:wait}.form-status{min-height:22px;margin:14px 0 0;font-size:13px}.form-status.success{color:var(--accent);font-weight:600}.form-status.error{color:#c4231b;font-weight:600}.support-faq{grid-column:1/-1;padding-top:70px}.support-faq .section-head{margin-bottom:44px}.support-faq .section-title{font-size:clamp(44px,5.4vw,88px)}.support-faq-list{border-top:1px solid var(--hair-strong)}.support-faq-list details{border-bottom:1px solid var(--hair-strong)}.support-faq-list summary{cursor:pointer;letter-spacing:-.035em;transition:padding var(--t-base) var(--ease-out), color var(--t-base) var(--ease);justify-content:space-between;align-items:center;gap:30px;padding:28px 0;font-size:clamp(20px,2.1vw,30px);font-weight:560;list-style:none;display:flex}.support-faq-list summary::-webkit-details-marker{display:none}.support-faq-list summary:hover{padding-left:12px}.support-faq-list summary:after{content:"+";border:1px solid var(--ink);background:var(--tile);width:38px;height:38px;box-shadow:3px 3px 0 var(--ink);font:400 18px var(--font-mono);transition:translate var(--t-fast) steps(2), box-shadow var(--t-fast) steps(2);border-radius:3px;flex:none;place-items:center;display:grid}.support-faq-list details[open] summary:after{content:"−";box-shadow:0 0 0 var(--ink);background:var(--accent);color:#fff;translate:3px 3px}.support-faq-list details::details-content{block-size:0;transition:block-size var(--t-base) steps(6, end), content-visibility var(--t-base) allow-discrete;overflow:hidden}.support-faq-list details[open]::details-content{block-size:auto}.support-faq-list p{max-width:780px;color:var(--muted);margin:0;padding:0 0 32px;font-size:17px;line-height:1.8}.support-faq-list a{color:var(--blue);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;font-weight:600}@media (max-width:1000px){.support-page{grid-template-columns:1fr}}@media (max-width:720px){.support-page{gap:56px;padding-block:44px 90px}.support-intro .eyebrow{margin-top:40px}.support-intro h1{font-size:46px}.support-form{padding:0 18px 20px}.form-heading{margin-inline:-18px}.support-faq{padding-top:30px}.support-faq .section-title{font-size:44px}.support-faq-list summary:after{width:32px;height:32px}}
