.landing{--text-inv:#f7f3ea;--text-inv-soft:#f7f3eaa3;--line:#14231c1a;--line-dark:#f7f3ea21;--fs-xs:12px;--fs-sm:13px;--fs-base:15px;--fs-md:17px;--fs-lg:22px;--fs-xl:30px;--fs-2xl:40px;--fs-hero:clamp(40px,6vw,62px);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:112px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-pill:100px;--ease:cubic-bezier(.22,1,.36,1);--t-fast:.16s;--t-med:.32s;--shadow-card:0 1px 2px #0f1d170d,0 8px 24px #0f1d170f;--shadow-lift:0 2px 4px #0f1d1714,0 16px 40px #0f1d171f;font-family:var(--font-sans);font-size:var(--fs-base);background:var(--color-bone);color:var(--color-forest);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.6}.landing :focus-visible{outline:2px solid var(--color-mint);outline-offset:3px;border-radius:var(--r-sm)}.landing .skip-link{background:var(--color-mint);color:var(--color-ink);padding:var(--s-3)var(--s-4);z-index:200;font-weight:600;position:absolute;top:0;left:-9999px}.landing .skip-link:focus{left:var(--s-4);top:var(--s-4)}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.landing .wrap{max-width:1140px;padding:0 var(--s-6);margin:0 auto}.landing .display{font-family:var(--font-display);letter-spacing:-.02em;font-weight:500;line-height:1.08}.landing .eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold);align-items:center;gap:var(--s-3);font-weight:500;display:flex}.landing .eyebrow:after{content:"";opacity:.4;background:currentColor;flex:0 0 40px;height:1px}.landing .btn{justify-content:center;align-items:center;gap:var(--s-2);font-weight:600;font-size:var(--fs-sm);border-radius:var(--r-pill);transition:transform var(--t-fast)var(--ease),background var(--t-fast)var(--ease),box-shadow var(--t-fast)var(--ease);cursor:pointer;min-height:44px;padding:14px 28px;display:inline-flex}.landing .btn-primary{background:var(--color-emerald);color:var(--text-inv)}.landing .btn-primary:hover{background:var(--color-jade);transform:translateY(-1px);box-shadow:0 6px 20px #1f5f4f59}.landing .btn-primary:active{background:var(--color-emerald-dk);box-shadow:none;transform:translateY(0)}.landing .btn-primary:disabled{background:var(--color-sand);color:var(--color-sage);cursor:not-allowed;box-shadow:none;transform:none}.landing .btn-ghost{border:1px solid var(--line-dark);color:var(--text-inv)}.landing .btn-ghost:hover{border-color:var(--color-mint);color:var(--color-mint)}.landing .btn-light{background:var(--color-bone);color:var(--color-ink)}.landing .btn-light:hover{background:#fff;transform:translateY(-1px)}.landing .nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line-dark);background:#0f1d17d1;position:fixed;top:0;left:0;right:0}.landing .nav .wrap{justify-content:space-between;align-items:center;height:68px;display:flex}.landing .logo{font-family:var(--font-display);color:var(--text-inv);letter-spacing:.04em;font-size:19px;font-weight:600}.landing .nav-links{gap:var(--s-6);font-size:var(--fs-sm);font-weight:500;display:flex}.landing .nav-links a{color:var(--text-inv-soft);transition:color var(--t-fast)}.landing .nav-links a:hover{color:var(--color-mint)}.landing .nav .btn{min-height:40px;padding:10px 20px}.landing .nav-auth{align-items:center;gap:var(--s-5);display:flex}.landing .nav-auth .signin{color:var(--text-inv-soft);font-size:var(--fs-sm);transition:color var(--t-fast);font-weight:500}.landing .nav-auth .signin:hover{color:var(--color-mint)}.landing .nav-burger{padding:var(--s-2);cursor:pointer;flex-direction:column;gap:5px;display:none}.landing .nav-burger span{background:var(--text-inv);width:22px;height:2px;transition:transform var(--t-fast);border-radius:2px}.landing .nav-mobile{display:none}.landing .hero{background:var(--color-ink);padding:calc(68px + var(--s-9))0 var(--s-9);position:relative;overflow:hidden}.landing .hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#5fe3b31a 0%,#0000 62%);border-radius:50%;width:720px;height:720px;animation:7s ease-in-out infinite ld-breathe;position:absolute;top:20%;left:50%;transform:translate(-50%)}@keyframes ld-breathe{0%,to{opacity:.7;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.06)}}.landing .hero .wrap{text-align:center;position:relative}.landing .hero .eyebrow{justify-content:center}.landing .hero .eyebrow:before{content:"";opacity:.4;background:currentColor;flex:0 0 40px;height:1px}.landing .hero h1{font-size:var(--fs-hero);color:var(--text-inv);margin:var(--s-5)auto var(--s-4);max-width:25ch}.landing .hero h1 em{color:var(--color-mint);font-style:italic}.landing .hero .lede{color:var(--text-inv-soft);font-size:var(--fs-md);max-width:52ch;margin:0 auto;line-height:1.65}.landing .dropzone{margin:var(--s-7)auto 0;border-radius:var(--r-lg);max-width:560px;padding:var(--s-7)var(--s-6);align-items:center;gap:var(--s-4);transition:border-color var(--t-med)var(--ease),background var(--t-med)var(--ease),transform var(--t-med)var(--ease);cursor:pointer;background:#16281f99;border:1.5px dashed #5fe3b366;flex-direction:column;display:flex}.landing .dropzone:hover,.landing .dropzone.dragover{border-color:var(--color-mint);background:#1f5f4f47;transform:scale(1.012)}.landing .dz-idle{align-items:center;gap:var(--s-4);flex-direction:column;display:flex}.landing .dropzone .dz-icon{background:var(--color-emerald);width:52px;height:52px;color:var(--color-mint);transition:transform var(--t-med)var(--ease);border-radius:50%;place-items:center;display:grid}.landing .dropzone:hover .dz-icon{transform:translateY(-3px)}.landing .dropzone .dz-title{color:var(--text-inv);font-weight:600;font-size:var(--fs-md)}.landing .dropzone .dz-hint{color:var(--text-inv-soft);font-size:var(--fs-sm)}.landing .dropzone .btn{margin-top:var(--s-2)}.landing .dropzone.loading{pointer-events:none;border-style:solid;border-color:var(--color-emerald)}.landing .dz-progress{width:100%;max-width:320px;display:none}.landing .dropzone.loading .dz-progress{display:block}.landing .dropzone.loading .dz-idle{display:none}.landing .dz-bar{background:#5fe3b326;border-radius:2px;height:4px;overflow:hidden}.landing .dz-bar i{background:var(--color-mint);width:40%;height:100%;animation:ld-slide 1.3s var(--ease)infinite;border-radius:2px;display:block}@keyframes ld-slide{0%{transform:translate(-110%)}to{transform:translate(320%)}}.landing .dz-status{color:var(--color-mint);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;margin-top:var(--s-3);text-align:center}.landing .reel{gap:var(--s-3);margin-top:var(--s-8);grid-template-columns:repeat(4,1fr);display:grid}.landing .reel figure{aspect-ratio:9/14;border-radius:var(--r-md);background:linear-gradient(160deg,var(--color-pine)0%,var(--color-pine-2)100%);border:1px solid var(--line-dark);position:relative;overflow:hidden}.landing .reel figure:nth-child(odd){transform:translateY(12px)}.landing .reel figure video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.landing .reel figcaption{bottom:var(--s-2);left:var(--s-2);font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-inv-soft);border-radius:var(--r-pill);background:#0f1d178c;padding:3px 8px;font-size:10px;position:absolute}.landing .proof{background:var(--color-sand);border-bottom:1px solid var(--line);padding:var(--s-5)0}.landing .proof .wrap{justify-content:space-between;align-items:center;gap:var(--s-5);flex-wrap:wrap;display:flex}.landing .proof .item{font-size:var(--fs-sm);color:var(--color-sage)}.landing .proof .item strong{color:var(--color-forest);font-weight:600}.landing .proof .stars{color:var(--color-gold);letter-spacing:2px}.landing section{padding:var(--s-10)0}.landing .sec-head{max-width:600px}.landing h2{font-size:var(--fs-2xl);margin-top:var(--s-4)}.landing .sub{color:var(--color-sage);margin-top:var(--s-4);max-width:48ch}.landing .plans{gap:var(--s-4);margin-top:var(--s-8);grid-template-columns:repeat(5,1fr);align-items:start;display:grid}.landing .plan{border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--shadow-card);transition:transform var(--t-med)var(--ease),box-shadow var(--t-med)var(--ease);background:#fff;position:relative}.landing .plan:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.landing .plan.feat{background:var(--color-ink);color:var(--text-inv);border-color:var(--color-emerald);transform:scale(1.03)}.landing .plan.feat:hover{transform:scale(1.03)translateY(-4px)}.landing .badge{top:-13px;left:var(--s-5);background:var(--color-mint);color:var(--color-ink);font-size:var(--fs-xs);border-radius:var(--r-pill);padding:5px 14px;font-weight:600;position:absolute}.landing .plan h3{font-family:var(--font-display);font-weight:500;font-size:var(--fs-lg)}.landing .plan .price{font-size:var(--fs-xl);margin:var(--s-4)0 2px;letter-spacing:-.02em;font-weight:600}.landing .plan .price span{font-size:var(--fs-sm);color:var(--color-sage);font-weight:400}.landing .plan.feat .price span{color:var(--text-inv-soft)}.landing .plan .topup{font-size:var(--fs-xs);color:var(--color-sage);margin:0}.landing .plan .topup strong{color:var(--color-emerald);font-weight:600}.landing .plan.feat .topup{color:var(--text-inv-soft)}.landing .plan.feat .topup strong{color:var(--color-mint)}.landing .plan ul{margin:var(--s-5)0;font-size:var(--fs-sm);padding:0;list-style:none}.landing .plan li{padding:var(--s-2)0;gap:var(--s-2);color:var(--color-sage);align-items:baseline;display:flex}.landing .plan.feat li{color:var(--text-inv-soft)}.landing .plan li:before{content:"✓";color:var(--color-success);font-weight:600}.landing .plan.feat li:before{color:var(--color-mint)}.landing .plan .btn{width:100%}.landing .plan:not(.feat) .btn{background:var(--color-sand);color:var(--color-forest)}.landing .plan:not(.feat) .btn:hover{background:var(--color-emerald);color:var(--text-inv)}.landing .credit-note{margin-top:var(--s-6);text-align:center;font-size:var(--fs-sm);color:var(--color-sage)}.landing .credit-note strong{color:var(--color-emerald)}.landing .tmarquee{margin-top:var(--s-7);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.landing .tmarquee+.tmarquee{margin-top:var(--s-4)}.landing .tmarquee-track{gap:var(--s-5);width:max-content;animation:70s linear infinite tscroll;display:flex}.landing .tmarquee-track.reverse{animation-direction:reverse}@keyframes tscroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing .tcard{border:1px solid var(--line);border-radius:var(--r-lg);width:260px;box-shadow:var(--shadow-card);background:#fff;flex-direction:column;flex:none;margin:0;display:flex;overflow:hidden}.landing .tmedia{position:relative}.landing .tcard img{aspect-ratio:4/5;-o-object-fit:cover;object-fit:cover;background:var(--color-sand);width:100%;display:block}.landing .tmedia:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0f1d17c7);height:45%;position:absolute;inset:auto 0 0}.landing .tcreator{right:var(--s-3);bottom:var(--s-3);z-index:1;text-align:right;max-width:calc(100% - var(--s-6));flex-direction:column;align-items:flex-end;display:flex;position:absolute}.landing .tname{font-size:var(--fs-sm);color:var(--text-inv);text-wrap:balance;font-weight:600;line-height:1.2}.landing .ttheme{font-size:var(--fs-xs);color:var(--text-inv-soft);margin-top:2px;font-style:italic;line-height:1.2}.landing .tcard figcaption{padding:var(--s-4)}.landing .tmeta{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.landing .tstat{font-size:var(--fs-xs);color:var(--color-sage);align-items:center;gap:5px;font-weight:600;display:inline-flex}.landing .tstat .ticon{color:var(--color-emerald)}.landing .ticon{flex:none;width:15px;height:15px}.landing .tsr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing .tquote{margin:var(--s-2)0 0;font-size:var(--fs-sm);color:var(--color-sage);line-height:1.45}@media (prefers-reduced-motion:reduce){.landing .tmarquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.landing .tmarquee-track{animation:none}}.landing .faq-list{margin-top:var(--s-7);max-width:680px}.landing .faq-item{border-bottom:1px solid var(--line)}.landing .faq-q{width:100%;padding:var(--s-5)0;font-size:var(--fs-md);text-align:left;justify-content:space-between;align-items:center;gap:var(--s-4);cursor:pointer;font-weight:500;display:flex}.landing .faq-q .ic{border:1px solid var(--line);height:28px;color:var(--color-emerald);transition:transform var(--t-med)var(--ease),background var(--t-fast);border-radius:50%;flex:0 0 28px;place-items:center;font-size:16px;display:grid}.landing .faq-item[data-open=true] .ic{background:var(--color-emerald);color:#fff;border-color:var(--color-emerald);transform:rotate(45deg)}.landing .faq-a{max-height:0;transition:max-height var(--t-med)var(--ease);overflow:hidden}.landing .faq-a p{padding:0 0 var(--s-5);color:var(--color-sage);font-size:var(--fs-sm);max-width:56ch}.landing .final{background:var(--color-ink);text-align:center;position:relative;overflow:hidden}.landing .final:before{content:"";background:radial-gradient(circle,#5fe3b317,#0000 65%);border-radius:50%;width:640px;height:640px;position:absolute;bottom:-40%;left:50%;transform:translate(-50%)}.landing .final .wrap{position:relative}.landing .final .eyebrow{justify-content:center}.landing .final .eyebrow:before{content:"";opacity:.4;background:currentColor;flex:0 0 40px;height:1px}.landing .final h2{color:var(--text-inv);margin:var(--s-5)auto;max-width:16ch;font-size:clamp(32px,5vw,52px)}.landing .final .btn{position:relative}.landing footer{background:var(--color-pine);color:var(--text-inv);padding:var(--s-8)0 var(--s-5)}.landing .f-cols{gap:var(--s-7);padding-bottom:var(--s-7);border-bottom:1px solid var(--line-dark);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.landing .f-cols p{font-size:var(--fs-sm);color:var(--text-inv-soft);max-width:34ch;margin-top:var(--s-3);line-height:1.7}.landing .f-cols h4{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;color:var(--text-inv-soft);margin-bottom:var(--s-4);font-weight:500}.landing .f-cols a{font-size:var(--fs-sm);color:var(--text-inv-soft);padding:var(--s-1)0;transition:color var(--t-fast);display:block}.landing .f-cols a:hover{color:var(--color-mint)}.landing .f-bottom{font-size:var(--fs-xs);color:var(--text-inv-soft);padding-top:var(--s-5);justify-content:space-between;gap:var(--s-2);flex-wrap:wrap;display:flex}@media (max-width:1100px){.landing .plans{grid-template-columns:1fr 1fr}}@media (max-width:900px){.landing .plans{grid-template-columns:1fr 1fr}.landing .reel{grid-template-columns:repeat(4,1fr)}.landing .reel figure:nth-child(n+5){display:none}}@media (max-width:680px){.landing .wrap{padding:0 var(--s-4)}.landing section{padding:var(--s-8)0}.landing .nav-links,.landing .nav-auth{display:none}.landing .nav-burger{display:flex}.landing .nav-mobile{z-index:49;background:var(--color-ink);border-bottom:1px solid var(--line-dark);padding:var(--s-4);display:none;position:fixed;top:68px;left:0;right:0}.landing .nav-mobile.open{display:block}.landing .nav-mobile a{color:var(--text-inv);font-size:var(--fs-md);padding:var(--s-4);border-radius:var(--r-sm);font-weight:500;display:block}.landing .nav-mobile a:active{background:var(--color-pine)}.landing .nav-mobile .btn{width:100%;margin-top:var(--s-3);display:flex}.landing .hero{padding-top:calc(68px + var(--s-7))}.landing .hero .lede{font-size:var(--fs-base)}.landing .dropzone{padding:var(--s-6)var(--s-4)}.landing .reel{gap:var(--s-2);margin-top:var(--s-7);grid-template-columns:repeat(3,1fr)}.landing .reel figure:nth-child(odd){transform:none}.landing .reel figure:nth-child(n+4){display:none}.landing .proof .wrap{align-items:flex-start;gap:var(--s-2);flex-direction:column}.landing h2{font-size:var(--fs-xl)}.landing .plans{gap:var(--s-4);grid-template-columns:1fr}.landing .plan.feat{transform:none}.landing .plan.feat:hover{transform:translateY(-2px)}.landing .f-cols{gap:var(--s-6);grid-template-columns:1fr}}
