.tp-hero{position:relative;overflow:hidden;padding-block:var(--space-16) var(--space-16);background:radial-gradient(60% 80% at 75% 40%,rgba(124,58,237,.35),transparent 70%),var(--l5-deep)}.tp-hero__art{position:absolute;right:0;top:0;bottom:0;width:62%;background:url(/lw5/templates/hero-art.webp) 100%/cover no-repeat;-webkit-mask:linear-gradient(90deg,transparent,#000 22%);mask:linear-gradient(90deg,transparent,#000 22%);pointer-events:none}.tp-hero .wrap{position:relative}.tp-hero__copy{max-width:560px}.tp-hero h1{margin-top:var(--space-4);font-size:clamp(36px,4.6vw,60px);line-height:1.12;letter-spacing:var(--ls-display)}.tp-hero h1>span{display:block;white-space:nowrap}.tp-hero .hero__sub{max-width:44ch}.tp-hero .hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8)}.tp-lib{background:var(--l5-light);color:var(--l5-ink);padding-block:var(--space-10) var(--space-16)}.tp-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.tp-cat{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);min-height:44px;border:1px solid var(--l5-line);border-radius:var(--r-md);background:#fff;font:500 var(--fs-caption)/1.3 var(--font-body);color:var(--l5-ink);cursor:pointer;transition:border-color .2s,background .2s,color .2s}.tp-cat svg{width:18px;height:18px;color:var(--l5-violet)}.tp-cat:hover{border-color:rgba(124,58,237,.45)}.tp-cat.is-on{background:var(--l5-grad-btn);border-color:transparent;color:#fff;box-shadow:var(--l5-glow-btn)}.tp-cat.is-on svg{color:#fff}.tp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-8)}.tp-card{position:relative;display:block;aspect-ratio:1/1;border-radius:var(--r-lg);overflow:hidden;color:#fff;background:var(--l5-deep);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}.tp-card img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}.tp-card:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(180deg,transparent,rgba(10,6,30,.85));pointer-events:none}.tp-card:hover{color:#fff;transform:translateY(-4px);box-shadow:0 24px 44px -22px rgba(76,29,149,.55)}.tp-card:hover img{transform:scale(1.05)}.tp-card__cap{position:absolute;z-index:1;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.tp-card__cap b{font-size:var(--fs-body-sm);font-weight:600}.tp-card__cap svg{width:18px;height:18px;flex:none;opacity:.85}.tp-card__try{position:absolute;z-index:1;left:50%;top:50%;translate:-50% -50%;padding:var(--space-2) var(--space-5);border-radius:var(--r-full);background:var(--l5-grad-btn);font-size:var(--fs-caption);font-weight:600;white-space:nowrap;opacity:0;transition:opacity .3s}.tp-card:focus-visible .tp-card__try,.tp-card:hover .tp-card__try{opacity:1}.tp-hide{display:none!important}.tp-empty{display:none;margin-top:var(--space-8);text-align:center;color:var(--l5-ink-dim)}.tp-empty.is-on{display:block}.tp-steps{padding-block:var(--space-16);background:linear-gradient(90deg,rgba(12,8,48,.8),rgba(12,8,48,.35)),url(/lw5/final-bg.webp) 50%/cover no-repeat,var(--l5-deep)}.tp-steps__in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:var(--space-12);align-items:center}.tp-steps h2{font-size:clamp(28px,3vw,40px);line-height:1.2}.tp-steps h2>span{display:block}.tp-steps .lead{margin-top:var(--space-4);max-width:42ch}.tp-steps .btn{margin-top:var(--space-8)}.tp-row{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-10);padding:0}.tp-step{position:relative;text-align:center}.tp-step:not(:last-child):after{content:"→";position:absolute;right:calc(var(--space-10) / -2);top:30%;translate:50% -50%;font-size:22px;color:var(--text-dim)}.tp-step__img{position:relative;display:grid;place-items:center;aspect-ratio:4/3;padding:var(--space-4);border-radius:var(--r-lg);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}.tp-step__img img{max-width:100%;max-height:100%;width:auto;height:auto}.tp-step__n{position:absolute;left:var(--space-3);top:var(--space-3);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--l5-grad-btn);font-size:var(--fs-micro);font-weight:700;color:#fff}.tp-step h3{margin-top:var(--space-4);font-size:var(--fs-body);font-weight:600;letter-spacing:0;line-height:1.35}.tp-step p{margin-top:var(--space-1);font-size:var(--fs-caption);color:var(--text-dim)}@media (max-width:1100px){.tp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tp-steps__in{grid-template-columns:minmax(0,1fr)}.tp-hero__art{width:75%;opacity:.55}}@media (max-width:860px){.tp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-cats{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.tp-cat{flex:none}}@media (max-width:560px){.tp-row{grid-template-columns:minmax(0,1fr)}.tp-step:after{display:none}.tp-hero h1>span{white-space:normal}.tp-hero__art{width:100%;opacity:.35}}.tp-hero{background:linear-gradient(90deg,rgba(10,6,30,.85) 0,rgba(10,6,30,.5) 30%,rgba(10,6,30,0) 50%),linear-gradient(180deg,transparent 70%,rgba(14,8,40,.6)),url(/lw5/templates/hero-bg.webp) 100%/cover no-repeat,var(--l5-deep);min-height:clamp(480px,42vw,640px);display:flex;align-items:center}.tp-hero .wrap{width:100%}.tp-hero__art{display:none}@media (max-width:1100px){.tp-hero{background:linear-gradient(90deg,rgba(10,6,30,.9) 0,rgba(10,6,30,.7) 55%,rgba(10,6,30,.25) 90%),url(/lw5/templates/hero-bg.webp) 70%/cover no-repeat,var(--l5-deep)}}@media (max-width:860px){.tp-hero{background:linear-gradient(180deg,rgba(10,6,30,.8),rgba(10,6,30,.9)),url(/lw5/templates/hero-bg.webp) 70%/cover no-repeat,var(--l5-deep)}}.tp-card__open{position:absolute;inset:0;z-index:0;display:block}.tp-card__cap{pointer-events:none}.tp-card__try:hover{color:#fff}.tp-card:focus-within .tp-card__try{opacity:1}.tp-step__img img{width:100%;height:100%;object-fit:contain}