:root{--bg:#0B0B1A;--deep:#080812;--panel:#12121F;--panel2:#1A1A2A;--hover:#222233;--text:#E8E8F0;--muted:#A0A0B8;--soft:#6B6B80;--pink:#FF2D6A;--pink2:#FF4D8A;--rose:#E6005C;--purple:#7B2CBF;--purple2:#9B4DFF;--light:#FFB3C9;--border:rgba(255,45,106,.18);--strong:rgba(255,77,138,.45);--shadow:0 16px 48px rgba(0,0,0,.55);--glow:0 12px 36px rgba(255,45,106,.22);--max:1280px;--nav:72px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 10%,rgba(123,44,191,.14),transparent 28%),radial-gradient(circle at 8% 28%,rgba(255,45,106,.12),transparent 26%),var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75;overflow-x:hidden}body.ui-locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}.skip-link{position:fixed;left:16px;top:-80px;z-index:500;background:#fff;color:#111;padding:10px 14px;border-radius:10px}.skip-link:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{position:sticky;top:0;z-index:200;height:var(--nav);background:rgba(8,8,18,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-shell{height:100%;max-width:var(--max);margin:auto;padding:0 22px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;flex:0 0 auto}.brand-logo{display:block;width:auto;height:38px;max-width:154px;object-fit:contain}.brand-fallback{font-weight:950;font-size:23px;letter-spacing:-1px;background:linear-gradient(135deg,var(--pink2),var(--purple2));-webkit-background-clip:text;background-clip:text;color:transparent}.desktop-nav{display:flex;align-items:center;gap:4px}.desktop-nav a,.nav-text-button{height:44px;display:inline-flex;align-items:center;padding:0 11px;border-radius:999px;color:#dcdce8;white-space:nowrap}.desktop-nav a:hover,.nav-text-button:hover{background:rgba(255,255,255,.06)}.desktop-nav a.is-active{background:linear-gradient(135deg,rgba(255,77,138,.18),rgba(155,77,255,.16));box-shadow:inset 0 0 0 1px rgba(255,77,138,.24);color:#fff}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:7px}.nav-text-button,.icon-button,.close-button,.search-tags button{border:0;background:transparent;cursor:pointer}.app-pill{display:inline-flex;min-height:44px;align-items:center;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#FF4D8A 0%,#FF2D6A 50%,#E6005C 100%);font-weight:900;box-shadow:var(--glow);white-space:nowrap}.icon-button,.close-button{min-width:44px;min-height:44px;border:1px solid var(--strong);border-radius:999px;padding:0 13px}.mobile-menu-trigger{display:none}.site-main{min-height:62vh}.container{max-width:var(--max);margin:auto;padding:0 22px}.section{padding:70px 0}.section.compact{padding:42px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2,.page-hero h1,.hero-copy h1{margin:0;line-height:1.08;letter-spacing:-.03em}.section-head h2{font-size:clamp(28px,4vw,46px)}.section-head p{margin:0;max-width:620px;color:var(--muted)}.eyebrow{margin:0 0 8px;color:var(--light);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:900}.gradient-text{background:linear-gradient(135deg,#fff 10%,var(--light) 48%,#b891ff);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--muted)}.tag{display:inline-flex;align-items:center;min-height:32px;border-radius:999px;padding:4px 11px;background:rgba(255,255,255,.055);border:1px solid var(--border);color:var(--light);font-size:13px}.primary-link,.secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;padding:0 18px;font-weight:900;white-space:nowrap}.primary-link{background:linear-gradient(135deg,#FF4D8A 0%,#FF2D6A 50%,#E6005C 100%);box-shadow:var(--glow)}.secondary-link{border:1px solid var(--strong);background:rgba(255,255,255,.02)}.text-link{display:inline-flex;margin-top:15px;color:var(--light);font-weight:900}.primary-link:hover,.secondary-link:hover,.app-pill:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(255,179,201,.85);outline-offset:3px}
.page-hero{padding:72px 0 42px}.hero-panel{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:28px;padding:clamp(28px,5vw,68px);background:linear-gradient(145deg,rgba(255,45,106,.14),rgba(123,44,191,.12) 48%,rgba(18,18,31,.94));box-shadow:var(--shadow)}.hero-panel:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-110px;top:-120px;background:radial-gradient(circle,rgba(155,77,255,.22),transparent 68%);pointer-events:none}.page-hero h1{font-size:clamp(42px,7vw,82px);max-width:980px}.lead{font-size:clamp(17px,2.2vw,22px);max-width:850px;color:#d6d6e4;margin:22px 0 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.reading-note{margin-top:20px;padding:16px 18px;border-left:3px solid var(--pink2);background:rgba(255,255,255,.035);border-radius:0 14px 14px 0;color:var(--muted)}
.home-hero{padding:34px 0 30px}.home-grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(320px,.95fr);gap:24px}.hero-visual{min-height:520px;border-radius:28px;overflow:hidden;border:1px solid var(--border);background:linear-gradient(135deg,rgba(255,45,106,.16),rgba(123,44,191,.14)),var(--panel);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.hero-visual img{width:100%;height:100%;object-fit:contain}.visual-fallback{text-align:center;padding:46px}.visual-fallback strong{display:block;font-size:clamp(40px,7vw,78px);line-height:1;background:linear-gradient(135deg,var(--pink2),var(--purple2));-webkit-background-clip:text;background-clip:text;color:transparent}.visual-fallback span{display:block;margin-top:16px;color:var(--muted)}.hero-copy{border:1px solid var(--border);border-radius:28px;padding:34px;background:linear-gradient(180deg,var(--panel),rgba(18,18,31,.82));display:flex;flex-direction:column}.hero-copy h1{font-size:clamp(34px,4vw,54px)}.hero-copy p{color:var(--muted)}.brand-kicker{font-size:14px;color:var(--light);font-weight:900;letter-spacing:.18em}.hero-rec-list{display:grid;gap:10px;margin-top:auto;padding-top:24px}.hero-rec-list a{padding:14px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.025)}.hero-rec-list a strong,.hero-rec-list a span{display:block}.hero-rec-list a span{font-size:13px;color:var(--muted)}
.quick-strip-wrap{max-width:var(--max);margin:auto;padding:0 22px}.quick-strip{display:flex;gap:18px;overflow-x:auto;padding:14px 2px;border-block:1px solid var(--border)}.quick-strip a{white-space:nowrap;color:#cfcfe0}.quick-strip a:hover{color:var(--light)}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--border);border-radius:18px;padding:22px;background:linear-gradient(180deg,rgba(26,26,42,.84),rgba(18,18,31,.9));min-width:0}.card:hover{border-color:var(--strong);background:var(--hover)}.card h2,.card h3{line-height:1.35;margin:8px 0}.card h3{font-size:21px}.card p{margin:0;color:var(--muted)}.feature-split{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.feature-main{border-radius:24px;padding:30px;border:1px solid var(--strong);background:linear-gradient(135deg,rgba(255,45,106,.12),rgba(18,18,31,.98) 58%)}.feature-main h2,.feature-main h3{font-size:clamp(28px,4vw,46px);line-height:1.12;margin:12px 0}.stack{display:grid;gap:14px}.stack-item{padding:18px;border-radius:16px;border:1px solid var(--border);background:var(--panel)}.stack-item p{color:var(--muted);margin-bottom:0}.inspiration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.inspiration{padding:18px;border:1px solid var(--border);border-radius:999px 18px 18px 999px;background:rgba(255,255,255,.03)}.inspiration strong,.inspiration span{display:block}.inspiration span{font-size:13px;color:var(--muted)}
.horizontal-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:16px;overflow-x:auto;padding-bottom:8px}.track-card{min-height:220px;padding:24px;border-radius:22px;border:1px solid var(--border);background:var(--panel)}.number{font-size:48px;font-weight:950;line-height:1;color:rgba(255,179,201,.38)}.magazine-grid{display:grid;grid-template-columns:1.35fr .85fr 1fr;grid-template-rows:auto auto;gap:16px}.magazine-grid article{border:1px solid var(--border);border-radius:22px;padding:24px;background:var(--panel)}.magazine-grid article:first-child{grid-row:span 2;background:linear-gradient(160deg,rgba(255,45,106,.13),var(--panel))}.magazine-grid article:last-child{grid-column:span 2}.rank-list{display:grid}.rank-item{display:grid;grid-template-columns:90px 1fr auto;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--border)}.rank-no{font-size:56px;font-weight:950;line-height:1;color:rgba(255,179,201,.35)}.rank-item h2,.rank-item h3{margin:0 0 5px}.rank-item p{margin:0;color:var(--muted)}
.timeline{position:relative;display:grid}.timeline:before{content:"";position:absolute;left:18px;top:10px;bottom:10px;width:1px;background:linear-gradient(var(--pink2),var(--purple2))}.timeline-item{position:relative;padding:0 0 28px 56px}.timeline-dot{position:absolute;left:10px;top:7px;width:17px;height:17px;border-radius:50%;background:var(--pink2);box-shadow:0 0 0 6px rgba(255,77,138,.1)}.status{display:inline-flex;padding:3px 10px;border-radius:999px;background:rgba(155,77,255,.13);border:1px solid rgba(155,77,255,.28);color:#d9c7ff;font-size:12px}.poster-wall{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.poster-wall article{grid-column:span 4;min-height:280px;border-radius:22px;padding:24px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(123,44,191,.13),var(--panel));display:flex;flex-direction:column;justify-content:flex-end}.poster-wall article:nth-child(1),.poster-wall article:nth-child(5){grid-column:span 8}.poster-img{margin:-24px -24px 18px;aspect-ratio:16/7;overflow:hidden;border-radius:22px 22px 0 0;background:rgba(255,255,255,.035)}.poster-img img,.wide-img img{width:100%;height:100%;object-fit:cover}.wide-img{aspect-ratio:21/7;overflow:hidden;border-radius:24px;margin-bottom:24px;border:1px solid var(--border)}
.numbered-directory{counter-reset:item}.numbered-directory article{counter-increment:item;display:grid;grid-template-columns:120px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid var(--border)}.numbered-directory article:before{content:counter(item,decimal-leading-zero);font-size:64px;font-weight:950;color:rgba(255,179,201,.34);line-height:1}.numbered-directory h2,.numbered-directory h3{margin:0 0 8px}.numbered-directory p{margin:0;color:var(--muted)}.topic-cover-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.topic-cover{min-height:300px;border-radius:26px;padding:28px;border:1px solid var(--border);background:linear-gradient(145deg,rgba(255,45,106,.12),rgba(123,44,191,.08),var(--panel));display:flex;flex-direction:column;justify-content:space-between}.topic-cover h2{font-size:34px;margin:8px 0}.scrapbook{columns:3 280px;column-gap:18px}.scrapbook article{break-inside:avoid;margin-bottom:18px;padding:22px;border-radius:20px;border:1px solid var(--border);background:var(--panel)}.knowledge-index{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:24px;overflow:hidden}.knowledge-index article{background:var(--panel);padding:26px;min-height:240px}.knowledge-index article:hover{background:var(--hover)}
.phone-showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center}.phone-frame{border-radius:42px;padding:16px;border:1px solid var(--strong);background:linear-gradient(160deg,#171728,#0d0d17);box-shadow:var(--shadow);max-width:440px;margin:auto}.phone-screen{aspect-ratio:9/17;border-radius:30px;overflow:hidden;background:linear-gradient(180deg,rgba(255,45,106,.2),rgba(123,44,191,.12),var(--deep));display:grid;place-items:center}.phone-screen img{width:100%;height:100%;object-fit:contain}.phone-content h1{font-size:clamp(42px,6vw,74px);line-height:1.02;margin:0}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:24px 0}.service-list div{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.policy-grid{display:grid;grid-template-columns:280px 1fr;gap:26px}.policy-nav{position:sticky;top:94px;align-self:start;display:grid;gap:8px}.policy-nav a{padding:10px 14px;border:1px solid var(--border);border-radius:12px;color:var(--muted)}.policy-content{display:grid;gap:16px}.policy-content section{padding:26px;border:1px solid var(--border);border-radius:20px;background:var(--panel)}.policy-content h2{margin-top:0}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid var(--border);border-radius:16px;background:var(--panel);padding:0 20px}.faq-list summary{cursor:pointer;font-weight:900;padding:18px 0}.faq-list details p{color:var(--muted);margin:0;padding:0 0 20px}.callout{padding:24px;border:1px solid var(--strong);border-radius:20px;background:linear-gradient(135deg,rgba(255,45,106,.08),rgba(123,44,191,.08))}.quote-panel{font-size:clamp(22px,3vw,36px);line-height:1.45;padding:34px;border-left:4px solid var(--pink2);background:rgba(255,255,255,.025);border-radius:0 22px 22px 0}.article-list{display:grid}.editorial-article{padding:26px 0;border-bottom:1px solid var(--border)}.editorial-article h2{font-size:30px;margin:8px 0}.editorial-article p{color:var(--muted)}.opinion-label{color:var(--light);font-weight:900;font-size:13px}
.site-footer{background:#05050A;color:#C8C8D8;border-top:1px solid rgba(255,255,255,.06);padding:60px 0 90px}.footer-inner{max-width:var(--max);margin:auto;padding:0 22px}.footer-brand{max-width:680px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:34px 0}.footer-grid section{display:grid;align-content:start;gap:8px}.footer-grid h2{font-size:14px;color:#fff;margin:0 0 8px}.footer-grid a{font-size:14px;color:#a9a9ba}.footer-note{padding-top:22px;border-top:1px solid rgba(255,255,255,.07);color:#8f8fa4;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#77778c;font-size:13px;margin-top:18px}.overlay{position:fixed;inset:0;z-index:270;background:rgba(0,0,0,.66);visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.overlay.is-open{visibility:visible;opacity:1;pointer-events:auto}.channel-drawer{position:fixed;z-index:300;right:0;top:0;height:100dvh;width:min(460px,88vw);background:#0d0d17;border-left:1px solid var(--border);transform:translateX(100%);visibility:hidden;pointer-events:none;transition:.25s;display:flex;flex-direction:column;box-shadow:var(--shadow)}.channel-drawer.is-open{transform:none;visibility:visible;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.drawer-brand{display:flex;align-items:center;gap:12px;font-weight:900}.drawer-brand img{height:34px;width:auto;max-width:130px}.drawer-scroll{overflow-y:auto;padding:8px 18px 34px}.drawer-scroll section{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.06)}.drawer-scroll h2{font-size:13px;color:var(--light)}.drawer-scroll a{display:grid;gap:2px;padding:10px 12px;border-radius:12px}.drawer-scroll a:hover{background:var(--hover)}.drawer-scroll a span{font-size:12px;color:var(--muted)}
.search-panel{position:fixed;z-index:290;left:0;right:0;top:var(--nav);background:#0d0d17;border-bottom:1px solid var(--border);box-shadow:var(--shadow);visibility:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.2s}.search-panel.is-open{visibility:visible;opacity:1;transform:none;pointer-events:auto}.search-inner{max-width:var(--max);margin:auto;padding:28px 22px 32px}.search-head{display:flex;justify-content:space-between;gap:24px;align-items:start}.search-head h2{margin:0}.search-box{display:block;margin:22px 0}.search-box input{width:100%;height:58px;border-radius:16px;border:1px solid var(--strong);background:#171728;padding:0 18px;outline:none}.search-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-tags span{color:var(--muted);font-size:13px}.search-tags button{padding:6px 11px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.035)}.search-results{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.search-results a{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--panel)}.search-results strong,.search-results span{display:block}.search-results span{font-size:12px;color:var(--muted)}.search-results a[hidden]{display:none}.mobile-bottom-nav{display:none}
@media(max-width:1080px){.desktop-nav a{padding:0 8px;font-size:14px}.desktop-action{display:none}.card-grid.four{grid-template-columns:repeat(2,1fr)}.knowledge-index{grid-template-columns:repeat(2,1fr)}.magazine-grid{grid-template-columns:1fr 1fr}.magazine-grid article:first-child{grid-row:auto}.magazine-grid article:last-child{grid-column:span 2}.inspiration-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){:root{--nav:64px}.nav-shell{padding:0 15px;gap:10px;justify-content:space-between}.desktop-nav,.desktop-menu-trigger,.nav-text-button.search-trigger{display:none}.mobile-menu-trigger{display:inline-flex;align-items:center;justify-content:center}.brand{position:absolute;left:50%;transform:translateX(-50%)}.brand-logo{height:34px;max-width:126px}.nav-actions{margin-left:auto}.site-main{padding-bottom:64px}.container,.quick-strip-wrap,.footer-inner{padding-left:15px;padding-right:15px}.home-grid{display:flex;flex-direction:column}.hero-copy{order:1}.hero-visual{order:2;min-height:0;aspect-ratio:16/10}.card-grid,.card-grid.two,.card-grid.four{grid-template-columns:1fr}.feature-split,.phone-showcase,.policy-grid{grid-template-columns:1fr}.policy-nav{position:static;grid-template-columns:repeat(2,1fr)}.poster-wall article,.poster-wall article:nth-child(1),.poster-wall article:nth-child(5){grid-column:span 12}.topic-cover-grid{grid-template-columns:1fr}.rank-item{grid-template-columns:62px 1fr}.rank-item>a{grid-column:2}.rank-no{font-size:42px}.numbered-directory article{grid-template-columns:72px 1fr}.numbered-directory article:before{font-size:46px}.magazine-grid{grid-template-columns:1fr}.magazine-grid article:last-child{grid-column:auto}.search-panel{top:0;height:100dvh;overflow-y:auto}.search-results{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.mobile-bottom-nav{position:fixed;display:grid;z-index:210;left:0;right:0;bottom:0;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);background:rgba(5,5,10,.96);border-top:1px solid var(--border);backdrop-filter:blur(14px)}.mobile-bottom-nav a{min-height:54px;display:grid;place-items:center;font-size:12px;color:#aaaabd}.mobile-bottom-nav a.is-active{color:var(--light);font-weight:900}.site-footer{padding-bottom:120px}.horizontal-track{grid-auto-columns:80vw}}
@media(max-width:520px){.app-pill{padding:0 14px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px 18px}.search-results{grid-template-columns:1fr}.policy-nav,.service-list,.inspiration-grid{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:10px}.page-hero h1{font-size:clamp(38px,13vw,58px)}.scrapbook{columns:1}.hero-visual{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.primary-link:hover,.secondary-link:hover,.app-pill:hover{transform:none}}
/* Homepage composition extensions */
.hero-home-grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(320px,.95fr);gap:24px}.hero-notes{display:grid;gap:10px;margin-top:auto;padding-top:24px}.hero-notes a{padding:14px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.025)}.hero-notes strong,.hero-notes span{display:block}.hero-notes span{font-size:13px;color:var(--muted);margin-top:4px}.visual-fallback span{display:block;margin-bottom:14px;color:var(--light);font-weight:900;letter-spacing:.12em}.visual-fallback strong{display:block;font-size:clamp(36px,5vw,64px);line-height:1.05}.visual-fallback p{max-width:620px;margin:20px auto 0;color:var(--muted)}.pill-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pill-grid a{padding:18px 20px;border:1px solid var(--border);border-radius:24px;background:rgba(255,255,255,.03);min-width:0}.pill-grid strong,.pill-grid span{display:block}.pill-grid span{margin-top:5px;color:var(--muted);font-size:13px}.feature-main img,.magazine-lead img{width:100%;height:auto;max-height:430px;object-fit:cover;border-radius:18px;margin-bottom:18px}.reason,.watch-tip{margin:16px 0;padding:14px 16px;border-left:2px solid var(--pink2);background:rgba(255,255,255,.025);border-radius:0 12px 12px 0}.reason strong,.reason span,.watch-tip strong,.watch-tip span{display:block}.reason span,.watch-tip span{margin-top:4px;color:var(--muted)}.feature-list,.type-index{display:grid;gap:12px}.feature-list a,.type-index a{padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--panel)}.feature-list span,.feature-list strong,.type-index strong,.type-index span{display:block}.feature-list span{font-size:12px;color:var(--light);margin-bottom:6px}.type-index span{margin-top:6px;color:var(--muted);font-size:14px}.horizontal-track article{min-height:220px;padding:24px;border-radius:22px;border:1px solid var(--border);background:var(--panel)}.horizontal-track article img{width:100%;height:150px;object-fit:cover;border-radius:16px;margin-bottom:16px}.horizontal-track article h3{margin:10px 0 8px}.horizontal-track article p{margin:0;color:var(--muted)}.tv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tv-grid a{padding:24px;border:1px solid var(--strong);border-radius:20px;background:linear-gradient(145deg,rgba(255,45,106,.08),var(--panel))}.tv-grid strong,.tv-grid span{display:block}.tv-grid span{margin-top:7px;color:var(--muted)}.scrapbook-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.scrapbook-grid a{min-height:180px;padding:22px;border-radius:20px;border:1px solid var(--border);background:linear-gradient(160deg,rgba(155,77,255,.1),var(--panel));display:flex;flex-direction:column}.scrapbook-grid span{font-size:34px;font-weight:950;color:rgba(255,179,201,.4)}.scrapbook-grid strong{font-size:20px;margin-top:auto}.scrapbook-grid p{color:var(--muted);margin:6px 0 0}.app-showcase{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:36px;border:1px solid var(--strong);border-radius:28px;padding:36px;background:linear-gradient(135deg,rgba(255,45,106,.12),rgba(123,44,191,.08),var(--panel))}.app-copy h2{font-size:clamp(30px,4vw,50px);margin:8px 0 16px}.app-copy>p{color:var(--muted)}.app-art{display:grid;place-items:center}.app-art img{max-width:100%;max-height:520px;object-fit:contain;border-radius:24px}.phone-mock{width:min(310px,100%);aspect-ratio:9/16;border-radius:38px;padding:32px 22px;border:7px solid #2a2a3b;background:linear-gradient(180deg,#1a1a2a,#0b0b1a);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}.phone-mock span{color:var(--light);font-weight:900;letter-spacing:.12em}.phone-mock strong{font-size:28px;margin-bottom:auto}.phone-mock i{font-style:normal;padding:12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid var(--border)}.dual-feature{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dual-feature article{padding:30px;border:1px solid var(--border);border-radius:24px;background:var(--panel)}.dual-feature h3{font-size:26px;margin:12px 0}.dual-feature p{color:var(--muted)}.brand-manifesto{padding:clamp(32px,6vw,72px);border:1px solid var(--strong);border-radius:30px;background:radial-gradient(circle at 20% 0%,rgba(255,45,106,.18),transparent 42%),radial-gradient(circle at 85% 100%,rgba(123,44,191,.16),transparent 40%),var(--panel)}.brand-manifesto h2{font-size:clamp(34px,5vw,62px);max-width:980px;line-height:1.08;margin:10px 0 24px}.brand-manifesto>p{max-width:1000px;color:#d6d6e3;font-size:17px;line-height:1.95}.alt{background:rgba(5,5,10,.28)}
@media(max-width:820px){.hero-home-grid{display:flex;flex-direction:column}.hero-home-grid .hero-copy{display:contents}.hero-home-grid .hero-copy>.eyebrow{order:1}.hero-home-grid .hero-copy>h1{order:2}.hero-home-grid .hero-copy>.lead{order:3}.hero-home-grid .hero-copy>.hero-actions{order:4}.hero-home-grid .hero-visual{order:5}.hero-home-grid .hero-copy>.hero-notes{order:6}.hero-home-grid>.hero-visual{min-height:0;aspect-ratio:16/10}.pill-grid,.tv-grid,.scrapbook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-showcase,.dual-feature{grid-template-columns:1fr}.app-showcase{padding:24px}.horizontal-timeline{display:block}.home-editorials .editorial-article{padding:22px}}
@media(max-width:520px){.pill-grid,.tv-grid,.scrapbook-grid{grid-template-columns:1fr}.feature-list,.type-index{grid-template-columns:1fr}.brand-manifesto{padding:26px}.hero-home-grid>.hero-visual{aspect-ratio:4/3}}
.nav-text-button.is-active{background:linear-gradient(135deg,rgba(255,77,138,.18),rgba(155,77,255,.16));box-shadow:inset 0 0 0 1px rgba(255,77,138,.24);color:#fff}