:root{--ink:#171719;--coal:#232426;--asphalt:#303033;--rust:#8f3f2c;--brick:#a95537;--wood:#8a613b;--steel:#777d80;--cement:#c4b69b;--paper:#f0e2bd;--glow:#f0c67d;--line:rgba(240,226,189,.18);--shadow:0 26px 80px rgba(0,0,0,.45)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% 0,rgba(169,85,55,.18),transparent 32rem),linear-gradient(135deg,#18191b 0%,#272522 48%,#191a1b 100%);color:#eadbb8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.72;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.17;background-image:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;mix-blend-mode:overlay;z-index:-1}a{color:#f2c47a;text-decoration:none}a:hover{color:#fff2cf}img{max-width:100%;height:auto;display:block}.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:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(18px,4vw,58px);background:rgba(21,22,23,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);box-shadow:0 12px 50px rgba(0,0,0,.35)}.logo{display:flex;align-items:center;gap:12px;min-width:max-content}.logo-mark{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;font-weight:900;letter-spacing:-1px;color:#1b1510;background:linear-gradient(135deg,#f2c47a,#ad5c38 62%,#4b4f50);border:3px solid #2e2c29;box-shadow:inset 0 0 0 2px rgba(255,255,255,.15),0 0 28px rgba(169,85,55,.35)}.logo-text{font-weight:800;color:#f5ddb0;letter-spacing:.04em}.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.nav-link{padding:10px 12px;border-radius:999px;color:#d7c49d;font-size:15px;border:1px solid transparent}.nav-link:hover,.nav-link.is-active{border-color:rgba(240,198,125,.35);background:rgba(143,63,44,.26);color:#fff2cf}.search-strip{padding:16px clamp(18px,4vw,58px);background:linear-gradient(90deg,rgba(143,63,44,.25),rgba(48,48,51,.45));border-bottom:1px solid var(--line)}.fake-search{max-width:1040px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:10px}.fake-search input{width:100%;border:1px solid rgba(240,226,189,.22);border-radius:14px;background:rgba(11,12,12,.64);color:#f3e3bf;padding:14px 16px;font-size:16px;outline:none}.fake-search input:focus{border-color:rgba(240,198,125,.85);box-shadow:0 0 0 4px rgba(240,198,125,.13)}.fake-search button,.btn{border:0;border-radius:14px;padding:14px 18px;font-weight:800;cursor:pointer}.fake-search button,.btn.primary{color:#1b1510;background:linear-gradient(135deg,#f0c67d,#b35a37);box-shadow:0 14px 35px rgba(143,63,44,.32)}.btn.secondary{color:#eadbb8;background:rgba(48,48,51,.76);border:1px solid var(--line)}.fake-search-notice{grid-column:1/-1;margin:0;color:#cdbb94;font-size:14px}.hero{position:relative;min-height:72vh;display:grid;align-items:center;isolation:isolate;overflow:hidden}.hero picture,.hero>img{position:absolute;inset:0;z-index:-2}.hero picture img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.08)}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(15,15,16,.92) 0%,rgba(21,21,22,.62) 50%,rgba(20,20,20,.34)),radial-gradient(circle at 72% 22%,rgba(240,198,125,.22),transparent 20rem)}.hero-content{max-width:980px;padding:clamp(56px,8vw,112px) clamp(18px,5vw,76px)}.eyebrow{margin:0 0 12px;color:#f0c67d;text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:900}.hero h1,.page-hero h1{font-size:clamp(38px,6vw,86px);line-height:1.05;margin:0 0 22px;color:#fff2cf;letter-spacing:-.06em;text-shadow:0 10px 35px rgba(0,0,0,.45)}.hero p{max-width:760px;font-size:clamp(17px,2vw,22px);color:#e1cfa5}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0}.domain-line{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid rgba(240,198,125,.25);border-radius:999px;background:rgba(0,0,0,.34);font-size:14px}.section{padding:clamp(56px,7vw,108px) clamp(18px,5vw,76px);max-width:1500px;margin:auto}.section-heading{max-width:900px;margin-bottom:30px}.section h2{font-size:clamp(28px,4vw,52px);line-height:1.12;margin:0 0 18px;color:#fff1ce;letter-spacing:-.04em}.section-heading p{color:#ddcba3}.intro-panel,.rust-panel,.contact-panel{border:1px solid var(--line);background:linear-gradient(135deg,rgba(42,42,43,.78),rgba(103,49,35,.34));box-shadow:var(--shadow);border-radius:34px;margin-top:42px}.stat-grid,.tool-grid,.creator-grid,.testimonial-grid,.contact-grid,.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.stat-grid article,.tool-grid article,.contact-grid article{padding:24px;border:1px solid var(--line);border-radius:24px;background:rgba(16,16,16,.44)}.stat-grid strong{display:block;font-size:34px;color:#f0c67d}.stat-grid span{color:#d5c29c}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-card{position:relative;border:1px solid rgba(240,226,189,.18);background:linear-gradient(160deg,rgba(36,36,37,.95),rgba(92,42,31,.38));border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.video-shell{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}.video-shell video{width:100%;height:100%;object-fit:cover;background:#111}.video-shell:before{content:"";position:absolute;inset:-40%;opacity:0;transform:translateX(-50%) rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,244,202,.36),transparent);transition:.55s ease;z-index:2}.video-card:hover .video-shell:before,.video-shell:focus:before{opacity:1;transform:translateX(45%) rotate(18deg)}.rust-noise{position:absolute;inset:0;z-index:3;opacity:0;background-image:radial-gradient(circle,rgba(240,198,125,.4) 1px,transparent 1px);background-size:12px 12px}.video-card:hover .rust-noise{opacity:.25;animation:rustShake .24s steps(2,end) infinite}.play-button{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%) scale(.85);display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:rgba(10,10,10,.72);border:2px solid rgba(240,198,125,.68);color:#f0c67d;font-size:24px;opacity:.18;transition:.25s ease}.video-card:hover .play-button,.video-shell:focus .play-button{opacity:1;transform:translate(-50%,-50%) scale(1)}@keyframes rustShake{0%{transform:translate(0)}50%{transform:translate(1px,-1px)}100%{transform:translate(-1px,1px)}}.card-body{padding:22px}.card-body h3,.story-card h3,.creator-card h3,.tool-grid h3,.contact-grid h3{margin:0 0 10px;color:#ffe5ad;line-height:1.25}.metrics,.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.metrics span,.tag-row span{font-size:13px;color:#dbc59a;border:1px solid rgba(240,226,189,.18);background:rgba(0,0,0,.25);border-radius:999px;padding:5px 9px}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.story-card,.creator-card{border:1px solid var(--line);background:rgba(18,18,18,.52);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.story-card img,.creator-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.story-card>div,.creator-card{padding:20px}.story-card.compact{display:grid;grid-template-columns:220px 1fr}.story-card.compact img{height:100%;aspect-ratio:auto;object-fit:cover}.image-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.image-wall figure{margin:0;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:rgba(0,0,0,.32)}.image-wall img{aspect-ratio:16/10;object-fit:cover;width:100%}.image-wall figcaption{padding:12px 14px;color:#d8c59d;font-size:14px}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-card .role{color:#f0c67d;font-weight:800}.testimonial-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.testimonial-grid blockquote{margin:0;padding:22px;border:1px solid var(--line);border-radius:24px;background:rgba(12,12,12,.42)}.testimonial-grid p{margin-top:0}.testimonial-grid cite{color:#f0c67d;font-style:normal;font-weight:800}.partner-wall{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.partner-wall span{padding:14px 16px;border:1px solid rgba(240,198,125,.25);border-radius:16px;background:linear-gradient(135deg,rgba(55,55,56,.72),rgba(143,63,44,.38));font-weight:900}.faq-list details{border:1px solid var(--line);border-radius:18px;margin-bottom:10px;background:rgba(10,10,10,.36);padding:16px}.faq-list summary{cursor:pointer;color:#ffe5ad;font-weight:900}.page-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:clamp(48px,8vw,104px) clamp(18px,5vw,76px);max-width:1500px;margin:auto}.page-hero img{border-radius:34px;box-shadow:var(--shadow);border:1px solid var(--line)}.site-footer{margin-top:64px;padding:42px clamp(18px,5vw,76px);background:#131313;border-top:1px solid var(--line)}.footer-logo{display:flex;align-items:center;gap:14px;margin-bottom:28px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px}.footer-grid h2{font-size:20px;color:#ffe5ad}.qr-row{display:flex;gap:12px}.qr-row figure{margin:0}.qr-row img{width:108px;border-radius:14px;border:1px solid var(--line)}.copyright{border-top:1px solid var(--line);padding-top:18px;color:#c9b890}@media (max-width:1100px){.video-grid,.stat-grid,.tool-grid,.testimonial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.page-hero{grid-template-columns:1fr}.image-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header{align-items:flex-start;flex-direction:column}.site-nav{justify-content:flex-start}}@media (max-width:680px){.fake-search{grid-template-columns:1fr}.hero{min-height:74vh}.video-grid,.story-grid,.stat-grid,.tool-grid,.creator-grid,.testimonial-grid,.contact-grid,.image-wall,.footer-grid{grid-template-columns:1fr}.story-card.compact{grid-template-columns:1fr}.story-card.compact img{height:auto;aspect-ratio:16/9}.hero h1,.page-hero h1{font-size:36px}.section{padding-block:48px}.site-nav{overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:4px}.nav-link{white-space:nowrap}.qr-row{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
