.twd{--ink:#0b0c0b;--ink2:#101110;--track:#1f241c;--paper:#f2f4ee;--mist:#a3aa99;--soft:#c9cfc0;--lime:#8bd84e;--glow:#e8f59a;--signal:#b6eb6e;--deep:#4fa52a;--violet:#8b5cf6;--line:#f2f4ee17;--gutter:clamp(16px,4.5vw,48px);background:var(--ink);color:var(--paper);font-family:var(--font-display),Manrope,system-ui,sans-serif;font-size:17px;line-height:1.6;position:relative;overflow-x:clip}.twd *{box-sizing:border-box}.twd a{color:inherit}.twd img,.twd video{max-width:100%;display:block}.twd-wrap{max-width:1180px;padding:0 var(--gutter);margin:0 auto}.twd-mono{font-family:var(--font-geist-mono),"JetBrains Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;font-size:13px}.twd-kicker{color:var(--signal);align-items:center;gap:8px;display:inline-flex}.twd-kicker:before{content:"";background:var(--lime);width:8px;height:8px;box-shadow:0 0 12px var(--lime);border-radius:50%}.twd-aura{pointer-events:none;z-index:0;height:1100px;position:absolute;inset:0 0 auto;overflow:hidden}.twd-aura i{filter:blur(60px);opacity:.5;border-radius:50%;animation:18s ease-in-out infinite alternate twd-drift;position:absolute}.twd-aura i:first-child{background:radial-gradient(circle,#8bd84e73,#0000 65%);width:520px;height:520px;top:-120px;left:-160px}.twd-aura i:nth-child(2){background:radial-gradient(circle,#8b5cf652,#0000 65%);width:600px;height:600px;animation-duration:24s;top:120px;right:-220px}.twd-aura i:nth-child(3){background:radial-gradient(circle,#e8f59a29,#0000 65%);width:420px;height:420px;animation-duration:30s;top:520px;left:40%}@keyframes twd-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(60px,40px)scale(1.12)}}.twd-hero{z-index:1;padding:clamp(40px,8vw,96px) 0 clamp(36px,6vw,72px);position:relative}.twd-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.twd-crumbs{color:var(--mist);flex-wrap:wrap;gap:6px;margin-bottom:18px;font-size:14px;display:flex}.twd-crumbs a{color:var(--mist);text-decoration:none}.twd-crumbs a:hover{color:var(--paper)}.twd h1{letter-spacing:-.035em;text-wrap:balance;margin:14px 0 18px;font-size:clamp(2.1rem,1.2rem + 4.2vw,4.4rem);font-weight:800;line-height:1.02}.twd h1 em,.twd h2 em{color:var(--lime);text-shadow:0 0 28px #8bd84e59;font-style:normal}.twd-lede{color:var(--soft);max-width:38em;margin:0;font-size:clamp(1.06rem,1rem + .45vw,1.3rem)}.twd-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.twd-btn{border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 24px;font-size:16px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.twd-btn.is-main{background:var(--lime);color:#101110;box-shadow:0 0 0 1px #8bd84e66,0 14px 36px -14px #8bd84ee6}.twd-btn.is-main:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #8bd84e80,0 18px 44px -12px #8bd84e}.twd-btn.is-ghost{color:var(--paper);border:1px solid #f2f4ee38}.twd-btn.is-ghost:hover{border-color:var(--lime);color:var(--glow)}.twd-note{color:var(--mist);margin-top:14px;font-size:14px}.twd-phone{aspect-ratio:9/16;background:#151715;border:1.5px solid #f2f4ee29;border-radius:34px;justify-self:center;width:min(300px,72vw,100%);position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #000c,0 0 0 8px #101110bf,0 0 80px -20px #8bd84e73}.twd-phone video,.twd-phone img{object-fit:cover;width:100%;height:100%}.twd-phone figcaption{color:var(--paper);justify-content:space-between;gap:8px;font-size:12px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.twd-phone figcaption span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b0c0bb8;border-radius:999px;padding:5px 9px}.twd-langs{height:clamp(180px,30vw,260px);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.twd-langs-row{white-space:nowrap;gap:12px;animation:70s linear infinite twd-slide;display:flex;position:absolute;left:0}.twd-langs-row:nth-child(2){animation-duration:90s;animation-direction:reverse}.twd-langs-row:nth-child(3){animation-duration:110s}.twd-langs-row span{border:1px solid var(--line);min-height:44px;color:var(--paper);background:#1f241c8c;border-radius:999px;align-items:center;padding:0 18px;font-size:clamp(15px,1.4vw,19px);font-weight:700;animation:6s ease-in-out infinite alternate twd-bob;display:inline-flex}.twd-langs-row span:nth-child(3n){color:var(--glow);border-color:#8bd84e59}.twd-langs-row span:nth-child(4n+1){animation-delay:-2s}.twd-langs-row span:nth-child(5n+2){animation-delay:-4s}@keyframes twd-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes twd-bob{0%{transform:translateY(-4px)}to{transform:translateY(6px)}}.twd-chips{z-index:20;-webkit-backdrop-filter:blur(14px);border-block:1px solid var(--line);background:#0b0c0bdb;position:sticky;top:68px}.twd-chips nav{padding:10px var(--gutter);scrollbar-width:none;gap:8px;max-width:1180px;margin:0 auto;display:flex;overflow-x:auto}.twd-chips nav::-webkit-scrollbar{display:none}.twd-chips a{border:1px solid var(--line);min-height:40px;color:var(--soft);border-radius:999px;flex:none;align-items:center;padding:0 15px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.twd-chips a:hover,.twd-chips a.is-on{color:#101110;background:var(--lime);border-color:var(--lime)}.twd-split{z-index:1;padding-block:clamp(36px,6vw,72px);position:relative}.twd-split-bar{border:1px solid var(--line);border-radius:18px;height:68px;margin:22px 0 14px;display:flex;overflow:hidden}.twd-split-bar b{white-space:nowrap;align-items:center;padding:0 18px;font-size:clamp(14px,1.6vw,18px);transition:flex-basis 1.4s cubic-bezier(.2,.8,.2,1);display:flex;overflow:hidden}.twd-split-bar b:first-child{background:linear-gradient(90deg,var(--deep),var(--lime));color:#101110;flex:0 0 12%}.twd-split-bar b:last-child{color:#fff;background:linear-gradient(90deg,#2a1f4d,#5b3fb0);flex:auto;justify-content:flex-end}.is-in .twd-split-bar b:first-child{flex-basis:60%}.twd-split-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.twd-split-list li a{color:#ddd2ff;background:#8b5cf624;border:1px solid #8b5cf659;border-radius:999px;align-items:center;min-height:40px;padding:0 14px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.twd-split-list li a:hover{background:#8b5cf64d}.twd-steps{counter-reset:s;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0 0;padding:0;list-style:none;display:grid}.twd-steps li{border:1px solid var(--line);background:linear-gradient(#1f241c99,#10111099);border-radius:20px;padding:18px;position:relative}.twd-steps li:before{counter-increment:s;content:counter(s);background:var(--lime);color:#101110;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:10px;font-weight:800;display:inline-grid}.twd-steps b{margin-bottom:4px;font-size:19px;display:block}.twd-steps p{color:var(--soft);margin:0;font-size:15px;line-height:1.5}.twd-sec{z-index:1;border-top:1px solid var(--line);padding:clamp(48px,8vw,104px) 0;scroll-margin-top:130px;position:relative}.twd-sec-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(24px,5vw,64px);display:grid}.twd-sec.is-flip .twd-sec-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.twd-sec.is-flip .twd-sec-text{order:2}.twd h2{letter-spacing:-.03em;text-wrap:balance;margin:12px 0 14px;font-size:clamp(1.75rem,1.1rem + 2.6vw,3.1rem);font-weight:800;line-height:1.06}.twd h3{margin:0 0 6px;font-size:clamp(1.15rem,1rem + .6vw,1.45rem);font-weight:800;line-height:1.2}.twd-sec-text p{color:var(--soft);margin:0 0 14px}.twd-ticks{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.twd-ticks li{color:var(--paper);padding-left:30px;position:relative}.twd-ticks li:before{content:"";background:#8bd84e29;border:1px solid #8bd84e8c;border-radius:6px;width:18px;height:18px;position:absolute;top:.42em;left:0}.twd-ticks li:after{content:"";border:solid var(--lime);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:calc(.42em + 4px);left:6px;transform:rotate(45deg)}.twd-badge{letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;color:var(--glow);background:#e8f59a1f;border:1px solid #e8f59a59;border-radius:999px;align-items:center;gap:6px;margin-left:8px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-flex}.twd-shot{background:#0f100f;border:1px solid #f2f4ee1f;border-radius:18px;margin:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;position:relative;overflow:hidden;box-shadow:0 30px 70px -30px #000000d9,0 0 0 1px #0006}.twd-shot:hover{transform:translateY(-4px);box-shadow:0 40px 80px -30px #000000e6,0 0 60px -20px #8bd84e66}.twd-shot img{width:100%;height:auto}.twd-shot figcaption{color:var(--mist);border-top:1px solid var(--line);background:#101110e6;padding:10px 14px;font-size:14px}.twd-shot.is-portrait{max-width:380px;margin-inline:auto}.twd-shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.twd-shots .twd-shot{max-width:none}.twd-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.twd-mode{border:1px solid var(--line);background:linear-gradient(160deg,#8bd84e1a,#10111066 50%);border-radius:20px;padding:20px}.twd-mode:nth-child(2){background:linear-gradient(160deg,#8b5cf62e,#10111066 50%)}.twd-mode:nth-child(3){background:linear-gradient(160deg,#e8f59a1f,#10111066 50%)}.twd-mode p{color:var(--soft);margin:0;font-size:15px;line-height:1.5}.twd-mode .twd-mono{color:var(--signal);margin-bottom:8px;font-size:12px;display:block}.twd-trial{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.twd-trial div{background:#8bd84e0f;border:1px solid #8bd84e4d;border-radius:18px;padding:18px}.twd-trial b{color:var(--glow);font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem);line-height:1.1;display:block}.twd-trial span{color:var(--soft);font-size:14px}.twd-faq{gap:10px;margin-top:22px;display:grid}.twd-faq details{border:1px solid var(--line);background:#10111099;border-radius:16px;padding:0 18px}.twd-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:56px;font-size:17px;font-weight:800;list-style:none;display:flex}.twd-faq summary::-webkit-details-marker{display:none}.twd-faq summary:after{content:"+";color:var(--lime);font-size:22px;transition:transform .2s}.twd-faq details[open] summary:after{transform:rotate(45deg)}.twd-faq details p{color:var(--soft);margin:0 0 16px}.twd-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.twd-related a{border:1px solid var(--line);background:#10111099;border-radius:18px;flex-direction:column;gap:6px;padding:18px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.twd-related a:hover{border-color:var(--lime);transform:translateY(-2px)}.twd-related small{color:var(--signal);font-size:12px}.twd-related b{font-size:17px;line-height:1.3}.twd-cta{z-index:1;padding:clamp(40px,7vw,80px) var(--gutter);text-align:center;border-top:1px solid var(--line);background:radial-gradient(60% 120% at 50% 0,#8bd84e2e,#0000 70%);margin:clamp(40px,7vw,90px) 0 0;position:relative}.twd-cta h2{max-width:22ch;margin-inline:auto}.twd-cta .twd-actions{justify-content:center}.twd-answer{background:linear-gradient(90deg,#8bd84e1a,#10111033);border:1px solid #8bd84e4d;border-radius:18px;margin:26px 0 0;padding:18px 20px}.twd-answer b{margin-bottom:6px;display:block}.twd-answer p{color:var(--paper);margin:0}.twd-howto{counter-reset:h;gap:clamp(28px,5vw,56px);margin:22px 0 0;padding:0;list-style:none;display:grid}.twd-howto>li{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(18px,4vw,48px);scroll-margin-top:130px;display:grid}.twd-howto>li>div:first-child:before{counter-increment:h;content:"Step " counter(h);font-family:var(--font-geist-mono),monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin-bottom:8px;font-size:12px;display:inline-block}.twd-howto p{color:var(--soft);margin:0 0 10px}.twd-prose{max-width:760px}.twd-prose p,.twd-prose li{color:var(--soft)}.twd-prose strong{color:var(--paper)}.twd-table{border-collapse:collapse;width:100%;margin-top:18px;font-size:15px}.twd-table th,.twd-table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:12px 10px}.twd-table th{color:var(--signal);font-family:var(--font-geist-mono),monospace;letter-spacing:.1em;text-transform:uppercase;font-size:12px}.twd-table-wrap{overflow-x:auto}.twd.has-motion [data-reveal]{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(26px)}.twd.has-motion [data-reveal].is-in{opacity:1;transform:none}.twd:not(.has-motion) .twd-split-bar b:first-child{flex-basis:60%}.twd [data-reveal="2"]{transition-delay:80ms}.twd [data-reveal="3"]{transition-delay:.16s}.twd [data-reveal="4"]{transition-delay:.24s}@media (max-width:980px){.twd-steps,.twd-trial{grid-template-columns:repeat(2,minmax(0,1fr))}.twd-related{grid-template-columns:1fr 1fr}}@media (max-width:760px){.twd-hero-grid,.twd-sec-grid,.twd-sec.is-flip .twd-sec-grid,.twd-howto>li{grid-template-columns:1fr}.twd-sec.is-flip .twd-sec-text{order:0}.twd-modes,.twd-shots,.twd-related{grid-template-columns:1fr}.twd-split-bar{height:56px}.twd-split-bar b{padding:0 12px}.twd-chips{top:60px}.twd-actions .twd-btn{flex:100%}}@media (max-width:420px){.twd-steps,.twd-trial{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.twd *,.twd :before,.twd :after{transition:none!important;animation:none!important}.twd [data-reveal]{opacity:1;transform:none}.twd-split-bar b:first-child{flex-basis:60%}}@media (max-width:767px){.twd-crumbs{align-items:center;gap:0 6px;margin-bottom:8px}.twd-crumbs a,.twd-crumbs span>a{align-items:center;min-height:44px;display:inline-flex}.twd-mono,.twd-mode .twd-mono,.twd-related small,.twd-related .twd-mono,.twd-badge,.twd-phone figcaption span{font-size:13px}.twd-sec-text p>a:only-child,.twd p>a:only-child{align-items:center;min-height:44px;display:inline-flex}.twd-table th{letter-spacing:.06em;font-size:13px}.twd-table th,.twd-table td{padding:12px 8px}}
