.excel-import-page { background: radial-gradient(ellipse 55% 28% at 74% 7%, rgb(8 122 126 / 0.3), transparent 69%), radial-gradient(ellipse 36% 23% at 16% 48%, rgb(41 203 172 / 0.08), transparent 75%), var(--bg); }
.nav-excel { color: var(--accent-strong); }
.excel-hero { margin: 0 auto; max-width: var(--content); padding: clamp(72px, 11vw, 152px) 24px clamp(58px, 8vw, 100px); }
.excel-hero h1 { font-size: clamp(3rem, 6.1vw, 5.9rem); max-width: 850px; }
.excel-hero h1 span { display: inline; }
.excel-hero .button { margin-top: 13px; }
.excel-note { color: var(--muted); font-size: .9rem; margin: 16px 0 0; }
.excel-benefits { border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0 auto; max-width: 1300px; }
.excel-benefits article { border-right: 1px solid var(--line); padding: clamp(23px, 3.5vw, 42px); }
.excel-benefits article:last-child { border-right: 0; }
.excel-benefits span { color: var(--accent); font-size: 1.4rem; }
.excel-benefits h2 { font-size: 1.05rem; letter-spacing: -.025em; margin: 14px 0 7px; }
.excel-benefits p { color: var(--muted); font-size: .9rem; margin: 0; }
.excel-steps { padding-top: clamp(68px, 9vw, 120px); }
.step-list { counter-reset: steps; display: grid; gap: 18px; list-style: none; margin: 0; padding: 0; }
.step-list > li { background: linear-gradient(135deg, rgb(22 38 57 / .93), rgb(13 23 36 / .95)); border: 1px solid var(--line); border-radius: var(--radius-md); display: grid; gap: 20px; grid-template-columns: 54px minmax(0, 1fr); padding: clamp(24px, 4vw, 42px); }
.step-number { align-items: center; align-self: start; background: rgb(139 211 178 / .14); border: 1px solid rgb(139 211 178 / .34); border-radius: 15px; color: var(--accent-strong); display: flex; font-size: 1.2rem; font-weight: 800; height: 48px; justify-content: center; width: 48px; }
.step-label { color: var(--accent); font-size: .73rem; font-weight: 800; letter-spacing: .13em; margin-bottom: 8px; }
.step-list h2 { font-size: clamp(1.55rem, 2.6vw, 2.35rem); margin-bottom: 12px; }
.step-list h2 + p, .step-list > li p { color: var(--muted-strong); max-width: 790px; }
.download-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 24px; }
.download-card { background: var(--surface-soft); border: 1px solid #3d5b70; border-radius: var(--radius-sm); display: grid; gap: 8px; min-height: 168px; padding: 20px; text-decoration: none; transition: border-color 160ms ease, transform 160ms ease, background 160ms ease; }
.download-card:hover { background: #203449; border-color: var(--accent); transform: translateY(-2px); }
.download-card span { font-size: 1.3rem; }
.download-card strong { font-size: 1rem; }
.download-card small { color: var(--muted); }
.download-card b { color: var(--accent-strong); font-size: .88rem; margin-top: auto; }
.ai-request { background: #0a1421; border: 1px solid #38536a; border-radius: var(--radius-sm); margin-top: 22px; overflow: hidden; }
.ai-request > div { align-items: center; border-bottom: 1px solid #30465d; color: var(--muted-strong); display: flex; font-size: .86rem; justify-content: space-between; padding: 11px 14px; }
.ai-request button { background: transparent; border: 1px solid #547b78; border-radius: 999px; color: var(--accent-strong); cursor: pointer; font: inherit; font-weight: 750; min-height: 34px; padding: 0 12px; }
.ai-request button:hover { background: rgb(139 211 178 / .1); }
.ai-request button:focus-visible, summary:focus-visible { outline: 3px solid var(--focus); outline-offset: 3px; }
.ai-request pre, #full-instructions { color: #d5e4ef; font: .86rem/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; margin: 0; overflow-wrap: anywhere; white-space: pre-wrap; }
.ai-request pre { padding: 19px; }
.copy-status { color: var(--accent-strong) !important; font-size: .88rem; margin: 9px 0 0; min-height: 1.5em; }
.technical-instructions { background: rgb(10 20 33 / .75); border: 1px solid #344c62; border-radius: var(--radius-sm); margin-top: 22px; padding: 16px 18px; }
.technical-instructions summary { color: var(--text); cursor: pointer; font-weight: 750; }
.technical-instructions > p { font-size: .9rem; margin: 14px 0; }
.technical-instructions pre { background: #07111d; border: 1px solid #2d465e; border-radius: 9px; max-height: 400px; overflow: auto; padding: 16px; }
.instructions-frame { background: #07111d; border: 1px solid #2d465e; border-radius: 9px; color-scheme: dark; display: block; height: 400px; margin-top: 14px; width: 100%; }
.privacy-warning { background: rgb(206 168 93 / .1); border: 1px solid rgb(213 185 118 / .48); border-radius: var(--radius-sm); color: #ead8ac; margin-top: 20px; padding: 16px 18px; }
.privacy-warning strong { color: #f7e6b8; }
.privacy-warning p { color: #ead8ac !important; font-size: .9rem; margin: 7px 0 0; }
.import-path { background: #0a1421; border: 1px solid #36516a; border-radius: 10px; color: var(--text) !important; display: inline-block; font-weight: 750; margin: 5px 0 17px; padding: 14px 17px; }
@media (max-width: 680px) { .excel-hero { padding-inline: 16px; }.excel-benefits { grid-template-columns: 1fr; }.excel-benefits article { border-bottom: 1px solid var(--line); border-right: 0; }.excel-benefits article:last-child { border-bottom: 0; }.step-list > li { grid-template-columns: 1fr; }.download-grid { grid-template-columns: 1fr; }.ai-request > div { align-items: flex-start; gap: 10px; flex-direction: column; }.ai-request pre { font-size: .8rem; }.technical-instructions { padding: 15px; } }