.hero::before,.appbar+.dk::before{background:radial-gradient(40% 60% at 78% 25%,rgba(255,176,120,.38),transparent 70%),radial-gradient(38% 55% at 96% 6%,rgba(253,186,116,.3),transparent 70%),radial-gradient(40% 60% at 55% 0%,rgba(254,215,170,.4),transparent 70%),radial-gradient(35% 50% at 18% 8%,rgba(196,181,253,.28),transparent 70%)!important}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ctl{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-left:auto}
.ctl label{font-size:.82rem;color:var(--muted);display:flex;gap:6px;align-items:center}.ctl select{font:inherit;font-size:.86rem;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:#fff}
.day{font-family:var(--mono);font-size:.82rem;background:#111827;color:#fff;border-radius:8px;padding:6px 10px}
.sm{font-size:.8rem;color:var(--muted)}.n{text-align:right}.tbl{overflow-x:auto}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:14px}
.step{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#6B7280;font-weight:600;margin:0 0 10px}
.stage{display:grid;gap:22px;padding-top:12px}@media(min-width:960px){.stage{grid-template-columns:400px 1fr}}
.phone{position:relative;width:min(100%,370px);margin:0 auto;height:720px;border-radius:38px;background:#fff;border:10px solid #111827;box-shadow:0 30px 60px -30px rgba(17,24,39,.45);overflow:hidden;display:flex;flex-direction:column;padding:12px 12px 0}
.ph-top{display:flex;justify-content:space-between;font-size:.72rem;font-weight:600;padding:0 8px 6px}
.ph-hi{font-weight:650;font-size:.95rem;margin:4px 6px 8px}
.ph-tabs{display:flex;gap:4px;overflow-x:auto;padding-bottom:6px}
.ph-tabs button{flex:none;font:inherit;font-size:.74rem;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 9px;cursor:pointer;color:var(--muted)}
.ph-tabs button.on{background:#111827;color:#fff;border-color:#111827}.ph-tabs i{font-style:normal;opacity:.7;margin-left:2px}
.ph-sum{font-size:.7rem;color:var(--muted);margin:2px 6px 6px;min-height:1em}
.ph-list{list-style:none;margin:0;padding:0 2px 16px;overflow-y:auto;flex:1}
.tk{border:1px solid var(--line);border-radius:14px;padding:10px 11px;margin-bottom:8px;transition:transform .26s,opacity .26s}
.tk.gone{transform:translateX(110%);opacity:0}
.tk-h{display:flex;justify-content:space-between;gap:8px;align-items:center}.tk-h b{font-size:.86rem}
.tk p{margin:3px 0 0;font-size:.74rem;color:var(--muted)}
.tk-a{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.tk-a button{font:inherit;font-size:.7rem;border:1px solid var(--line);background:#F9FAFB;border-radius:8px;padding:4px 7px;cursor:pointer}
.tk-a button:first-child{background:#111827;color:#fff;border-color:#111827}
.pp{font-size:.66rem;font-weight:700;padding:2px 7px;border-radius:999px;background:#F3F4F6;color:#374151;white-space:nowrap}
.pp-p1{background:#FEE2E2;color:#B91C1C}.pp-p2{background:#FEF3C7;color:#B45309}.pp-p3{background:#E0F2FE;color:#0369A1}.pp-pi{background:#EDE9FE;color:#6D28D9}.pp-ok{background:#DCFCE7;color:#15803D}
.sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);border-radius:18px 18px 0 0;padding:16px;box-shadow:0 -12px 30px -16px rgba(0,0,0,.3);transform:translateY(110%);transition:transform .25s;display:flex;flex-direction:column;gap:10px}
.sheet.on{transform:none}.sheet label{display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:var(--muted)}.sheet select{font:inherit;padding:8px;border:1px solid var(--line);border-radius:10px}
.sh-o{display:flex;gap:6px}.sh-o button,.sh-go,.sh-x{font:inherit;font-size:.82rem;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer}
.sh-go{background:#111827;color:#fff;border-color:#111827}.sh-x{border:0;color:var(--muted)}
tr.flag td{background:#FFF7ED}
.kp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kp div{background:#F9FAFB;border-radius:10px;padding:10px}
.kp span{display:block;font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.kp b{font-family:var(--mono);font-size:1.25rem;font-weight:500}
#log{list-style:none;margin:0;padding:0;max-height:300px;overflow:auto;font-size:.8rem}#log li{padding:6px 0;border-bottom:1px solid var(--line)}
.rl{font-family:var(--mono);font-size:.68rem;background:#F3F4F6;border-radius:4px;padding:1px 5px}
.empty{color:var(--muted);font-size:.85rem;padding:10px}
/* Ten Today identity: morning sunrise, coral energy. */
.hero::before,.appbar+.dk::before{background:radial-gradient(40% 60% at 80% 20%,rgba(255,120,80,.32),transparent 70%),radial-gradient(38% 55% at 98% 2%,rgba(255,190,90,.38),transparent 70%),radial-gradient(45% 60% at 50% -10%,rgba(255,226,180,.55),transparent 70%),radial-gradient(35% 50% at 12% 6%,rgba(255,200,170,.3),transparent 70%)!important}
.eyebrow,.kicker,.step{color:#E8492C!important}
.cta,.btn.primary,.appbar nav a.pri{background:linear-gradient(135deg,#FF5A3C,#FF8A3D)!important;border-color:#FF5A3C!important;color:#fff!important}
.cta:hover,.btn.primary:hover,.appbar nav a.pri:hover{background:linear-gradient(135deg,#E8492C,#F2762A)!important}
.ph-tabs button.on,.tk-a button:first-child,.sh-go{background:#FF5A3C;border-color:#FF5A3C}
.phone,.mini-ph{border-color:#1F1A17}
.flow{display:grid;gap:8px;margin:22px 0 4px}@media(min-width:860px){.flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch}}
.flow>div{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.flow b{display:block;font-family:var(--mono);font-size:1.6rem;font-weight:500;letter-spacing:-.02em}.flow span{display:block;font-size:.78rem;color:var(--muted);line-height:1.35}
.flow i{display:none;font-style:normal;color:#C4B5A5;font-size:1.3rem;align-self:center}@media(min-width:860px){.flow i{display:block}}
.f-a b{color:#9CA3AF}.f-b{border-top:3px solid #FFB547!important}.f-c{background:linear-gradient(135deg,#FF5A3C,#FF8A3D)!important;border:0!important}.f-c b,.f-c span{color:#fff}
/* Monochrome identity: ink on white, one soft neutral glow. */
.hero::before,.appbar+.dk::before{background:radial-gradient(45% 60% at 80% 15%,rgba(17,24,39,.06),transparent 70%),radial-gradient(40% 55% at 15% 5%,rgba(253,230,210,.45),transparent 70%)!important}
.eyebrow,.kicker,.step{color:#6B7280!important}
.cta,.btn.primary,.appbar nav a.pri{background:#111827!important;border-color:#111827!important}
.cta:hover,.btn.primary:hover,.appbar nav a.pri:hover{background:#000!important}
.ph-tabs button.on,.tk-a button:first-child,.sh-go{background:#111827;border-color:#111827}
.f-b{border-top:3px solid #111827!important}.f-c{background:#111827!important}
.pp-p1{background:#111827;color:#fff}.pp-p2{background:#4B5563;color:#fff}.pp-p3{background:#E5E7EB;color:#111827}.pp-pi{background:#fff;color:#111827;border:1px solid #111827}
.tt-wm{display:inline-flex;align-items:baseline;gap:.18em;font-weight:650;font-size:1.32rem;letter-spacing:-.045em;color:#111827;line-height:1}.tt-tick{width:.78em;height:.5em;align-self:flex-end;margin-bottom:.06em}.tt-wm{align-items:flex-end}
.appbar .logo .tt-tick{width:.8em;height:.52em;flex:none}
.mini-ph{cursor:pointer;transition:transform .2s,box-shadow .2s}.mini-ph:hover{transform:translateY(-4px);box-shadow:0 32px 60px -28px rgba(17,24,39,.55)}.mini-ph .tk{transition:background .15s}.mini-ph:hover .tk:first-child{background:#F9FAFB}.ground{font-size:.86rem;color:#374151;border-left:3px solid #111827;padding:2px 0 2px 10px;margin-top:6px}
/* Button and backdrop: ink action, first-light gradient. */
.cta{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:12px;font-weight:600;font-size:.95rem;text-decoration:none!important;color:#fff!important;background:linear-gradient(135deg,#1F2937,#111827)!important;box-shadow:0 10px 24px -12px rgba(17,24,39,.55);transition:transform .15s,box-shadow .15s}
.cta:hover{transform:translateY(-1px);box-shadow:0 14px 28px -12px rgba(17,24,39,.6)}
body{background:linear-gradient(180deg,#FFF6EC 0%,#FDF1F4 38%,#F7F7FB 75%,#FFFFFF 100%)!important;background-attachment:fixed!important}
.hero::before,.appbar+.dk::before{background:radial-gradient(42% 60% at 82% 12%,rgba(255,214,170,.55),transparent 70%),radial-gradient(40% 55% at 12% 4%,rgba(252,205,220,.45),transparent 70%)!important}
.appbar{background:rgba(255,250,246,.75)!important}
.ph-close{font-size:.72rem;color:#374151;background:#F9FAFB;border-top:1px solid var(--line);margin:0 -12px;padding:8px 14px;min-height:0}.ph-close:empty{display:none}