:root{
  --cream:#f3e7cf;--paper:#ead8b4;--brown:#5b3628;--deep:#2f211d;--coffee:#7a4935;--orange:#c47646;--red:#8f3e36;--gray:#b6aca0;--line:rgba(91,54,40,.22);--shadow:0 22px 60px rgba(47,33,29,.18);--radius:28px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,rgba(196,118,70,.22),transparent 36%),linear-gradient(135deg,var(--cream),#e0c49a 55%,#b7835b);color:var(--deep);font-family:"Noto Serif SC","Songti SC",Georgia,serif;line-height:1.75;letter-spacing:.01em;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(47,33,29,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07),rgba(0,0,0,.03));background-size:4px 4px,100% 100%;mix-blend-mode:multiply;opacity:.36;z-index:2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{position:sticky;top:0;z-index:10;background:rgba(243,231,207,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 10px 40px rgba(91,54,40,.08)}.topbar{max-width:1220px;margin:auto;padding:16px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logo{display:inline-flex;align-items:center;gap:12px;font-weight:800;color:var(--brown)}.logo-mark{width:58px;height:58px;border:2px solid var(--brown);border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#f7e9ca,#b76f45);box-shadow:inset 0 0 0 6px rgba(255,255,255,.22),0 9px 25px rgba(91,54,40,.25);font-size:24px}.logo-text{font-size:18px;letter-spacing:.08em}.main-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.main-nav a{font-size:15px;padding:9px 12px;border-radius:999px;color:var(--coffee);transition:.25s ease}.main-nav a:hover,.main-nav a.is-active{background:rgba(143,62,54,.14);color:var(--red);box-shadow:inset 0 0 0 1px rgba(143,62,54,.18)}.nav-toggle{display:none;border:0;background:var(--brown);color:var(--cream);border-radius:12px;padding:9px 12px;font-size:22px}.search-shell{max-width:1220px;margin:0 auto 18px;padding:0 22px}.fake-search{display:flex;gap:10px;background:rgba(255,250,237,.68);border:1px solid var(--line);padding:10px;border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.44)}.fake-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:10px 14px;color:var(--brown);font-size:15px}.fake-search button,.btn{border:0;border-radius:999px;padding:11px 20px;background:linear-gradient(135deg,var(--red),var(--orange));color:#fff5df;font-weight:700;cursor:pointer;box-shadow:0 10px 25px rgba(143,62,54,.24);transition:transform .25s ease,box-shadow .25s ease}.fake-search button:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 18px 35px rgba(143,62,54,.3)}.btn.secondary{background:rgba(91,54,40,.13);color:var(--brown);box-shadow:inset 0 0 0 1px var(--line)}.search-note{margin:8px 12px 0;color:#765747;font-size:13px}.hero{min-height:calc(100vh - 146px);display:grid;align-items:center;position:relative;overflow:hidden}.hero-inner{max-width:1220px;margin:auto;padding:68px 22px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:46px;align-items:center}.hero-copy{position:relative;z-index:1}.eyebrow,.section-title p{font-size:13px;color:var(--red);text-transform:uppercase;letter-spacing:.22em;font-weight:800;margin:0 0 12px}.hero h1{font-size:clamp(42px,7vw,86px);line-height:1.06;margin:0 0 18px;color:var(--brown);text-shadow:0 4px 0 rgba(255,255,255,.24)}.hero-sub{font-size:clamp(18px,2.5vw,25px);color:#6a4b3a;max-width:780px;margin:0 0 22px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.domain-card{display:inline-flex;gap:8px;align-items:center;background:rgba(255,248,226,.6);border:1px solid var(--line);padding:10px 14px;border-radius:16px;color:#654838}.hero-frame{position:relative;border-radius:38px;padding:16px;background:#3b2922;box-shadow:var(--shadow);transform:rotate(1.5deg)}.hero-frame img{border-radius:24px;aspect-ratio:16/10;object-fit:cover;filter:sepia(.22) contrast(1.06)}.hero-frame:before,.hero-frame:after{content:"";position:absolute;inset:16px;border-radius:24px;pointer-events:none}.hero-frame:before{box-shadow:inset 0 0 90px rgba(47,33,29,.72)}.hero-frame:after{background:radial-gradient(circle at 25% 20%,rgba(255,221,157,.28),transparent 28%),linear-gradient(115deg,transparent,rgba(255,255,255,.12),transparent);mix-blend-mode:screen}.page-hero{padding:74px 22px 42px;max-width:1220px;margin:auto}.page-hero h1{font-size:clamp(36px,5vw,66px);line-height:1.1;margin:0 0 14px;color:var(--brown)}.page-hero p{max-width:860px;font-size:19px;color:#6c4b38}.breadcrumb{font-size:14px;color:#7c5a45;margin-bottom:14px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.section{padding:68px 22px}.section.alt{background:rgba(255,250,236,.28);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.container{max-width:1220px;margin:auto}.section-title{max-width:820px;margin:0 0 28px}.section-title h2{font-size:clamp(30px,4vw,52px);line-height:1.12;color:var(--brown);margin:0 0 10px}.section-title span{font-size:17px;color:#765747}.grid{display:grid;gap:22px}.grid.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.story-card,.creator-card,.review-card,.faq-item,.contact-card{background:rgba(255,248,226,.62);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 16px 35px rgba(91,54,40,.1);position:relative;overflow:hidden}.card:before,.story-card:before,.creator-card:before,.review-card:before,.faq-item:before,.contact-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.22),transparent 45%,rgba(91,54,40,.08));pointer-events:none}.video-card{background:#f8ecd4;border:1px solid rgba(91,54,40,.28);border-radius:30px;overflow:hidden;box-shadow:0 18px 42px rgba(91,54,40,.16);position:relative;transition:transform .28s ease,box-shadow .28s ease}.video-card:hover{transform:translateY(-7px) rotate(-.4deg);box-shadow:0 26px 64px rgba(91,54,40,.25)}.poster-wrap{position:relative;background:#2f211d;overflow:hidden;aspect-ratio:4/3}.poster-wrap img,.mock-video{width:100%;height:100%;object-fit:cover;filter:sepia(.22) saturate(.88) contrast(1.08)}.mock-video{position:absolute;inset:0;opacity:0}.grain-layer{position:absolute;inset:0;background-image:radial-gradient(rgba(255,250,232,.42) 1px,transparent 1px),radial-gradient(rgba(47,33,29,.28) 1px,transparent 1px);background-size:3px 3px,5px 5px;opacity:.28;mix-blend-mode:overlay;transition:.25s}.poster-wrap:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(47,33,29,.74);z-index:1;pointer-events:none}.poster-wrap:after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(255,222,158,.36),transparent 36%);transform:translate(-35%,-25%);transition:.35s;z-index:1;pointer-events:none}.video-card:hover .grain-layer{animation:filmshake .42s steps(2,end) infinite;opacity:.58}.video-card:hover .poster-wrap:after{transform:translate(8%,2%)}@keyframes filmshake{0%{transform:translate(0,0)}25%{transform:translate(1px,-1px)}50%{transform:translate(-1px,1px)}75%{transform:translate(2px,1px)}100%{transform:translate(0,0)}}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.86);width:62px;height:62px;border-radius:50%;border:2px solid rgba(255,244,216,.9);background:rgba(143,62,54,.78);color:#fff2d4;font-size:24px;display:grid;place-items:center;opacity:0;z-index:3;transition:.25s;cursor:pointer}.video-card:hover .play-button{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-badge{position:absolute;left:15px;top:15px;z-index:3;background:rgba(47,33,29,.78);color:#fff0d2;border-radius:999px;padding:6px 11px;font-size:12px}.video-body{padding:20px}.video-body h3,.card h3,.story-card h3,.creator-card h3{margin:0 0 9px;color:var(--brown);font-size:21px;line-height:1.35}.video-body p,.card p,.story-card p,.creator-card p,.review-card p,.faq-item p,.contact-card p{margin:0 0 13px;color:#654838}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.tags span{font-size:12px;color:#754a36;background:rgba(196,118,70,.16);border:1px solid rgba(196,118,70,.22);padding:4px 9px;border-radius:999px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 0}.stats div{background:rgba(91,54,40,.08);border-radius:14px;padding:8px;text-align:center}.stats dt{font-size:11px;color:#8a6957}.stats dd{margin:2px 0 0;color:var(--brown);font-weight:800;font-size:13px}.photo-wall{columns:4 220px;column-gap:18px}.photo-item{break-inside:avoid;margin:0 0 18px;border-radius:26px;overflow:hidden;background:#f9edda;border:1px solid var(--line);box-shadow:0 14px 34px rgba(91,54,40,.12)}.photo-item img{aspect-ratio:4/3;object-fit:cover;filter:sepia(.18)}.photo-item div{padding:16px}.photo-item h3{margin:0 0 6px;color:var(--brown)}.ai-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.ai-panel img{border-radius:30px;border:10px solid #3c2922;box-shadow:var(--shadow);filter:sepia(.16)}.feature-list{display:grid;gap:12px}.feature-list li{list-style:none;background:rgba(255,249,234,.65);border:1px solid var(--line);border-radius:18px;padding:14px}.creator-card img{width:110px;height:110px;object-fit:cover;border-radius:28px;border:5px solid rgba(91,54,40,.18);margin-bottom:14px}.review-card blockquote{margin:0;color:#5d402f;font-size:17px}.review-card cite{display:block;margin-top:12px;color:var(--red);font-style:normal;font-weight:800}.faq-item summary{cursor:pointer;font-weight:800;color:var(--brown);font-size:18px}.faq-item p{margin-top:10px}.partner-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:28px 0}.partner{min-height:86px;border:1px dashed rgba(91,54,40,.34);border-radius:20px;display:grid;place-items:center;background:rgba(255,250,236,.48);font-weight:800;color:#79533e;text-align:center;padding:12px}.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.contact-card img{max-width:180px;border-radius:18px;border:1px solid var(--line);margin:12px 0}.site-footer{background:rgba(47,33,29,.92);color:#f6e5c4;padding:54px 22px 22px;position:relative;z-index:3}.footer-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:1.4fr .8fr .8fr 1fr;gap:24px}.site-footer a{color:#ffdca4;text-decoration:underline;text-underline-offset:3px}.site-footer img{width:130px;border-radius:18px;border:4px solid rgba(255,238,203,.16)}.footer-logo .logo-mark{border-color:#f8dfaa;color:#3a241d}.footer-logo .logo-text{color:#f8dfaa}.copyright{max-width:1220px;margin:28px auto 0;border-top:1px solid rgba(255,238,203,.16);padding-top:18px;color:#d8bd92}.article-content{max-width:880px}.article-content h2,.article-content h3{color:var(--brown);line-height:1.25}.article-content p{font-size:18px;color:#624634}.note-box{border-left:5px solid var(--red);background:rgba(255,250,237,.58);padding:18px 22px;border-radius:18px;margin:24px 0}.table-wrap{overflow-x:auto;background:rgba(255,250,237,.55);border:1px solid var(--line);border-radius:20px}.table-wrap table{width:100%;border-collapse:collapse;min-width:640px}.table-wrap th,.table-wrap td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left}.table-wrap th{color:var(--brown);background:rgba(91,54,40,.08)}@media(max-width:960px){.nav-toggle{display:block}.main-nav{display:none;position:absolute;left:20px;right:20px;top:82px;background:rgba(243,231,207,.98);border:1px solid var(--line);border-radius:24px;padding:16px;box-shadow:var(--shadow);justify-content:flex-start}.main-nav.is-open{display:flex}.hero-inner,.ai-panel,.contact-layout{grid-template-columns:1fr}.grid.cards,.grid.three,.grid.two,.footer-grid{grid-template-columns:1fr 1fr}.hero{min-height:auto}.hero-frame{transform:none}.partner-wall{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.topbar{padding:12px 16px}.search-shell,.hero-inner,.section,.page-hero{padding-left:16px;padding-right:16px}.grid.cards,.grid.three,.grid.two,.footer-grid{grid-template-columns:1fr}.fake-search{border-radius:24px;align-items:stretch;flex-direction:column}.fake-search button{width:100%}.logo-mark{width:50px;height:50px}.stats{grid-template-columns:repeat(2,1fr)}.partner-wall{grid-template-columns:1fr 1fr}.hero h1{font-size:40px}}