html:has(.tt-landing){scroll-behavior:smooth}.tt-landing{--void:#0b0b14;--obsidian:#15122a;--ritual:#221c3d;--veil:#2c2650;--wine:#241430;--mist:#4a4a72;--text:#f0e8dc;--text-2:hsla(36,40%,90%,.66);--text-3:hsla(36,40%,90%,.38);--starlight:#e8d5b5;--gold:#d4a844;--gold-muted:#8b7355;--moonbeam:#c9b8ff;--line:hsla(36,40%,90%,.1);--display:var(--font-cinzel),var(--font-pretendard),serif;--narr:var(--font-lora),var(--font-pretendard),serif;--label:var(--font-space-grotesk),var(--font-pretendard),sans-serif;--body:var(--font-inter),var(--font-pretendard),sans-serif;background:var(--void);color:var(--text);font-family:var(--body);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word}.tt-landing *{box-sizing:border-box}.tt-landing ::selection{background:var(--starlight);color:#0d0d14}.tt-landing a{color:inherit;text-decoration:none}.tt-landing img{display:block;max-width:100%}.tt-landing .eyebrow{font-family:var(--label);font-weight:600;font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--moonbeam)}.tt-landing .narr{font-family:var(--narr);font-style:italic;color:var(--text-2)}.tt-landing h1,.tt-landing h2,.tt-landing h3{font-family:var(--display);font-weight:600;line-height:1.08;letter-spacing:.01em;word-break:keep-all;overflow-wrap:break-word}.tt-landing .wrap{max-width:1120px;margin:0 auto;padding:0 28px}.tt-landing nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;backdrop-filter:blur(14px);background:linear-gradient(180deg,rgba(11,11,20,.82),rgba(11,11,20,0));transition:background .3s}.tt-landing .brand{font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:.18em;color:var(--text)}.tt-landing .brand b{color:var(--starlight);font-weight:700}.tt-landing .nav-cta{font-family:var(--label);font-weight:600;font-size:13px;letter-spacing:.06em;color:var(--text-2);border:1px solid var(--line);padding:9px 18px;border-radius:999px;transition:.25s}.tt-landing .nav-cta:hover{color:var(--text);border-color:hsla(38,53%,81%,.5)}.tt-landing .badge{display:inline-flex;align-items:center;gap:11px;background:#000;border:1px solid hsla(36,40%,90%,.22);border-radius:13px;padding:11px 18px;transition:.25s;box-shadow:0 8px 30px rgba(0,0,0,.5)}.tt-landing .badge:hover{border-color:hsla(38,53%,81%,.55);transform:translateY(-2px)}.tt-landing .badge svg{width:26px;height:26px;fill:var(--text)}.tt-landing .badge .bt{display:flex;flex-direction:column;line-height:1.1}.tt-landing .badge .bt small{font-family:var(--label);font-size:10px;letter-spacing:.08em;color:var(--text-2);text-transform:uppercase}.tt-landing .badge .bt span{font-family:var(--label);font-size:18px;font-weight:600;color:var(--text);letter-spacing:.01em}.tt-landing header.hero{position:relative;min-height:100vh;display:flex;align-items:center;background:radial-gradient(120% 90% at 50% 8%,#1a1530 0,var(--void) 60%)}.tt-landing .hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 30% at 50% 42%,rgba(212,168,68,.16),transparent 70%),radial-gradient(36% 26% at 72% 60%,rgba(201,184,255,.12),transparent 70%)}.tt-landing .hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;width:100%;padding-top:80px}.tt-landing .hero-copy .eyebrow{margin-bottom:22px}.tt-landing .hero h1{font-size:clamp(40px,6.4vw,76px);font-weight:600}.tt-landing .hero h1 .gold{color:var(--starlight)}.tt-landing .hero .sub{font-family:var(--narr);font-style:italic;font-size:clamp(17px,1.7vw,21px);color:var(--text-2);margin:26px 0 36px;max-width:30ch}.tt-landing .hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.tt-landing .hero-actions .meta{font-family:var(--label);font-size:12px;letter-spacing:.04em;color:var(--text-3)}.tt-landing .hero-actions .meta b{color:var(--text-2);font-weight:600}.tt-landing .stage{position:relative;height:520px}.tt-landing .card-art{position:absolute;width:264px;border-radius:14px;overflow:hidden;border:6px solid #f2ecdd;box-shadow:0 30px 70px rgba(0,0,0,.65),0 0 0 1px rgba(0,0,0,.4);transform:rotate(-6deg)}.tt-landing .card-art.hero-card{left:8px;top:24px;z-index:3;animation:floaty 7s ease-in-out infinite}.tt-landing .card-art img{width:100%}.tt-landing .shimmer{position:absolute;left:188px;top:150px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,68,.22),transparent 65%);filter:blur(6px)}.tt-landing .hero-shot{position:absolute;right:0;top:40px;width:230px;z-index:1;border-radius:36px;background:linear-gradient(150deg,#3a3550,#0d0b16);padding:8px;box-shadow:0 30px 70px rgba(0,0,0,.6);animation:floaty2 7s ease-in-out .8s infinite}.tt-landing .hero-shot .screen{border-radius:28px;overflow:hidden;background:var(--obsidian);aspect-ratio:1206/2230}.tt-landing .hero-shot .shot{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}@keyframes floaty{0%,to{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-14px) rotate(-6deg)}}@keyframes floaty2{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.tt-landing section{position:relative;padding:120px 0}.tt-landing .sec-head{text-align:center;max-width:680px;margin:0 auto 64px}.tt-landing .sec-head .eyebrow{margin-bottom:18px}.tt-landing .sec-head h2{font-size:clamp(30px,4.2vw,48px)}.tt-landing .sec-head p{margin-top:18px;color:var(--text-2);font-size:16px}.tt-landing .mechanic{background:linear-gradient(180deg,var(--void),var(--obsidian) 40%,var(--wine) 120%)}.tt-landing .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tt-landing .step{border:1px solid var(--line);border-radius:20px;padding:34px 28px;background:hsla(0,0%,100%,.018);position:relative;overflow:hidden}.tt-landing .step .n{font-family:var(--display);font-size:15px;color:var(--gold);letter-spacing:.2em;margin-bottom:22px}.tt-landing .step h3{font-size:23px;margin-bottom:12px}.tt-landing .step p{color:var(--text-2);font-size:15px}.tt-landing .step .mini{height:240px;margin-bottom:26px;border-radius:16px;overflow:hidden;position:relative;background:var(--obsidian);border:1px solid var(--line)}.tt-landing .step .mini .shot{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}.tt-landing .showcase{background:linear-gradient(180deg,var(--wine),var(--obsidian) 55%,var(--void))}.tt-landing .showcase .glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 36% at 50% 46%,rgba(212,168,68,.13),transparent 70%)}.tt-landing .phones{position:relative;display:flex;justify-content:center;align-items:center;gap:30px;perspective:1800px;min-height:660px}.tt-landing .phone{width:288px;border-radius:42px;background:linear-gradient(150deg,#3a3550,#0d0b16);padding:10px;box-shadow:0 40px 90px rgba(0,0,0,.6);position:relative}.tt-landing .phone .screen{border-radius:33px;overflow:hidden;background:var(--obsidian);position:relative;aspect-ratio:393/852}.tt-landing .phone .screen .shot{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;transform:scale(1.09);transform-origin:center bottom}.tt-landing .phone.ph-input{transform:rotateY(15deg) rotate(-2deg) scale(.93);z-index:1;filter:brightness(.92)}.tt-landing .phone.ph-result{transform:rotateY(-9deg) rotate(2deg);z-index:3}.tt-landing .faq{background:linear-gradient(180deg,var(--void),var(--obsidian))}.tt-landing .faq-list{max-width:760px;margin:0 auto}.tt-landing .qa{border-bottom:1px solid var(--line)}.tt-landing .qa button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:none;border:none;color:var(--text);cursor:pointer;text-align:left;padding:26px 4px;font-family:var(--body)}.tt-landing .qa .q{font-size:17px;font-weight:600;font-family:var(--label)}.tt-landing .qa .ic{font-size:22px;color:var(--gold);flex:none;transition:transform .3s}.tt-landing .qa.open .ic{transform:rotate(45deg)}.tt-landing .qa .a{max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .35s;opacity:0}.tt-landing .qa.open .a{max-height:240px;opacity:1}.tt-landing .qa .a p{padding:0 4px 26px;color:var(--text-2);font-size:15px;line-height:1.7;max-width:62ch}.tt-landing .final{text-align:center;background:radial-gradient(90% 80% at 50% 50%,#2a1b3a,var(--void) 70%)}.tt-landing .final h2{font-size:clamp(32px,4.6vw,54px)}.tt-landing .final .sub{font-family:var(--narr);font-style:italic;color:var(--text-2);font-size:18px;margin:22px 0 38px}.tt-landing footer{border-top:1px solid var(--line);padding:56px 0 64px;background:var(--void)}.tt-landing .foot{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:30px}.tt-landing .foot .brand{margin-bottom:14px}.tt-landing .foot .tag{font-family:var(--narr);font-style:italic;color:var(--text-3);font-size:14px;max-width:26ch}.tt-landing .foot .links{display:flex;gap:48px;flex-wrap:wrap}.tt-landing .foot .col h4{font-family:var(--label);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px}.tt-landing .foot .col a{display:block;color:var(--text-2);font-size:14px;margin-bottom:11px;transition:.2s}.tt-landing .foot .col a:hover{color:var(--starlight)}.tt-landing .foot-bottom{margin-top:48px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.tt-landing .copyright{color:var(--text-3);font-size:12px;font-family:var(--label);letter-spacing:.04em}.tt-landing .locale-switch{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:999px;padding:3px}.tt-landing .locale-switch button{font-family:var(--label);font-size:11px;letter-spacing:.04em;color:var(--text-3);background:none;border:none;cursor:pointer;padding:5px 13px;border-radius:999px;transition:.2s}.tt-landing .locale-switch button:hover{color:var(--text-2)}.tt-landing .locale-switch button.on{background:hsla(36,40%,90%,.1);color:var(--text)}.tt-landing .paints{background:linear-gradient(180deg,var(--void),var(--obsidian) 50%,var(--void))}.tt-landing .theme-row{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}.tt-landing .theme{width:152px;margin:0;text-align:center}.tt-landing .theme img{width:100%;border-radius:9px;border:4px solid #f2ecdd;box-shadow:0 18px 44px rgba(0,0,0,.55);transition:transform .35s}.tt-landing .theme:hover img{transform:translateY(-8px)}.tt-landing .theme figcaption{font-family:var(--label);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--moonbeam);margin-top:14px}.tt-landing .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.tt-landing .reveal.in{opacity:1;transform:none}@media (max-width:560px){.tt-landing nav{padding:15px 18px}.tt-landing .brand{font-size:17px;letter-spacing:.12em}.tt-landing .nav-cta{padding:8px 14px;font-size:12px}}@media (max-width:880px){.tt-landing .hero-grid{grid-template-columns:1fr;gap:10px}.tt-landing .stage{height:440px;margin-top:20px}.tt-landing .steps{grid-template-columns:1fr}.tt-landing .phones{flex-direction:column;gap:40px;perspective:none}.tt-landing .phone.ph-input,.tt-landing .phone.ph-result{transform:none;filter:none}}@media (prefers-reduced-motion:reduce){.tt-landing *{animation:none!important}.tt-landing .reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}