:root{
  --tt-bg:#08090b;--tt-panel:#111419;--tt-panel2:#171b21;--tt-text:#f4eee4;
  --tt-muted:#b9b0a4;--tt-line:rgba(255,255,255,.11);--tt-orange:#d54a1d;
  --tt-teal:#0b8d8d;--tt-gold:#bd8423;--tt-red:#c41e3a;--tt-green:#5ea464;
  --tt-radius:20px;--tt-shadow:0 20px 55px rgba(0,0,0,.35)
}
*{box-sizing:border-box}
html{background:var(--tt-bg);scroll-behavior:smooth}
body{margin:0;background:
 radial-gradient(circle at 78% 7%,rgba(213,74,29,.12),transparent 27%),
 radial-gradient(circle at 14% 52%,rgba(11,141,141,.08),transparent 25%),
 var(--tt-bg);color:var(--tt-text);font-family:Inter,Arial,sans-serif;min-height:100vh}
a{color:inherit}
button,input,select{font:inherit}
button,a.btn{min-height:46px}
.tt-shell{width:min(1040px,calc(100% - 28px));margin:0 auto;padding:18px 0 90px}
.tt-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 2px 18px}
.tt-brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.tt-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#d54a1d,#8f1e0b);font-family:'Barlow Condensed',Arial,sans-serif;font-weight:900}
.tt-brand strong{display:block;font-family:'Barlow Condensed',Arial,sans-serif;font-size:18px;letter-spacing:.05em;text-transform:uppercase}
.tt-brand span{display:block;color:var(--tt-muted);font-size:11px}
.tt-topnav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.tt-topnav a{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border:1px solid var(--tt-line);border-radius:999px;text-decoration:none;color:var(--tt-muted);font-size:12px;font-weight:800}
.tt-hero{position:relative;overflow:hidden;border:1px solid rgba(213,74,29,.32);background:linear-gradient(140deg,rgba(213,74,29,.14),rgba(17,20,25,.96) 46%,rgba(11,141,141,.08));border-radius:28px;padding:clamp(24px,5vw,52px);box-shadow:var(--tt-shadow)}
.tt-hero:after{content:"";position:absolute;width:340px;height:340px;right:-150px;bottom:-210px;border-radius:50%;border:70px solid rgba(213,74,29,.06)}
.tt-kicker{font-family:'Barlow Condensed',Arial,sans-serif;font-size:14px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--tt-orange)}
.tt-hero h1{position:relative;z-index:1;margin:12px 0 12px;max-width:760px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(48px,9vw,94px);font-weight:900;line-height:.82;letter-spacing:-.035em;text-transform:uppercase}
.tt-hero h1 span{color:var(--tt-orange)}
.tt-hero p{position:relative;z-index:1;max-width:720px;color:var(--tt-muted);font-size:clamp(15px,2vw,19px);line-height:1.6}
.tt-hero-actions{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.btn{border:0;border-radius:13px;padding:13px 17px;font-weight:900;text-transform:uppercase;letter-spacing:.035em;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.btn.primary{background:linear-gradient(145deg,#d54a1d,#a82c0c);color:#fff;box-shadow:0 12px 30px rgba(213,74,29,.24)}
.btn.secondary{background:rgba(11,141,141,.14);border:1px solid rgba(11,141,141,.48);color:#75d8d4}
.btn.ghost{background:rgba(255,255,255,.035);border:1px solid var(--tt-line);color:var(--tt-text)}
.btn.danger{background:rgba(196,30,58,.14);border:1px solid rgba(196,30,58,.5);color:#ff8a9b}
.btn:focus-visible,.tt-choice input:focus-visible+span,select:focus-visible,input:focus-visible{outline:3px solid #fff;outline-offset:3px}
.tt-status-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.tt-status{background:rgba(17,20,25,.92);border:1px solid var(--tt-line);border-radius:17px;padding:15px}
.tt-status small{display:block;color:var(--tt-muted);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.tt-status strong{display:block;margin-top:5px;font-family:'Barlow Condensed',Arial,sans-serif;font-size:25px;text-transform:uppercase}
.tt-section{margin-top:18px;border:1px solid var(--tt-line);border-radius:var(--tt-radius);background:rgba(17,20,25,.94);box-shadow:var(--tt-shadow);overflow:hidden}
.tt-section-head{padding:21px 22px 16px;border-bottom:1px solid var(--tt-line);display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.tt-section-head h2{margin:4px 0 0;font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(28px,5vw,43px);line-height:.95;text-transform:uppercase}
.tt-section-head p{max-width:520px;color:var(--tt-muted);font-size:13px;line-height:1.55;margin:4px 0 0}
.tt-body{padding:22px}
.tt-safety{border-left:5px solid var(--tt-red);background:rgba(196,30,58,.08);padding:14px;border-radius:13px;margin-bottom:18px;color:#e9c9cf;font-size:13px;line-height:1.5}
.tt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tt-field{border:1px solid var(--tt-line);background:rgba(255,255,255,.025);border-radius:15px;padding:14px}
.tt-field.full{grid-column:1/-1}
.tt-field label,.tt-label{display:block;font-family:'Barlow Condensed',Arial,sans-serif;font-size:16px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px}
.tt-field .hint{display:block;color:var(--tt-muted);font-size:11px;line-height:1.45;margin-top:7px}
.tt-field select,.tt-field input[type="date"]{width:100%;min-height:48px;border:1px solid var(--tt-line);border-radius:11px;background:#0b0d11;color:var(--tt-text);padding:11px}
.tt-choice-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.tt-choice{position:relative}
.tt-choice input{position:absolute;opacity:0;pointer-events:none}
.tt-choice span{display:flex;min-height:46px;align-items:center;justify-content:center;text-align:center;border:1px solid var(--tt-line);border-radius:11px;background:#0b0d11;color:var(--tt-muted);padding:8px;font-size:12px;font-weight:800;cursor:pointer}
.tt-choice input:checked+span{border-color:var(--tt-orange);background:rgba(213,74,29,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(213,74,29,.25)}
.tt-submit{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.tt-plan{display:none}
.tt-plan.visible{display:block}
.tt-plan-hero{position:relative;overflow:hidden;padding:25px;border-radius:20px;border:1px solid var(--tt-line);background:linear-gradient(140deg,rgba(255,255,255,.035),rgba(0,0,0,.18))}
.tt-plan-hero.build{border-color:rgba(213,74,29,.48);background:linear-gradient(140deg,rgba(213,74,29,.14),rgba(0,0,0,.20))}
.tt-plan-hero.practice{border-color:rgba(189,132,35,.48);background:linear-gradient(140deg,rgba(189,132,35,.13),rgba(0,0,0,.20))}
.tt-plan-hero.maintain{border-color:rgba(11,141,141,.55);background:linear-gradient(140deg,rgba(11,141,141,.13),rgba(0,0,0,.20))}
.tt-plan-hero.restore{border-color:rgba(94,164,100,.5);background:linear-gradient(140deg,rgba(94,164,100,.13),rgba(0,0,0,.20))}
.tt-plan-hero.reset{border-color:rgba(148,112,180,.55);background:linear-gradient(140deg,rgba(148,112,180,.13),rgba(0,0,0,.20))}
.tt-plan-hero.help{border-color:rgba(196,30,58,.7);background:linear-gradient(140deg,rgba(196,30,58,.18),rgba(0,0,0,.22))}
.tt-daytype{font-family:'Barlow Condensed',Arial,sans-serif;font-size:clamp(50px,10vw,90px);font-weight:900;line-height:.82;letter-spacing:-.03em;text-transform:uppercase;margin:8px 0}
.tt-plan-hero h3{font-family:'Barlow Condensed',Arial,sans-serif;text-transform:uppercase;font-size:26px;margin:0 0 10px}
.tt-plan-hero p{color:var(--tt-muted);line-height:1.55}
.tt-explain{margin-top:14px;border:1px solid rgba(189,132,35,.38);background:rgba(189,132,35,.07);border-radius:14px;padding:14px;line-height:1.55;color:#ead9bc;font-size:13px}
.tt-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.tt-action{display:flex;flex-direction:column;min-height:180px;padding:17px;border:1px solid var(--tt-line);border-radius:16px;background:rgba(0,0,0,.18)}
.tt-action small{color:var(--tt-orange);font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.tt-action h4{margin:7px 0;font-family:'Barlow Condensed',Arial,sans-serif;font-size:24px;text-transform:uppercase}
.tt-action p{color:var(--tt-muted);font-size:13px;line-height:1.5;flex:1}
.tt-action .btn{align-self:flex-start}
.tt-plan-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.tt-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.tt-metric{border:1px solid var(--tt-line);border-radius:14px;padding:13px;background:rgba(0,0,0,.17)}
.tt-metric strong{display:block;font-family:'Barlow Condensed',Arial,sans-serif;font-size:28px}
.tt-metric span{display:block;color:var(--tt-muted);font-size:11px;line-height:1.35}
.tt-bar{height:7px;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden;margin-top:8px}
.tt-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--tt-orange),var(--tt-gold));border-radius:inherit}
.tt-history{display:grid;gap:8px;margin-top:14px}
.tt-history-row{display:grid;grid-template-columns:105px 100px 1fr;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.07);padding:8px 0;font-size:12px}
.tt-history-row span:last-child{color:var(--tt-muted)}
.tt-empty{color:var(--tt-muted);font-size:13px}
.tt-method{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.tt-method article{border:1px solid var(--tt-line);border-radius:14px;padding:13px;background:rgba(0,0,0,.15)}
.tt-method b{display:block;font-family:'Barlow Condensed',Arial,sans-serif;font-size:21px;color:var(--tt-orange)}
.tt-method span{color:var(--tt-muted);font-size:11px;line-height:1.4}
.tt-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.82)}
.tt-modal.open{display:flex}
.tt-modal-card{width:min(560px,100%);max-height:90vh;overflow:auto;border:1px solid var(--tt-line);border-radius:20px;padding:22px;background:#111419;box-shadow:0 30px 90px #000}
.tt-modal-card h3{font-family:'Barlow Condensed',Arial,sans-serif;font-size:34px;text-transform:uppercase;margin:0 0 8px}
.tt-modal-card p,.tt-modal-card li{color:var(--tt-muted);line-height:1.55;font-size:13px}
.tt-modal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}
.tt-footer{padding:28px 4px 0;color:var(--tt-muted);font-size:11px;line-height:1.6}
.hidden{display:none!important}
@media(max-width:760px){
  .tt-shell{width:min(100% - 16px,1040px);padding-top:8px}
  .tt-top{align-items:flex-start}.tt-topnav a:nth-child(2){display:none}
  .tt-status-row,.tt-grid,.tt-actions,.tt-progress,.tt-method{grid-template-columns:1fr}
  .tt-choice-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tt-section-head{display:block}
  .tt-history-row{grid-template-columns:90px 80px 1fr}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.tt-brand .tt-mark{display:grid;color:#fff;font-size:14px;line-height:1}