:root{font-family:Inter,"Noto Sans TC",system-ui,sans-serif;background:#09090a;color:#f5f1f4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 8% 11%,#74350e2e,transparent 30rem),radial-gradient(circle at 91% 46%,#40306f24,transparent 35rem),#09090a}a{color:inherit;text-decoration:none}.site-header,main,footer{width:min(1320px,calc(100% - 72px));margin:auto}.site-header{height:94px;display:flex;align-items:center;border-bottom:1px solid #ffffff16;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;text-decoration:none}.brand b{color:#ff8b37;font-size:24px}.brand em{font-style:normal;color:#aaa4bd;font-size:13px}.site-header nav{display:flex;gap:29px}.site-header nav a{font-size:13px;color:#a49fa6}.site-header nav a.active,.site-header nav a:hover{color:#ffd0af}.header-cta{border:1px solid #625c6a;border-radius:8px;padding:12px 16px;font-size:13px}.header-cta span{color:#ff9b55}.library-hero{padding:94px 0 83px}.eyebrow{font:11px monospace;letter-spacing:.12em;text-transform:uppercase;color:#c9bfff;margin:0}.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:72px;align-items:end;margin-top:22px}.hero-grid h1{font-size:clamp(45px,4.75vw,68px);line-height:1.1;letter-spacing:-.075em;margin:0}.hero-grid h1 .title-line{display:block;white-space:nowrap}.hero-grid h1 .title-line-accent{color:#c8c0ff}.hero-grid p{max-width:620px;color:#aaa5ab;line-height:1.85;margin:28px 0}.hero-image{min-height:355px;position:relative;border:1px solid #ffffff1a;background-size:cover;background-position:center;box-shadow:0 35px 90px #0008}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#08090c99,transparent 55%,#10101833)}.hero-image span{position:absolute;z-index:1;left:19px;bottom:17px;color:#fff;font:11px monospace;letter-spacing:.1em}.video-hero-image{background-image:url('/images/founder-story-cover.png')}.motion-hero-image{background-image:linear-gradient(125deg,#0c0f1e55,#17102422),url('/images/analytics-motion-cover.png')}.hero-metrics{display:flex;gap:26px;padding-top:10px}.hero-metrics span{font-size:12px;color:#918b96}.hero-metrics b{display:block;color:#ffb16f;font-size:18px;margin-bottom:5px}.library-browser{padding:74px 0 116px;border-top:1px solid #ffffff15}.browser-head{display:flex;justify-content:space-between;gap:64px;align-items:end;margin-bottom:38px}.browser-head h2{font-size:clamp(32px,3.5vw,52px);letter-spacing:-.065em;margin:13px 0 0}.browser-head>p{width:min(470px,100%);color:#aaa4ab;line-height:1.85;margin:0}.catalog-tools{display:grid;grid-template-columns:1fr minmax(260px,340px);gap:18px;align-items:center}.filters{display:flex;gap:8px;overflow:auto;padding-bottom:18px;border-bottom:1px solid #ffffff17}.filters button{border:1px solid #ffffff22;background:#121216;color:#c8c1c9;padding:10px 13px;border-radius:999px;white-space:nowrap;cursor:pointer}.filters button span{color:#8b8590;font:11px monospace;margin-left:4px}.filters button.is-active{background:#ff9959;color:#251309;border-color:#ff9959;font-weight:800}.filters button.is-active span{color:#42200c}.template-search{display:grid;gap:6px;color:#a8a1ac;font:11px monospace}.template-search input{width:100%;border:1px solid #ffffff22;background:#121216;color:#f5f1f4;padding:12px 13px;border-radius:7px;font:13px Inter,"Noto Sans TC",sans-serif}.template-search input:focus{outline:1px solid #ff9a58;border-color:#ff9a58}.result-count{font:12px monospace;color:#a59eaa;margin:17px 0}.template-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff16;border-left:1px solid #ffffff16}.template-card{display:flex;flex-direction:column;background:#0f0f12;border-right:1px solid #ffffff16;border-bottom:1px solid #ffffff16;min-width:0;transition:transform .2s,background .2s}.template-card:hover{background:#161319;transform:translateY(-4px)}.card-image{height:184px;background-size:cover;background-position:center;position:relative}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 42%,#08090cb8)}.card-image span,.card-image em{position:absolute;z-index:1;font:10px monospace;letter-spacing:.05em;font-style:normal}.card-image span{top:12px;left:12px;background:#09090ab9;padding:5px 7px}.card-image em{right:12px;bottom:12px;color:#ffd5b5}.card-content{padding:17px 17px 12px;flex:1}.card-content small{font:11px monospace;color:#c3b9ef}.card-content h3{font-size:21px;letter-spacing:-.05em;margin:9px 0}.card-content p{font-size:13px;line-height:1.7;color:#9f99a2;margin:0}.card-meta{margin:15px 17px 0;padding:12px 0;border-top:1px solid #ffffff17;display:grid;gap:5px;color:#a7a1aa;font-size:11px}.card-meta b{color:#ffb170;font-weight:500}.card-cta{margin:12px 17px 18px;color:#ffc18e;font-size:12px}.library-promise{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;border-top:1px solid #ffffff18;padding:104px 0}.library-promise h2,.motion-languages h2,.seo-guides h2{font-size:clamp(32px,4vw,55px);letter-spacing:-.07em;line-height:1.14;margin:14px 0}.promise-list{border-top:1px solid #ffffff18}.promise-list p{padding:17px 0;margin:0;border-bottom:1px solid #ffffff18;color:#aba5ad}.promise-list b{color:#ff9a55;font:12px monospace;margin-right:15px}.motion-languages{padding:0 0 100px}.motion-languages>div{display:flex;gap:9px;flex-wrap:wrap;margin-top:33px}.motion-languages span{padding:11px 14px;border:1px solid #ffffff23;background:#121217;color:#bfb8c2;border-radius:999px;font:12px monospace}.seo-guides{border-top:1px solid #ffffff18;padding:100px 0 116px}.seo-guides>div>p{max-width:900px;color:#aaa3ac;line-height:1.9}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff18;margin-top:36px}.guide-grid article{padding:25px;background:#101014}.guide-grid h3{font-size:19px;letter-spacing:-.04em;margin:0 0 12px}.guide-grid p{color:#9d97a1;line-height:1.75;font-size:13px;margin:0}footer{border-top:1px solid #ffffff16;padding:35px 0 55px;display:flex;justify-content:space-between;color:#9a959c;font-size:13px}footer a{color:#ffc18e}@media(max-width:900px){.hero-grid,.library-promise{grid-template-columns:1fr;gap:42px}.hero-image{min-height:290px}.catalog-tools{grid-template-columns:1fr}.template-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.browser-head{display:block}.browser-head>p{margin-top:22px}.site-header nav{gap:16px}}@media(max-width:650px){.site-header,main,footer{width:min(100% - 40px,620px)}.site-header{height:76px}.site-header nav{display:none}.library-hero{padding:61px 0}.hero-metrics{gap:13px}.hero-grid h1{font-size:46px}.hero-grid h1 .title-line{white-space:nowrap}.template-grid,.guide-grid{grid-template-columns:1fr}.card-image{height:230px}.library-browser{padding:57px 0 75px}.library-promise{padding:75px 0}.motion-languages,.seo-guides{padding-bottom:80px}footer{display:grid;gap:15px}}