:root{
  --primary:#E9573F;--primary-2:#F2764F;--primary-light:#F8B39E;--primary-soft:#FFF0E9;
  --purple:#805A78;--purple-soft:#F4EDF2;--navy:#24201F;--navy-2:#191615;--navy-3:#100E0D;
  --bg:#F7F3EC;--bg-2:#EEE8DE;--bg-3:#FCFAF6;--surface:#FFFFFF;--surface-dark:#292321;--surface-dark-2:#39302C;
  --text:#241F1D;--text-2:#675E59;--text-3:#9A8F87;--line:rgba(70,52,45,.10);--line-strong:rgba(233,87,63,.26);
  --shadow:0 6px 24px rgba(63,42,34,.08);--shadow-hover:0 16px 38px rgba(63,42,34,.15);
  --radius:10px;--radius-card:14px;--radius-large:20px;--wrap:1320px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.68;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(var(--wrap),calc(100% - 40px));margin-inline:auto}.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}
:focus-visible{outline:3px solid rgba(233,87,63,.42);outline-offset:3px}.daily-brief{min-height:29px;background:var(--navy);color:rgba(255,255,255,.82);font-size:13px}.brief-inner{display:flex;gap:20px;align-items:center;min-height:29px}.brief-inner strong,.brief-inner a{color:var(--primary-light)}.brief-inner span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-header{position:sticky;top:0;z-index:50;height:68px;background:rgba(247,243,236,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px);transition:.2s}.site-header.scrolled{background:rgba(255,252,247,.97);box-shadow:var(--shadow)}.header-inner{height:68px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:23px;letter-spacing:-.04em}.brand img{width:34px;height:34px;object-fit:contain}.primary-nav{display:flex;align-items:stretch;gap:18px;flex:1;height:100%}.primary-nav a{position:relative;display:grid;place-items:center;color:var(--text-2);font-size:14px;white-space:nowrap}.primary-nav a.active,.primary-nav a:hover{color:var(--primary)}.primary-nav a.active:after{content:"";position:absolute;left:50%;bottom:8px;width:22px;height:2px;background:var(--primary);transform:translateX(-50%)}.header-tools{display:flex;align-items:center;gap:10px}.icon-btn,.header-link{border:1px solid var(--line);background:rgba(255,255,255,.7);border-radius:999px;padding:8px 12px;color:var(--text-2);font-size:13px}.icon-btn:hover,.header-link:hover{border-color:var(--line-strong);color:var(--primary)}
.site-drawer[hidden]{display:none!important}.site-drawer{position:fixed;z-index:70;inset:0;background:rgba(16,14,13,.48);display:flex;justify-content:flex-end}.drawer-panel{width:min(430px,92vw);height:100%;background:var(--bg-3);padding:24px;overflow:auto}.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:16px}.drawer-head button{border:0;background:var(--primary-soft);color:var(--primary);border-radius:999px;padding:8px 12px}.drawer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:20px}.drawer-links a{padding:13px 14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.drawer-links a:hover{border-color:var(--line-strong);color:var(--primary)}
.search-modal{display:none;position:fixed;z-index:90;inset:0;background:rgba(16,14,13,.66);align-items:flex-start;justify-content:center;padding:11vh 20px 40px}.search-modal.is-open{display:flex}.search-modal[hidden]{display:none !important}body.search-open{overflow:hidden}.search-dialog{width:min(760px,100%);background:var(--bg-3);border-radius:var(--radius-large);padding:28px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.search-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.search-dialog h2{margin:.15em 0 .7em;font-size:clamp(26px,4vw,40px);line-height:1.15}.search-dialog-head button{border:0;background:var(--bg-2);border-radius:999px;padding:8px 12px}.search-form{display:flex;gap:10px}.search-form input{flex:1;min-width:0;border:1px solid var(--line);background:#fff;border-radius:14px;padding:15px 16px;color:var(--text)}.hot-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.hot-tags a,.tag{display:inline-flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;color:var(--text-2);font-size:13px}.hot-tags a:hover,.tag:hover,.tag.active{color:var(--primary);border-color:var(--line-strong);background:var(--primary-soft)}
main{min-height:65vh}.section{padding:76px 0}.section.compact{padding:48px 0}.section.alt{background:var(--bg-2)}.section.white{background:var(--bg-3)}.section.dark{background:var(--surface-dark);color:#fff}.section.purple{background:var(--purple-soft)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.75fr);align-items:end;gap:28px;margin-bottom:28px}.section-head .eyebrow{grid-column:1/-1}.section-head h2{margin:0;font-size:clamp(28px,4vw,48px);line-height:1.05;letter-spacing:-.04em}.section-intro{margin:0;color:var(--text-2);max-width:700px}.dark .section-intro{color:rgba(255,255,255,.68)}.eyebrow{margin:0 0 8px;color:var(--primary);font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.lead{font-size:18px;color:var(--text-2);max-width:760px}.dark .lead{color:rgba(255,255,255,.72)}
.hero{padding:50px 0 66px;background:linear-gradient(135deg,#F7F3EC 0%,#FFF0E9 58%,#EEE8DE 100%)}.hero-grid{display:grid;grid-template-columns:4fr 5fr 3fr;gap:28px;align-items:center}.hero-copy h1{font-size:clamp(42px,5.8vw,84px);line-height:.96;letter-spacing:-.055em;margin:.15em 0 .3em;max-width:650px}.today-chip{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line-strong);border-radius:999px;background:rgba(255,255,255,.62);padding:7px 11px;color:var(--primary);font-size:13px}.hero-media{position:relative;margin:0}.hero-media img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:26px;box-shadow:var(--shadow-hover)}.hero-media:after{content:"TODAY / 17c";position:absolute;right:-12px;bottom:26px;background:var(--navy);color:#fff;padding:10px 13px;border-radius:8px;font-size:12px;letter-spacing:.12em}.hero-focus{display:grid;gap:14px}.focus-note{border-top:1px solid var(--line);padding-top:14px}.focus-note:first-child{border-top:3px solid var(--primary)}.focus-note strong{display:block;font-size:16px;margin-bottom:5px}.focus-note p{margin:0;color:var(--text-2);font-size:14px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.btn{display:inline-flex;justify-content:center;align-items:center;border-radius:999px;padding:11px 16px;border:1px solid var(--line);font-weight:750;font-size:14px}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-2)}.btn.ghost{background:rgba(255,255,255,.55)}.btn.dark{background:var(--navy);color:#fff;border-color:var(--navy)}
.hero-search{margin-top:26px;display:flex;gap:8px;max-width:620px}.hero-search input{flex:1;min-width:0;border:1px solid var(--line);background:#fff;border-radius:999px;padding:12px 16px}.page-hero{padding:62px 0;background:linear-gradient(135deg,var(--bg),var(--primary-soft),var(--bg-2))}.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:46px;align-items:center}.page-hero h1{font-size:clamp(42px,6vw,74px);line-height:1;letter-spacing:-.05em;margin:.12em 0 .28em}.page-hero-media{margin:0}.page-hero-media img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-large);box-shadow:var(--shadow)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card-grid.four{grid-template-columns:repeat(4,1fr)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:22px;box-shadow:var(--shadow);transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.card h3{margin:0 0 8px;font-size:20px;line-height:1.25}.card p{margin:0;color:var(--text-2)}.text-link{display:inline-flex;margin-top:12px;color:var(--primary);font-weight:750;font-size:14px}.dark .card{background:var(--surface-dark-2);border-color:rgba(255,255,255,.1)}.dark .card p{color:rgba(255,255,255,.68)}
.focus-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;grid-template-rows:auto auto;gap:16px}.focus-feature{grid-row:span 2;position:relative;min-height:440px;overflow:hidden;border-radius:var(--radius-large);background:var(--navy);color:#fff}.focus-feature img{width:100%;height:100%;object-fit:cover;opacity:.68}.focus-feature .overlay{position:absolute;inset:auto 0 0;padding:26px;background:linear-gradient(transparent,rgba(16,14,13,.88))}.focus-feature h3{font-size:32px;margin:0 0 8px}.mini-story{background:#fff;border-radius:var(--radius-card);padding:20px;border:1px solid var(--line)}.mini-story h3{margin:6px 0 8px}.mini-story p{margin:0;color:var(--text-2)}
.h-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,34%);gap:16px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x proximity}.h-scroll>*{scroll-snap-align:start}.media-card{position:relative;min-height:280px;border-radius:var(--radius-card);overflow:hidden;background:var(--navy);color:#fff}.media-card img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.64}.media-card .media-copy{position:absolute;inset:auto 0 0;padding:20px;background:linear-gradient(transparent,rgba(16,14,13,.9))}.media-card h3{margin:0 0 6px;font-size:23px}.media-card p{margin:0;color:rgba(255,255,255,.75)}
.dual-rank{display:grid;grid-template-columns:1fr 1fr;gap:24px}.rank-panel{background:#fff;border-radius:var(--radius-large);padding:24px;border:1px solid var(--line)}.rank-panel ol{list-style:none;padding:0;margin:0}.rank-panel li{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:13px 0;border-top:1px solid var(--line)}.rank-panel li:first-child{border-top:0}.rank-panel b{color:var(--primary)}
.timeline{position:relative;display:grid;gap:0;margin-left:10px}.timeline:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:1px;background:var(--line-strong)}.timeline-item{position:relative;padding:0 0 28px 36px}.timeline-item:before{content:"";position:absolute;left:1px;top:8px;width:13px;height:13px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px var(--primary-soft)}.timeline-item time{color:var(--primary);font-size:12px;font-weight:800}.timeline-item h3{margin:3px 0 5px}.timeline-item p{margin:0;color:var(--text-2)}
.masonry{columns:4 220px;column-gap:16px}.masonry-card{break-inside:avoid;margin-bottom:16px;border-radius:var(--radius-card);overflow:hidden;background:#fff;border:1px solid var(--line)}.masonry-card img{width:100%;aspect-ratio:4/5;object-fit:cover}.masonry-card:nth-child(2n) img{aspect-ratio:4/3}.masonry-card .copy{padding:16px}.masonry-card h3{margin:0 0 6px}.masonry-card p{margin:0;color:var(--text-2);font-size:14px}
.process-line{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.process-node{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:18px;min-height:170px}.process-node:after{content:"→";position:absolute;right:-12px;top:50%;color:var(--primary);font-weight:900}.process-node:nth-child(6n):after,.process-node:last-child:after{display:none}.process-node span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:850}.process-node h3{margin:13px 0 5px}.process-node p{margin:0;color:var(--text-2);font-size:13px}.process-node a{display:inline-block;margin-top:8px;color:var(--primary);font-size:12px}
.tutorial-list{display:grid;gap:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius-large);overflow:hidden}.tutorial-row{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:18px 20px;border-top:1px solid var(--line)}.tutorial-row:first-child{border-top:0}.tutorial-row .rank{font-weight:900;color:var(--primary);font-size:19px}.tutorial-row h3{margin:0 0 4px}.tutorial-row p,.tutorial-row small{margin:0;color:var(--text-2)}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.filter-btn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}
.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.workflow-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:22px}.workflow-card h3{margin:0 0 8px;font-size:22px}.workflow-card p{color:var(--text-2)}.flow-line{padding:12px 14px;background:var(--bg-2);border-radius:var(--radius);color:var(--text-2);font-size:13px}.dark .workflow-card{background:var(--surface-dark-2);border-color:rgba(255,255,255,.1)}.dark .workflow-card p{color:rgba(255,255,255,.7)}.dark .flow-line{background:rgba(255,255,255,.08);color:rgba(255,255,255,.72)}
.content-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-card);padding:22px}.panel h3{margin-top:0}.panel p{color:var(--text-2)}.note{border-left:3px solid var(--primary);padding-left:16px}.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.check:before{content:"✓";color:var(--primary);font-weight:900;margin-right:8px}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quote{margin:0;background:#fff;border-radius:var(--radius-card);padding:22px;border:1px solid var(--line)}.quote strong{display:block;margin-bottom:8px}.quote p{margin:0;color:var(--text-2)}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-large);overflow:hidden}.compare>div{background:#fff;padding:24px}.compare h3{margin-top:0}.compare.good h3{color:var(--primary)}
.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-question{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;background:transparent;border:0;padding:18px 0;color:var(--text);font-weight:800}.faq-answer{display:block;padding:0 0 18px;color:var(--text-2);max-width:900px}.faq-answer p{margin:0}.js .faq-answer{display:none}.js .faq-item.open .faq-answer{display:block}.faq-item.open .faq-question span:last-child{transform:rotate(45deg)}
.image-band{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.image-band figure{margin:0}.image-band img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-large)}.image-band h2{font-size:clamp(32px,4vw,54px);line-height:1.05;margin:.25em 0}.image-band p{color:var(--text-2)}.app-showcase{display:grid;grid-template-columns:1fr .6fr .6fr;gap:20px;align-items:center}.app-showcase img{border-radius:var(--radius-large);box-shadow:var(--shadow)}.app-showcase .phone{max-height:540px;object-fit:contain;margin:auto}
.site-footer{background:linear-gradient(135deg,#292321,#100E0D);color:rgba(255,255,255,.72);border-top:1px solid rgba(233,87,63,.28);padding:58px 0 26px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:34px}.footer-about p{max-width:380px}.footer-brand{color:#fff}.site-footer h2{color:#fff;font-size:15px;margin:0 0 12px}.site-footer nav{display:flex;flex-direction:column;gap:8px}.site-footer nav a:hover{color:var(--primary-light)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.09);margin-top:34px;padding-top:20px;font-size:13px}.mobile-nav{display:none}.backtop{position:fixed;right:22px;bottom:22px;z-index:45;width:42px;height:42px;border:0;border-radius:50%;background:var(--primary);color:#fff;box-shadow:var(--shadow-hover);opacity:0;pointer-events:none;transition:.2s}.backtop.visible{opacity:1;pointer-events:auto}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(16px);transition:.45s ease}.js .reveal.visible{opacity:1;transform:none}.empty-state{background:#fff;border:1px dashed var(--line-strong);border-radius:var(--radius-card);padding:30px;text-align:center;color:var(--text-2)}
@media(max-width:1200px){.primary-nav{gap:12px}.primary-nav a{font-size:13px}.header-tools .header-link{display:none}.hero-grid{grid-template-columns:1fr 1fr}.hero-focus{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.process-line{grid-template-columns:repeat(4,1fr)}.process-node:nth-child(6n):after{display:block}.process-node:nth-child(4n):after{display:none}}
@media(max-width:1024px){.primary-nav{display:none}.header-tools{margin-left:auto}.card-grid,.card-grid.four{grid-template-columns:repeat(2,1fr)}.workflow-grid{grid-template-columns:repeat(2,1fr)}.quote-grid{grid-template-columns:repeat(2,1fr)}.focus-grid{grid-template-columns:1.4fr 1fr}.focus-grid .mini-story:last-child{grid-column:2}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid nav:last-child{grid-column:2/-1}.app-showcase{grid-template-columns:1fr 1fr}.app-showcase .phone{display:none}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-media{max-width:620px}.hero-focus{grid-column:auto;grid-template-columns:1fr}.page-hero-grid,.image-band,.content-grid{grid-template-columns:1fr}.focus-grid{grid-template-columns:1fr 1fr}.focus-feature{grid-column:1/-1;grid-row:auto;min-height:380px}.dual-rank{grid-template-columns:1fr}.process-line{grid-template-columns:repeat(3,1fr)}.process-node:nth-child(4n):after{display:block}.process-node:nth-child(3n):after{display:none}.h-scroll{grid-auto-columns:minmax(270px,56%)}.section-head{grid-template-columns:1fr}.section-head .eyebrow{grid-column:auto}}
@media(max-width:768px){.wrap{width:min(100% - 28px,var(--wrap))}.daily-brief{display:none}.site-header,.header-inner{height:62px}.header-tools .search-open{display:none}.hero{padding-top:34px}.hero-copy h1{font-size:clamp(40px,13vw,62px)}.hero-search{display:none}.section{padding:58px 0}.section.compact{padding:40px 0}.card-grid,.card-grid.four,.workflow-grid,.quote-grid{grid-template-columns:1fr}.focus-grid{grid-template-columns:1fr}.focus-feature,.focus-grid .mini-story:last-child{grid-column:auto}.masonry{columns:2 160px}.process-line{grid-template-columns:1fr}.process-node:after{content:"↓";right:auto;left:50%;top:auto;bottom:-16px}.process-node:nth-child(n):after{display:block}.process-node:last-child:after{display:none}.tutorial-row{grid-template-columns:38px 1fr}.tutorial-row .text-link{grid-column:2}.checklist,.compare{grid-template-columns:1fr}.app-showcase{grid-template-columns:1fr}.app-showcase img:not(:first-child){display:none}.footer-grid{grid-template-columns:1fr 1fr}.footer-about{grid-column:1/-1}.footer-grid nav:last-child{grid-column:auto}.mobile-nav{position:fixed;z-index:55;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(41,35,33,.96);color:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:8px;backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.18)}.mobile-nav a{text-align:center;padding:7px 2px;font-size:12px}.mobile-nav a.active{color:var(--primary-light)}.site-footer{padding-bottom:100px}.backtop{bottom:82px}.h-scroll{grid-auto-columns:84%}.search-modal{padding-top:8vh}.search-dialog{padding:20px}.search-form{flex-direction:column}}
@media(max-width:600px){.header-inner{gap:10px}.brand span{font-size:21px}.hero-actions .btn{width:100%}.hero-media:after{right:10px}.masonry{columns:1}.footer-grid{grid-template-columns:1fr}.footer-about{grid-column:auto}.footer-grid nav:last-child{grid-column:auto}.footer-bottom{flex-direction:column}.drawer-links{grid-template-columns:1fr}.focus-feature{min-height:330px}.page-hero{padding:44px 0}.page-hero h1{font-size:clamp(38px,12vw,58px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.js .reveal{opacity:1;transform:none}}