.tg-page{--ink:#173a31;--muted:#557067;max-width:1320px;margin:auto;padding:clamp(16px,3vw,36px) clamp(16px,3vw,36px) 88px;color:var(--ink)}
.tg-page *{box-sizing:border-box}
.tg-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:clamp(24px,5vw,80px);align-items:center;padding:clamp(32px,6vw,84px);border-radius:30px;background:radial-gradient(circle at 70% 10%,#2d755e 0,#1c5746 35%,#123d33 100%);color:#fff;overflow:hidden}
.tg-eyebrow{margin:0 0 18px;font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#397d5c}
.tg-hero .tg-eyebrow{color:#a8debf}
.tg-hero h1{margin:0;font-size:clamp(2.65rem,5.5vw,5.4rem);line-height:1.06;letter-spacing:-.055em}
.tg-hero h1 em{font-style:normal;color:#bce9c9}
.tg-lead{max-width:62ch;margin:24px 0 0;color:#e2f1e9;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.65}
.tg-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.tg-actions a,.tg-billing>a{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:50px;padding:13px 19px;border-radius:12px;text-decoration:none;font-weight:750}
.tg-primary{background:#e4f5e9;color:#174735}.tg-secondary{border:1px solid #b5d5c3;color:#fff}
.tg-privacy{margin:22px 0 0;color:#bcd9c9;font-size:.86rem}
.tg-preview{width:100%;max-width:455px;margin:auto;padding:18px;border:1px solid #ffffff55;border-radius:23px;background:#f8fcf9;box-shadow:0 28px 68px #072f2680;color:var(--ink)}
.tg-preview-head{display:flex;align-items:center;gap:12px;padding:3px 3px 16px;border-bottom:1px solid #dce9e2}.tg-preview-head>div{display:grid;gap:2px}.tg-preview-head small,.tg-message small{color:var(--muted)}
.tg-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#174b3b;color:white;font-weight:900}
.tg-online{margin-left:auto;padding:5px 8px;border-radius:20px;background:#e1f3e8;color:#2c7151;font-size:.7rem;font-weight:800}
.tg-message{display:grid;gap:9px;margin:24px 0 16px;padding:20px;border-radius:16px 16px 16px 5px;background:#e7f4eb;line-height:1.45}.tg-message strong{font-size:1.1rem}.tg-message span{color:#36594c}
.tg-preview-buttons{display:flex;flex-wrap:wrap;gap:7px}.tg-preview-buttons span{flex:1;padding:10px 8px;border:1px solid #cadecf;border-radius:9px;text-align:center;font-size:.78rem;font-weight:800}.tg-preview>p{margin:16px 3px 2px;color:#688176;font-size:.72rem}
.tg-section{padding:clamp(52px,6vw,86px) 0}.tg-section-heading{max-width:700px}.tg-section h2,.tg-how h2,.tg-billing h2{margin:0;font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.15;letter-spacing:-.035em}
.tg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}.tg-grid article{padding:28px;border:1px solid #d9e7df;border-radius:18px;background:#fff;box-shadow:0 12px 32px #1d4b3110}.tg-feature-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e2f1e7;color:#216147;font-size:.82rem;font-weight:900}.tg-grid h3{margin:22px 0 9px;font-size:1.22rem}.tg-grid p,.tg-how p,.tg-billing p{margin:0;color:var(--muted);line-height:1.6}
.tg-how{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;padding:36px;border-radius:22px;background:#edf5f0}.tg-how ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.tg-how li{display:flex;align-items:start;gap:15px;padding:15px;border-radius:12px;background:#fff}.tg-how li span{display:grid;flex:none;place-items:center;width:27px;height:27px;border-radius:50%;background:#1d6048;color:#fff;font-size:.8rem;font-weight:800}
.tg-billing{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:24px;padding:36px;border:1px solid #d9e7df;border-radius:22px;background:#fff}.tg-billing>div{max-width:780px}.tg-billing p:last-child{margin-top:16px}.tg-billing>a{flex:none;background:#1b5b44;color:#fff}
@media(max-width:900px){.tg-hero{grid-template-columns:1fr}.tg-preview{max-width:550px}.tg-grid{grid-template-columns:1fr}.tg-how{grid-template-columns:1fr}.tg-billing{align-items:start;flex-direction:column}}
@media(max-width:560px){.tg-page{padding:12px 12px 56px}.tg-hero{padding:30px 22px;border-radius:20px}.tg-hero h1{font-size:2.5rem}.tg-actions a{width:100%}.tg-preview{padding:12px}.tg-preview-buttons span{flex-basis:100%}.tg-how,.tg-billing{padding:24px}.tg-grid article{padding:23px}}
@media(prefers-reduced-motion:no-preference){.tg-actions a,.tg-billing>a{transition:transform .18s ease,box-shadow .18s ease}.tg-actions a:hover,.tg-billing>a:hover{transform:translateY(-2px);box-shadow:0 8px 18px #082f2730}}