.cph-inner{max-width:1140px;margin:0 auto;padding:0 clamp(18px,4vw,36px)}.cph-hero{background:linear-gradient(180deg, #fbfaf7 0%, var(--paper) 46%, #fff 100%);border-bottom:1px solid var(--line);padding:clamp(52px,8vw,104px) 0 clamp(56px,8vw,100px);position:relative;overflow:hidden}@media (min-width:922px){.cph-hero{margin-top:-82px;padding-top:calc(82px + clamp(52px,8vw,104px))}}.cph-hero-glow{pointer-events:none;background:radial-gradient(52% 48% at 78% 12%,#2e5cff21,#0000 68%),radial-gradient(40% 40% at 8% 88%,#2e5cff12,#0000 70%);position:absolute;inset:0}.cph-hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(32px,5vw,64px);max-width:1140px;margin:0 auto;padding:0 clamp(18px,4vw,36px);display:grid;position:relative}@media (max-width:940px){.cph-hero-grid{grid-template-columns:1fr;gap:36px}.cph-hero-right{width:100%;max-width:460px;margin:0 auto}}.cph-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin:0 0 20px;font-size:12px;font-weight:700;display:inline-flex}.cph-eyebrow .dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.cph-title{font-family:var(--font-bricolage-grotesque), sans-serif;letter-spacing:-.038em;color:var(--ink);margin:0 0 20px;font-size:clamp(40px,6.2vw,72px);font-weight:800;line-height:.98}.cph-title span{color:var(--ink-60)}.cph-sub{color:var(--ink-60);max-width:46ch;margin:0 0 30px;font-size:clamp(16px,1.6vw,18.5px);line-height:1.6}.cps-wrap{max-width:520px;position:relative}.cps-box{border:1.5px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:10px;height:58px;padding:0 8px 0 18px;transition:border-color .16s,box-shadow .16s;display:flex;box-shadow:0 1px 2px #16161a0a,0 12px 28px -16px #16161a3d}.cps-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #2e5cff24,0 12px 28px -16px #16161a3d}.cps-icon{width:19px;height:19px;color:var(--ink-42);flex:none}.cps-box input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;flex:1;font-family:inherit;font-size:16.5px;font-weight:500}.cps-box input:focus{outline:0}.cps-box input::placeholder{color:var(--ink-42);font-weight:500}.cps-kbd{border:1px solid var(--line);background:var(--paper);width:26px;height:26px;color:var(--ink-42);border-radius:7px;flex:none;place-items:center;margin-right:8px;font-family:inherit;font-size:12px;font-weight:700;display:grid}@media (max-width:620px){.cps-kbd{display:none}}.cps-clear{appearance:none;cursor:pointer;width:34px;height:34px;color:var(--ink-42);background:0 0;border:0;border-radius:9px;flex:none;place-items:center;margin-right:4px;transition:background .14s,color .14s;display:grid}.cps-clear:hover{color:var(--ink);background:#16161a0f}.cps-clear svg{width:15px;height:15px}.cps-panel{z-index:40;border:1.5px solid var(--line);background:#fff;border-radius:16px;padding:6px;animation:.14s cubic-bezier(.16,1,.3,1) cps-in;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 2px 4px #16161a0a,0 24px 48px -18px #16161a47}@keyframes cps-in{0%{opacity:0;transform:translateY(-4px)}}.cps-sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cps-list{margin:0;padding:0;list-style:none}.cps-row{border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;transition:background .12s;display:flex;color:var(--ink)!important;text-decoration:none!important}.cps-row.on{background:#2e5cff14}.cps-rtitle{font-size:14.5px;font-weight:650}.cps-rcat{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-42);flex:none;font-size:11.5px;font-weight:700}.cps-row.on .cps-rcat{color:var(--accent)}.cps-empty{color:var(--ink-60);margin:0;padding:16px 14px;font-size:14px;line-height:1.55}.cps-empty a{font-weight:650;color:var(--accent)!important}.cps-chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.cps-chip{border:1px solid var(--line);background:#ffffffb3;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:650;transition:color .15s,border-color .15s,background .15s,transform .15s;color:var(--ink-60)!important;text-decoration:none!important}.cps-chip:hover{background:#fff;border-color:#2e5cff66;transform:translateY(-1px);color:var(--accent)!important}.cphc{border:1.5px solid var(--line);background:#fff;border-radius:24px;padding:clamp(18px,2.4vw,24px);box-shadow:0 2px 4px #16161a0a,0 24px 52px -22px #16161a4d,0 44px 88px -50px #2e5cff57}.cphc-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.cphc-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);align-items:center;font-size:11px;font-weight:700;display:inline-flex}.cphc-seg{border:1px solid var(--line);background:#16161a0d;border-radius:11px;gap:3px;padding:3px;display:inline-flex}.cphc-seg button{appearance:none;cursor:pointer;color:var(--ink-60);background:0 0;border:0;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .16s,color .16s}.cphc-seg button.on{background:var(--accent);color:#fff;box-shadow:0 4px 12px -4px #2e5cff8c}.cphc-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (max-width:400px){.cphc-fields{grid-template-columns:1fr}}.cphc-field{flex-direction:column;gap:7px;min-width:0;display:flex}.cphc-lab{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-42);font-size:11px;font-weight:700}.cphc-hint{color:var(--ink-42);font-size:12px;font-weight:600}.cphc-inwrap{border:1.5px solid var(--line);background:#fff;border-radius:12px;align-items:center;min-width:0;height:50px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.cphc-inwrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #2e5cff24}.cphc-inwrap input{min-width:0;height:100%;color:var(--ink);appearance:textfield;background:0 0;border:0;flex:1;padding:0 4px 0 14px;font-family:inherit;font-size:17px;font-weight:650}.cphc-inwrap input:focus{outline:0}.cphc-inwrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cphc-inwrap input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cphc-unit{color:var(--ink-42);white-space:nowrap;padding-right:6px;font-size:12.5px;font-weight:700}.cphc-step{border-left:1.5px solid var(--line);flex-direction:column;flex:none;height:100%;display:flex}.cphc-step button{appearance:none;cursor:pointer;width:34px;color:var(--ink-60);background:#fff;border:0;flex:1;place-items:center;padding:0;transition:background .12s,color .12s;display:grid}.cphc-step button:hover{color:var(--accent);background:#2e5cff1a}.cphc-step button:active{background:#2e5cff2e}.cphc-step button:first-child{border-bottom:1px solid var(--line)}.cphc-step svg{pointer-events:none;width:12px;height:12px}.cphc-result{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.cphc-readout{align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.cphc-num{font-family:var(--font-bricolage-grotesque), sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(38px,5vw,48px);font-weight:800;line-height:1;transition:color .25s}.cphc-band{font-size:14px;font-weight:700;transition:color .25s}.cphc-track{background:#16161a14;border-radius:999px;height:8px;position:relative;overflow:visible}.cphc-fill{border-radius:999px;transition:width .34s cubic-bezier(.22,1,.36,1),background .25s;position:absolute;inset:0 auto 0 0}.cphc-knob{border:3px solid var(--accent);background:#fff;border-radius:50%;width:16px;height:16px;margin-left:-8px;transition:left .34s cubic-bezier(.22,1,.36,1),border-color .25s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px -2px #16161a59}.cphc-scale{color:var(--ink-42);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:7px;font-size:10.5px;font-weight:650;display:flex}.cphc-more{align-items:center;gap:7px;margin-top:18px;font-size:13.5px;font-weight:700;display:inline-flex;color:var(--accent)!important;text-decoration:none!important}.cphc-more svg{width:13px;height:13px;transition:transform .18s}.cphc-more:hover svg{transform:translate(3px)}.cph-sec{padding:clamp(56px,8vw,96px) 0}.cph-sec-picks{background:#fff}.cph-sec-cats{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cph-sec-latest{background:#fff}.cph-sec-why{background:var(--ink);color:#fff}.cph-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:clamp(28px,4vw,44px);display:flex}.cph-head-solo{justify-content:flex-start}.cph-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 10px;font-size:11.5px;font-weight:700}.cph-head h2{font-family:var(--font-bricolage-grotesque), sans-serif;letter-spacing:-.03em;color:var(--ink);margin:0;font-size:clamp(27px,3.6vw,40px);font-weight:800;line-height:1.06}.cph-headnote{color:var(--ink-60);max-width:32ch;margin:0;font-size:14.5px}.cph-headlink{white-space:nowrap;align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex;color:var(--accent)!important;text-decoration:none!important}.cph-headlink svg{width:13px;height:13px;transition:transform .18s}.cph-headlink:hover svg{transform:translate(3px)}.cph-picks{grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,26px);display:grid}@media (max-width:900px){.cph-picks{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.cph-picks{grid-template-columns:1fr;max-width:380px;margin:0 auto}}.cph-pick{flex-direction:column;gap:14px;display:flex;color:inherit!important;text-decoration:none!important}.cph-pick-thumb{background:#fff;border:2px solid #2e5cff52;border-radius:20px;padding:7px;transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 4px #2e5cff12,0 2px 4px #16161a0a,0 20px 44px -20px #2e5cff6b}.cph-pick:hover .cph-pick-thumb{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 0 0 5px #2e5cff1c,0 2px 4px #16161a0d,0 30px 60px -22px #2e5cff80}.cph-pick-body{flex-direction:column;gap:5px;padding:0 2px;display:flex}.cph-pick-cat{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.cph-pick-title{font-family:var(--font-bricolage-grotesque), sans-serif;letter-spacing:-.015em;color:var(--ink);font-size:17px;font-weight:700}.cph-pick-desc{color:var(--ink-60);font-size:13.5px;line-height:1.5}.cph-cats{grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,20px);display:grid}@media (max-width:900px){.cph-cats{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.cph-cats{grid-template-columns:1fr}}.cph-cat{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;gap:9px;padding:22px 22px 24px;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 1px 2px #16161a08;color:inherit!important;text-decoration:none!important}.cph-cat:hover{border-color:#2e5cff52;transform:translateY(-3px);box-shadow:0 2px 4px #16161a0a,0 18px 38px -20px #16161a4d}.cph-cat-top{align-items:center;gap:10px;display:flex}.cph-cat-name{font-family:var(--font-bricolage-grotesque), sans-serif;letter-spacing:-.02em;color:var(--ink);font-size:18px;font-weight:700}.cph-cat-count{min-width:24px;height:22px;color:var(--accent);font-variant-numeric:tabular-nums;background:#2e5cff1a;border-radius:999px;place-items:center;padding:0 7px;font-size:12px;font-weight:700;display:grid}.cph-cat-desc{color:var(--ink-60);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.cph-cat-go{color:var(--ink-42);opacity:0;transition:opacity .18s,transform .18s,color .18s;position:absolute;top:22px;right:20px;transform:translate(-4px)}.cph-cat-go svg{width:15px;height:15px;display:block}.cph-cat:hover .cph-cat-go{opacity:1;color:var(--accent);transform:translate(0)}.cph-latest{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.cph-latest li{border-bottom:1px solid var(--line)}.cph-lrow{border-radius:14px;justify-content:space-between;align-items:center;gap:24px;margin:0 -14px 0 -16px;padding:18px 14px 18px 16px;transition:background .15s;display:flex;color:inherit!important;text-decoration:none!important}.cph-lrow:hover{background:var(--paper)}.cph-lmain{flex-direction:column;gap:3px;min-width:0;display:flex}.cph-ltitle{font-family:var(--font-bricolage-grotesque), sans-serif;letter-spacing:-.015em;color:var(--ink);font-size:16.5px;font-weight:700;transition:color .15s}.cph-lrow:hover .cph-ltitle{color:var(--accent)}.cph-ldesc{color:var(--ink-60);max-width:72ch;font-size:13.5px;line-height:1.5}.cph-lmeta{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.cph-lcat{letter-spacing:.07em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.cph-lmeta time{color:var(--ink-42);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:600}@media (max-width:620px){.cph-lrow{flex-direction:column;align-items:flex-start;gap:8px}.cph-lmeta{flex-direction:row;align-items:center;gap:10px}}.cph-sec-why .cph-head h2{color:#fff}.cph-sec-why .cph-kicker{color:#8fb0ff}.cph-why{grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,44px);display:grid}@media (max-width:860px){.cph-why{grid-template-columns:1fr;gap:30px}}.cph-whyitem{border-top:1px solid #ffffff29;flex-direction:column;gap:9px;padding-top:20px;display:flex}.cph-whynum{font-family:var(--font-bricolage-grotesque), sans-serif;letter-spacing:.06em;color:#8fb0ff;font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.cph-whyitem h3{font-family:var(--font-bricolage-grotesque), sans-serif;letter-spacing:-.02em;color:#fff;margin:0;font-size:19px;font-weight:700;line-height:1.2}.cph-whyitem p{color:#ffffffa8;margin:0;font-size:14.5px;line-height:1.62}.cph-pick:focus-visible,.cph-cat:focus-visible,.cph-lrow:focus-visible,.cph-headlink:focus-visible,.cphc-more:focus-visible,.cps-chip:focus-visible,.cps-row:focus-visible,.cphc-seg button:focus-visible,.cphc-step button:focus-visible,.cps-clear:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:10px}.cph-sec-why a:focus-visible{outline-color:#8fb0ff}@media (prefers-reduced-motion:reduce){.cph-pick-thumb,.cph-cat,.cph-lrow,.cps-chip,.cphc-fill,.cphc-knob,.cph-cat-go,.cph-headlink svg,.cphc-more svg{transition-duration:.01ms!important}.cph-pick:hover .cph-pick-thumb,.cph-cat:hover,.cps-chip:hover{transform:none}.cps-panel{animation:none}}