/* Generated by scripts/landing_from_design.py from the Claude Design canvas "Nidorel Landing". */
/* Fonts: SIL Open Font License 1.1, see fonts/NOTICE.md. Do not edit; regenerate. */
@font-face{font-family:"Arvo";src:url("/browser/fonts/Arvo-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Lato";src:url("/browser/fonts/Lato-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Lato";src:url("/browser/fonts/Lato-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Lato";src:url("/browser/fonts/Lato-Black.ttf") format("truetype");font-weight:900;font-display:swap}
:root,[data-theme="light"]{--nid-1:#003a42;--nid-2:#0a5c63;--nid-3:#1b8a86;--surface:#f7f9ff;--surface-container-low:#edf4ff;--surface-container:#e5eefc;--surface-container-lowest:#ffffff;--surface-container-high:#d9eaff;--surface-container-highest:#dbe9f5;--on-surface:#091d2e;--on-surface-variant:#40484d;--outline:#70787d;--outline-variant:#c0c8cd;--ghost-border:#dce4e8;--primary:#004149;--on-primary:#ffffff;--primary-container:#1d5962;--secondary-container:#bfe9ee;--on-secondary-container:#001f23;--primary-fixed:#006a61;--warning:#9a5300;--error:#ba1a1a;--fg-inverse:#ffffff;--shadow-ambient:0 12px 32px rgba(9,29,46,.08)}
[data-theme="dark"]{--nid-1:#5fd0c3;--nid-2:#1b8a86;--nid-3:#a3dbe2;--surface:#0a1823;--surface-container-low:#0f2130;--surface-container:#132838;--surface-container-lowest:#17303f;--surface-container-high:#1c3a4c;--surface-container-highest:#22455a;--on-surface:#e5eefc;--on-surface-variant:#b4c2cc;--outline:#8a979f;--outline-variant:#3f5666;--ghost-border:#24404f;--primary:#bfe9ee;--on-primary:#00262b;--primary-container:#a3dbe2;--secondary-container:#134a52;--on-secondary-container:#d3f3f6;--primary-fixed:#5fd0c3;--warning:#f0b46a;--error:#ffb4ab;--fg-inverse:#e5eefc;--shadow-ambient:0 12px 32px rgba(0,0,0,.4)}
[data-hero]{--on-surface:#ffffff;--on-surface-variant:#bfe9ee;--primary:#bfe9ee;--on-primary:#00262b;--primary-fixed:#8fe3d8;--outline-variant:rgba(191,233,238,.4);--ghost-border:rgba(191,233,238,.18);--surface-container:rgba(255,255,255,.1);--surface-container-high:rgba(255,255,255,.16);--surface-container-low:rgba(255,255,255,.05);--surface-container-lowest:rgba(255,255,255,.08);--shadow-ambient:none}
html,body{margin:0;padding:0}
body{font-family:"Lato",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
:where(a){color:var(--primary);text-underline-offset:3px}
:where(a:hover){color:var(--primary-fixed)}
:focus-visible{outline:2px solid var(--primary-fixed);outline-offset:2px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
template{display:none}
.x1{min-height:100vh;background:var(--surface);color:var(--on-surface);font-family:Lato,system-ui,sans-serif;font-size:17px;line-height:1.55;overflow-x:clip}
.x2{position:absolute;left:-9999px;top:8px;z-index:100;padding:10px 16px;background:var(--primary);color:var(--on-primary);border-radius:8px;font-weight:700}
.x2:focus{left:16px}
.x3{position:sticky;top:0;z-index:50;height:64px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.x4{max-width:1200px;height:100%;margin:0 auto;padding:0 clamp(16px,4vw,40px);display:flex;align-items:center;gap:24px}
.x5{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--on-surface);flex:none}
.x6{flex:none}
.x7{display:flex;flex-direction:column;line-height:1.1}
.x8{font-family:Arvo,Georgia,serif;font-weight:700;font-size:18px}
.x9{font-size:12px;color:var(--on-surface-variant)}
.x10{display:flex;gap:2px;margin-left:8px}
.x11{padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--on-surface);font-weight:700;font-size:15px}
.x11:hover{background:var(--surface-container);color:var(--on-surface)}
.x12{margin-left:auto;display:flex;align-items:center;gap:8px}
.x13{padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--on-surface);font-weight:700;font-size:15px;white-space:nowrap}
.x13:hover{background:var(--surface-container);color:var(--on-surface)}
.x14{width:40px;height:40px;border:0;border-radius:12px;cursor:pointer;background:var(--surface-container);color:var(--on-surface);display:grid;place-items:center}
.x14:hover{background:var(--surface-container-high)}
.x15{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:12px;background:var(--primary);color:var(--on-primary);text-decoration:none;font-weight:900;font-size:15px;white-space:nowrap}
.x15:hover{color:var(--on-primary);box-shadow:inset 0 0 0 999px rgba(255,255,255,.08)}
.x15:active{transform:scale(.98)}
.x16{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--ghost-border)}
.x17{height:100%;background:var(--primary-fixed)}
.x18{position:relative;background:linear-gradient(135deg,#004149,#1d5962);color:var(--on-surface)}
.x19{position:sticky;top:64px;height:calc(100vh - 64px);display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,5vh,56px);max-width:1200px;margin:0 auto;padding:16px clamp(16px,4vw,40px)}
.x20{position:absolute;top:0;bottom:0;left:50%;width:100vw;height:100%;margin-left:-50vw;z-index:-1;pointer-events:none}
.x21{display:grid;gap:16px 56px;align-items:end}
.x22{margin:0;display:flex;flex-direction:column;gap:.4em;max-width:none}
.x23{font-family:Arvo,Georgia,serif;font-weight:700;font-size:clamp(30px,min(4.4vw,6.2vh),64px);line-height:1.08;letter-spacing:-0.015em;text-wrap:balance}
.x24{color:var(--primary-fixed)}
.x25{font-weight:700;font-size:clamp(18px,min(2vw,3vh),26px);line-height:1.25;letter-spacing:-0.01em;color:var(--on-surface-variant)}
.x26{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;grid-column:1 / -1;order:3}
.x27{white-space:nowrap;transition:color 250ms}
.x28{display:flex;flex-direction:column;gap:18px;min-width:0}
.x29{margin:0;font-size:clamp(16px,1.35vw,19px);line-height:1.55;color:var(--on-surface-variant);text-wrap:pretty}
.x30{display:flex;gap:10px;flex-wrap:wrap}
.x31{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:12px;background:var(--primary);color:var(--on-primary);text-decoration:none;font-weight:900}
.x31:hover{color:var(--on-primary);box-shadow:inset 0 0 0 999px rgba(255,255,255,.08)}
.x31:active{transform:scale(.98)}
.x32{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:12px;background:var(--surface-container);color:var(--on-surface);text-decoration:none;font-weight:700}
.x32:hover{background:var(--surface-container-high);color:var(--on-surface)}
.x33{position:relative;width:100%}
.x34{position:absolute;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x35{position:absolute;left:0;top:0;will-change:transform}
.x36{position:absolute;inset:0;border-radius:10px;background:var(--surface-container-lowest);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 0 1px var(--ghost-border);padding:8px 12px;display:flex;flex-direction:column;justify-content:space-between}
.x37{font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x38{font-size:11px;color:var(--on-surface-variant)}
.x39{position:absolute;inset:0;border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;justify-content:space-between}
.x40{align-self:flex-start;font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px}
.x41{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;font-size:14px;color:var(--on-surface-variant)}
.x42{margin:0;flex:1 1 360px;font-weight:700;color:var(--on-surface);text-wrap:pretty}
.x43{display:flex;align-items:center;gap:10px;font-size:13px}
.x44{width:18px;height:12px;border-radius:3px;background:var(--surface-container)}
.x45{width:18px;height:12px;border-radius:3px;background:#bfe9ee}
.x46{width:18px;height:12px;border-radius:3px;background:#9fcfd5}
.x47{width:18px;height:12px;border-radius:3px;background:#4f8f98}
.x48{width:18px;height:12px;border-radius:3px;background:#004149;box-shadow:inset 0 0 0 1px rgba(191,233,238,.4)}
.x49{margin-left:8px}
.x50{position:relative;background:var(--surface-container-low);scroll-margin-top:64px}
.x51{position:sticky;top:64px;height:calc(100vh - 64px);max-width:1200px;margin:0 auto;padding:clamp(20px,4vh,48px) clamp(16px,4vw,40px);display:flex;gap:clamp(20px,4vw,64px);align-items:center}
.x52{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:18px}
.x53{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-fixed)}
.x54{margin:0;font-weight:900;font-size:clamp(26px,3.2vw,42px);line-height:1.1;letter-spacing:-0.02em}
.x55{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column}
.x56{grid-template-columns:36px minmax(0,1fr);gap:12px}
.x57{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:900;transition:background-color 250ms}
.x58{display:flex;flex-direction:column;gap:6px;padding-top:3px}
.x59{margin:0;font-size:19px;font-weight:900;line-height:1.3}
.x60{margin:0;color:var(--on-surface-variant);text-wrap:pretty}
.x61{flex:1.15 1 0;min-width:0;width:100%;position:relative}
.x62{position:absolute;inset:0;transition:opacity 400ms cubic-bezier(0.2,0,0,1),transform 400ms cubic-bezier(0.2,0,0,1)}
.x63{position:absolute;left:0;top:4%;width:58%;background:var(--surface-container-lowest);border-radius:12px;box-shadow:var(--shadow-ambient);padding:14px;transform:rotate(-2deg)}
.x64{font-size:12px;font-weight:700;color:var(--on-surface-variant);margin-bottom:8px}
.x65{display:flex;flex-direction:column;gap:6px;font-size:14px}
.x66{padding:4px 8px;border-radius:6px;border:1.5px dashed var(--warning)}
.x67{padding:4px 8px}
.x68{position:absolute;right:0;top:20%;width:54%;background:var(--surface-container-lowest);border-radius:12px;box-shadow:var(--shadow-ambient);padding:14px;transform:rotate(2.5deg)}
.x69{position:absolute;left:12%;bottom:2%;width:56%;background:var(--surface-container-lowest);border-radius:12px;box-shadow:var(--shadow-ambient);padding:14px;transform:rotate(-1deg)}
.x70{position:absolute;right:2%;bottom:6%;font-size:13px;font-weight:700;color:var(--warning)}
.x71{position:absolute;inset:0;transition:opacity 400ms cubic-bezier(0.2,0,0,1),transform 400ms cubic-bezier(0.2,0,0,1);display:grid;grid-template-columns:minmax(0,1fr) 15% minmax(0,1fr);align-items:center}
.x72{background:#4f8f98;color:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}
.x73{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.x74{font-weight:900;font-size:18px}
.x75{align-self:flex-start;font-size:12px;font-weight:700;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.18)}
.x76{display:flex;flex-direction:column;gap:68px}
.x77{border-top:2px solid var(--primary)}
.x78{border-top:2px dashed var(--warning)}
.x79{display:flex;flex-direction:column;gap:24px}
.x80{background:var(--surface-container-lowest);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}
.x81{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}
.x82{font-weight:700}
.x83{font-size:13px;color:var(--primary-fixed);font-weight:700}
.x84{border:1.5px dashed var(--warning);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}
.x85{font-size:13px;color:var(--warning);font-weight:700}
.x86{position:absolute;inset:0;transition:opacity 400ms cubic-bezier(0.2,0,0,1),transform 400ms cubic-bezier(0.2,0,0,1);display:flex;align-items:center}
.x87{width:100%;background:var(--surface-container-lowest);border-radius:12px;padding:8px 16px;font-size:14px}
.x88{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.2fr);gap:8px;padding:10px 0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant)}
.x89{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1.2fr);gap:8px;padding:10px 0;box-shadow:0 -1px 0 var(--ghost-border)}
.x90{color:var(--warning);font-weight:700}
.x91{position:absolute;inset:0;transition:opacity 400ms cubic-bezier(0.2,0,0,1),transform 400ms cubic-bezier(0.2,0,0,1);display:flex;flex-wrap:wrap;gap:16px;align-items:center;align-content:center}
.x92{flex:1.3 1 240px;background:var(--surface-container-lowest);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:2px;font-size:14px}
.x93{font-weight:900;font-size:17px;margin-bottom:8px}
.x94{display:flex;justify-content:space-between;gap:12px;padding:7px 0;box-shadow:0 -1px 0 var(--ghost-border)}
.x95{color:var(--on-surface-variant)}
.x96{flex:1 1 160px;display:flex;flex-direction:column;gap:10px}
.x97{align-self:flex-start;padding:8px 12px;border-radius:8px;border:1.5px dashed var(--outline);font-size:13px}
.x98{align-self:flex-end;padding:8px 12px;border-radius:8px;border:1.5px dashed var(--outline);font-size:13px}
.x99{position:relative;scroll-margin-top:64px}
.x100{flex:1 1 0;min-width:0;display:flex;flex-direction:column}
.x101{display:flex;align-items:flex-start;gap:10px;color:var(--on-surface-variant);font-size:15px}
.x102{flex:none;white-space:nowrap;padding:2px 9px;border-radius:999px;border:1.5px dashed var(--warning);color:var(--warning);font-weight:700;font-size:12px}
.x103{margin:0;font-weight:900;line-height:1.06;letter-spacing:-0.025em;text-wrap:balance}
.x104{margin:0;max-width:54ch;font-size:clamp(16px,1.4vw,19px);color:var(--on-surface-variant);text-wrap:pretty}
.x105{display:flex;gap:10px;align-items:flex-start;padding-top:4px}
.x106{flex:none;margin-top:1px}
.x107{margin:0;font-size:16px;text-wrap:pretty}
.x108{color:var(--primary)}
.x109{flex:1.1 1 0;min-width:0;width:100%;display:flex;flex-direction:column;gap:10px}
.x110{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.x111{transition:color 250ms}
.x112{position:relative;width:56px;height:3px;border-radius:2px;background:var(--outline-variant);overflow:hidden}
.x113{position:absolute;left:0;top:0;bottom:0;background:var(--primary-fixed)}
.x114{position:relative;background:var(--surface-container-low);border-radius:18px;padding:18px}
.x115{position:absolute;inset:18px}
.x116{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:10px;transition:opacity 350ms cubic-bezier(0.2,0,0,1),transform 350ms cubic-bezier(0.2,0,0,1)}
.x117{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:var(--surface-container-lowest);box-shadow:inset 0 0 0 1.5px var(--warning);font-size:14px}
.x118{color:var(--on-surface-variant);font-size:12px;white-space:nowrap}
.x119{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.x120{padding:10px 12px;border-radius:10px;background:#004149;color:#fff;display:flex;flex-direction:column;gap:2px}
.x121{font-weight:700;font-size:14px}
.x122{font-size:12px;opacity:.9}
.x123{padding:10px 12px;border-radius:10px;background:#9fcfd5;color:#001f23;display:flex;flex-direction:column;gap:2px}
.x124{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);margin-top:6px}
.x125{padding:10px 12px;border-radius:10px;background:#bfe9ee;color:#001f23;display:flex;flex-direction:column;gap:2px}
.x126{padding:10px 12px;border-radius:10px;border:1.5px dashed var(--primary);display:flex;flex-direction:column;gap:2px}
.x127{font-size:12px}
.x128{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:center;gap:0}
.x129{background:var(--surface-container-lowest);border-radius:14px;padding:14px 16px}
.x130{font-weight:900;font-size:16px}
.x131{border-radius:14px;padding:14px 16px;border:1.5px dashed var(--warning)}
.x132{font-size:13px;font-weight:700;color:var(--warning)}
.x133{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);align-items:center;row-gap:10px}
.x134{display:flex;flex-direction:column;gap:8px}
.x135{display:flex;flex-direction:column;gap:46px}
.x136{border-radius:14px;padding:16px;background:var(--primary);color:var(--on-primary);display:flex;flex-direction:column;gap:4px}
.x137{font-weight:900;font-size:17px}
.x138{font-size:13px}
.x139{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.2fr);gap:8px;padding-bottom:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}
.x140{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.2fr);gap:8px;padding:8px 0;box-shadow:0 -1px 0 var(--ghost-border);font-size:14px}
.x141{color:var(--primary-fixed);font-weight:700}
.x142{font-weight:900;font-size:16px;margin-bottom:6px}
.x143{display:flex;justify-content:space-between;gap:12px;padding:7px 0;box-shadow:0 -1px 0 var(--ghost-border);font-size:14px}
.x144{font-weight:700;text-align:right;color:var(--warning)}
.x145{font-weight:700;text-align:right;color:var(--on-surface)}
.x146{position:relative;scroll-margin-top:64px;background:var(--surface)}
.x147{position:sticky;top:64px;height:calc(100vh - 64px);max-width:1200px;margin:0 auto;padding:clamp(20px,4vh,48px) clamp(16px,4vw,40px);display:flex;flex-direction:column;justify-content:safe center;gap:clamp(14px,3vh,40px)}
.x148{display:flex;flex-wrap:wrap;gap:12px 48px;align-items:flex-end;justify-content:space-between}
.x149{display:flex;flex-direction:column;gap:12px;flex:1 1 420px}
.x150{margin:0;font-weight:900;font-size:clamp(28px,3.6vw,46px);line-height:1.08;letter-spacing:-0.02em}
.x151{margin:0;color:var(--on-surface-variant);font-size:16px}
.x152{flex:1 1 320px;margin:0;color:var(--on-surface-variant);font-size:18px;text-wrap:pretty}
.x153{display:grid;align-items:stretch}
.x154{display:flex;justify-content:center;gap:6px;min-width:0;order:0}
.x155{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);flex-basis:100%}
.x156{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:12px;transition:opacity 250ms cubic-bezier(0.2,0,0,1),background-color 250ms cubic-bezier(0.2,0,0,1);min-width:0}
.x157{display:flex;flex-direction:column;min-width:0}
.x158{font-weight:700;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x159{font-size:12px;color:var(--on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x160{flex:none;font-size:11px;font-weight:700;color:var(--primary-fixed);white-space:nowrap}
.x161{position:absolute;top:50%;right:-24px;width:24px;height:2px;margin-top:-1px;transition:background-color 250ms}
.x162{display:flex;flex-direction:column;justify-content:center;min-width:0;order:1;border-radius:16px;background:var(--surface-container-low)}
.x163{display:flex;align-items:baseline;gap:8px 12px;flex-wrap:wrap}
.x164{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);color:var(--primary-fixed)}
.x165{font-weight:700;font-size:15px}
.x166{position:relative;padding-top:8px}
.x167{position:absolute;top:22px;height:2px;background:var(--outline-variant)}
.x168{position:absolute;top:22px;height:2px;background:var(--primary)}
.x169{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:relative}
.x170{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.x171{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;transition:background-color 250ms}
.x172{width:8px;height:8px;border-radius:50%}
.x173{line-height:1.2}
.x174{font-size:13px;color:var(--on-surface-variant)}
.x175{display:flex;justify-content:center;gap:6px;min-width:0;order:2}
.x176{position:absolute;top:50%;left:-24px;width:24px;height:2px;margin-top:-1px;transition:background-color 250ms}
.x177{flex-basis:100%;font-size:13px;font-weight:700;color:var(--primary-fixed)}
.x178{display:flex;flex-wrap:nowrap;gap:clamp(16px,4vw,56px);align-items:flex-start;min-height:0;overflow:hidden}
.x179{flex:1 1 0;display:flex;flex-direction:column;gap:10px;min-width:0}
.x180{margin:0;font-weight:900;font-size:clamp(22px,2.4vw,30px)}
.x181{margin:0;color:var(--on-surface-variant);padding-left:14px;box-shadow:inset 2px 0 0 var(--outline-variant);text-wrap:pretty}
.x182{flex:1 1 0;max-width:400px;min-width:0;background:var(--surface-container-low);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:0;font-size:13px}
.x183{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:12px}
.x184{font-weight:400;font-size:12px;color:var(--on-surface-variant)}
.x185{font-size:12px;font-weight:700;padding:2px 10px;border-radius:999px}
.x186{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}
.x187{display:flex;flex-direction:column;gap:1px;box-shadow:0 -1px 0 var(--ghost-border);transition:opacity 250ms;min-width:0}
.x188{color:var(--on-surface-variant);font-size:12px}
.x189{font-weight:700;line-height:1.3}
.x190{margin-top:8px;font-size:12px;color:var(--on-surface-variant)}
.x191{position:sticky;top:64px;height:calc(100vh - 64px);max-width:1240px;margin:0 auto;padding:clamp(16px,3vh,40px) clamp(16px,4vw,40px);display:flex;gap:clamp(14px,2.5vw,48px)}
.x192{min-width:0;display:flex;flex-direction:column;gap:14px}
.x193{margin:0;font-weight:900;font-size:clamp(24px,3vw,40px);line-height:1.1;letter-spacing:-0.02em}
.x194{margin:0;color:var(--on-surface-variant);font-size:clamp(16px,1.4vw,18px);text-wrap:pretty}
.x195{display:flex;gap:6px;margin-top:6px}
.x196{height:4px;border-radius:2px;transition:width 250ms,background-color 250ms}
.x197{min-width:0;width:100%;background:var(--surface);border-radius:14px;box-shadow:var(--shadow-ambient);overflow:hidden;display:grid;font-size:12px}
.x198{grid-row:1 / 4;background:var(--surface-container);display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:8px}
.x199{width:38px;height:38px;border-radius:9px;display:grid;place-items:center;color:var(--primary);transition:background-color 250ms}
.x200{background:var(--surface-container);display:flex;align-items:flex-end;padding-left:8px;gap:2px}
.x201{padding:8px 14px;background:var(--surface);color:var(--primary);font-weight:700;border-radius:6px 6px 0 0;box-shadow:inset 0 2px 0 var(--primary)}
.x202{position:relative;overflow:hidden}
.x203{position:absolute;inset:0;display:flex;flex-direction:column;transition:opacity 350ms;overflow:hidden}
.x204{font-weight:900;color:var(--primary)}
.x205{display:grid;gap:10px;min-height:0}
.x206{background:var(--surface-container-lowest);border-radius:8px;display:flex;flex-direction:column;gap:2px}
.x207{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);margin-bottom:4px}
.x208{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:center;box-shadow:0 -1px 0 var(--ghost-border)}
.x209{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;transition:background-color 250ms}
.x210{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x211{background:var(--surface-container-low);border-radius:8px;display:flex;flex-direction:column;gap:2px}
.x212{display:flex;flex-direction:column;gap:1px;box-shadow:0 -1px 0 var(--ghost-border)}
.x213{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x214{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;flex-wrap:wrap}
.x215{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.x216{padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap;transition:background-color 250ms,color 250ms}
.x217{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}
.x218{background:var(--surface-container-low);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:5px;min-width:0}
.x219{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x220{border-radius:6px;color:#091d2e;display:flex;flex-direction:column;gap:2px;transition:opacity 350ms cubic-bezier(0.2,0,0,1),transform 350ms cubic-bezier(0.2,0,0,1)}
.x221{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x222{color:var(--on-surface-variant);transition:opacity 350ms cubic-bezier(0.2,0,0,1),transform 350ms cubic-bezier(0.2,0,0,1)}
.x223{display:grid;gap:8px}
.x224{background:var(--surface-container-lowest);border-radius:8px;display:flex;flex-direction:column;gap:4px;min-width:0;transition:opacity 350ms cubic-bezier(0.2,0,0,1),transform 350ms cubic-bezier(0.2,0,0,1)}
.x225{display:flex;justify-content:space-between;gap:6px;align-items:center}
.x226{padding:1px 8px;border-radius:999px;background:var(--secondary-container);color:var(--on-secondary-container);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.x227{font-size:10px;color:var(--on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x228{line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.x229{display:flex;align-items:center;gap:8px;color:var(--primary-fixed);font-weight:700;transition:opacity 350ms cubic-bezier(0.2,0,0,1),transform 350ms cubic-bezier(0.2,0,0,1)}
.x230{border-radius:8px;border:1.5px dashed var(--primary);background:var(--surface-container-lowest);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 14px;transition:opacity 350ms cubic-bezier(0.2,0,0,1),transform 350ms cubic-bezier(0.2,0,0,1)}
.x231{grid-column:1 / -1;display:flex;justify-content:space-between;gap:8px;align-items:center}
.x232{font-weight:900;font-size:14px}
.x233{padding:1px 8px;border-radius:999px;border:1px dashed var(--primary);font-size:10px;font-weight:700;white-space:nowrap}
.x234{color:var(--on-surface-variant);font-size:10px}
.x235{position:absolute;inset:0;display:flex;flex-direction:column;transition:opacity 350ms}
.x236{flex:none;display:grid;grid-template-columns:minmax(110px,1.4fr) repeat(4,minmax(0,1fr));background:var(--surface-container-lowest);border-radius:8px;overflow:hidden}
.x237{padding:8px}
.x238{padding:8px 6px;font-weight:700;font-size:11px;line-height:1.25}
.x239{font-weight:400;color:var(--on-surface-variant)}
.x240{padding:8px 6px;box-shadow:0 -1px 0 var(--ghost-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x241{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
.x242{display:flex;gap:4px}
.x243{padding:3px 10px;border-radius:999px;border:1px solid var(--outline-variant);white-space:nowrap}
.x244{padding:3px 10px;border-radius:999px;background:var(--primary);color:var(--on-primary);font-weight:700;white-space:nowrap}
.x245{flex:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.x246{background:var(--surface-container-low);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:6px;min-width:0}
.x247{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}
.x248{border-radius:6px;padding:7px 8px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x249{flex:none;display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:8px;background:var(--surface-container-lowest);color:var(--on-surface)}
.x250{color:var(--warning);font-weight:900}
.x251{position:absolute;inset:0;display:flex;justify-content:center;transition:opacity 350ms;overflow:hidden}
.x252{width:100%;max-width:560px;background:var(--surface-container-lowest);border-radius:8px;display:flex;flex-direction:column}
.x253{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:10px;box-shadow:0 -1px 0 var(--ghost-border)}
.x254{scroll-margin-top:64px}
.x255{max-width:1200px;margin:0 auto;padding:clamp(64px,9vw,112px) clamp(16px,4vw,40px);display:flex;flex-wrap:wrap;gap:clamp(40px,6vw,80px);align-items:flex-start}
.x256{flex:1 1 340px;display:flex;flex-direction:column;gap:16px;min-width:0}
.x257{margin:0;font-weight:900;font-size:clamp(30px,3.6vw,46px);line-height:1.1;letter-spacing:-0.02em}
.x258{margin:0;color:var(--on-surface-variant);font-size:18px;text-wrap:pretty}
.x259{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.x260{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px}
.x261{margin-top:2px}
.x262{flex:1.3 1 460px;min-width:0;background:var(--surface-container-low);border-radius:18px;padding:clamp(20px,3.5vw,40px)}
.x263{display:flex;flex-direction:column;gap:20px}
.x264{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px}
.x265{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:15px}
.x266{height:48px;padding:0 14px;border-radius:12px;background:var(--surface-container-lowest);color:var(--on-surface);font:400 17px Lato,sans-serif}
.x267{font-weight:400;font-size:14px;color:var(--error)}
.x268{padding:12px 14px;border-radius:12px;border:1.5px solid var(--outline-variant);background:var(--surface-container-lowest);color:var(--on-surface);font:400 17px/1.5 Lato,sans-serif;resize:vertical}
.x269{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.x270{padding:0;font-weight:700;font-size:15px;margin-bottom:4px}
.x271{margin:0;font-size:14px;color:var(--on-surface-variant)}
.x272{background:var(--surface-container-lowest);border-radius:14px;padding:16px}
.x273{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.x274{width:44px;height:44px;border:0;border-radius:12px;background:var(--surface-container);color:var(--on-surface);cursor:pointer;display:grid;place-items:center}
.x275{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.x276{text-align:center;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);padding:4px 0}
.x277{height:44px;border-radius:10px}
.x278{font-size:14px;color:var(--error)}
.x279{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.x280{min-height:52px;padding:0 26px;border:0;border-radius:12px;background:var(--primary);color:var(--on-primary);font:900 17px Lato,sans-serif;cursor:pointer}
.x280:hover{box-shadow:inset 0 0 0 999px rgba(255,255,255,.08)}
.x280:active{transform:scale(.98)}
.x281{font-size:14px;color:var(--on-surface-variant);flex:1 1 220px}
.x282{flex-basis:100%;margin:0;font-size:14px;font-weight:700;color:var(--warning)}
.x283{background:var(--surface-container)}
.x284{max-width:1200px;margin:0 auto;padding:36px clamp(16px,4vw,40px);display:flex;flex-direction:column;gap:14px;font-size:15px}
.x285{margin:0;font-weight:700}
.x286{display:flex;flex-wrap:wrap;gap:8px 32px;justify-content:space-between;color:var(--on-surface-variant)}
.x287{display:flex;gap:24px}