@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #0f1419;--ink-2: #3d4652;--ink-3: #5b6572;--ink-4: #8a939e;--paper: #ffffff;--surface: #f1f4f7;--surface-2: #e9eef3;--line: #e4e8ec;--line-strong: #cdd3da;--night: #0f1a22;--night-2: #16232c;--night-line: #22313b;--night-line-2: #2e3e49;--night-ink-2: #c9d3db;--night-ink-3: #9fadba;--night-ink-4: #75869a;--night-track: #1c2a33;--night-edge: rgba(255, 255, 255, .12);--accent: #0064e0;--accent-hover: #004bb0;--accent-deep: #0050b3;--accent-soft: #e6f0ff;--accent-on-night: #8fc1ff;--accent-line-on-night: #4c9bff;--accent-glow: rgba(0, 100, 224, .14);--good: #1e6b3f;--good-soft: #e8f6ee;--good-on-night: #6fcf97;--warn: #9a5b00;--warn-soft: #fff4e0;--warn-on-night: #f2c94c;--bad: #a12c22;--bad-soft: #fdecea;--font: "Geist Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--numeral-weight: 300;--display-weight: 600;--heading-weight: 560;--display-tracking: -.035em;--heading-tracking: -.025em;--text-display: clamp(44px, 5.6vw, 80px);--text-h1: clamp(38px, 4.7vw, 68px);--text-h2: clamp(26px, 2.4vw, 32px);--text-h3: 24px;--text-lead: 20px;--text-body: 16px;--text-ui: 15px;--text-small: 14px;--text-caption: 13px;--radius-card: 14px;--radius-tile: 12px;--radius-inner: 8px;--radius-control: 8px;--radius-pill: 100px;--shadow-float: 0 1px 2px rgba(16, 24, 40, .04), 0 6px 16px -6px rgba(16, 24, 40, .08);--shadow-tray: 0 1px 2px rgba(10, 19, 23, .1), 0 8px 24px -8px rgba(10, 19, 23, .24);--shadow-hover: 0 1px 2px rgba(16, 24, 40, .04), 0 12px 28px -10px rgba(16, 24, 40, .14);--shadow-glass: 0 1px 1px rgba(16, 24, 40, .02), 0 2px 6px -2px rgba(16, 24, 40, .04), 0 12px 32px -16px rgba(16, 24, 40, .08);--page-wash: #f8fafb;--glass-bg: #ffffff;--glass-bg-strong: #ffffff;--glass-bg-soft: #ffffff;--glass-hover: #f8fafb;--row-hover: rgba(15, 20, 25, .025);--glass-border: #e4e8ec;--glass-edge: #edf0f3;--glass-highlight: 0 0 0 0 transparent;--glass-blur: none;--glass-blur-lg: none;--night-glass-bg: #0f1a22;--night-glass-border: #0f1a22;--night-glass-highlight: 0 0 0 0 transparent;--ease-out: cubic-bezier(.15, 1, .4, 1);--ease: cubic-bezier(.4, 0, .2, 1);--dur-fast: .16s;--dur: .32s;--dur-slow: .7s;--gutter: 64px;--page-max: 1440px;--header-h: 64px;--header-bg: rgba(248, 250, 251, .82);--header-blur: saturate(180%) blur(16px)}@media (max-width: 700px){:root{--gutter: 16px;--header-h: 64px;--header-bg: rgba(248, 250, 251, .82);--header-blur: saturate(180%) blur(16px)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page-wash);color:var(--ink);font-family:var(--font);font-size:var(--text-body);line-height:1.5;font-variant-numeric:tabular-nums;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none;transition:color var(--dur-fast) var(--ease)}a:hover{color:var(--accent-hover)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.display{font-size:var(--text-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:.98;text-wrap:balance}.h1{font-size:var(--text-h1);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:1.02;text-wrap:balance}.h2{font-size:var(--text-h2);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);line-height:1.12}.h3{font-size:var(--text-h3);font-weight:var(--heading-weight);letter-spacing:-.02em;line-height:1.2}.lead{font-size:var(--text-lead);line-height:1.55;color:var(--ink-2);text-wrap:pretty}.eyebrow{font-size:var(--text-ui);font-weight:600;color:var(--accent)}.muted{color:var(--ink-3)}.small{font-size:var(--text-small)}.caption{font-size:var(--text-caption)}strong,b{font-weight:600}:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px;box-shadow:0 0 0 1.5px var(--accent);border-radius:var(--radius-inner)}.container{width:100%;max-width:var(--page-max);margin:0 auto;padding:0 var(--gutter)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.reveal{animation:rise var(--dur-slow) var(--ease-out) both}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{animation:none}*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important}}.btn{--btn-h: 40px;height:var(--btn-h);padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-control);font-size:var(--text-small);font-weight:500;letter-spacing:-.005em;white-space:nowrap;text-decoration:none;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.btn:active{transform:scale(.985);transition-duration:var(--dur-fast)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-lg{--btn-h: 48px;padding:0 22px;font-size:var(--text-ui)}.btn-xl{--btn-h: 56px;padding:0 30px;font-size:16px}.btn-sm{--btn-h: 32px;padding:0 12px;font-size:var(--text-caption)}.btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:var(--night-glass-highlight),var(--shadow-float)}.btn-primary:hover{background:var(--ink-2);border-color:var(--ink-2);color:var(--paper);box-shadow:var(--night-glass-highlight),var(--shadow-hover)}.btn-secondary{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--ink);border-color:var(--line-strong)}.btn-secondary:hover{background:var(--paper);border-color:var(--ink);color:var(--ink)}.btn-quiet{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--ink);border-color:var(--glass-edge);box-shadow:var(--glass-highlight)}.btn-quiet:hover{background:var(--glass-bg-strong);border-color:var(--ink);color:var(--ink);box-shadow:var(--glass-highlight),var(--shadow-float)}.btn-quiet[aria-pressed=true],.btn-quiet.is-on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-danger{background:var(--bad);color:var(--paper);border-color:var(--bad)}.btn-danger:hover{background:var(--bad);color:var(--paper);opacity:.9}.btn-inverse{background:var(--paper);color:var(--ink);border-color:var(--paper)}.btn-inverse:hover{background:var(--surface);color:var(--ink)}.btn-inverse-quiet{background:transparent;color:var(--paper);border-color:var(--ink-3)}.btn-inverse-quiet:hover{border-color:var(--paper);color:var(--paper)}.btn-icon{width:var(--btn-h);padding:0;border-radius:50%}.btn.is-busy{pointer-events:none;opacity:.7}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:var(--radius-inner);font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;background:var(--glass-bg);box-shadow:inset 0 0 0 1px var(--glass-edge);color:var(--ink)}.badge-blue{background:var(--accent-soft);color:var(--accent-deep)}.badge-solid{background:var(--accent);color:var(--paper)}.badge-good{background:var(--good-soft);color:var(--good)}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-paper{background:var(--paper);color:var(--ink)}.badge-muted{background:var(--glass-bg-soft);color:var(--ink-2)}.chip{padding:4px 10px;border-radius:var(--radius-control);font-size:12px;font-weight:600;background:var(--glass-bg);box-shadow:inset 0 0 0 1px var(--glass-edge);color:var(--ink-2)}.card,.frame{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--glass-highlight),var(--shadow-glass)}.card-soft,.tile{background:var(--glass-bg-soft);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--glass-highlight)}.tile{border-radius:var(--radius-tile)}.panel{background:var(--night-glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--night-glass-border);color:var(--paper);border-radius:var(--radius-card);box-shadow:var(--night-glass-highlight),var(--shadow-tray)}.panel a{color:var(--accent-on-night)}.panel a:hover{color:var(--paper)}.panel .muted{color:var(--night-ink-3)}.field{display:flex;align-items:center;gap:12px;height:52px;padding:0 20px;border:1px solid var(--glass-edge);border-radius:var(--radius-control);background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight);transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.field:focus-within{border-color:var(--accent);box-shadow:var(--glass-highlight),0 0 0 4px var(--accent-glow)}.field input{flex:1 1 auto;min-width:0;border:none;outline:none;background:transparent;font-size:16px}.field input:focus-visible{outline:none;box-shadow:none}.field input::placeholder{color:var(--ink-4)}.field svg{flex-shrink:0;color:var(--ink-3)}.frame{overflow:hidden}.frame-head{display:grid;gap:24px;padding:18px 36px;background:var(--glass-bg-soft);font-size:var(--text-caption);font-weight:600;color:var(--ink-3)}.frame-row{display:grid;gap:24px;align-items:center;padding:22px 36px;border-top:1px solid var(--glass-edge);transition:background-color var(--dur) var(--ease-out)}.frame-row:hover{background:var(--glass-hover)}.frame-row:first-child{border-top:none}.frame-foot{display:block;padding:20px 36px;border-top:1px solid var(--glass-edge);font-size:var(--text-ui);font-weight:600}.frame-tight .frame-row{padding:22px 28px}.frame-tight .frame-foot{padding:20px 28px}.meter{height:6px;border-radius:var(--radius-pill);background:var(--glass-edge);overflow:hidden}.meter>span{display:block;height:100%;border-radius:var(--radius-pill);background:var(--ink);transform-origin:left;animation:grow var(--dur-slow) var(--ease-out) both}.meter-thick{height:12px}.panel .meter{background:var(--night-track)}.panel .meter>span{background:var(--accent-line-on-night)}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.between{display:flex;align-items:center;justify-content:space-between;gap:24px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.wrap{flex-wrap:wrap}.grow{flex-grow:1;min-width:0}.right{text-align:right}.num{font-weight:600}.num-lg{font-size:20px;font-weight:700;letter-spacing:-.01em}.good{color:var(--good)}.warn{color:var(--warn)}.panel .good{color:var(--good-on-night)}.panel .warn{color:var(--warn-on-night)}.shell{min-height:100vh;display:flex;flex-direction:column}.shell-header{position:sticky;top:0;z-index:20;height:var(--header-h);background:var(--header-bg);-webkit-backdrop-filter:var(--header-blur);backdrop-filter:var(--header-blur);border-bottom:1px solid var(--line);transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.shell-header[data-scrolled=true]{box-shadow:var(--shadow-glass)}.shell-header .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;letter-spacing:-.03em;color:var(--ink)}.brand:hover{color:var(--ink)}.brand svg{color:var(--ink)}.nav{display:flex;gap:4px;margin-left:24px}.nav a{position:relative;display:flex;align-items:center;height:var(--header-h);padding:0 14px;font-size:var(--text-small);font-weight:500;color:var(--ink-3);transition:color var(--dur) var(--ease)}.nav a:after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:var(--ink);transform:scaleX(0);transition:transform var(--dur) var(--ease-out)}.nav a:hover,.nav a.active{color:var(--ink)}.nav a.active:after{transform:scaleX(1)}.domain-chip{height:36px;padding:0 16px 0 14px;display:inline-flex;align-items:center;gap:10px;border:1px solid var(--glass-edge);border-radius:var(--radius-control);background:var(--glass-bg);box-shadow:var(--glass-highlight);font-size:var(--text-ui);font-weight:600;color:var(--ink);transition:border-color var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out)}.domain-chip:hover{background:var(--glass-bg-strong);border-color:var(--ink);color:var(--ink)}.domain-chip .dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.domain-chip svg{color:var(--ink-2)}.domain-chip[aria-expanded=true]{border-color:var(--ink)}.domain-menu{position:relative}.domain-pop{position:absolute;top:calc(100% + 10px);right:0;z-index:30;width:360px;max-width:calc(100vw - 2 * var(--gutter));padding:8px;background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur-lg);backdrop-filter:var(--glass-blur-lg);box-shadow:var(--glass-highlight),var(--shadow-hover);animation:rise var(--dur) var(--ease-out) both}.domain-pop-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 16px 10px}.domain-pop-head .h3{font-size:18px}.domain-list{margin:0;padding:0;list-style:none;max-height:320px;overflow-y:auto}.domain-item{width:100%;padding:10px 12px 10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:none;border-radius:var(--radius-inner);background:transparent;text-align:left;transition:background-color var(--dur) var(--ease-out)}.domain-item:hover{background:var(--glass-hover)}.domain-item .name{font-size:var(--text-ui);font-weight:600}.domain-item.is-on .name{color:var(--accent)}.domain-item .tick{border-color:transparent}.domain-item.is-on .tick{background:var(--accent);border-color:var(--accent);color:var(--paper)}.domain-pop-foot{margin-top:8px;padding:12px 8px 8px;border-top:1px solid var(--glass-edge)}.domain-pop-foot .btn{width:100%}.add-domain{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.add-domain .field{flex:1 1 160px;height:44px;padding:0 16px}.add-domain-error{flex-basis:100%;padding:0 4px;color:var(--bad)}.avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--glass-edge);background:var(--glass-bg);box-shadow:var(--glass-highlight);font-size:12px;font-weight:500;color:var(--ink);transition:background-color var(--dur) var(--ease-out)}.avatar:hover{background:var(--glass-bg-strong)}.shell-main{flex-grow:1;padding-bottom:120px}.shell-foot{padding:24px 0 32px;font-size:var(--text-caption);color:var(--ink-4)}.shell-foot .container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ink-4);margin-right:8px;vertical-align:middle}.status-dot.ok{background:var(--good)}.status-dot.bad{background:var(--bad)}.sample-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-control);background:var(--warn-soft);color:var(--warn);font-size:12px;font-weight:600}.flow-header{height:var(--header-h);border-bottom:1px solid var(--glass-edge)}.flow-header .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.steps{margin:0;padding:0;list-style:none;display:flex;gap:28px;font-size:var(--text-small);font-weight:600;color:var(--ink-3)}.steps li{display:flex;align-items:center;gap:8px}.steps li.is-current{color:var(--ink)}.steps .n{width:24px;height:24px;border-radius:50%;border:1px solid var(--night-ink-3);display:inline-flex;align-items:center;justify-content:center;font-size:12px}.steps li.is-current .n{background:var(--ink);border-color:var(--ink);color:var(--paper)}.back{display:inline-flex;align-items:center;gap:10px;font-size:var(--text-ui);font-weight:600;color:var(--ink)}.back:hover{color:var(--accent)}@media (max-width: 960px){.nav,.steps{display:none}}@media (max-width: 700px){.shell-header .container{gap:12px}.shell-header .row.gap-3{gap:8px}.brand{font-size:18px}.brand svg{width:24px;height:24px}.sample-tag{display:none}.domain-chip{height:40px;padding:0 12px;gap:8px}.domain-chip span.label{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:40px;height:40px}}.page{padding-top:72px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}.page-head .stack{gap:20px;max-width:900px}.page-head .lead{max-width:700px}.page-head .actions{display:flex;gap:10px;flex-shrink:0}.section{margin-top:56px}.section-tight{margin-top:24px}.section-loose{margin-top:88px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:22px}.tick{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line-strong);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.is-done .tick{background:var(--ink);border-color:var(--ink);color:var(--paper)}.is-now .tick{border-color:var(--accent);border-top-color:transparent;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rank{font-size:18px;font-weight:600;color:var(--ink-4)}.site{display:flex;flex-direction:column;gap:6px;min-width:0}.site-name{font-size:18px;font-weight:600}.site-name .meta{margin-left:6px;font-size:var(--text-caption);font-weight:500;color:var(--ink-3)}.site-why{font-size:var(--text-ui);line-height:1.45;color:var(--ink-2)}.price{display:flex;flex-direction:column;gap:3px}.price .est{font-size:var(--text-small);font-weight:500;color:var(--ink-2)}.price .where{font-size:var(--text-caption);color:var(--ink-3)}.links-layout{padding-top:64px;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:40px;align-items:start}.links-layout .h1{margin-top:14px}.proof{margin-top:28px;padding:22px 26px;display:flex;align-items:center;gap:20px}.proof svg{flex-shrink:0;color:var(--good)}.proof p{flex-grow:1;font-size:16px;line-height:1.5}.filters{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.filters .row{gap:8px;flex-wrap:wrap}.links-cols{grid-template-columns:minmax(0,1fr) 170px 104px}.links-cols .site-name{font-size:17px}.links-cols .site-why{font-size:var(--text-small)}.chips{display:flex;gap:6px;flex-wrap:wrap}.drawer{position:sticky;top:calc(var(--header-h) + 24px);padding:32px;display:flex;flex-direction:column;gap:22px;transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.drawer[data-open=false]{opacity:0;transform:translateY(12px);pointer-events:none}.drawer-title{font-size:24px;font-weight:700;letter-spacing:-.02em}.drawer p{font-size:var(--text-ui);line-height:1.5;color:var(--night-ink-2)}.reason{display:flex;flex-direction:column;gap:8px;padding-top:18px;border-top:1px solid var(--night-line)}.reason-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-weight:600}.reason-head .n{font-size:18px}.reason .caption{line-height:1.45;color:var(--night-ink-3)}.drawer-foot{padding-top:18px;border-top:1px solid var(--night-line);font-size:var(--text-caption);line-height:1.5;color:var(--night-ink-3)}.close{width:40px;height:40px;border-radius:50%;border:1px solid var(--night-line-2);background:transparent;color:var(--night-ink-2);display:inline-flex;align-items:center;justify-content:center;transition:border-color var(--dur) var(--ease-out)}.close:hover{border-color:var(--paper)}.tray{position:fixed;left:max(var(--gutter),calc((100% - var(--page-max)) / 2 + var(--gutter)));bottom:28px;z-index:30;width:min(872px,calc(100% - 2 * var(--gutter)));height:68px;padding:0 10px 0 28px;background:var(--night-glass-bg);-webkit-backdrop-filter:var(--glass-blur-lg);backdrop-filter:var(--glass-blur-lg);border:1px solid var(--night-glass-border);color:var(--paper);border-radius:var(--radius-control);display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--night-glass-highlight),var(--shadow-tray);animation:rise var(--dur-slow) var(--ease-out) both}.tray .muted{color:var(--night-ink-3)}.tray .actions{display:flex;gap:8px}.plan-layout{padding-top:72px;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:56px;align-items:start}.plan-layout .h1{margin-top:14px}.plan-layout .lead{margin-top:20px;max-width:700px}.budgets{margin-top:40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.budget{height:112px;padding:20px 22px;border-radius:var(--radius-tile);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-highlight),var(--shadow-glass);color:var(--ink);text-align:left;display:flex;flex-direction:column;justify-content:space-between;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}.budget:hover{border-color:var(--ink);transform:translateY(-2px)}.budget[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.budget .amount{font-size:30px;font-weight:700;letter-spacing:-.03em}.budget .sub{font-size:var(--text-small);opacity:.8}.plan-cols{grid-template-columns:minmax(0,1fr) 190px 150px}.timeline{margin-top:48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.timeline>div{display:flex;flex-direction:column;gap:10px}.timeline .bar{height:4px;border-radius:4px;background:var(--line)}.timeline .bar.is-now{background:var(--accent)}.timeline .when{font-size:var(--text-caption);font-weight:600;color:var(--ink-3)}.timeline .what{font-weight:600}.timeline .detail{font-size:var(--text-small);line-height:1.45;color:var(--ink-2)}.plan-aside{position:sticky;top:calc(var(--header-h) + 24px);padding:34px;display:flex;flex-direction:column;gap:20px}.plan-aside .total{font-size:56px;font-weight:800;letter-spacing:-.045em;line-height:1}.plan-lines{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:1px solid var(--glass-edge);font-size:var(--text-ui)}.plan-lines>span{display:flex;justify-content:space-between}.plan-lines .muted{color:var(--ink-2)}.plan-aside .fine{font-size:var(--text-caption);line-height:1.55;color:var(--ink-2)}.dash{padding-top:36px}.dash-head{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.dash-eyebrow{font-size:var(--text-caption);color:var(--ink-3)}.dash-title{font-size:clamp(24px,2.2vw,30px);font-weight:var(--heading-weight);letter-spacing:-.03em;line-height:1.15;text-wrap:balance}.dash-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}.dash-perf{position:relative;padding:26px 28px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;background:var(--night);border:none;box-shadow:var(--shadow-tray);overflow:hidden}.dash-perf:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--night-edge)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.kpi{display:flex;flex-direction:column;gap:6px;min-width:0}.kpi+.kpi{padding-left:20px;border-left:1px solid var(--night-line)}.kpi .label{font-size:12px;color:var(--night-ink-3)}.kpi .value{font-size:30px;font-weight:500;letter-spacing:-.035em;line-height:1}.kpi .basis{display:flex;flex-direction:column;gap:2px;font-size:12px}.kpi .basis .num{font-weight:500}.kpi .basis .muted{color:var(--night-ink-4)}.chart{display:flex;flex-direction:column;gap:8px}.chart-head{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--night-ink-3)}.chart svg{display:block;width:100%;height:auto}.chart-grid{stroke:var(--night-line);stroke-width:1}.chart-axis{fill:var(--night-ink-4);font-family:var(--font);font-size:11px}.chart-area{fill:var(--accent-line-on-night);opacity:.12}.chart-line{fill:none;stroke:var(--accent-line-on-night);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--paper);stroke:var(--accent-line-on-night);stroke-width:2.5}.dash-card{display:flex;flex-direction:column;border-radius:var(--radius-card);box-shadow:var(--shadow-glass)}.dash-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 22px 14px}.dash-card-head h2{font-size:var(--text-ui);font-weight:var(--heading-weight);letter-spacing:-.015em}.dash-card-head span{font-size:12px;color:var(--ink-4)}.dash .frame-row{gap:16px;padding:12px 22px;border-top:1px solid var(--glass-edge);transition:background-color var(--dur-fast) var(--ease)}.dash .frame-row:hover{background:var(--row-hover)}.dash .frame-foot{margin-top:auto;padding:13px 22px;font-size:var(--text-caption);font-weight:500;color:var(--ink);transition:color var(--dur-fast) var(--ease)}.dash .frame-foot:hover{color:var(--accent)}.dash .site{gap:2px}.dash .site-name{font-size:var(--text-small);font-weight:500;letter-spacing:-.01em}.dash .site-name .badge{margin-left:8px;vertical-align:1px}.dash .site-why{font-size:12.5px;line-height:1.45;color:var(--ink-3)}.dash .caption{font-size:12px}.dash .muted{color:var(--ink-4)}.dash .num{font-weight:500}.dash .badge{padding:2px 7px;border-radius:5px;font-size:11.5px;font-weight:500}.dash .dash-next{grid-template-columns:16px minmax(0,1fr) auto}.dash-next .idx{font-size:12px;color:var(--ink-4)}.dash .dash-link,.dash .dash-piece{grid-template-columns:minmax(0,1fr) auto 112px}.dash .frame-row .right{text-align:right;font-size:var(--text-small)}.dash-vs{display:block;margin-top:1px}.skills{padding-top:36px}.seg{display:inline-flex;gap:2px;padding:3px;margin-bottom:20px;border:1px solid var(--glass-border);border-radius:calc(var(--radius-control) + 3px);background:var(--paper);box-shadow:var(--shadow-glass)}.seg button{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border:none;border-radius:var(--radius-control);background:transparent;font-size:var(--text-small);font-weight:500;color:var(--ink-3);transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.seg button:hover{color:var(--ink)}.seg button.is-on{background:var(--ink);color:var(--paper)}.seg-n{font-size:12px;color:var(--ink-4)}.seg button.is-on .seg-n{color:var(--night-ink-3)}.skills-layout{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:20px;align-items:start}.skills-list ul{margin:0;padding:0 8px 8px;list-style:none}.skills-what{padding:0 22px 14px;font-size:12.5px;line-height:1.45;color:var(--ink-3)}.skill-row{width:100%;display:flex;flex-direction:column;gap:3px;padding:11px 14px;border:none;border-radius:var(--radius-inner);background:transparent;text-align:left;transition:background-color var(--dur-fast) var(--ease)}.skill-row:hover{background:var(--row-hover)}.skill-row.is-on{background:var(--surface)}.skill-row-name{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:var(--text-small);font-weight:500;color:var(--ink)}.skill-row-detail{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-size:12.5px;color:var(--ink-4)}.skills .badge{padding:2px 7px;border-radius:5px;font-size:11.5px;font-weight:500}.skill-editor-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;border-bottom:1px solid var(--glass-edge)}.skill-editor-name{font-size:var(--text-ui);font-weight:var(--heading-weight);letter-spacing:-.015em}.skill-name-field{flex:1 1 auto;min-width:0}.skill-name-field input{width:100%;height:34px;padding:0 10px;margin-left:-10px;border:1px solid transparent;border-radius:var(--radius-inner);background:transparent;font-size:var(--text-ui);font-weight:var(--heading-weight);letter-spacing:-.015em;transition:border-color var(--dur-fast) var(--ease)}.skill-name-field input:hover{border-color:var(--glass-border)}.skill-name-field input:focus{outline:none;border-color:var(--ink)}.skill-editor-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.skill-default-note{padding:0 8px;font-size:var(--text-caption);color:var(--accent)}.skill-note{margin:16px 22px 0;padding:10px 12px;border-radius:var(--radius-inner);background:var(--surface);font-size:12.5px;line-height:1.5;color:var(--ink-3)}.skill-fields{display:flex;flex-direction:column;padding:4px 22px}.skill-field{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;padding:14px 0;border-bottom:1px solid var(--glass-edge)}.skill-field:last-child{border-bottom:none}.skill-field-label{display:flex;flex-direction:column;gap:3px;padding-top:7px;font-size:var(--text-small);font-weight:500;color:var(--ink)}.skill-field-label span{font-size:12px;font-weight:400;line-height:1.4;color:var(--ink-4)}.skill-field textarea{width:100%;padding:8px 10px;border:1px solid var(--glass-border);border-radius:var(--radius-inner);background:var(--paper);font-size:var(--text-small);line-height:1.5;color:var(--ink);resize:vertical;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.skill-field textarea:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px var(--accent-glow)}.skill-field textarea[readonly]{border-color:transparent;background:var(--surface);color:var(--ink-2);resize:none}.skill-photo{display:flex;align-items:center;gap:8px;min-height:36px;font-size:var(--text-small)}.skill-photo>span{margin-right:auto}.skill-photo .muted{color:var(--ink-4)}.skill-photo label{cursor:pointer}.skill-foot{padding:12px 22px 16px;border-top:1px solid var(--glass-edge);font-size:12px;color:var(--ink-4)}.ideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.idea{min-height:420px;padding:36px 34px 32px;border-radius:var(--radius-card);display:flex;flex-direction:column;gap:16px;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight),var(--shadow-glass);color:var(--ink)}.idea.is-dark{background:var(--night-glass-bg);border-color:var(--night-glass-border);box-shadow:var(--night-glass-highlight),var(--shadow-tray);color:var(--paper)}.idea .title{margin-top:10px;font-size:30px;line-height:1.12;font-weight:700;letter-spacing:-.03em}.idea .why{font-size:16px;line-height:1.55;color:var(--ink-2)}.idea.is-dark .why{color:var(--night-ink-2)}.idea .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:var(--text-caption);color:var(--ink-2)}.idea.is-dark .foot{color:var(--night-ink-2)}.content-cols{grid-template-columns:minmax(0,1fr) 170px 150px 130px 130px 190px}.trend{font-size:12px;font-weight:600}.feature{margin-top:48px;padding:48px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}.feature .title{font-size:44px;font-weight:800;letter-spacing:-.04em;line-height:1.05}.feature .lead{color:var(--night-ink-2);font-size:18px;max-width:520px}.feature .stack{gap:18px;align-items:flex-start}.feature .actions{display:flex;gap:10px;margin-top:8px}.player{height:320px;border-radius:var(--radius-tile);background:var(--night-2);border:1px solid var(--night-line);display:flex;flex-direction:column;overflow:hidden}.player .bar-top{height:36px;padding:0 16px;display:flex;align-items:center;gap:7px;border-bottom:1px solid var(--night-line)}.player .bar-top span{width:9px;height:9px;border-radius:50%;background:var(--night-line-2)}.player .stage{flex-grow:1;display:flex;align-items:center;justify-content:center}.player .play{width:72px;height:72px;border-radius:50%;background:var(--paper);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;border:none;transition:transform var(--dur) var(--ease-out)}.player .play:hover{transform:scale(1.06)}.player .wave{height:64px;padding:0 20px;display:flex;align-items:center;gap:4px;border-top:1px solid var(--night-line)}.player .wave span{width:5px;border-radius:3px;background:var(--night-line-2)}.player .wave span.is-played{background:var(--accent-line-on-night)}.player .wave .time{margin-left:auto;width:auto;background:none;font-size:var(--text-caption);color:var(--night-ink-3)}.tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.tool{min-height:196px;padding:26px 26px 22px;border-radius:var(--radius-tile);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight),var(--shadow-glass);color:var(--ink);display:flex;flex-direction:column;gap:10px;transition:transform var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.tool:hover{color:var(--ink);background:var(--glass-bg-strong);box-shadow:var(--glass-highlight),var(--shadow-hover);transform:translateY(-3px)}.tool .icon{width:44px;height:44px;border-radius:var(--radius-inner);background:var(--glass-bg-strong);box-shadow:var(--glass-highlight),inset 0 0 0 1px var(--glass-edge);display:inline-flex;align-items:center;justify-content:center}.tool .name{margin-top:6px;font-size:19px;font-weight:700;letter-spacing:-.015em}.tool .what{font-size:var(--text-small);line-height:1.45;color:var(--ink-2)}.tool .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:var(--text-caption);font-weight:600;color:var(--ink-2)}.tool .foot.is-free{color:var(--good)}.tool .foot svg{color:var(--ink);transition:transform var(--dur) var(--ease-out)}.tool:hover .foot svg{transform:translate(3px)}.domain-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.domain-kpi{padding:26px 28px;border-radius:var(--radius-tile);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight),var(--shadow-glass);display:flex;flex-direction:column;gap:8px}.domain-kpi.is-dark{background:var(--night-glass-bg);border-color:var(--night-glass-border);box-shadow:var(--night-glass-highlight),var(--shadow-tray);color:var(--paper)}.domain-kpi .label,.domain-kpi .note{font-size:var(--text-small);opacity:.8}.domain-kpi .note{font-size:var(--text-caption)}.domain-kpi .value{font-size:44px;font-weight:700;letter-spacing:-.035em;line-height:1}.domains-cols{grid-template-columns:minmax(0,1.2fr) 150px 240px minmax(0,1fr) 190px}.need{font-size:var(--text-ui);color:var(--ink-3)}.need.is-action{font-weight:600;color:var(--ink)}.domains-cols .site-name .badge{margin-left:10px;vertical-align:middle}.frame-row.is-focus{background:var(--accent-soft)}@media (max-width: 1100px){.links-layout,.plan-layout{grid-template-columns:1fr}.drawer,.plan-aside{position:static}.tools,.domain-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid,.skills-layout,.ideas{grid-template-columns:1fr}.idea{min-height:0}.feature{grid-template-columns:1fr}.frame-row{grid-template-columns:1fr;gap:12px}.frame-head{display:none}.frame-row .right{text-align:left}.frame-row .btn{justify-self:start}}@media (max-width: 700px){.seg{display:flex;overflow-x:auto}.seg button{flex-shrink:0}.skill-editor-head{flex-direction:column;align-items:stretch}.skill-editor-actions{flex-wrap:wrap}.skill-field{grid-template-columns:1fr;gap:8px}.skill-field-label{padding-top:0}.dash .frame-row{grid-template-columns:1fr;gap:8px}.dash .frame-row .right{text-align:left}.dash .frame-row .badge,.dash .frame-row .btn{justify-self:start}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.kpi+.kpi{padding-left:0;border-left:none}.dash-perf{padding:22px 20px 16px}.chart-head,.dash-card-head{flex-direction:column;gap:2px}.dash-card-head,.dash .frame-row,.dash .frame-foot{padding-left:18px;padding-right:18px}.page{padding-top:40px}.page-head{flex-direction:column;align-items:flex-start;gap:20px}.frame-row,.frame-head,.frame-foot{padding-left:20px;padding-right:20px}.budgets,.timeline,.tools,.domain-kpis{grid-template-columns:1fr}.tray{height:auto;padding:14px 16px;flex-direction:column;align-items:stretch;border-radius:var(--radius-card)}.tray .actions .btn{flex:1 1 0}.feature{padding:28px 24px}.feature .title{font-size:34px}}