/* T-Box public site: brand-first navigation and deliberate feedback. */
:root{--bg:#101514;--panel:#171e1c;--raised:#202b26;--line:#303e37;--text:#edf3ef;--muted:#aabbb2;--accent:#8ce6bf;--action:#8ce6bf;--site-action-ink:#112c21}
html{scroll-padding-top:100px}body{font-size:15px;-webkit-font-smoothing:antialiased}
.sidebar{display:none}.topbar{position:sticky;top:0;z-index:50;height:80px;margin:0;padding:0 max(32px,calc((100vw - 1240px)/2));background:#101514f5;border-bottom:1px solid var(--line);gap:32px}
.topbar .brand{display:flex;padding:0;font-size:23px;letter-spacing:-.7px;flex:none}.brand img{width:32px;height:32px}
.site-nav{display:flex;align-items:center;gap:28px;margin-right:auto}.site-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--muted);white-space:nowrap}
.site-nav a:hover,.site-nav [aria-current=page]{color:var(--text)}.site-nav [aria-current=page]{box-shadow:inset 0 -2px var(--accent)}
.topbar-actions{gap:20px;flex:none}.topbar-actions .nav-order{min-height:44px;display:flex;align-items:center;font-size:13px}.topbar .nav-download{font-size:13px}
.app-main{width:100%;max-width:1240px;margin:0 auto;padding:56px 32px 24px;min-height:calc(100vh - 160px)}
.portal-footer{max-width:1176px;margin:0 auto;padding:30px 0 36px;font-size:13px;gap:24px}
h1{font-size:clamp(30px,3.2vw,44px);font-weight:600;letter-spacing:-.045em;line-height:1.3}h2{font-size:28px;letter-spacing:-.035em}h3{font-size:19px;letter-spacing:-.02em}
.lead{line-height:1.9;font-size:18px}.eyebrow,.section-kicker{color:var(--accent);font-size:11px;letter-spacing:.12em}
.section{margin:64px 0}.page-header{margin-bottom:40px}.section-head{margin-bottom:28px;gap:28px}.section-head h2{margin:8px 0}
.hero{grid-template-columns:1fr 1.06fr;gap:48px;padding:42px 0 60px;min-height:530px}.hero h1{font-size:clamp(42px,4.6vw,62px);line-height:1.18;letter-spacing:-.055em;margin:24px 0}.hero h1 span{color:var(--accent)}.hero .lead{font-size:17px;line-height:1.9;margin-bottom:28px}.hero-meta{font-size:12px;margin-top:24px}.hero .actions{gap:12px}
.btn,.button{min-height:44px;padding:11px 20px;border-radius:8px;border-color:#405148;background:#202b26;line-height:1.5;font-size:14px}.btn:hover,.button:hover{background:#2b3b32;border-color:#7ba98e;color:var(--text)}
.btn.primary,.button.primary{background:var(--action);border-color:var(--action);color:var(--site-action-ink);font-weight:650}.btn.primary:hover,.button.primary:hover{background:#adf1d2;border-color:#adf1d2;color:var(--site-action-ink)}
.workspace{border-radius:14px;border:1px solid #42564b;background:#18211c;box-shadow:0 24px 70px #0003}.workspace-bar{padding:18px 20px}.workspace-layout{grid-template-columns:120px 1fr;min-height:344px}.workspace-menu{background:#141c17;padding:14px 8px}.workspace-menu button{min-height:44px}.workspace-menu .selected{background:#273e30;color:#adf1d2}.workspace-content{padding:26px 22px}.workspace-content h2{font-size:20px}.workspace-content>p,.answer-lines p{font-size:13px}.answer-lines p{border-left-color:#588d70}.workspace-bottom{margin-top:18px;line-height:1.8}
.product-strip{padding:20px 0;justify-content:space-between;border-width:1px 0;border-radius:0;background:none;font-size:13px;letter-spacing:.03em}.product-strip span{display:flex;align-items:center;gap:12px}.product-strip span::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent)}
.feature-rows article{grid-template-columns:140px 210px 1fr;padding:30px 0;gap:28px}.feature-rows article>span{color:var(--accent)}.feature-rows article p{line-height:1.9}.steps-grid{gap:38px}.steps-grid article{padding-top:24px;border-top:1px solid var(--line)}.steps-grid h3{margin-top:20px}
.panel,.card,.buy-card,.plan-card,.setup-step{border-radius:12px;padding:28px}.cards,.pricing,.membership-grid,.buy-grid{gap:20px}.recommended,.featured{border-color:#60836f}.tag,.badge{color:#bcf3d6;background:#294334}.amount,.buy-price{font-size:42px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.price .btn,.plan-card .btn{margin-top:24px}
.section-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.section-links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.section-links a:first-child{color:var(--accent)}
.privacy{padding:40px;gap:64px;background:#1a261f;border-radius:12px}.privacy h2{font-size:30px}.privacy p{line-height:1.9}.legal-section{margin-top:64px}.legal-section p{color:#aabbb2}.legal-section .section-kicker{color:var(--muted)}
video{border-radius:12px}.film-caption{padding:4px 0}.film-caption a{min-height:44px;display:inline-flex;align-items:center}
input,select,textarea{background:#111914;border-color:#53635a}pre{background:#111914}details{border-radius:10px;padding:18px 22px}summary{min-height:28px;line-height:1.8}.faq-group{margin:48px 0}.faq-group h2{font-size:24px}.faq-item summary{font-weight:550}.faq-item[open]{border-color:#668571}.faq-item p{max-width:80ch}
#payment-status{border-color:#66563a;border-left:4px solid #dcba75;background:#29261e;padding:24px 28px}#payment-status h2{font-size:21px;color:#f1d49a;margin-top:0}#payment-status p{color:#d0c3a9}#payment-status .btn{background:#393328;border-color:#746346}
.link-note{color:#efd49e;font-size:13px;margin-top:12px}.site-toast{position:fixed;z-index:120;bottom:28px;left:50%;transform:translate(-50%,8px);width:max-content;max-width:calc(100vw - 32px);padding:12px 20px;background:#e1f4e9;border:1px solid #add8bd;border-radius:10px;color:#153923;box-shadow:0 8px 32px #0004;font-size:14px;pointer-events:none;opacity:0;transition:opacity .16s,transform .16s}.site-toast.is-visible{opacity:1;transform:translate(-50%,0)}.site-toast:empty{padding:0;border:0}
.plan-drawer{position:fixed;z-index:90;inset:96px 16px 16px auto;margin:0;width:520px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 112px);height:max-content;overflow:auto;background:#19231d;color:var(--text);border:1px solid #607b69;border-radius:16px;padding:28px;box-shadow:-12px 12px 70px #0008;overscroll-behavior:contain}
.plan-drawer[open]{animation:drawer-in .2s ease-out}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.drawer-head h2{font-size:24px;margin:8px 0 16px}.drawer-close{flex:none;border:1px solid #536b5c;background:#26372c;color:var(--text);width:44px;height:44px;border-radius:8px;font-size:26px;line-height:1}.drawer-close:hover{background:#3b5042}.comparison-row{display:grid;grid-template-columns:1fr auto 60px;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:20px 0}.comparison-row h3{font-size:16px;margin:0}.comparison-row strong{font-size:25px;font-variant-numeric:tabular-nums}.comparison-row>span{color:var(--muted);font-size:13px;text-align:right}.drawer-notice{padding:16px;background:#302b20;border-left:3px solid #dcba75;color:#ead5ae;font-size:13px;margin:24px 0}.drawer-actions{display:flex;flex-wrap:wrap;gap:12px}.drawer-actions>a:last-child{width:100%;padding:8px 0;color:var(--accent);font-size:13px}.drawer-hint{font-size:12px;margin:18px 0 0;color:var(--muted)}
@keyframes drawer-in{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.site-nav{gap:18px}.topbar{gap:24px;padding:0 28px}.topbar-actions .nav-order{display:none}.hero{gap:32px;grid-template-columns:1fr 1fr}.hero h1{font-size:46px}.workspace-layout{grid-template-columns:100px 1fr}.workspace-content{padding:24px 16px}.feature-rows article{grid-template-columns:120px 180px 1fr}.portal-footer{margin:0 32px}}
@media(max-width:900px){.topbar{height:72px;padding:0 24px;justify-content:space-between}.site-nav{display:none}.mobile-menu{display:block;margin:0;padding:0;border:0;background:transparent;position:relative}.mobile-menu summary{display:flex;align-items:center;gap:12px;list-style:none;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;font-size:13px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:52px;width:260px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 100px);overflow:auto;padding:10px;background:#19231d;border:1px solid #536b5c;border-radius:10px;box-shadow:0 16px 40px #0006;z-index:60}.mobile-menu nav a{min-height:44px}.mobile-menu [aria-current=page]{background:#294334;color:#bcf3d6}.topbar-actions{gap:12px}.topbar-actions .nav-download{display:inline-flex}.app-main{padding:36px 24px 20px}.hero{grid-template-columns:1fr;gap:36px;padding:24px 0 40px}.hero h1{font-size:56px}.workspace{width:100%;max-width:none}.workspace-layout{grid-template-columns:150px 1fr}.workspace-content{padding:28px}.workspace-content h2{font-size:22px}.hero .lead{font-size:18px}.section{margin:56px 0}.feature-rows article{grid-template-columns:110px 150px 1fr;gap:18px}.privacy{gap:32px;padding:28px}.portal-footer{margin:0 24px;padding:26px 0}.plan-drawer{top:88px;max-height:calc(100dvh - 104px)}}
@media(max-width:600px){.topbar{padding:0 20px;gap:12px}.topbar .brand{font-size:21px}.topbar-actions .nav-download{display:none}.app-main{padding:28px 20px 16px}.hero{padding:14px 0 32px;gap:28px;min-height:auto}.hero h1{font-size:44px;margin:22px 0;line-height:1.22}.hero .lead{font-size:16px}.hero-meta{font-size:11px;line-height:1.8}.hero .actions{align-items:stretch}.hero .btn{font-size:13px;padding:11px 15px}.workspace-layout{grid-template-columns:1fr;min-height:0}.workspace-menu{padding:8px;border-bottom:1px solid var(--line);border-right:0}.workspace-menu button{font-size:11px;padding:8px 10px}.workspace-content{padding:24px 20px}.workspace-content h2{font-size:19px}.workspace-bar{padding:14px 18px}.product-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;padding:20px 0;font-size:12px}.section{margin:44px 0}.section-head{margin-bottom:22px}h2{font-size:25px}.section-links{gap:8px 22px;margin-top:12px}.feature-rows article{grid-template-columns:1fr;gap:10px;padding:24px 0}.steps-grid{gap:24px}.steps-grid article{padding-top:20px}.panel,.card,.buy-card,.plan-card{padding:24px}.privacy{grid-template-columns:1fr;gap:16px;padding:24px}.privacy h2{font-size:26px}.amount,.buy-price{font-size:38px}.portal-footer{margin:0 20px;line-height:1.9}.portal-footer div{gap:12px 20px}.plan-drawer{inset:72px 0 0;width:100%;max-width:100%;height:calc(100dvh - 72px);max-height:none;border-radius:0;border-width:1px 0 0;padding:24px 20px}.drawer-head h2{font-size:22px}.comparison-row{gap:12px}.site-toast{bottom:20px;font-size:13px}.legal-section{margin-top:44px}#payment-status{padding:22px}#payment-status h2{font-size:19px}.page-header .lead{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.plan-drawer[open]{animation:none}.site-toast,.btn,.button{transition:none}}
.plan-drawer::backdrop{background:#10151499}

/* Real product film replaces the illustrative workspace on the homepage. */
.hero-film{margin:0;min-width:0;width:100%;align-self:center}.hero-film video{aspect-ratio:16/9;border:1px solid #42564b;border-radius:14px;background:#090e11}.hero-film figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:var(--muted);margin-top:10px}.hero-film figcaption a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent)}
@media(max-width:600px){.hero-film figcaption{font-size:11px;gap:10px}}