:root { --black:#08090c; --surface:#101217; --surface-2:#151820; --surface-3:#1b1f29; --line:#282d37; --line-bright:#3b424f; --white:#f2f4f5; --soft:#b0b7c1; --muted:#777f8d; --blue:#99c7ff; --mint:#9cf1ca; --violet:#c7a8ff; --yellow:#f0d47a; --red:#ff929b; --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace; }
    * { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; min-width:320px; color:var(--white); background:var(--black); font-family:var(--sans); line-height:1.45; } button { font:inherit; } button,a { -webkit-tap-highlight-color:transparent; }
    .app { min-height:100vh; background:radial-gradient(circle at 73% -5%,rgba(125,154,208,.11),transparent 30%),var(--black); }
    .topbar { height:70px; padding:0 42px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:10; background:rgba(8,9,12,.88); backdrop-filter:blur(17px); }
    .brand { display:flex; gap:12px; align-items:center; cursor:pointer; } .brand-mark { width:30px; height:30px; border:1px solid var(--blue); color:var(--blue); display:grid; place-items:center; font:12px var(--mono); letter-spacing:-.12em; } .brand-text { font-size:13px; letter-spacing:.16em; font-weight:700; } .brand-sub { color:var(--muted); font:9px var(--mono); letter-spacing:.13em; margin-top:2px; }
    .main-nav { display:flex; gap:8px; align-items:center; margin-left:auto; margin-right:27px; } .nav-button { border:0; background:transparent; color:var(--muted); padding:8px 12px; cursor:pointer; font-size:13px; } .nav-button:hover,.nav-button.active { color:var(--white); } .nav-button.active { color:var(--blue); } .premium-nav { color:var(--violet); }
    .top-actions { display:flex; gap:10px; align-items:center; } .search-button,.profile-button { border:1px solid var(--line); background:var(--surface); color:var(--soft); cursor:pointer; height:34px; } .search-button { width:38px; font-size:16px; } .profile-button { padding:0 12px; display:flex; gap:8px; align-items:center; font-size:12px; } .avatar { width:18px; height:18px; border-radius:50%; background:linear-gradient(135deg,var(--blue),var(--violet)); display:inline-block; }
    .container { max-width:1440px; margin:0 auto; padding:0 42px 80px; } .view { display:none; } .view.active { display:block; } .eyebrow { color:var(--muted); font:10px var(--mono); letter-spacing:.2em; text-transform:uppercase; } h1,h2,h3,p { margin:0; }
    .home-head { padding:58px 0 33px; display:flex; align-items:end; justify-content:space-between; gap:30px; } h1 { font-size:clamp(36px,5.1vw,70px); line-height:1; letter-spacing:-.065em; font-weight:500; max-width:720px; margin-top:17px; } .home-head p { color:var(--soft); max-width:420px; font-size:14px; line-height:1.7; } .link-button { border:0; color:var(--blue); background:transparent; cursor:pointer; padding:0; font-size:13px; white-space:nowrap; } .link-button:hover { text-decoration:underline; }
    .featured { display:grid; grid-template-columns:1.12fr .88fr; min-height:380px; border:1px solid var(--line); background:linear-gradient(120deg,rgba(30,37,50,.95),rgba(12,14,19,.92)); position:relative; overflow:hidden; } .featured::before { content:""; position:absolute; inset:0; opacity:.26; background-image:linear-gradient(rgba(153,199,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(153,199,255,.16) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(90deg,black,transparent 80%); } .featured-copy { padding:41px 46px; position:relative; z-index:1; display:flex; flex-direction:column; } .featured-label { display:flex; gap:9px; align-items:center; color:var(--mint); font:10px var(--mono); letter-spacing:.16em; text-transform:uppercase; } .live-dot { width:6px; height:6px; border-radius:50%; background:var(--mint); box-shadow:0 0 14px var(--mint); } .featured h2 { font-size:clamp(30px,4vw,54px); letter-spacing:-.06em; line-height:1.02; font-weight:500; margin:28px 0 12px; max-width:500px; } .featured-desc { color:var(--soft); max-width:410px; font-size:14px; line-height:1.65; } .featured-meta { display:flex; gap:8px; margin-top:auto; padding-top:30px; flex-wrap:wrap; } .tag { border:1px solid var(--line-bright); padding:5px 8px; color:var(--soft); font:10px var(--mono); letter-spacing:.05em; }
    .featured-chart { align-self:end; min-height:270px; padding:28px 36px 32px 0; position:relative; z-index:1; display:flex; flex-direction:column; justify-content:end; } .chart-big { width:100%; height:240px; } .chart-big svg,.mini-chart svg { width:100%; height:100%; display:block; } .chart-grid { stroke:rgba(176,183,193,.18); stroke-width:1; vector-effect:non-scaling-stroke; } .chart-path { fill:none; stroke:var(--blue); stroke-width:2.2; vector-effect:non-scaling-stroke; } .chart-fill { fill:url(#area); } .chart-caption { display:flex; justify-content:space-between; color:var(--muted); font:10px var(--mono); margin-top:7px; } .featured-return { position:absolute; right:38px; top:35px; text-align:right; } .featured-return strong { display:block; color:var(--mint); font:27px var(--mono); letter-spacing:-.08em; } .featured-return span { color:var(--muted); font:10px var(--mono); }
    .toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:47px 0 18px; } .toolbar h2 { font-size:17px; font-weight:500; letter-spacing:-.02em; } .toolbar-right { display:flex; align-items:center; gap:14px; } .sort { border:1px solid var(--line); background:var(--surface); color:var(--soft); padding:8px 10px; font-size:11px; }
    .strategy-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; } .strategy-card { cursor:pointer; border:1px solid var(--line); background:rgba(16,18,23,.88); min-height:282px; padding:18px; transition:border-color .2s,transform .2s,background .2s; position:relative; overflow:hidden; } .strategy-card:hover { border-color:var(--blue); transform:translateY(-3px); background:var(--surface-2); } .card-top { display:flex; justify-content:space-between; align-items:start; gap:12px; } .strategy-code { color:var(--blue); font:13px var(--mono); letter-spacing:.07em; } .status { color:var(--mint); font:9px var(--mono); letter-spacing:.11em; text-transform:uppercase; } .status.premium { color:var(--violet); } .strategy-card h3 { font-size:17px; font-weight:500; letter-spacing:-.035em; margin-top:21px; } .strategy-card .description { color:var(--muted); font-size:12px; line-height:1.5; min-height:38px; margin-top:5px; } .mini-chart { height:64px; margin:18px 0 11px; } .mini-path { fill:none; stroke:var(--mint); stroke-width:2; vector-effect:non-scaling-stroke; } .mini-path.violet { stroke:var(--violet); } .mini-path.yellow { stroke:var(--yellow); } .mini-path.red { stroke:var(--red); } .card-stats { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); padding-top:11px; gap:6px; } .card-stats span { display:block; color:var(--muted); font:9px var(--mono); text-transform:uppercase; letter-spacing:.05em; } .card-stats strong { display:block; color:var(--white); font:12px var(--mono); margin-top:4px; } .card-stats strong.positive { color:var(--mint); } .card-footer { display:flex; align-items:center; gap:7px; margin-top:18px; color:var(--muted); font-size:10px; } .card-footer .avatar-mini { width:15px; height:15px; border-radius:50%; background:linear-gradient(135deg,var(--blue),var(--violet)); }
    .detail-head { padding:38px 0 24px; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:end; gap:20px; } .back { border:0; padding:0; background:transparent; color:var(--muted); cursor:pointer; font:11px var(--mono); margin-bottom:20px; } .back:hover { color:var(--white); } .detail-code { color:var(--blue); font:13px var(--mono); letter-spacing:.1em; } .detail-head h1 { font-size:clamp(34px,5vw,62px); margin-top:10px; } .detail-subtitle { color:var(--soft); font-size:14px; margin-top:11px; } .detail-actions { display:flex; gap:9px; align-items:center; } .button { cursor:pointer; border:1px solid var(--line-bright); background:var(--surface-2); color:var(--soft); padding:11px 16px; font-size:12px; } .button:hover { color:var(--white); border-color:var(--blue); } .button.follow { background:var(--blue); color:#10151d; border-color:var(--blue); font-weight:700; } .button.follow.following { background:var(--mint); border-color:var(--mint); }
    .detail-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr); gap:12px; padding-top:26px; } .panel { border:1px solid var(--line); background:var(--surface); } .panel-pad { padding:22px; } .panel-title { color:var(--white); font-size:14px; font-weight:500; } .panel-meta { color:var(--muted); font:10px var(--mono); } .panel-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:19px; } .periods { display:flex; gap:3px; } .period { border:0; background:transparent; color:var(--muted); cursor:pointer; font:10px var(--mono); padding:5px 7px; } .period.active,.period:hover { background:var(--surface-3); color:var(--blue); } .detail-chart { height:295px; } .detail-chart svg { width:100%; height:100%; display:block; } .big-axis { fill:var(--muted); font:10px var(--mono); } .metric-row { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); margin-top:17px; padding-top:18px; gap:10px; } .metric-label { color:var(--muted); font:10px var(--mono); text-transform:uppercase; letter-spacing:.07em; } .metric-value { font:20px var(--mono); color:var(--white); margin-top:6px; } .metric-value.positive { color:var(--mint); } .metric-value.negative { color:var(--red); }
    .signal-panel { background:linear-gradient(145deg,rgba(156,241,202,.10),rgba(16,18,23,.92) 68%); } .signal-label { color:var(--mint); font:10px var(--mono); letter-spacing:.17em; text-transform:uppercase; } .signal-action { font-size:38px; letter-spacing:-.06em; margin-top:20px; } .signal-asset { color:var(--soft); font:14px var(--mono); margin-top:3px; } .signal-time { color:var(--muted); font-size:11px; margin-top:27px; } .signal-rule { height:1px; background:var(--line); margin:20px 0 15px; } .signal-detail { display:flex; justify-content:space-between; gap:12px; font:11px var(--mono); color:var(--muted); } .signal-detail strong { color:var(--soft); font-weight:400; }
    .explain { margin-top:12px; } .explain h2 { font-size:18px; font-weight:500; letter-spacing:-.03em; } .explain p { color:var(--soft); font-size:13px; line-height:1.75; max-width:770px; margin-top:12px; } .detail-lower { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr); gap:12px; margin-top:12px; } .data-table { width:100%; border-collapse:collapse; font-size:11px; } .data-table th { color:var(--muted); font:9px var(--mono); letter-spacing:.09em; text-align:left; padding:0 0 11px; text-transform:uppercase; } .data-table td { border-top:1px solid var(--line); padding:12px 0; color:var(--soft); } .data-table td:not(:first-child),.data-table th:not(:first-child) { text-align:right; } .table-scroll { overflow-x:auto; } .method-list { display:grid; gap:14px; } .method-item { display:grid; grid-template-columns:25px 1fr; gap:11px; } .method-index { color:var(--blue); font:11px var(--mono); } .method-item strong { display:block; font-size:12px; font-weight:500; } .method-item span { display:block; color:var(--muted); font-size:11px; line-height:1.5; margin-top:2px; }
    .page-title { padding:57px 0 32px; } .page-title h1 { font-size:55px; } .page-title p { color:var(--soft); font-size:14px; max-width:530px; margin-top:13px; line-height:1.65; } .community-grid { display:grid; grid-template-columns:1fr .48fr; gap:12px; } .post { border-top:1px solid var(--line); padding:19px 0; display:grid; grid-template-columns:35px 1fr auto; gap:11px; } .post:first-child { border-top:0; padding-top:0; } .post-avatar { width:30px; height:30px; border-radius:50%; display:grid; place-items:center; font:10px var(--mono); color:#111; background:var(--blue); } .post:nth-child(2) .post-avatar { background:var(--mint); } .post:nth-child(3) .post-avatar { background:var(--violet); } .post h3 { font-size:14px; font-weight:500; } .post p { color:var(--soft); font-size:12px; line-height:1.55; margin-top:5px; } .post small { display:block; color:var(--muted); font-size:10px; margin-top:9px; } .post-time { color:var(--muted); font:10px var(--mono); } .side-card-title { font-size:14px; font-weight:500; padding-bottom:17px; } .room { display:flex; justify-content:space-between; border-top:1px solid var(--line); padding:13px 0; font-size:12px; } .room span { color:var(--muted); }
    .premium-hero { border:1px solid #554b76; background:radial-gradient(circle at 87% 15%,rgba(199,168,255,.26),transparent 36%),linear-gradient(120deg,#1a1825,#0d0e13 70%); padding:53px 54px; min-height:300px; position:relative; overflow:hidden; } .premium-hero::after { content:"PRIME"; position:absolute; right:30px; bottom:-18px; color:rgba(199,168,255,.08); font:150px var(--mono); letter-spacing:-.12em; } .premium-hero h1 { font-size:clamp(36px,5vw,62px); max-width:640px; margin-top:17px; position:relative; z-index:1; } .premium-hero p { color:#d3c9e5; font-size:14px; max-width:430px; margin-top:17px; line-height:1.65; position:relative; z-index:1; } .premium-price { margin-top:29px; position:relative; z-index:1; display:flex; gap:17px; align-items:center; } .premium-price strong { font:26px var(--mono); color:var(--violet); } .premium-price span { color:var(--muted); font-size:12px; } .premium-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; margin-top:12px; } .premium-card { min-height:225px; } .premium-card .locked { color:var(--violet); font:10px var(--mono); letter-spacing:.1em; } .premium-card h3 { margin-top:22px; } .premium-card .description { margin-bottom:23px; }
    .profile-layout { display:grid; grid-template-columns:.6fr 1.4fr; gap:12px; } .profile-card { min-height:260px; background:linear-gradient(145deg,rgba(153,199,255,.12),rgba(16,18,23,.9) 50%); } .profile-avatar { width:58px; height:58px; border-radius:50%; display:grid; place-items:center; color:#111; font:15px var(--mono); background:linear-gradient(135deg,var(--blue),var(--violet)); } .profile-card h2 { margin-top:22px; font-size:24px; font-weight:500; letter-spacing:-.04em; } .profile-card p { color:var(--muted); font-size:12px; margin-top:5px; } .profile-stats { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); margin-top:34px; padding-top:17px; gap:15px; }
    .strategy { display:grid; grid-template-columns:35px 1fr auto; gap:11px; align-items:center; border-top:1px solid var(--line); padding:14px 0; } .strategy-icon { color:var(--blue); font:11px var(--mono); border:1px solid #2b4a55; width:31px; height:31px; display:grid; place-items:center; } .strategy h3 { font-size:13px; font-weight:500; } .strategy p { color:var(--muted); font-size:11px; margin-top:2px; } .empty-note { color:var(--muted); font-size:12px; padding-top:24px; }
    .toast { position:fixed; right:25px; bottom:25px; background:#202a35; border:1px solid var(--blue); color:var(--white); padding:12px 15px; font-size:12px; z-index:30; transform:translateY(20px); opacity:0; pointer-events:none; transition:.25s ease; } .toast.show { transform:translateY(0); opacity:1; }
    @media (max-width:1050px) { .strategy-grid { grid-template-columns:repeat(2,1fr); } .featured { grid-template-columns:1fr; } .featured-chart { padding:20px 30px 25px; } .featured-copy { padding-bottom:20px; min-height:260px; } .featured-return { top:27px; right:30px; } .detail-grid,.detail-lower { grid-template-columns:1fr; } .community-grid { grid-template-columns:1fr; } .profile-layout { grid-template-columns:1fr; } }
    .app { opacity:0; visibility:hidden; height:100vh; overflow:hidden; transition:opacity .7s ease,visibility .7s ease; }
    .app.entered { opacity:1; visibility:visible; height:auto; overflow:visible; }
    .strategy-controls { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
    .strategy-search { min-width:250px; width:clamp(250px,28vw,360px); border:1px solid var(--line); background:var(--surface); color:var(--white); padding:10px 12px; outline:none; font-size:12px; }
    .strategy-search::placeholder { color:var(--muted); }
    .strategy-search:focus { border-color:var(--blue); box-shadow:0 0 0 3px rgba(153,199,255,.08); }
    .filter-select { border:1px solid var(--line); background:var(--surface); color:var(--soft); padding:10px 11px; font-size:11px; outline:none; }
    .filter-select:focus { border-color:var(--blue); }
    .results-count { color:var(--muted); font:10px var(--mono); white-space:nowrap; }
    .strategy-empty { display:none; border:1px dashed var(--line-bright); padding:45px 20px; text-align:center; color:var(--muted); font-size:13px; grid-column:1/-1; }
    .strategy-empty.show { display:block; }
    .intro-screen { position:fixed; inset:0; z-index:50; overflow-x:hidden; overflow-y:auto; background:#05070b; transition:opacity .75s ease,visibility .75s ease; }
    .intro-screen.hidden { opacity:0; visibility:hidden; pointer-events:none; }
    .intro-canvas { position:fixed; inset:0; width:100%; height:100%; }
    .intro-glow { position:fixed; inset:-20%; pointer-events:none; background:radial-gradient(circle at 50% 46%,rgba(111,165,255,.17),transparent 17%),radial-gradient(circle at 72% 32%,rgba(185,145,255,.10),transparent 22%),radial-gradient(circle at 25% 75%,rgba(74,240,198,.08),transparent 20%); mix-blend-mode:screen; }
    .intro-vignette { position:fixed; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(5,7,11,.85),transparent 35%,transparent 70%,rgba(5,7,11,.55)),linear-gradient(0deg,rgba(5,7,11,.75),transparent 40%,rgba(5,7,11,.25)); }
    .intro-content { position:relative; z-index:2; width:min(760px,calc(100% - 48px)); margin:0 auto; min-height:100vh; height:auto; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
    .intro-brand { color:var(--blue); font:11px var(--mono); letter-spacing:.3em; text-transform:uppercase; }
    .intro-title { font-size:clamp(52px,9vw,132px); font-weight:500; letter-spacing:-.095em; line-height:.9; margin-top:25px; background:linear-gradient(110deg,#f6f8fb 5%,#9fcaff 47%,#cfb9ff 94%); -webkit-background-clip:text; background-clip:text; color:transparent; }
    .intro-copy { max-width:480px; color:#b4bfce; font-size:15px; line-height:1.7; margin-top:27px; }
    .intro-actions { display:flex; gap:10px; margin-top:34px; align-items:center; }
    .intro-primary,.intro-secondary { cursor:pointer; padding:13px 20px; font-size:12px; letter-spacing:.04em; }
    .intro-primary { border:1px solid var(--blue); color:#0b1018; background:var(--blue); font-weight:700; }
    .intro-primary:hover { background:#d0e4ff; }
    .intro-secondary { border:1px solid #3a4556; color:var(--soft); background:rgba(16,18,23,.55); }
    .intro-secondary:hover { border-color:var(--blue); color:var(--white); }
    .intro-foot { position:absolute; bottom:26px; color:#596575; font:9px var(--mono); letter-spacing:.17em; text-transform:uppercase; }
    .intro-about { position:relative; z-index:2; width:min(1080px,calc(100% - 48px)); margin:0 auto; padding:100px 0 120px; border-top:1px solid rgba(153,199,255,.16); }
    .intro-about-head { display:flex; justify-content:space-between; align-items:end; gap:30px; }
    .intro-about h2 { font-size:clamp(28px,4vw,50px); font-weight:500; letter-spacing:-.06em; line-height:1.05; max-width:540px; margin-top:16px; }
    .intro-about-lede { color:var(--soft); font-size:14px; line-height:1.75; max-width:350px; }
    .intro-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; margin-top:56px; }
    .intro-principle { min-height:180px; border:1px solid var(--line); background:rgba(16,18,23,.64); padding:22px; }
    .intro-principle-index { color:var(--blue); font:11px var(--mono); }
    .intro-principle h3 { font-size:16px; font-weight:500; margin-top:29px; }
    .intro-principle p { color:var(--muted); font-size:12px; line-height:1.65; margin-top:8px; }
    .intro-about-foot { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:43px; padding-top:20px; border-top:1px solid var(--line); color:var(--muted); font:10px var(--mono); letter-spacing:.05em; }
    .intro-about-foot strong { color:var(--soft); font-weight:400; }
    .metric-filters { display:flex; align-items:center; gap:8px; flex-wrap:wrap; border:1px solid var(--line); background:rgba(16,18,23,.72); padding:10px 12px; margin:0 0 17px; }
    .metric-filter-label { color:var(--muted); font:9px var(--mono); letter-spacing:.12em; text-transform:uppercase; margin-right:3px; }
    .metric-filter { display:flex; align-items:center; gap:5px; color:var(--soft); font:10px var(--mono); }
    .metric-filter input { width:70px; border:1px solid var(--line); background:#0a0d12; color:var(--white); padding:7px 8px; outline:none; font:11px var(--mono); }
    .metric-filter input:focus { border-color:var(--blue); }
    .clear-filters { border:0; background:transparent; color:var(--blue); cursor:pointer; font:10px var(--mono); margin-left:auto; }
    .clear-filters:hover { text-decoration:underline; }
    .login-modal { position:fixed; inset:0; z-index:70; background:rgba(2,4,8,.74); backdrop-filter:blur(15px); display:none; place-items:center; padding:20px; }
    .login-modal.open { display:grid; }
    .login-card { width:min(420px,100%); border:1px solid var(--line-bright); background:linear-gradient(145deg,#171b24,#0c0e13); padding:30px; box-shadow:0 24px 90px rgba(0,0,0,.52); }
    .login-card h2 { font-size:27px; font-weight:500; letter-spacing:-.05em; margin-top:12px; }
    .login-card p { color:var(--muted); font-size:12px; margin-top:8px; }
    .login-form { display:grid; gap:10px; margin-top:24px; }
    .login-form label { color:var(--muted); font:10px var(--mono); text-transform:uppercase; letter-spacing:.09em; }
    .login-form input { width:100%; border:1px solid var(--line); background:#0a0d12; color:var(--white); padding:12px; margin-top:6px; outline:none; }
    .login-form input:focus { border-color:var(--blue); }
    .login-submit { cursor:pointer; border:1px solid var(--blue); background:var(--blue); color:#0b1018; padding:12px; font-size:12px; font-weight:700; margin-top:8px; }
    .login-close { float:right; border:0; background:transparent; color:var(--muted); cursor:pointer; font-size:18px; }
    .login-close:hover { color:var(--white); }
    @media (max-width:720px) { .topbar { height:auto; min-height:64px; padding:13px 16px; flex-wrap:wrap; gap:12px; } .main-nav { order:3; width:100%; overflow-x:auto; margin:0; border-top:1px solid var(--line); padding-top:10px; } .nav-button { padding:4px 10px 4px 0; white-space:nowrap; } .top-actions { margin-left:auto; } .profile-button { width:34px; padding:0; justify-content:center; font-size:0; } .container { padding:0 16px 52px; } .home-head { display:block; padding:38px 0 27px; } .home-head p { margin-top:19px; } .home-head .link-button { margin-top:14px; } h1 { font-size:43px; } .featured-copy { padding:30px 24px 19px; } .featured h2 { font-size:37px; } .featured-chart { padding:9px 18px 25px; min-height:230px; } .chart-big { height:195px; } .featured-return { top:22px; right:22px; } .toolbar { padding-top:38px; align-items:flex-start; flex-direction:column; } .toolbar-right .sort { display:none; } .strategy-controls { width:100%; } .strategy-search { width:100%; min-width:0; } .filter-select { flex:1; min-width:0; } .metric-filters { align-items:flex-start; } .metric-filter { flex:1 1 45%; } .clear-filters { margin-left:0; } .strategy-grid,.premium-grid { grid-template-columns:1fr; } .detail-head { display:block; padding-top:28px; } .detail-head h1 { font-size:44px; } .detail-actions { margin-top:24px; } .metric-row { grid-template-columns:repeat(2,1fr); row-gap:17px; } .detail-chart { height:225px; } .page-title { padding:40px 0 26px; } .page-title h1 { font-size:45px; } .premium-hero { padding:35px 25px; } .premium-hero h1 { font-size:43px; } .premium-hero::after { font-size:82px; right:7px; } .intro-actions { flex-direction:column; width:min(260px,100%); } .intro-primary,.intro-secondary { width:100%; } .intro-title { font-size:62px; } .intro-about { padding:75px 0 90px; } .intro-about-head { display:block; } .intro-about-lede { margin-top:19px; } .intro-principles { grid-template-columns:1fr; margin-top:35px; } .intro-about-foot { display:block; line-height:1.8; } }