.thub-page{min-height:100vh;color:var(--text-secondary,#dfe5ffe6);padding:80px 0 96px;position:relative}.thub-ambient{pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 15% 0,#8c5fff38,#0000 70%),radial-gradient(50% 35% at 90% 10%,#00d4ff29,#0000 70%);position:fixed;inset:0}.thub-shell{z-index:1;max-width:1180px;margin:0 auto;padding:0 24px;position:relative}.thub-breadcrumbs{color:var(--text-muted,#bbc4eb99);flex-wrap:wrap;align-items:center;gap:10px;padding:28px 0 0;font-size:.8rem;display:flex}.thub-breadcrumbs a{color:#cfd4ffc7;text-decoration:none;transition:color .2s}.thub-breadcrumbs a:hover{color:#00d4ff}.thub-breadcrumbs [aria-current=page]{color:#ffffff80}.thub-hero{max-width:840px;padding:40px 0 0}.thub-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#00d4ff;margin-bottom:18px;font-size:.7rem;font-weight:600;display:inline-block}.thub-title{color:#fff;letter-spacing:-.025em;text-align:left;margin:0 0 20px;font-size:clamp(2.3rem,5.6vw,3.9rem);font-weight:700;line-height:1.06}.thub-subtitle{color:var(--text-tertiary,#cfd4ffb8);max-width:720px;margin:0;font-size:clamp(1.05rem,1.9vw,1.24rem);line-height:1.62}.thub-family{padding-top:56px;scroll-margin-top:88px}.thub-hero+.thub-family{padding-top:44px}.thub-family>h2{color:#fff;letter-spacing:-.015em;text-align:left;margin:0 0 16px;padding-top:20px;font-size:clamp(1.6rem,2.9vw,2.15rem);font-weight:700;line-height:1.2;position:relative}.thub-family>h2:before{content:"";background:linear-gradient(90deg,#00d4ff,#8c5fff);border-radius:2px;width:52px;height:3px;position:absolute;top:0;left:0}.thub-lead{color:var(--text-tertiary,#cfd4ffb8);max-width:760px;margin:0 0 32px;font-size:1.02rem;line-height:1.7}.thub-grid{grid-template-columns:repeat(auto-fill,minmax(305px,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.thub-card{background:#ffffff09;border:1px solid #ffffff1c;border-radius:18px;flex-direction:column;transition:border-color .24s,transform .24s,box-shadow .24s;display:flex;position:relative;overflow:hidden}.thub-card:hover{transform:translateY(-3px);box-shadow:0 22px 52px #0000006b}.thub-card--ai:hover{border-color:#8c5fff8c}.thub-card--library:hover{border-color:#2dd4bf8c}.thub-card--motion:hover{border-color:#ff6b9d8c}.thub-card--compose:hover{border-color:#00ccff8c}.thub-card-media{background:#0c0a1e99;border-bottom:1px solid #ffffff14;position:relative}.thub-card-media img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.thub-card-duration{font-variant-numeric:tabular-nums;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080618c7;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:.74rem;font-weight:600;display:inline-flex;position:absolute;bottom:12px;right:12px}.thub-card-body{flex-direction:column;flex:1;padding:20px 22px 22px;display:flex}.thub-card-track{letter-spacing:.14em;text-transform:uppercase;color:#ffffffe0;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-self:flex-start;margin-bottom:14px;padding:5px 10px;font-size:.62rem;font-weight:700;display:inline-block}.thub-card--ai .thub-card-track,.thub-chooser-card--ai .thub-card-track{color:#cbb6ff;background:#8c5fff2e;border-color:#8c5fff70}.thub-card--library .thub-card-track,.thub-chooser-card--library .thub-card-track{color:#7fe6da;background:#2dd4bf29;border-color:#2dd4bf6b}.thub-card--motion .thub-card-track{color:#ffa8c6;background:#ff6b9d29;border-color:#ff6b9d70}.thub-card--compose .thub-card-track{color:#8fe3ff;background:#00ccff29;border-color:#00ccff70}.thub-card h3{color:#fff;text-align:left;margin:0 0 10px;font-size:1.14rem;font-weight:600;line-height:1.34}.thub-card-link{color:inherit;text-decoration:none}.thub-card-link:after{content:"";border-radius:18px;position:absolute;inset:0}.thub-card:hover .thub-card-link{color:#fff}.thub-card-link:focus-visible{outline:none}.thub-card-link:focus-visible:after{outline-offset:3px;outline:2px solid #00d4ff}.thub-card-summary{color:var(--text-tertiary,#cfd4ffb3);margin:0 0 16px;font-size:.93rem;line-height:1.62}.thub-card-meta{letter-spacing:.02em;color:var(--text-muted,#bbc4eb94);flex-wrap:wrap;gap:8px 16px;margin:0 0 18px;padding:0;font-size:.76rem;list-style:none;display:flex}.thub-card-meta li+li{padding-left:17px;position:relative}.thub-card-meta li+li:before{content:"";background:#bbc4eb66;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.thub-card-tool{z-index:1;color:#cfd4ffcc;border-top:1px solid #ffffff14;align-self:flex-start;width:100%;margin-top:auto;padding-top:14px;font-size:.83rem;font-weight:600;text-decoration:none;transition:color .2s;position:relative}.thub-card-tool:hover{color:#00d4ff}.thub-card-tool-prefix{color:var(--text-muted,#bbc4eb8c);margin-right:6px;font-weight:400}.thub-tips{background:#ffffff06;border:1px solid #ffffff17;border-radius:16px;margin-top:30px;padding:22px 24px 8px}.thub-tips h3{letter-spacing:.15em;text-transform:uppercase;color:#ffd700cc;text-align:left;margin:0 0 8px;font-size:.72rem;font-weight:700}.thub-tips-lead{color:var(--text-muted,#bbc4eb9e);margin:0 0 6px;font-size:.9rem;line-height:1.6}.thub-tips ul{margin:0;padding:0;list-style:none}.thub-tips li{border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 0;display:flex}.thub-tips li a{color:#dfe5ffe6;font-size:.97rem;font-weight:500;text-decoration:none;transition:color .2s}.thub-tips li a:hover{color:#00d4ff}.thub-tip-meta{color:var(--text-muted,#bbc4eb80);font-size:.76rem}.thub-chooser-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;display:grid}.thub-chooser-card{background:#ffffff09;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;padding:26px 26px 24px;display:flex}.thub-chooser-card--ai{background:linear-gradient(160deg,#8c5fff1f,#ffffff05);border-color:#8c5fff52}.thub-chooser-card--library{background:linear-gradient(160deg,#2dd4bf1c,#ffffff05);border-color:#2dd4bf52}.thub-chooser-card h3{color:#fff;text-align:left;margin:0 0 12px;font-size:1.2rem;font-weight:600;line-height:1.32}.thub-chooser-card>p{color:#dfe5ffd1;margin:0 0 18px;font-size:.96rem;line-height:1.68}.thub-signals{gap:9px;margin:0 0 20px;padding:0;list-style:none;display:grid}.thub-signals li{color:var(--text-tertiary,#cfd4ffbd);padding-left:24px;font-size:.9rem;line-height:1.55;position:relative}.thub-signals li:before{content:"";opacity:.85;border:1.5px solid;border-width:0 1.5px 1.5px 0;width:5px;height:9px;position:absolute;top:4px;left:2px;transform:rotate(42deg)}.thub-chooser-card--ai .thub-signals li:before{color:#b499ff}.thub-chooser-card--library .thub-signals li:before{color:#6fdfd2}.thub-chooser-links{border-top:1px solid #ffffff1a;gap:10px;margin:auto 0 0;padding:16px 0 0;list-style:none;display:grid}.thub-chooser-links a{color:#dfe5ffe6;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s,padding-left .2s}.thub-chooser-links a:before{content:"→";opacity:.6;margin-right:8px}.thub-chooser-links a:hover{color:#fff;padding-left:3px}.thub-note{color:var(--text-muted,#bbc4eb9e);border-left:2px solid #8c5fff80;max-width:760px;margin:28px 0 0;padding-left:16px;font-size:.92rem;line-height:1.6}.thub-faq{flex-direction:column;gap:10px;max-width:860px;display:flex}.thub-faq-item{background:#ffffff09;border:1px solid #ffffff17;border-radius:14px;padding:17px 22px;transition:border-color .2s}.thub-faq-item[open]{border-color:#8c5fff6b}.thub-faq-item summary{cursor:pointer;color:#fff;padding-right:30px;font-size:1rem;font-weight:600;line-height:1.5;list-style:none;position:relative}.thub-faq-item summary::-webkit-details-marker{display:none}.thub-faq-item summary:after{content:"+";color:#a882ffe6;font-size:1.3rem;font-weight:400;position:absolute;top:50%;right:0;transform:translateY(-50%)}.thub-faq-item[open] summary:after{content:"−"}.thub-faq-item p{color:var(--text-tertiary,#cfd4ffb8);margin:12px 0 0;font-size:.96rem;line-height:1.68}.thub-closing{border-top:1px solid #ffffff14;margin-top:72px;padding-top:52px}.thub-closing h2{color:#fff;letter-spacing:-.01em;text-align:left;margin:0 0 16px;font-size:clamp(1.5rem,2.6vw,1.95rem);font-weight:700;line-height:1.24}.thub-closing p{color:#dfe5ffdb;max-width:640px;margin:0 0 26px;font-size:1.02rem;line-height:1.72}.thub-closing-actions{flex-wrap:wrap;gap:14px;display:flex}.thub-cta-primary,.thub-cta-secondary{letter-spacing:.03em;border-radius:999px;padding:14px 28px;font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-block}.thub-cta-primary{color:#0b0a1f;background:linear-gradient(120deg,#00d4ff,#8c5fff);box-shadow:0 12px 34px #00aaff4d}.thub-cta-primary:hover{transform:translateY(-1px);box-shadow:0 16px 40px #00aaff6b}.thub-cta-secondary{color:#ffffffe6;background:#ffffff0f;border:1px solid #ffffff29}.thub-cta-secondary:hover{background:#ffffff1f}@media (max-width:900px){.thub-grid{grid-template-columns:1fr}}@media (max-width:640px){.thub-shell{padding:0 18px}.thub-hero{padding-top:30px}.thub-family{padding-top:44px}.thub-hero+.thub-family{padding-top:34px}.thub-chooser-card{padding:22px 20px 20px}.thub-tips{padding:20px 18px 6px}.thub-closing-actions .thub-cta-primary,.thub-closing-actions .thub-cta-secondary{text-align:center;flex:100%}}@media (prefers-reduced-motion:reduce){.thub-card,.thub-cta-primary,.thub-cta-secondary,.thub-chooser-links a{transition:none}.thub-card:hover,.thub-cta-primary:hover{transform:none}}
