:root{--tt-bg: #f3f4f6;--tt-bg-alt: #ffffff;--tt-text: #1e1e1e;--tt-muted: #6b6b6f;--tt-accent: #ff6c00;--tt-dark: #23252b;--tt-border: #dedee3;--tt-radius-lg: 24px;--tt-radius-md: 18px;--tt-radius-pill: 12px;--tt-shadow-soft: 0 22px 45px rgba(15, 23, 42, .15);--tt-shadow-subtle: 0 10px 24px rgba(15, 23, 42, .08)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Montserrat,sans-serif;background:var(--tt-bg);color:var(--tt-text)}#root{min-height:100vh}.tt-page{min-height:100vh;display:flex;flex-direction:column}.tt-container{width:100%;max-width:1120px;margin:0 auto;padding:0 1.5rem}.tt-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(to bottom,#f3f4f6eb,#f3f4f6cc);border-bottom:1px solid rgba(222,222,227,.8)}.tt-header-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:1.5rem}.tt-logo{display:flex;align-items:center;gap:.65rem}.tt-logo-mark{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.tt-logo-mark-2{width:34px;height:34px;display:flex;align-items:center;justify-content:center;margin:0 10px 0 0}.tt-logo-text{font-family:Dongle,sans-serif;font-weight:600;font-size:34px;color:var(--tt-accent);margin:5px 0 0}.tt-nav{display:flex;align-items:center;gap:1.25rem;font-size:.9rem}.tt-nav-link{text-decoration:none;color:var(--tt-muted);position:relative;padding-bottom:.15rem;transition:color .16s ease,opacity .16s ease}.tt-nav-link:after{content:"";position:absolute;left:0;bottom:-.1rem;width:0;height:2px;border-radius:999px;background:var(--tt-accent);transition:width .18s ease}.tt-nav-link:hover{color:var(--tt-dark)}.tt-nav-link:hover:after{width:100%}.tt-button{font-family:Montserrat;border:none;border-radius:var(--tt-radius-pill);padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;cursor:pointer;background:var(--tt-accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;transition:transform .12s ease,box-shadow .12s ease,background .16s ease;white-space:nowrap;text-decoration:none}.tt-button:hover{transform:translateY(-1px);background:#ff7f22}.tt-button:active{transform:translateY(0);box-shadow:0 8px 18px #ff6c0059}.tt-button-ghost{background:transparent;color:var(--tt-dark);border:1px solid rgba(0,0,0,.07);box-shadow:none;padding-inline:1rem}.tt-button-ghost:hover{background:#00000008;box-shadow:none}.tt-button-outline{background:transparent;color:var(--tt-dark);border:1px solid rgba(0,0,0,.08);box-shadow:none}.tt-button-outline:hover{background:#fff;box-shadow:var(--tt-shadow-subtle)}.tt-button-lg{padding:.7rem 1.6rem;font-size:.95rem}.tt-header-actions{display:flex;align-items:center;gap:.75rem}.tt-hero{padding:3.5rem 0 3rem}.tt-hero-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:3rem;align-items:center}.tt-hero-title{font-size:clamp(2.1rem,3.1vw,2.8rem);line-height:1.1;letter-spacing:-.03em;margin:1rem 0 .7rem;color:var(--tt-dark)}.tt-hero-desc{margin:0;max-width:34rem;color:var(--tt-muted);font-size:.98rem;line-height:1.55}.tt-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .8rem;border-radius:var(--tt-radius-pill);background:var(--tt-accent);color:#fff;font-size:.78rem}.tt-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.6rem 0 1.2rem}.tt-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.8rem;color:var(--tt-muted)}.tt-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .8rem;border-radius:var(--tt-radius-pill);background:#111827;color:#e5e7eb;font-size:.75rem}.tt-hero-note{opacity:.9}.tt-hero-preview{position:relative;display:flex;justify-content:center}.tt-phone-frame{position:relative;width:320px;height:600px;max-width:100%;aspect-ratio:9 / 18;border-radius:34px;padding:.75rem}.tt-phone-notch{position:absolute;top:.5rem;left:50%;transform:translate(-50%);width:36%;height:12px;border-radius:999px;background:#090b10}.tt-phone-screen{width:100%;height:100%;border-radius:26px;padding:1.1rem 1rem;background:linear-gradient(145deg,#090b10,#151827);color:#f9fafb;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;position:relative}.tt-screen-tag{align-self:flex-start;font-size:.65rem;padding:.15rem .6rem;border-radius:var(--tt-radius-pill);background:#0f172ab3;border:1px solid rgba(148,163,184,.35);color:#e5e7eb}.tt-screen-card{border-radius:18px;padding:.7rem .7rem .8rem;background:#0f172af2;border:1px solid rgba(148,163,184,.4);box-shadow:0 16px 36px #0f172ab3;font-size:.72rem;line-height:1.45}.tt-screen-card-primary{background:radial-gradient(circle at 0% 0%,#ff6c004d,#0f172afa);border-color:#fb923cb3}.tt-card-heading{margin:0 0 .25rem;font-size:.9rem;letter-spacing:.06em;text-transform:uppercase}.tt-card-text{margin:0;color:#e5e7eb}.tt-screen-stack{display:flex;flex-direction:column;gap:.45rem;margin-top:.2rem}.tt-screen-label{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .5rem;border-radius:999px;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;background:#1f2937db;color:#f97316}.tt-hero-glow{position:absolute;inset:auto 0 -4rem;margin-inline:auto;width:380px;max-width:90%;height:120px;background:radial-gradient(circle at 50% 0%,rgba(255,108,0,.45),transparent);opacity:.65;filter:blur(22px);z-index:-1}.tt-section{padding:3rem 0}.tt-section-alt{padding:3.25rem 0;background:radial-gradient(circle at top left,#ffffff,var(--tt-bg));border-top:1px solid rgba(222,222,227,.7);border-bottom:1px solid rgba(222,222,227,.7)}.tt-section-header{text-align:left;max-width:640px;margin-bottom:2rem}.tt-section-title{margin:0 0 .6rem;font-size:1.5rem;letter-spacing:-.02em;color:var(--tt-dark)}.tt-section-subtitle{margin:0;font-size:.95rem;color:var(--tt-muted)}.tt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.tt-feature-card{padding:1.2rem 1.1rem 1.25rem;border-radius:var(--tt-radius-md);background:var(--tt-bg-alt);border:1px solid rgba(226,232,240,.9);box-shadow:0 10px 28px #0f172a0a;display:flex;flex-direction:column;gap:.45rem}.tt-feature-title{margin:0;font-size:1rem;color:var(--tt-dark)}.tt-feature-desc{margin:0;font-size:.9rem;color:var(--tt-muted)}.tt-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}.tt-step{display:flex;gap:15px;align-items:flex-start;padding:1rem .95rem;border-radius:18px;background:#fffc;border:1px dashed rgba(209,213,219,.9)}.tt-step-number{width:25px;height:25px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#111827;color:#f9fafb;font-size:12px;font-weight:600;padding:0}.tt-step-title{margin:0 0 .25rem;font-size:.98rem;color:var(--tt-dark)}.tt-step-desc{margin:0;font-size:.9rem;color:var(--tt-muted)}.tt-cta{border-radius:var(--tt-radius-lg);background:radial-gradient(circle at top left,#fff,#e5e7eb);padding:1.9rem 1.75rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border:1px solid rgba(209,213,219,.9);box-shadow:var(--tt-shadow-subtle)}.tt-cta-copy h2{margin:0 0 .4rem;font-size:1.4rem;letter-spacing:-.02em;color:var(--tt-dark)}.tt-cta-copy p{margin:0;font-size:.95rem;color:var(--tt-muted);max-width:26rem}.tt-cta-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;justify-content:flex-end}.tt-input{border-radius:var(--tt-radius-pill);border:1px solid rgba(148,163,184,.7);padding:.6rem .9rem;min-width:220px;font-size:.9rem;outline:none;background:#ffffffe6;color:var(--tt-dark);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.tt-input::placeholder{color:#94a3b8e6}.tt-input:focus{border-color:var(--tt-accent);box-shadow:0 0 0 1px #ff6c0066;background:#fff}.tt-footer{padding:1.75rem 0}.tt-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.8rem;color:var(--tt-muted);border-top:1px solid rgba(209,213,219,.8);padding-top:1.25rem}.tt-footer-left{display:flex;flex-direction:row;align-items:center}.tt-logo-text-footer{font-family:Dongle,sans-serif;font-weight:600;font-size:34px;color:var(--tt-accent);margin:5px 0 0}.tt-footer-tagline{font-size:.78rem}.tt-footer-links{display:flex;gap:1.1rem}.tt-footer-link{text-decoration:none;color:var(--tt-muted);transition:color .15s ease}.tt-footer-link:hover{color:var(--tt-dark)}.tt-footer-meta{opacity:.8}.tt-modal-backdrop{position:fixed;inset:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;z-index:40}.tt-modal-card{position:relative;width:100%;max-width:480px;background:#fff;border-radius:var(--tt-radius-lg);padding:1.75rem 1.75rem 1.5rem;box-shadow:var(--tt-shadow-soft)}.tt-modal-title{margin:0 0 .35rem;font-size:1.3rem;letter-spacing:-.02em;color:var(--tt-dark)}.tt-modal-subtitle{margin:0 0 1.25rem;font-size:.9rem;color:var(--tt-muted)}.tt-modal-form{display:flex;flex-direction:column;gap:.9rem}.tt-modal-label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--tt-dark)}.tt-modal-input{width:100%}.tt-textarea{border-radius:12px;border:1px solid rgba(148,163,184,.7);padding:.6rem .9rem;font-size:.9rem;outline:none;resize:vertical;min-height:120px;background:#fffffff2;color:var(--tt-dark);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.tt-textarea::placeholder{color:#94a3b8e6}.tt-textarea:focus{border-color:var(--tt-accent);box-shadow:0 0 0 1px #ff6c0066;background:#fff}.tt-modal-close{position:absolute;top:.85rem;right:.9rem;border:none;background:transparent;font-size:1.1rem;cursor:pointer;color:var(--tt-muted);padding:0}.tt-modal-close:hover{color:var(--tt-dark)}.tt-modal-helper{margin:0 0 1rem;font-size:.85rem;color:var(--tt-muted)}.tt-toggle-group{display:flex;gap:.5rem;margin-top:.35rem}.tt-toggle-button{font-family:Montserrat;flex:1;padding:.45rem .75rem;border-radius:var(--tt-radius-pill);border:1px solid rgba(148,163,184,.8);background:#fff;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease,transform .1s ease}.tt-toggle-button:hover{transform:translateY(-.5px);border-color:var(--tt-accent)}.tt-toggle-button--active{background:var(--tt-accent);color:#fff;border-color:var(--tt-accent)}.tt-instagram-grid{display:flex;flex-direction:row;justify-content:space-between;align-items:center;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.tt-ig-tile{flex:0 0 auto;width:170px;border-radius:14px;overflow:hidden;background:#0000000a;border:1px solid rgba(222,222,227,.8);box-shadow:0 10px 24px #0f172a0f;scroll-snap-align:start;text-decoration:none;display:block;margin:0 10px 0 0}.tt-ig-image{width:100%;height:170px;object-fit:cover;display:block;transition:transform .18s ease}.tt-ig-tile:hover .tt-ig-image{transform:scale(1.03)}.tt-instagram-grid{scrollbar-width:none}.tt-instagram-grid::-webkit-scrollbar{display:none}@media(max-width:640px){.tt-ig-tile{width:150px}.tt-ig-image{height:150px}}@media(max-width:640px){.tt-modal-card{margin:0 1.25rem;padding:1.5rem 1.25rem 1.25rem}}@media(max-width:900px){.tt-header-actions{display:none}.tt-nav{justify-content:center}.tt-header-inner{gap:1rem;justify-content:center}.tt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tt-steps{grid-template-columns:minmax(0,1fr)}.tt-hero-inner{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}.tt-hero-desc,.tt-hero-actions,.tt-hero-meta{margin-left:auto;margin-right:auto;justify-content:center}}@media(max-width:640px){.tt-header-inner{flex-wrap:nowrap;justify-content:space-between;padding:.8rem 1.25rem;gap:.5rem}.tt-nav{display:none}.tt-header-actions{display:flex}.tt-button{padding:.5rem 1rem;font-size:.85rem}.tt-logo-text{display:block;font-size:32px;margin-top:4px}.tt-grid{grid-template-columns:minmax(0,1fr)}.tt-cta{flex-direction:column;padding:1.5rem;text-align:center}.tt-cta-actions{justify-content:center;width:100%}.tt-input{width:100%}.tt-footer-inner{flex-direction:column;align-items:center;gap:1.5rem;padding-left:1.25rem;padding-right:1.25rem}.tt-instagram-grid .tt-ig-tile{width:130px}}