:root{
    --peach:#EC5F8C;
    --peach-strong:#D94373;
    --peach-soft:#F9B8CC;
    --peach-pale:#FDE6EE;
    --pink:#F16D9A;
    --pink-light:#FAD0DD;
    --pink-mist:#FFF0F5;
    --yellow:#F2CA72;
    --yellow-soft:#FAE9B3;
    --yellow-pale:#FFF7DA;
    --vanilla:#FFF9E9;
    --berry:#9C3659;
    --berry-dark:#67243F;
    --berry-deep:#421827;
    --brown:#695055;
    --brown-soft:#92777C;
    --cream:#FFFAF7;
    --cream-2:#FFF6F3;
    --surface:#FFFFFF;
    --ink:#35262B;
    --ink-2:#70575F;
    --ink-3:#A18B91;
    --line:rgba(217,67,115,.11);
    --line-strong:rgba(217,67,115,.22);
    --yellow-line:rgba(242,202,114,.36);
    --shadow:0 6px 24px rgba(103,36,63,.08);
    --shadow-hover:0 18px 44px rgba(103,36,63,.14);
    --radius:12px;
    --radius-card:18px;
    --radius-large:26px;
    --radius-pill:999px;
    --wrap:1320px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;line-height:1.65;overflow-x:hidden}
body.search-open{overflow:hidden}
a{color:inherit;text-decoration:none}
a:hover{color:var(--peach-strong)}
img{display:block;max-width:100%;height:auto}
button,input{font:inherit}
button{color:inherit}
.wrap{width:min(calc(100% - 40px),var(--wrap));margin-inline:auto}
.narrow{width:min(100%,880px);margin-inline:auto}.narrow-wide{width:min(100%,1040px);margin-inline:auto}
.section{padding:76px 0;position:relative}.compact-section{padding:44px 0}.site-main{min-height:70vh}
.skip-link{position:fixed;left:16px;top:-80px;z-index:9999;background:var(--berry-deep);color:#fff;padding:10px 16px;border-radius:8px}.skip-link:focus{top:16px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--berry);font-weight:800;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}.eyebrow::before{content:"";width:18px;height:2px;border-radius:99px;background:var(--yellow)}.eyebrow.light{color:var(--yellow-soft)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.22;letter-spacing:-.02em}h1{font-size:clamp(2.35rem,5vw,5.15rem);margin-bottom:22px}h2{font-size:clamp(1.8rem,3vw,3rem);margin-bottom:14px}h3{font-size:1.12rem;margin-bottom:9px}p{color:var(--ink-2)}
.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:var(--radius-pill);font-weight:800;transition:.2s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:linear-gradient(135deg,#EC5F8C,#D94373);color:#fff;box-shadow:0 10px 24px rgba(217,67,115,.2)}.button.secondary{background:linear-gradient(135deg,#FFF7DA,#FAE9B3);color:var(--berry-dark);border-color:var(--yellow-line)}.button.ghost{background:#fff;color:var(--berry);border-color:var(--line-strong)}.light-button{background:#fff;color:var(--berry-dark)}.text-link{display:inline-flex;align-items:center;gap:8px;color:var(--berry);font-weight:800}.light-link{color:#fff}
.fresh-bar{min-height:30px;background:var(--berry-dark);color:rgba(255,255,255,.82);font-size:.84rem}.fresh-inner{min-height:30px;display:flex;align-items:center;gap:22px}.fresh-inner strong{color:var(--yellow-soft);white-space:nowrap}.fresh-track{display:flex;gap:26px;overflow:hidden;white-space:nowrap}.fresh-track a{color:rgba(255,255,255,.86)}
.site-header{position:sticky;top:0;z-index:500;background:rgba(255,250,247,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);transition:.2s ease}.site-header.is-scrolled{background:rgba(255,255,255,.98);box-shadow:0 8px 28px rgba(103,36,63,.08)}.header-inner{height:66px;display:flex;align-items:center;gap:22px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--berry);font-weight:900;white-space:nowrap}.brand img{width:38px;height:38px;object-fit:contain}.desktop-nav{display:flex;align-items:stretch;gap:2px;min-width:0;flex:1}.desktop-nav a{position:relative;display:flex;align-items:center;padding:0 11px;color:var(--ink-2);font-weight:700;font-size:.94rem}.desktop-nav a:hover,.desktop-nav a.is-current{color:var(--peach)}.desktop-nav a.is-current::after{content:"";position:absolute;left:30%;right:30%;bottom:4px;height:2px;border-radius:99px;background:var(--peach)}.header-actions{display:flex;align-items:center;gap:9px}.header-link,.icon-button,.mobile-menu-button{border:0;background:transparent;padding:7px 8px;color:var(--ink-2);font-weight:700;cursor:pointer}.icon-button:hover,.header-link:hover,.mobile-menu-button:hover{color:var(--peach)}.mobile-menu-button{display:none;font-size:1.3rem}.mega-panel{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow);padding:22px 0}.mega-panel[hidden],.mobile-drawer[hidden]{display:none!important}.mega-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.mega-grid a{display:flex;justify-content:space-between;padding:14px;border-radius:12px;background:var(--cream-2);font-weight:800}.mobile-drawer{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--line);padding:14px 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mobile-drawer a{padding:11px 12px;background:var(--cream-2);border-radius:10px;font-weight:700}
.search-modal{display:none;position:fixed;inset:0;z-index:1000;align-items:flex-start;justify-content:center;padding:14vh 20px 20px;background:rgba(66,24,39,.42);backdrop-filter:blur(8px)}
.search-modal.is-open{display:flex}
.search-modal[hidden]{display:none !important;}
.search-dialog{position:relative;width:min(760px,100%);padding:34px;background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-large);box-shadow:0 28px 80px rgba(66,24,39,.2)}.search-dialog h2{font-size:clamp(1.6rem,4vw,2.5rem)}.search-close{position:absolute;right:18px;top:16px;width:40px;height:40px;border:0;border-radius:50%;background:var(--pink-mist);font-size:1.6rem;cursor:pointer}.search-field{display:flex;gap:10px;padding:8px;border:1px solid var(--line-strong);border-radius:18px;background:#fff;box-shadow:0 0 0 4px rgba(242,202,114,.14)}.search-field input{min-width:0;flex:1;border:0;outline:0;padding:9px 12px;color:var(--ink)}.search-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.search-suggestions a{padding:7px 11px;border-radius:var(--radius-pill);background:var(--yellow-pale);font-size:.9rem;color:var(--brown)}
.home-hero{min-height:580px;display:flex;align-items:center;background:linear-gradient(135deg,#FFF9E9 0%,#FFF2F5 48%,#FDE3EC 100%);overflow:hidden}.home-hero::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(242,202,114,.22);filter:blur(40px);left:-60px;top:70px}.home-hero::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:rgba(236,95,140,.16);filter:blur(46px);right:5%;bottom:-100px}.hero-grid,.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:56px;align-items:center;position:relative;z-index:1}.hero-copy>p,.page-hero p{font-size:1.08rem;max-width:760px}.hero-visual{position:relative}.hero-visual>img,.page-hero-grid>img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:34px;box-shadow:var(--shadow-hover);border:1px solid rgba(255,255,255,.8)}.hero-floating{position:absolute;padding:13px 16px;border-radius:14px;background:rgba(255,255,255,.93);box-shadow:var(--shadow);display:grid}.hero-floating strong{color:var(--berry)}.hero-floating span{font-size:.82rem;color:var(--ink-2)}.hero-floating-a{left:-30px;bottom:44px}.hero-floating-b{right:-18px;top:44px}.hero-search{display:flex;gap:8px;max-width:690px;margin-top:26px;padding:7px;background:#fff;border:1px solid var(--line-strong);border-radius:18px;box-shadow:0 0 0 5px rgba(242,202,114,.11)}.hero-search input{flex:1;min-width:0;border:0;outline:0;padding:10px 12px;background:transparent}.hero-search button{border:0;border-radius:12px;background:var(--peach);color:#fff;padding:0 19px;font-weight:800;cursor:pointer}.hot-words{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.hot-words a{font-size:.83rem;color:var(--brown);padding:4px 8px;border-radius:999px}.page-hero{padding:84px 0;background:linear-gradient(135deg,#FFF9E9 0%,#FFF3F6 34%,#FDE6EE 70%,#FAD0DD 100%)}.page-hero h1{font-size:clamp(2.2rem,4.6vw,4.4rem)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}.section-head>div{max-width:820px}.section-head p{max-width:760px;margin-bottom:0}.section-head .text-link{flex:0 0 auto;margin-bottom:6px}.tag-wall{display:flex;flex-wrap:wrap;gap:12px}.tag-wall a,.chip-row span{padding:11px 16px;border-radius:var(--radius-pill);background:#fff;border:1px solid var(--line);box-shadow:0 5px 14px rgba(103,36,63,.05);font-weight:700;color:var(--brown)}.tag-wall.small{gap:8px}.tag-wall.small a{padding:7px 12px;font-size:.9rem}.featured-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.featured-side{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.content-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);transition:.25s ease}.content-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.content-card .media{display:block;position:relative}.content-card .media img{width:100%;aspect-ratio:16/10;object-fit:cover}.content-card-large .media img{aspect-ratio:16/9}.content-card-small .media img{aspect-ratio:16/9}.media-badge{position:absolute;left:12px;top:12px;padding:5px 9px;border-radius:999px;background:rgba(66,24,39,.82);color:#fff;font-size:.76rem;font-weight:800}.card-body{padding:18px}.content-card-small .card-body{padding:14px}.content-card-small .card-body p{display:none}.pill{display:inline-flex;width:max-content;align-items:center;padding:4px 8px;border-radius:999px;font-size:.75rem;font-weight:800}.pill-soft{background:var(--peach-pale);color:var(--berry)}.pill-yellow{background:var(--yellow-pale);color:#71521f}.card-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;color:var(--ink-3);font-size:.78rem}.rail-shell{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:12px;align-items:center}.rail-arrow{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;cursor:pointer}.content-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin}.rail-card{scroll-snap-align:start;min-width:0}.rail-card a{display:block}.rail-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;margin-bottom:11px}.rail-card h3{margin-top:9px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}.rank-list{list-style:none;padding:0;margin:0;display:grid;gap:7px}.rank-list li{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:12px;padding:11px 12px;border-bottom:1px solid var(--line)}.rank-num{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--pink-mist);color:var(--ink-2);font-weight:900}.rank-1{background:var(--berry);color:#fff}.rank-2{background:var(--peach);color:#fff}.rank-3{background:var(--yellow);color:var(--berry-dark)}.rank-note,.note-card{padding:26px;border-radius:var(--radius-large);background:linear-gradient(135deg,#FFF7DA,#FAE9B3);border:1px solid var(--yellow-line)}.dark-feature{background:linear-gradient(135deg,#67243F 0%,#8D3554 55%,#C7587E 100%);color:#fff}.dark-feature p{color:rgba(255,255,255,.78)}.media-feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.media-feature-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.media-feature-cards article{padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.09);display:grid;gap:4px}.media-feature-cards span{font-size:.86rem;color:rgba(255,255,255,.7)}.story-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-triptych article,.avoid-grid article,.info-card,.editor-picks article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow)}.story-triptych article>span,.editor-picks article>span{display:inline-block;margin-bottom:12px;color:var(--peach-strong);font-size:.78rem;font-weight:900;letter-spacing:.08em}.soft-pink{background:var(--pink-mist)}.yellow-wash{background:var(--vanilla)}.two-column-feature,.topic-feature,.image-text-grid,.app-grid,.about-strip,.process-board{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.two-column-feature>img,.topic-feature>img,.image-text-grid>img,.about-strip>img,.rounded-media{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-large);box-shadow:var(--shadow)}.image-text-grid.reverse>div{order:1}.image-text-grid.reverse>img{order:2}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.chip-row span{padding:7px 11px;font-size:.82rem}.tutorial-grid,.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tutorial-card{padding:22px;border:1px solid var(--line);border-radius:var(--radius-card);background:#fff;box-shadow:var(--shadow)}.route-section{background:linear-gradient(180deg,#fff,var(--cream-2))}.step-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.step-list li{padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px}.step-number{display:grid;place-items:center;width:34px;height:34px;margin-bottom:14px;border-radius:50%;background:var(--yellow-pale);color:var(--berry);font-weight:900}.check-list{padding:0;margin:20px 0;list-style:none;display:grid;gap:10px}.check-list li{position:relative;padding-left:27px;color:var(--ink-2)}.check-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--peach);font-weight:900}.process-board{padding:34px;border-radius:var(--radius-large);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.process-nodes{display:flex;flex-wrap:wrap;gap:8px}.process-nodes span{position:relative;padding:11px 15px;border-radius:12px;background:var(--yellow-pale);color:var(--berry-dark);font-weight:800}.process-nodes span:not(:last-child)::after{content:"→";margin-left:12px;color:var(--peach)}.workflow-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.workflow-strip article{padding:16px;border-radius:15px;background:#fff;border:1px solid var(--line)}.workflow-strip article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--peach-pale);color:var(--berry);font-weight:900;margin-bottom:9px}.workflow-strip p{font-size:.88rem;margin:0}.tip-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.tip-grid a{padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px;font-weight:700}.tip-grid a span{display:block;color:var(--peach);font-size:.76rem;margin-bottom:5px}.sound-grid{align-items:center}.meter-panel{padding:26px;border-radius:18px;background:rgba(255,255,255,.1);display:grid;gap:16px}.meter-panel>div{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:10px}.meter-panel b{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--yellow-soft) var(--meter),rgba(255,255,255,.12) var(--meter))}.meter-panel p{font-size:.8rem;margin:0}.feature-table{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;background:#fff}.feature-table>div{padding:22px;border-right:1px solid var(--line)}.feature-table>div:last-child{border-right:0}.feature-table strong,.feature-table span{display:block}.feature-table span{margin-top:5px;color:var(--ink-2);font-size:.88rem}.note-box{padding:16px 18px;border-left:4px solid var(--yellow);background:#fff;border-radius:0 12px 12px 0}.live-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.live-main{overflow:hidden;border-radius:var(--radius-card);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.live-main img{width:100%;aspect-ratio:16/9;object-fit:cover}.live-main>div{padding:20px}.live-side{display:grid;gap:12px}.live-side article{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.horizontal-story{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:var(--radius-large);background:#fff}.story-arrow{font-size:1.2rem;font-weight:900;color:var(--berry)}.story-arrow span{color:var(--peach);margin:0 8px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case-card{overflow:hidden;border-radius:var(--radius-card);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.case-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.case-card>div{padding:18px}.workflow-selector{display:flex;flex-wrap:wrap;gap:10px}.workflow-pill{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800}.challenge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mini-dl{display:grid;gap:6px;margin:15px 0}.mini-dl div{display:flex;justify-content:space-between;gap:15px;border-top:1px dashed var(--line);padding-top:6px}.mini-dl dt{color:var(--ink-3);font-size:.8rem}.mini-dl dd{margin:0;font-size:.82rem;font-weight:800}.avoid-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.license-board{display:grid;gap:9px}.license-board>div{display:flex;justify-content:space-between;gap:20px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;font-weight:800}.license-board span{color:var(--ink-2);font-weight:500}.creator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.creator-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card)}.creator-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.creator-card>div{padding:16px}.quote-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quote-grid blockquote{margin:0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px}.quote-grid footer{color:var(--ink-3);font-size:.84rem}.discussion-list{display:grid;gap:12px}.discussion-card{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card)}.avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--peach-pale),var(--yellow-pale));color:var(--berry);font-weight:900}.discussion-top{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:.82rem}.discussion-top span{padding:3px 7px;border-radius:999px;background:var(--pink-mist);color:var(--berry)}.discussion-top time{color:var(--ink-3)}.discussion-actions{display:flex;gap:15px;color:var(--ink-3);font-size:.82rem}.like-button{border:0;background:transparent;padding:0;color:var(--peach);cursor:pointer}.like-button.is-liked{color:var(--berry);font-weight:900}.editor-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.app-section{background:linear-gradient(135deg,var(--vanilla),var(--pink-mist))}.device-stage{position:relative;min-height:430px;display:grid;place-items:center}.app-shot{width:82%;border-radius:24px;box-shadow:var(--shadow-hover)}.phone-shot{position:absolute;right:0;bottom:-20px;width:36%;max-height:380px;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(66,24,39,.18))}.about-strip{padding:32px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-large)}.faq-list{display:grid;gap:11px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.faq-item summary{display:flex;justify-content:space-between;gap:20px;padding:18px 20px;font-weight:800;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item>div{padding:0 20px 18px}.faq-item p{margin:0}.final-cta{background:linear-gradient(135deg,#FFF9E9 0%,#FFF3F6 34%,#FDE6EE 70%,#FAD0DD 100%)}.final-cta-inner{display:flex;justify-content:space-between;gap:50px;align-items:center}.final-cta-inner>div:first-child{max-width:760px}.page-search{display:flex;gap:10px;margin-top:26px}.page-search input{flex:1;min-width:0;padding:13px 15px;border:1px solid var(--line-strong);border-radius:14px;outline:0}.page-search input:focus{box-shadow:0 0 0 4px rgba(242,202,114,.24)}.filter-panel{display:grid;gap:12px}.filter-panel>div{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-panel strong{min-width:54px}.filter-panel a{padding:7px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.87rem}.search-results{display:grid;gap:12px}.search-results article{padding:19px;background:#fff;border:1px solid var(--line);border-radius:15px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-card{overflow:hidden;border-radius:var(--radius-card);background:#fff;border:1px solid var(--line)}.topic-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.topic-card>div{padding:17px}.timeline{display:grid}.timeline article{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.timeline time{font-weight:900;color:var(--berry)}.case-facts{display:grid;gap:10px}.case-facts div{padding:12px 0;border-bottom:1px solid var(--line)}.case-facts dt{font-size:.78rem;color:var(--ink-3);font-weight:800}.case-facts dd{margin:4px 0 0;color:var(--ink-2)}.error-hero{min-height:55vh;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,var(--vanilla),var(--pink-mist))}.error-hero .button-row{justify-content:center}
.site-footer{padding:58px 0 24px;background:linear-gradient(135deg,#67243F,#421827);color:#fff;border-top:1px solid rgba(250,233,179,.24)}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(4,1fr);gap:34px}.footer-grid h2{font-size:1rem;color:#fff}.footer-grid a{display:block;margin:7px 0;color:rgba(255,255,255,.72);font-size:.9rem}.footer-grid a:hover{color:#FAE9B3}.footer-brand p{color:rgba(255,255,255,.72);max-width:420px}.brand-invert{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:38px;padding-top:20px;border-top:1px solid rgba(250,233,179,.16);color:rgba(255,255,255,.58);font-size:.84rem}.mobile-bottom-nav{display:none}.back-top{position:fixed;right:22px;bottom:22px;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s ease;z-index:450}.back-top.is-visible{opacity:1;pointer-events:auto;transform:none}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.js .reveal.is-visible{opacity:1;transform:none}
@media (max-width:1200px){.desktop-nav a{padding:0 7px;font-size:.88rem}.header-link{display:none}.hero-grid,.page-hero-grid{gap:36px}.step-list{grid-template-columns:repeat(4,1fr)}.workflow-strip{grid-template-columns:repeat(3,1fr)}.tip-grid{grid-template-columns:repeat(4,1fr)}.footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}.footer-grid>div:nth-child(n+4){margin-top:10px}}
@media (max-width:1024px){.desktop-nav{display:none}.menu-trigger{display:none}.mobile-menu-button{display:block}.header-actions{margin-left:auto}.featured-layout,.media-feature-grid,.app-grid,.about-strip{grid-template-columns:1fr}.featured-side{grid-template-columns:repeat(2,1fr)}.tutorial-grid,.card-grid,.topic-grid{grid-template-columns:repeat(2,1fr)}.creator-grid,.quote-grid,.editor-picks,.challenge-grid,.avoid-grid{grid-template-columns:repeat(2,1fr)}.step-list{grid-template-columns:repeat(3,1fr)}.tip-grid{grid-template-columns:repeat(3,1fr)}.case-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.section{padding:62px 0}.home-hero{min-height:auto}.hero-grid,.page-hero-grid,.split-grid,.two-column-feature,.topic-feature,.image-text-grid,.process-board,.live-layout,.horizontal-story{grid-template-columns:1fr}.hero-copy{padding-top:12px}.hero-visual{max-width:720px}.hero-floating-a{left:12px}.hero-floating-b{right:12px}.image-text-grid.reverse>div,.image-text-grid.reverse>img{order:initial}.feature-table{grid-template-columns:repeat(2,1fr)}.feature-table>div:nth-child(2){border-right:0}.feature-table>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.story-triptych{grid-template-columns:1fr}.final-cta-inner{display:grid;gap:20px}.section-head{align-items:flex-start;flex-direction:column;gap:10px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}.device-stage{min-height:360px}.app-shot{width:70%}.phone-shot{right:12%;width:28%}}
@media (max-width:768px){.wrap{width:min(calc(100% - 28px),var(--wrap))}.fresh-track a:nth-child(n+2){display:none}.header-inner{height:64px}.brand span{font-size:.95rem}.site-main{padding-bottom:58px}.home-hero,.page-hero{padding:58px 0}.hero-grid,.page-hero-grid{grid-template-columns:1fr}.hero-visual>img,.page-hero-grid>img{aspect-ratio:16/10}.hero-floating{position:static;margin-top:8px}.hero-search,.page-search,.search-field{flex-direction:column}.featured-side,.tutorial-grid,.card-grid,.topic-grid,.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-card-small .card-body p{display:block}.rail-shell{grid-template-columns:1fr}.rail-arrow{display:none}.content-rail{grid-auto-columns:72%}.step-list{grid-template-columns:repeat(2,1fr)}.workflow-strip{grid-template-columns:repeat(2,1fr)}.tip-grid{grid-template-columns:repeat(2,1fr)}.mega-grid{grid-template-columns:repeat(2,1fr)}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:480;display:grid;grid-template-columns:repeat(5,1fr);padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.mobile-bottom-nav a{text-align:center;padding:7px 3px;font-size:.78rem;color:var(--ink-2);font-weight:700}.back-top{bottom:76px}.footer-bottom{flex-direction:column}.search-modal{padding-top:9vh}.search-dialog{padding:28px 20px}.timeline article{grid-template-columns:70px 1fr}}
@media (max-width:600px){h1{font-size:2.35rem}.section{padding:52px 0}.featured-side,.tutorial-grid,.card-grid,.topic-grid,.case-grid,.creator-grid,.quote-grid,.editor-picks,.challenge-grid,.avoid-grid{grid-template-columns:1fr}.step-list{grid-template-columns:1fr}.workflow-strip{grid-template-columns:1fr 1fr}.tip-grid{grid-template-columns:1fr 1fr}.feature-table{grid-template-columns:1fr}.feature-table>div{border-right:0!important;border-bottom:1px solid var(--line)}.feature-table>div:last-child{border-bottom:0}.media-feature-cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.content-rail{grid-auto-columns:84%}.discussion-card{grid-template-columns:1fr}.avatar{width:38px;height:38px}.fresh-inner{gap:10px}.fresh-inner strong{font-size:.78rem}.fresh-track{font-size:.78rem}.header-actions{gap:2px}.icon-button{font-size:.82rem}.mobile-drawer{grid-template-columns:1fr}.search-dialog h2{font-size:1.6rem}.page-search .button,.search-field .button{width:100%}.license-board>div{display:grid;gap:3px}.device-stage{min-height:280px}.app-shot{width:86%}.phone-shot{right:2%;width:34%}}