/* Icarus Ascent: engraved atmosphere, quiet working surfaces. */
:root,body.product-ui{--bg:#111110;--paper:#111110;--panel:#1b1b19;--ink:#f2efe7;--muted:#b5b3ab;--line:#42423d;--gold:#e8dcc0;--blue:#ded5c2;--account:#d7bc86;--vault:#b7bfd4;--display:Inter,'Segoe UI',sans-serif}
html{background:#111110;scrollbar-gutter:stable}body,body.product-ui{background:#111110 url('/assets/art/icarus-ascent-v2.png') center top/cover fixed no-repeat;color:var(--ink);isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#11111055,#111110b8 65%,#111110f0)}
body.sketch-landing{background-size: max(100vw,1400px) auto;background-position:center 40px}body.sketch-landing:before{background:linear-gradient(180deg,transparent 350px,#111110d9 950px,#111110 1400px)}
.sketch-header,.product-ui .workspace-header,.product-ui .wizard-sidebar{background:#161614f5;border-color:#ded5c229;backdrop-filter:blur(12px)}.brand svg{stroke:#e8dcc0}.brand img{filter:grayscale(1) brightness(1.7)}.sketch-header{min-height:78px}.sketch-header nav a:hover{color:#fff4d9}
.sketch-landing main{width:min(1240px,calc(100% - 80px))}.sketch-hero{background:none;text-align:left;min-height:670px;padding:112px 0 100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.sketch-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.05em;font-size:clamp(54px,6.4vw,94px);max-width:9em;text-shadow:0 2px 30px #0008;margin:22px 0}.sketch-hero p{margin:0;max-width:460px;font-size:16px;color:#d0cec6;text-shadow:0 1px 9px #000}.hero-buttons{justify-content:flex-start;margin:30px 0 24px;gap:24px}.sketch-hero>.hand-note{font-family:Inter,sans-serif;font-size:12px;font-weight:400;transform:none;color:#b5b3ab}.paper-tag{border:0;padding:0;transform:none;color:#d9cfba;font-size:12px}.paper-tag:before,.note-open:before,.section-heading h2:after,.sketch-essentials h2:after,.product-ui .page-heading h1:after{display:none}
.sketch-button,.sketch-landing .portal-button,.product-ui .secondary{border-radius:7px;background:#22221e;border-color:#666357;color:#f2efe7;min-height:44px}.sketch-button.filled,.sketch-landing .portal-button.bright,.product-ui .primary,.product-ui .portal-button,.product-ui .enable-market{background:#e8dcc0;color:#242016;border-color:#e8dcc0;border-radius:7px;box-shadow:0 2px 10px #0002}.sketch-button:hover,.product-ui .secondary:hover{background:#33332c;border-color:#bdb5a0}.sketch-button.filled:hover,.product-ui .primary:hover,.product-ui .portal-button:hover{background:#fff0ce;color:#242016}.quiet-link,.product-ui .quiet{color:#e8dcc0}
.section-heading h2,.sketch-essentials h2,.sketch-end h2{font-family:Georgia,serif;font-weight:400;font-size:40px;letter-spacing:-.035em}.roadmap-section{padding:34px 0 20px;border-top:1px solid #d9cfba30}.roadmap-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:24px;padding-top:30px}.road-lines{display:none}.road-note{grid-column:auto;grid-row:auto;background:transparent}.note-open{min-height:195px;padding:28px;background:#1b1b19f5;border:1px solid #545248;border-radius:10px;box-shadow:none}.note-open:hover{background:#242420;border-color:#ad9c77;box-shadow:0 10px 30px #0003}.note-open h3{font-size:20px;letter-spacing:-.025em}.note-open p{font:400 15px/1.7 Inter,sans-serif;color:#bdbbb2;margin:18px 0 20px;max-width:43ch}.note-number{color:#d6c39c}.road-note>.hand-note{display:none}.note-open-label{color:#e8dcc0}.venue-note{background:#1b1b19;border:1px solid #44433b;border-radius:10px;margin:34px 0 80px}.faq-notes,.sketch-end{background:transparent}.faq-notes details{border-color:#44433b}.hand-note{font-family:Georgia,serif;font-size:21px;font-weight:400;font-style:italic;color:#d9c89f}.sketch-end{border-top:1px solid #44433b}.sketch-footer{background:#111110;border-color:#44433b}
/* Workspace uses the same illustration at a lower contrast. */
body.product-ui:before{background:linear-gradient(90deg,#111110cc,#11111080),linear-gradient(0deg,#111110ed,transparent)}.product-ui .workspace{max-width:1510px;padding-top:36px}.product-ui .page-heading h1{font-family:Georgia,serif;font-weight:400;font-size:42px;letter-spacing:-.035em}.product-ui .page-heading p{color:#c5c3ba;max-width:65ch}.product-ui .page-heading{margin-bottom:28px}.product-ui .nav-button{border-radius:7px;min-height:46px}.product-ui .nav-button.active{background:#e8dcc018;border:1px solid #d6c39c66;color:#f1e4c7}.product-ui .nav-button:hover{background:#ffffff0c;color:#fff4d9}.product-ui .sidebar-title,.product-ui .sidebar-help{color:#bbb8ae}
.product-ui :is(.main-panel,.balance-card,.setup-guide,.overview-stats,.market-list-panel,.market-table-panel,.market-editor-panel,.workspace-commandbar,.overview-markets,.allocation-panel,.wallet-panel,.task-panel){background:#1b1b19f7;border:1px solid #535047;border-radius:10px;box-shadow:0 10px 30px #0002}.product-ui :is(.market-filters,.markets-context,.overview-market-row,.market-detail-header){background:#1b1b19;border-color:#44433b}.product-ui :is(.market-row,.market-table tr){border-color:#3c3c35}.product-ui .market-row:hover{background:#262620}.product-ui .market-row.selected{background:#333126}.product-ui :is(th,.metric-label,.stat-label){color:#bdb9ad}.product-ui :is(td,.stat-value,.metric-value){font-variant-numeric:tabular-nums}.product-ui input:not([type=checkbox]):not([type=range]),.product-ui select{background:#131310!important;border-color:#646156!important;color:#f2efe7!important;min-height:46px}.product-ui input[type=range]{accent-color:#e8dcc0}.product-ui :is(.setup-step,.guide-step){border-radius:7px;transform:none}.product-ui :is(.setup-step,.guide-step) .hand-note{font:400 12px/1.5 Inter,sans-serif}.product-ui .funding-check{background:#151513;border-color:#4a4940;border-radius:8px}.product-ui .funding-check.maker{background:#151513;border-color:#4a4940;border-top-color:#d7bc86}.product-ui .funding-check.hedge{background:#151513;border-color:#4a4940;border-top-color:#b7bfd4}.product-ui .funding-check.maker>strong{color:#d7bc86}.product-ui .funding-check.hedge>strong{color:#b7bfd4}.product-ui #guide-deposit-details{background:#191915;border-color:#756b53}.product-ui #guide-deposit-details>summary{background:#302c22;color:#f2e7cd}.product-ui #guide-deposit-details>summary:hover{background:#40382a}.product-ui #guide-deposit-details>summary:before{background:#e8dcc0;color:#242016}.product-ui #guide-deposit-details .deposit-disclosure-body{background:#191915}.product-ui #guided-panel{background:#1b1b19;border-color:#535047}.product-ui #guided-panel .message{color:#c6c3b8}.product-ui .welcome-stage{background:#181815ed;border-color:#535047}.product-ui .welcome-map{background:#1c1c17;border-color:#535047}.product-ui .welcome-copy h1{font-family:Georgia,serif;font-weight:400}.product-ui .overview-stats{overflow:hidden}
/* Review surfaces stay opaque so amounts and destinations remain readable. */
dialog,.product-ui dialog{background:#1d1d19;color:#f2efe7;border-color:#756d5a;border-radius:12px;box-shadow:0 30px 100px #000a}dialog::backdrop,.product-ui dialog::backdrop{background:#090908cc;backdrop-filter:blur(5px)}#wallet-options button,#wallet-modal select{background:#26261f;border-color:#615e52;color:#f2efe7}#wallet-options button[aria-pressed=true]{background:#393429;border-color:#e8dcc0}:is(button,a,input,select,summary):focus-visible{outline:2px solid #f0dba9;outline-offset:3px}.product-ui :focus-visible{outline-color:#f0dba9}.terms-page{background:#181815f5;padding:32px;border:1px solid #535047;border-radius:10px}.signin-panel{background:#181815f5;border-color:#535047;padding:30px;border-radius:12px}
@media(min-width:1600px){.sketch-hero{min-height:740px}}
@media(max-width:800px){body.sketch-landing{background-size:auto 850px;background-position:60% 50px}.sketch-landing:before{background:linear-gradient(90deg,#111110a8,#11111030),linear-gradient(0deg,#111110 0%,#11111000 65%)}.sketch-landing main{width:calc(100% - 40px)}.sketch-hero{min-height:630px;padding:90px 0 65px}.sketch-hero h1{font-size:62px}.sketch-hero p{max-width:360px}.roadmap-board{grid-template-columns:1fr}.sketch-essentials{grid-template-columns:1fr;gap:28px}.venue-note{flex-wrap:wrap;gap:20px}.venue-note .sketch-button{margin-left:0}.product-ui .workspace{padding:24px 18px}.product-ui .page-heading h1{font-size:34px}.sketch-header nav{gap:18px}.sketch-header nav>a:not(.sketch-button){display:none}.sketch-header{padding:16px 20px}.sketch-footer{flex-wrap:wrap}.product-ui .wizard-sidebar{backdrop-filter:none}}
@media(max-width:480px){.hero-buttons{align-items:flex-start;flex-direction:column;gap:12px}.sketch-hero h1{font-size:52px}.sketch-hero p{font-size:15px}.note-open{padding:24px;min-height:190px}.section-heading h2,.sketch-essentials h2,.sketch-end h2{font-size:32px}.product-ui .workspace{padding:20px 14px}.product-ui .page-heading{gap:12px}.product-ui .page-heading h1{font-size:32px}body,body.product-ui{background-attachment:scroll;background-size:auto 1000px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.product-ui .page-heading{background:#1b1b19ed;border:1px solid #535047;border-radius:10px;padding:22px 24px}.product-ui table{background:#1b1b19}.product-ui table th{background:#23231f;color:#c5c0b2;border-color:#49483e}.product-ui table tr.selected,.product-ui table tr.selected td{background:#363226}.product-ui table tbody tr:hover{background:#2a2922}.product-ui table td{border-color:#44433b}.product-ui .wallet-identity{background:#23231f;border-color:#535047}.product-ui .network-badge i,.product-ui .venue-dot{background:#92c5ac}.product-ui #market-form .market-actions{background:#1b1b19}
.product-ui #market-rows tr{background:#1b1b19}.product-ui #market-rows tr.selected{background:#363226}.product-ui #market-rows tr:hover{background:#302d23}.product-ui #market-rows tr.selected td{background:transparent}
.sketch-hero p,.section-heading{background:transparent;border:0;box-shadow:none}
@media(max-width:800px){body.sketch-landing:before{background:linear-gradient(90deg,#111110b8,#11111055),linear-gradient(0deg,#111110 0%,#11111000 70%)}.sketch-hero p{background:transparent}}
/* Fluid working canvas: use the display, keep prose and forms readable. */
.product-ui .workspace,.product-ui.signed-out .workspace{width:100%;max-width:none;margin:0;padding:30px clamp(20px,2.2vw,72px) 44px}
.product-ui .setup-guide{max-width:none;margin:0 0 24px}.product-ui .funding-layout{max-width:none;margin:20px 0;grid-template-columns:minmax(270px,.65fr) minmax(0,1.35fr)}
.product-ui .market-terminal{grid-template-columns:minmax(0,1fr) clamp(380px,27vw,600px);gap:0 clamp(20px,1.5vw,40px)}
.product-ui .market-table-panel,.product-ui .market-editor-panel{min-width:0}.product-ui .page-heading{width:100%}
.sketch-landing main{width:calc(100% - clamp(40px,8vw,240px));max-width:none}.sketch-header{padding-inline:clamp(20px,4vw,120px)}.sketch-footer{max-width:none;margin-inline:clamp(20px,4vw,120px)}
.sketch-hero{min-height:clamp(640px,77vh,1050px)}.sketch-hero h1{font-size:clamp(54px,5.2vw,112px)}.sketch-hero p{max-width:52ch}.sketch-essentials{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)}.faq-notes p{max-width:75ch}
@media(min-width:1800px){.product-ui .app-shell{grid-template-columns:230px minmax(0,1fr)}.product-ui .workspace{font-size:15px}.product-ui .market-terminal table th{font-size:13px}.product-ui .market-terminal table td{font-size:15px;padding-block:20px}.product-ui .market-editor-panel{padding:28px}.product-ui .page-heading h1{font-size:46px}.product-ui .market-table-scroll{max-height:calc(100vh - 330px)}.roadmap-board{grid-template-columns:repeat(4,minmax(0,1fr))}.note-open{height:100%;min-height:230px}.sketch-hero p{font-size:18px}}
@media(max-width:1100px){.product-ui .market-terminal{grid-template-columns:minmax(0,1fr)}.product-ui .market-editor-panel{position:static;max-height:none}.product-ui .funding-layout{grid-template-columns:1fr}}
@media(max-width:800px){.product-ui .workspace,.product-ui.signed-out .workspace{padding:24px 18px}.sketch-landing main{width:calc(100% - 40px)}.sketch-hero{min-height:630px}.sketch-hero h1{font-size:62px}.sketch-essentials{grid-template-columns:1fr}}
@media(max-width:480px){.product-ui .workspace,.product-ui.signed-out .workspace{padding:20px 14px}.sketch-hero h1{font-size:52px}.product-ui .setup-guide{padding:18px}}
@media(min-width:761px) and (max-width:1100px){.product-ui .market-terminal>*{grid-column:1;grid-row:auto;width:100%}.product-ui .market-terminal .market-editor-panel{position:static;max-height:none}.product-ui .market-terminal .market-table-panel{grid-row:auto}}
@media(max-width:1100px){body.product-ui #market-terminal{display:flex;flex-direction:column;gap:20px}body.product-ui #market-terminal>*{width:100%;min-width:0;max-width:none;grid-area:auto}body.product-ui #market-terminal .market-editor-panel{position:static;max-height:none;width:100%}}
@media(max-width:1100px){body.product-ui #market-terminal .terminal-grid{display:flex;flex-direction:column;gap:20px;width:100%}body.product-ui #market-terminal .terminal-grid>*{width:100%;max-width:none;min-width:0;grid-area:auto}}
