:root{
  --bg:#F9F6F4; --alt:#F1EBE7; --dark:#2B2024; --darker:#1D1518;
  --ink:#221A1E; --body:#4A4045; --muted:#6B5F64; --faint:#8E7F85; --line:#E3DAD5;
  --wine:#753973; --rose:#8D468B; --pink:#E8B4C4; --amber:#A2662B; --green:#4F7F6F;
  --sans:Manrope,system-ui,sans-serif; --disp:Questrial,Jost,sans-serif; --acc:Prata,serif; --mono:'IBM Plex Mono',ui-monospace,monospace;
  --pad:clamp(18px,3vw,44px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-wrap:pretty;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--wine);text-decoration:none}
a:hover{color:#5C2B5B}
h1,h2,h3{margin:0;font-family:var(--disp);font-weight:400;letter-spacing:-.02em;line-height:1.2;text-wrap:balance}
h1{font-size:clamp(32px,5.2vw,58px);line-height:1.14;letter-spacing:-.03em}
h2{font-size:clamp(26px,3.4vw,40px)}
p{margin:0}
.wrap{max-width:1060px;margin:0 auto;padding-inline:var(--pad)}
.kicker{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--rose)}
.lead{font-size:clamp(15px,1.5vw,17px);line-height:1.6;color:var(--body);max-width:720px}
.acc{font-family:var(--acc);letter-spacing:0;color:var(--wine)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 30px;border-radius:4px;font-family:var(--disp);font-size:17px;text-align:center}
.btn-p{background:var(--wine);color:var(--bg)}
.btn-p:hover{background:#5C2B5B;color:var(--bg)}
.btn-s{border:1px solid #D9C4CC;color:var(--wine);font-family:var(--mono);font-size:15px}
.btn-s:hover{background:var(--alt);color:var(--wine)}
.sec{padding-block:clamp(44px,6vw,80px)}
.band{background:var(--alt);border-block:1px solid var(--line)}
.grid{display:grid;gap:clamp(16px,2vw,24px)}
.g3{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.card{background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:clamp(20px,2.4vw,26px)}
.card h3{font-size:19px;margin-bottom:10px}
.card p{font-size:14px;line-height:1.6;color:var(--muted)}
.hair{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:5px;overflow:hidden}
.hair>*{background:var(--bg)}
/* header */
header{position:sticky;top:0;z-index:30;background:rgba(249,246,244,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
.logo{font-family:var(--disp);font-size:clamp(17px,2vw,21px);letter-spacing:.06em;color:var(--ink)}
.nav-links{display:flex;gap:clamp(12px,1.8vw,26px);font-family:var(--disp);font-size:15px}
.nav-links a{color:var(--muted)}
.nav-cta{font-family:var(--disp);font-size:15px;color:var(--wine);background:transparent;border:1px solid #DCC8CF;padding:10px 18px;border-radius:4px;min-height:42px;display:flex;align-items:center;white-space:nowrap;transition:background .18s ease,border-color .18s ease}
.nav-cta:hover{color:var(--wine);background:#F3E9EC;border-color:#C9AEB8}
.burger{display:none;flex-direction:column;gap:5px;padding:12px 6px;background:none;border:0;cursor:pointer}
.burger span{width:22px;height:1.5px;background:var(--ink);display:block}
/* hud */
.hud{background:var(--alt);border-bottom:1px solid var(--line);font-family:var(--mono);overflow-x:auto}
.hud-in{display:flex;align-items:center}
.hud-cell{display:flex;align-items:center;gap:9px;padding:11px 18px;border-right:1px solid var(--line);white-space:nowrap}
.hud-cell:first-child{padding-left:0}
.hud-cell:last-child{border-right:0}
.hud-k{font-size:10px;letter-spacing:.14em;color:#9A8E93}
.hud-v{font-size:13px;color:var(--ink)}
.bar{width:64px;height:5px;border-radius:3px;background:#E0D4D8;overflow:hidden;display:inline-block}
.bar i{display:block;height:100%;background:var(--wine)}
.pill{font-size:10px;letter-spacing:.1em;border:1px solid #E0D4D8;color:var(--faint);padding:2px 6px;border-radius:2px}
.pill-ok{color:var(--green);border-color:#B4CCC2}
.pill-warn{color:var(--amber);border-color:#DEC0A0}
/* hero */
.hero{display:flex;flex-direction:column;gap:clamp(18px,2.4vw,26px);align-items:center;text-align:center;padding-block:clamp(40px,6vw,64px) clamp(22px,3vw,32px)}
.hero .kicker{font-size:clamp(10px,1.2vw,12px);letter-spacing:.15em;line-height:1.65;max-width:760px;text-wrap:balance}
.hero h1{max-width:820px}
.hero p{font-size:clamp(15px,1.5vw,18px);line-height:1.6;color:var(--body);max-width:680px}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%;max-width:500px}
.hero-cta a{flex:1 1 210px}
/* numbers */
.nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--line);border-block:1px solid var(--line)}
.num{background:var(--bg);padding:20px clamp(18px,2.4vw,26px);display:flex;flex-direction:column;gap:6px}
.num b{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#9A8E93}
.num strong{font-family:var(--mono);font-size:clamp(22px,2.6vw,28px);font-weight:400;white-space:nowrap}
.num span{font-size:13px;line-height:1.45;color:var(--muted)}
/* proof */
.proof{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(24px,3vw,36px);align-items:start;padding-block:clamp(30px,4vw,44px) clamp(36px,5vw,56px)}
.shot{border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fff}
.shot-tabs{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--line);background:var(--alt);font-family:var(--mono)}
.shot-tabs span{font-size:12px;letter-spacing:.06em;padding:11px 16px;color:var(--faint)}
.shot-tabs .on{background:#fff;color:var(--ink)}
.scrollx{overflow-x:auto}
.scrollx img{min-width:560px;width:100%}
.feats{display:flex;flex-direction:column;gap:15px;max-width:460px}
.feat{display:flex;flex-direction:column;gap:5px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.feat:last-child{border:0;padding:0}
.feat b{display:flex;gap:9px;align-items:center;font-family:var(--disp);font-size:17px;font-weight:400}
.feat span{font-size:14px;line-height:1.5;color:var(--muted)}
/* steps */
.step{padding:clamp(20px,2.6vw,28px)}
.step-h{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.step-h b{font-family:var(--mono);font-size:12px;font-weight:400;letter-spacing:.14em;color:var(--wine)}
.step p{font-size:15px;line-height:1.6;color:var(--body)}
.step em{font-family:var(--acc);font-style:normal;color:var(--ink)}
/* simulator */
.sim{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:5px;overflow:hidden}
.sim-l{background:var(--bg);padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;gap:22px}
.sim-r{background:var(--alt);padding:clamp(22px,2.6vw,30px);display:flex;flex-direction:column;gap:16px}
.sim-l label{display:flex;flex-direction:column;gap:9px;font-size:14px;color:var(--body)}
.sim-l label>span{display:flex;justify-content:space-between;align-items:baseline}
.sim-l output{font-family:var(--mono);font-size:15px;color:var(--ink)}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:grab;margin:0}
input[type=range]:active{cursor:grabbing}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:#E0D4D8}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-9px;border-radius:50%;background:var(--wine);border:3px solid var(--bg);box-shadow:0 0 0 1px #C9AEB8;transition:box-shadow .2s ease}
input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 6px rgba(122,47,78,.12)}
input[type=range]::-moz-range-track{height:6px;border-radius:3px;background:#E0D4D8}
input[type=range]::-moz-range-thumb{width:22px;height:22px;border:3px solid var(--bg);border-radius:50%;background:var(--wine)}
.ticks{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--faint)}
.hint{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--wine);border:1px dashed #D9C4CC;background:#F7EDF0;padding:7px 11px;border-radius:3px}
.nudge input[type=range]::-webkit-slider-thumb{animation:nudge 1.9s ease-in-out infinite}
.nudge input[type=range]::-moz-range-thumb{animation:nudge 1.9s ease-in-out infinite}
@keyframes nudge{0%,100%{box-shadow:0 0 0 1px #C9AEB8}50%{box-shadow:0 0 0 9px rgba(122,47,78,.15)}}
@media (prefers-reduced-motion:reduce){.nudge input[type=range]::-webkit-slider-thumb{animation:none}}
.chk{flex-direction:row!important;align-items:center;gap:11px!important;min-height:44px;cursor:pointer}
.chk input{width:20px;height:20px;accent-color:var(--wine)}
.hp-row{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.hp{font-family:var(--mono);font-size:clamp(38px,5vw,54px);line-height:1;color:var(--ink)}
.hp small{font-size:22px;color:#9A8E93}
.hp-state{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--wine);border:1px solid #D9C4CC;padding:5px 9px;border-radius:3px}
.hp-bar{height:8px;border-radius:4px;background:#E0D4D8;overflow:hidden}
.hp-bar i{display:block;height:100%;background:var(--wine);transition:width .25s ease}
.hp-text{font-size:15px;line-height:1.6;color:var(--body)}
.hp-warn{font-size:13px;line-height:1.55;color:var(--amber);border-top:1px solid #E0D4D8;padding-top:14px}
.hp-tags{display:flex;gap:8px;flex-wrap:wrap;font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--faint);margin-top:auto;padding-top:14px}
/* tracks */
.track b.lab{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-family:var(--mono);font-size:13px;font-weight:400;letter-spacing:.1em;color:var(--wine)}
.track>p{font-size:14px;line-height:1.6;color:var(--body);margin-bottom:14px}
.track ul{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.55;color:var(--muted)}
.track ul b{color:var(--ink);font-weight:400}
/* pricing */
.plan{display:flex;flex-direction:column;gap:10px;background:var(--alt);border:1px solid var(--line);border-radius:5px;padding:clamp(20px,2.4vw,26px)}
.plan.best{background:var(--bg);border-color:var(--wine)}
.plan h3{font-size:22px}
.plan .desc{font-size:14px;line-height:1.55;color:var(--muted)}
.plan .price{font-family:var(--mono);font-size:clamp(20px,2.4vw,26px);margin-top:auto}
.plan .price small{font-size:13px;color:var(--faint)}
.plan .old{font-family:var(--mono);font-size:12px;color:var(--faint);text-decoration:line-through}
.plan a{margin-top:8px;min-height:48px;font-size:15px}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:5px}
.tbl-in{min-width:760px}
.tr{display:grid;grid-template-columns:1.7fr .6fr .6fr .6fr;border-bottom:1px solid var(--line);background:var(--bg)}
.tr:last-child{border-bottom:0}
.th{background:var(--alt);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.tr div{padding:14px 18px;font-size:14px;line-height:1.5;color:var(--body)}
.tr div+div{padding:14px;text-align:center;font-family:var(--mono);font-size:15px}
.yes{color:var(--green)}
.no{color:#C4B2B8}
/* dark */
.dark{background:var(--dark);color:#F9F6F4}
.dark h2,.dark h3{color:#F9F6F4}
.dark .kicker{color:var(--pink)}
.dark .lead{color:#B9ACB1}
.boss{background:var(--darker);padding:clamp(20px,2.4vw,26px)}
.boss .tag{font-family:var(--mono);font-size:10px;letter-spacing:.12em;padding:3px 7px;border-radius:2px;display:inline-block;margin-bottom:14px;border:1px solid rgba(239,235,232,.24);color:#B9ACB1}
.boss .tag.w{color:#C98B4B;border-color:rgba(201,139,75,.5)}
.boss .tag.t{color:#7FA89B;border-color:rgba(127,168,155,.45)}
.boss h3{font-size:21px;margin-bottom:12px}
.boss .q{font-family:var(--acc);font-size:16px;line-height:1.5;color:var(--pink);margin-bottom:14px}
.boss dl{margin:0;font-size:13px;line-height:1.6;color:#9A8E93;display:flex;flex-direction:column;gap:8px;border-top:1px solid rgba(232,180,196,.16);padding-top:14px}
.boss dl b{color:#F6F2EF;font-weight:400}
.bosses{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:1px;background:rgba(232,180,196,.2);border:1px solid rgba(232,180,196,.2);border-radius:5px;overflow:hidden}
/* faq */
.faq{border-top:1px solid var(--line);max-width:900px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;cursor:pointer;list-style:none;font-family:var(--disp);font-size:clamp(16px,1.8vw,20px);line-height:1.35;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-family:var(--mono);font-size:20px;color:var(--wine);flex-shrink:0}
.faq details[open] summary::after{content:'−'}
.faq p{padding:0 0 22px;font-size:15px;line-height:1.65;color:var(--body);max-width:760px}
/* quote */
.pull{display:flex;flex-direction:column;gap:clamp(18px,2.2vw,28px);max-width:1040px}
.pull blockquote{margin:0;font-family:var(--acc);font-size:clamp(21px,2.4vw,30px);line-height:1.5;max-width:100%}
.pull cite{font-family:var(--mono);font-size:12px;font-style:normal;letter-spacing:.06em;line-height:1.7;color:var(--faint);align-self:flex-start}
/* footer */
footer{background:var(--darker)}
.foot{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(24px,3vw,40px);padding-block:clamp(36px,4.5vw,56px)}
.foot p{font-size:14px;line-height:1.6;color:#9A8E93;max-width:340px}
.foot .say{font-family:var(--acc);font-size:17px;line-height:1.55;color:var(--pink);max-width:360px}
.foot .legal{font-family:var(--mono);font-size:11px;line-height:1.7;color:#6F6165}
.foot .links{display:flex;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:11px}
.foot .links a{color:#9A8E93}
@media (max-width:900px){
  .nav-links{display:none}
  .nav-links.open{display:flex;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--line);padding:8px var(--pad) 16px}
  .nav-links.open a{padding:14px 0;border-bottom:1px solid var(--line);font-size:17px}
  .burger{display:flex}
  .tr{grid-template-columns:1.5fr .5fr .5fr .5fr}
}
/* deck cards stack */
.deck-container{display:flex;flex-direction:column;gap:14px;width:100%}
.deck-tabs{display:flex;gap:8px}
.deck-tab{background:#fff;border:1px solid var(--line);border-radius:6px;padding:8px 16px;font-family:var(--mono);font-size:13px;color:var(--muted);cursor:pointer;transition:all .2s ease}
.deck-tab:hover{border-color:var(--wine);color:var(--ink)}
.deck-tab.active{background:var(--wine);color:#fff;border-color:var(--wine);font-weight:600}
.deck-cards{position:relative;width:100%;aspect-ratio:16/10;min-height:260px}
.deck-card{position:absolute;top:0;left:0;width:88%;height:88%;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.1);cursor:pointer;transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .45s ease,box-shadow .3s ease}
.deck-card img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.deck-card-0.active{z-index:2;transform:translate(0,0) scale(1);opacity:1}
.deck-card-1{z-index:1;transform:translate(12%,10%) scale(.94);opacity:.85}
.deck-card-1.active{z-index:2;transform:translate(0,0) scale(1);opacity:1}
.deck-card-0:not(.active){z-index:1;transform:translate(12%,10%) scale(.94);opacity:.85}
.deck-card:hover{box-shadow:0 16px 40px rgba(0,0,0,.18)}
.deck-card-0:not(.active):hover,.deck-card-1:not(.active):hover{transform:translate(9%,7%) scale(.96);opacity:.95}
.deck-hint{position:absolute;bottom:12px;right:12px;background:rgba(43,24,31,.85);color:#fff;padding:6px 14px;border-radius:20px;font-family:var(--mono);font-size:11px;letter-spacing:.04em;backdrop-filter:blur(4px);pointer-events:none;display:flex;align-items:center;gap:6px}

/* Lightbox Modal */
.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(15,10,12,.92);backdrop-filter:blur(10px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .3s ease}
.lightbox-overlay.open{opacity:1;pointer-events:auto}
.lightbox-box{position:relative;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;align-items:center}
.lightbox-box img{max-width:100%;max-height:80vh;border-radius:8px;box-shadow:0 24px 60px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.15);object-fit:contain}
.lightbox-close{position:absolute;top:-48px;right:0;background:rgba(255,255,255,.2);color:#fff;border:0;border-radius:50%;width:38px;height:38px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}
.lightbox-close:hover{background:rgba(255,255,255,.4)}
.lightbox-cap{margin-top:14px;color:#F6F2EF;font-family:var(--disp);font-size:16px;letter-spacing:.02em}

.alt-hero{padding-top:clamp(52px,8vw,104px);padding-bottom:clamp(56px,8vw,100px)}
.alt-hero h1{max-width:940px;margin:18px 0 22px}.alt-hero .hero-promise{display:block;margin-top:16px;font-family:var(--acc);font-size:.82em;line-height:1.25;letter-spacing:0;color:var(--wine)}.alt-hero .lead{max-width:700px;font-size:clamp(17px,2vw,20px)}
.alt-hero .hero-promise-main{display:block;max-width:760px;text-wrap:balance}.alt-hero .hero-promise-support{display:block;margin-top:10px;font-family:var(--sans);font-size:.55em;font-weight:700;line-height:1.45;letter-spacing:0;color:var(--body)}
.alt-hero .hero-intro{max-width:630px;color:var(--muted);font-size:clamp(15px,1.6vw,17px);line-height:1.6}.alt-hero .hero-description{max-width:680px;font-size:clamp(16px,1.7vw,18px);line-height:1.65}.alt-hero .hero-example{max-width:680px;color:var(--muted);font-size:clamp(15px,1.5vw,17px);line-height:1.65}
.alt-hero .hero-cta{justify-content:flex-start;align-items:stretch;margin-top:30px}.alt-hero .hero-cta a{flex:0 1 auto;min-height:52px;white-space:normal}.alt-body{font-size:clamp(16px,1.5vw,18px);line-height:1.75;color:var(--body);max-width:740px}.alt-body p+p{margin-top:18px}
.alt-intro{max-width:900px}.alt-intro h2,.alt-section h2{margin-bottom:22px}.alt-section .kicker{margin-bottom:12px}
.alt-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,80px);align-items:start}.alt-row+.alt-row{margin-top:70px}
.alt-quote{font-family:var(--acc);font-size:clamp(21px,2.8vw,32px);line-height:1.5;color:var(--wine);border-left:2px solid var(--wine);padding-left:25px;margin:0}
.alt-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:35px}.alt-columns h3{font-size:23px;margin-bottom:14px}.alt-columns p{font-size:15px;line-height:1.7;color:var(--body)}
.alt-number{font-family:var(--mono);font-size:11px;color:var(--rose);letter-spacing:.12em;display:block;margin-bottom:18px}.alt-list{margin-top:36px;border-top:1px solid var(--line)}.alt-item{display:grid;grid-template-columns:170px 1fr;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.alt-item strong{font-weight:600;color:var(--wine)}.alt-item p{line-height:1.7;color:var(--body)}
.alt-note{font-size:13px;line-height:1.6;color:var(--muted);margin-top:16px}.alt-motto{background:var(--dark);color:var(--bg);padding-block:clamp(65px,10vw,130px)}.alt-motto blockquote{font-family:var(--acc);font-size:clamp(27px,4vw,47px);line-height:1.5;max-width:920px;margin:0}.alt-motto .kicker{color:var(--pink);margin-bottom:22px}
.alt-faq details{border-bottom:1px solid var(--line);padding:20px 0}.alt-faq summary{cursor:pointer;font-size:18px}.alt-faq details p{line-height:1.7;color:var(--body);max-width:720px;margin-top:12px}
.alt-cta{padding-block:80px 100px}.alt-cta h2{max-width:740px;margin-bottom:18px}.alt-cta .btn{margin-top:26px}.alt-image{border:1px solid var(--line);background:white;padding:8px}.alt-img-caption{font-size:13px;line-height:1.5;color:var(--muted);margin-top:10px}
.alt-footer{background:var(--dark);color:#e5d8df;padding-block:32px}.alt-footer a{color:#e5d8df}.alt-nav{display:flex;gap:24px;align-items:center}.alt-nav a{font-size:14px;color:var(--body)}
@media(max-width:700px){.alt-row,.alt-columns{grid-template-columns:1fr}.alt-columns{gap:28px}.alt-item{grid-template-columns:1fr;gap:8px}.alt-nav a:not(.alt-nav-cta){display:none}.alt-hero .hero-cta{flex-direction:column;align-items:stretch;max-width:100%}.alt-hero .hero-cta a{flex:none;width:100%;min-height:52px}.alt-hero h1{font-size:clamp(31px,8vw,44px)}}
@media(max-width:700px){.alt-hero{padding-top:36px;padding-bottom:48px}.alt-hero .kicker{font-size:10px;letter-spacing:.12em}.alt-hero .hero-intro{font-size:15px;line-height:1.55;margin-top:14px}.alt-hero h1{margin:20px 0}.alt-hero .hero-promise{font-size:clamp(29px,7.8vw,38px);line-height:1.2;margin-top:0}.alt-hero .hero-description{font-size:16px;line-height:1.55}.alt-hero .hero-example{font-size:15px;line-height:1.55;margin-top:15px!important}.alt-hero .hero-cta{margin-top:24px;gap:10px}.alt-hero .hero-cta a{font-size:16px}}
.life-tracks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:32px}.life-track{background:var(--bg);padding:clamp(22px,3vw,34px);border-top:4px solid var(--track)}.life-track-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:16px;font-size:26px;line-height:1}.life-track-label{font-family:var(--mono);font-size:clamp(16px,1.7vw,20px);font-weight:600;letter-spacing:.08em;color:var(--track);text-transform:uppercase}.life-track h3{font-size:clamp(23px,2.5vw,30px);margin:10px 0 14px}.life-track p{font-size:15px;line-height:1.65;color:var(--body)}.life-track-examples{margin-top:18px;padding-top:15px;border-top:1px solid var(--line);font-size:14px!important;color:var(--muted)!important}.life-together{display:flex;align-items:center;gap:16px;padding-top:22px;color:var(--body);font-size:15px;line-height:1.55}.life-together strong{color:var(--wine);font-weight:700}.life-together:before{content:"";width:34px;height:2px;background:var(--wine);flex:none}@media(max-width:700px){.life-tracks{grid-template-columns:1fr;gap:1px}.life-track{border-top:0;border-left:4px solid var(--track);padding:20px 22px}.life-track h3{margin:6px 0 8px}.life-track-examples{margin-top:11px;padding-top:10px}.life-together{align-items:flex-start}}
.life-context{grid-column:1/-1;background:var(--alt);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px clamp(22px,3vw,34px);flex-wrap:wrap}.life-context-intro,.life-context-note{font-size:14px;line-height:1.5;color:var(--muted)}.life-context-items{display:flex;gap:24px;flex-wrap:wrap;color:var(--wine);font-weight:700;font-size:16px}.life-context-items span span{margin-right:5px}@media(max-width:700px){.life-context{gap:10px;align-items:flex-start;flex-direction:column}.life-context-items{gap:20px}}
.life-picture{grid-column:1/-1;background:var(--alt);padding:24px clamp(22px,3vw,34px) 28px;border-top:1px solid var(--line)}.life-picture-label{font-size:clamp(17px,2vw,20px);font-weight:700;color:var(--wine);margin-bottom:17px}.life-picture-factors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.life-picture-factors>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:14px;background:var(--bg);border:1px solid var(--line);line-height:1.4}.life-picture-factors strong{font-size:15px;color:var(--ink)}.life-picture-factors small{flex-basis:100%;padding-left:25px;color:var(--muted);font-size:13px}@media(max-width:700px){.life-picture-factors{grid-template-columns:1fr;gap:8px}.life-picture-factors>div{padding:10px 13px}.life-picture-factors small{flex-basis:auto;padding-left:0;margin-left:auto}}
.life-illustration-link{display:block;margin-top:32px;color:var(--wine)}.life-illustration-link img{width:100%;height:auto}.life-illustration-link span{display:block;margin-top:12px;font-size:14px;text-decoration:underline;text-underline-offset:3px}.life-illustration-link:focus-visible{outline:3px solid var(--wine);outline-offset:5px}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(28px,4vw,60px)}.hero-copy{min-width:0}.hero-art{min-width:0}.hero-art img{width:100%;height:auto;display:block}.alt-hero h1{font-size:clamp(32px,4vw,52px)}@media(max-width:700px){.hero-layout{grid-template-columns:1fr;gap:24px}.hero-art{max-width:470px;margin:0 auto}.alt-hero h1{font-size:clamp(31px,8vw,44px)}}
.life-interactive{position:relative;min-height:390px;isolation:isolate}.life-ribbons{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible}.ribbon{fill:none;stroke-width:32;stroke-linecap:round;opacity:.19}.ribbon-vitality{stroke:#518d79}.ribbon-craft{stroke:#884b88}.ribbon-social{stroke:#c77988}.ribbon-context{stroke:#d3ab71;stroke-width:12;opacity:.25}.life-selector{position:absolute;left:0;top:28px;bottom:28px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.life-choice{appearance:none;border:1px solid transparent;background:rgba(249,246,244,.93);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--sans);text-align:left;cursor:pointer;transition:border-color .18s,box-shadow .18s}.life-choice>span:first-child{font-size:25px}.life-choice strong{display:block;font-size:14px;letter-spacing:.06em;color:var(--wine)}.life-choice small{display:block;font-size:12px;color:var(--muted);margin-top:2px}.life-choice:hover,.life-choice[aria-pressed="true"]{border-color:#bc90b9;box-shadow:0 4px 18px #7539731a}.life-choice:focus-visible{outline:3px solid var(--wine);outline-offset:3px}.life-center{position:absolute;left:63%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:var(--bg);border:1px solid #dcc8cf;text-align:center;font-size:13px;font-weight:700;letter-spacing:.1em;line-height:1.5;color:var(--wine)}.life-context-buttons{position:absolute;right:0;top:16px;bottom:16px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.life-small{font-size:13px;font-weight:600}.life-small>span:first-child{font-size:20px}.life-explanation{min-height:82px;border-top:1px solid var(--line);padding:16px 4px 0;color:var(--body);font-size:14px;line-height:1.55}.life-explanation strong{color:var(--wine)}.life-explanation p{margin-top:4px}@media(max-width:700px){.life-interactive{min-height:300px}.life-center{width:80px;height:80px;font-size:11px;left:64%}.life-selector{top:12px;bottom:12px}.life-choice{padding:7px 8px;gap:6px}.life-choice>span:first-child{font-size:21px}.life-choice strong{font-size:12px}.life-choice small{font-size:11px}.life-small{font-size:12px}.life-context-buttons{top:6px;bottom:6px}.ribbon{stroke-width:25}}@media(max-width:370px){.life-choice small{display:none}.life-center{left:62%}.life-small{font-size:11px}}
.life-illustrated{position:relative;width:100%}.life-illustrated img{display:block;width:100%;height:auto}.life-illustrated .life-hotspot{position:absolute;display:block;padding:0;background:transparent;border:2px solid transparent;border-radius:50%;cursor:pointer;box-shadow:none}.life-illustrated .life-hotspot:hover,.life-illustrated .life-hotspot[aria-pressed="true"]{background:rgba(117,57,115,.07);border-color:rgba(117,57,115,.55);box-shadow:0 0 0 4px rgba(249,246,244,.65)}.life-hotspot-day{left:34%;top:36%;width:32%;height:44%}.life-hotspot-vitality{left:38.6%;top:5.5%;width:22.8%;height:31%}.life-hotspot-craft{left:4.7%;top:41%;width:23.7%;height:33%}.life-hotspot-social{left:71.5%;top:41%;width:23.7%;height:33%}
.web-life{background:#f9f6f4;overflow:hidden}.web-life-head{text-align:center;max-width:750px;margin:0 auto}.web-life-head h2{margin:0 0 14px}.web-life-head p{line-height:1.7;color:var(--body)}.web-life-graphic{position:relative;margin:34px auto 0;max-width:1040px;min-height:430px}.web-life-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.web-life-line{fill:none;stroke-linecap:round;stroke-width:44;opacity:.22}.web-life-v{stroke:#72a392}.web-life-c{stroke:#a065a0}.web-life-s{stroke:#d18c9d}.web-life-m{stroke:#d9af72;stroke-width:16;opacity:.28}.web-life-choices{position:absolute;left:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;z-index:1}.web-life-button{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid transparent;background:rgba(249,246,244,.94);padding:9px 12px;border-radius:12px;cursor:pointer;color:var(--ink);font-family:var(--sans)}.web-life-button:hover,.web-life-button[aria-pressed="true"]{border-color:#c8a3c6;box-shadow:0 4px 20px #75397318}.web-life-button:focus-visible{outline:3px solid var(--wine);outline-offset:2px}.web-life-button .web-icon{font-size:25px}.web-life-button strong{display:block;font-size:14px;letter-spacing:.08em;color:var(--wine)}.web-life-button small{display:block;font-size:12px;line-height:1.4;color:var(--body)}.web-life-center{position:absolute;left:61%;top:50%;transform:translate(-50%,-50%);border-radius:50%;width:130px;height:130px;background:var(--bg);border:1px solid var(--line);display:grid;place-items:center;text-align:center;font-size:15px;font-weight:700;letter-spacing:.1em}.web-life-more{position:absolute;left:38%;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;z-index:1}.web-life-detail{margin:12px auto 0;max-width:750px;padding:18px 22px;border:1px solid var(--line);background:var(--bg);line-height:1.55;min-height:82px;color:var(--body)}.web-life-detail strong{color:var(--wine)}.web-life-detail p{margin-top:3px}.web-life-example{max-width:750px;margin:18px auto 0;color:var(--body);line-height:1.65;font-size:15px}@media(max-width:700px){.web-life-graphic{min-height:370px;margin-top:25px}.web-life-button{padding:7px;gap:6px}.web-life-button .web-icon{font-size:21px}.web-life-button strong{font-size:12px}.web-life-button small{font-size:11px}.web-life-choices{top:10px;bottom:10px}.web-life-more{left:auto;right:0;top:10px;bottom:10px}.web-life-center{left:64%;width:82px;height:82px;font-size:11px}.web-life-line{stroke-width:32}.web-life-m{stroke-width:10}.web-life-detail{min-height:90px}}
.day-dialog{width:min(90vw,520px);max-height:85vh;overflow:auto;border:1px solid var(--line);border-radius:18px;padding:clamp(24px,5vw,42px);background:#f9f6f4;color:var(--ink);box-shadow:0 22px 80px #27142638}.day-dialog::backdrop{background:rgba(38,25,35,.48)}.day-dialog h2{font-size:clamp(26px,5vw,36px);line-height:1.15;margin:0 0 18px}.day-dialog p{color:var(--body);line-height:1.65;margin:0 0 16px}.day-dialog .btn{margin-top:8px;text-align:center}.day-dialog:focus{outline:none}@media(max-width:500px){.day-dialog .btn{width:100%;justify-content:center}}
.support-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,7vw,100px);align-items:start}.support-intro h2{max-width:12ch}.support-intro>p{color:var(--body);font-size:clamp(17px,1.35vw,21px);line-height:1.7;max-width:36em;margin-top:25px}.support-example{border-left:2px solid var(--wine);padding:4px 0 4px clamp(22px,3vw,42px)}.support-label,.support-response span{font-family:var(--mono);font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--wine)}.support-example blockquote{font-family:var(--acc);font-size:clamp(25px,3vw,40px);line-height:1.22;color:var(--wine);margin:18px 0 28px}.support-response p{color:var(--body);font-size:17px;line-height:1.65;margin:9px 0 0}.support-note{color:var(--muted);font-size:13px;line-height:1.5;margin-top:22px}@media(max-width:700px){.support-layout{grid-template-columns:1fr;gap:32px}.support-intro h2{max-width:none}.support-intro>p{margin-top:16px}.support-example{padding-left:20px}.support-example blockquote{margin:14px 0 22px}}
@media(max-width:700px){.sim{grid-template-columns:minmax(0,1fr)}.sim-l{padding:18px;gap:10px}.sim-l label:not(.chk){gap:3px}.sim-l label>span:first-child{gap:8px}.sim-l output{font-size:13px;text-align:right;white-space:nowrap}.sim-l input[type=range]{height:36px;touch-action:pan-y}.sim-l .hint{padding:5px 9px}.sim-l .chk{min-height:44px;line-height:1.35}.sim-l .chk input{flex:0 0 20px}.sim-r{padding:18px;gap:10px}.sim-r .hp-tags{padding-top:4px}}
.comic-title{max-width:850px;margin-top:16px}.comic-intro{max-width:820px;color:var(--body);font-size:clamp(17px,1.35vw,20px);line-height:1.65;margin-top:20px}.support-comic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px);margin-top:36px}.support-comic figure{margin:0;min-width:0}.support-comic img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:5px}.support-comic figcaption{color:var(--wine);font-family:var(--acc);font-size:clamp(17px,1.6vw,21px);line-height:1.5;padding-top:16px}.comic-outro{color:var(--body);font-size:16px;line-height:1.6;margin-top:28px}@media(max-width:700px){.comic-title{margin-top:12px}.comic-intro{margin-top:14px}.support-comic{grid-template-columns:1fr;gap:26px;margin-top:25px}.support-comic img{aspect-ratio:4/3;object-position:center 42%}.support-comic figcaption{font-size:18px;padding-top:10px}.comic-outro{margin-top:24px}}
.comic-heading{margin-top:14px}.comic-lead{color:var(--body);margin-top:14px;font-size:18px;line-height:1.6}.comic-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.5vw,36px);margin-top:32px}.comic-scene{margin:0;display:flex;align-items:center;gap:15px;min-width:0}.comic-scene img{width:112px;height:112px;flex:0 0 112px;object-fit:cover;object-position:center 38%;border-radius:50%}.comic-scene figcaption{font-size:16px;line-height:1.5;color:var(--ink)}.comic-summary{margin-top:30px;max-width:780px;color:var(--body);font-size:16px;line-height:1.6}@media(max-width:900px){.comic-scenarios{grid-template-columns:1fr;gap:16px;max-width:570px}.comic-scene img{width:92px;height:92px;flex-basis:92px}.comic-scenarios{margin-top:24px}.comic-summary{margin-top:24px}}@media(max-width:380px){.comic-scene img{width:76px;height:76px;flex-basis:76px}.comic-scene figcaption{font-size:15px}}
.comic-answer{display:block;margin-top:9px;text-align:right;font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--body)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

:root{--faint:#74656c;--rose:#753973}html{scroll-padding-top:88px}body{overflow-x:clip}a,button,input,summary{ -webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--wine);outline-offset:5px}.skip{position:fixed;top:-100px;left:18px;z-index:100;background:var(--bg);padding:14px}.skip:focus{top:8px}.alt-hero{padding-block:64px 68px}.hero-layout{gap:40px}.alt-hero h1{margin-top:0}.alt-hero .hero-promise{margin-top:14px}.start-note{margin-top:16px;font-size:13px;line-height:1.6;color:var(--muted)}.kicker{font-size:11px}.section-head{max-width:720px;margin-bottom:32px}.section-head h2{margin:12px 0 16px}.section-head p{color:var(--body);line-height:1.7}.demo-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}.scenario-tabs{display:flex;flex-direction:column;border-top:1px solid var(--line)}.scenario-tab{text-align:left;border:0;border-bottom:1px solid var(--line);border-left:3px solid transparent;background:none;padding:20px;color:var(--body);cursor:pointer;transition:background .2s,border-color .2s}.scenario-tab strong{display:block;font-size:19px;font-weight:600;margin-bottom:5px}.scenario-tab span{font-size:14px;line-height:1.6}.scenario-tab[aria-selected=true]{border-left-color:var(--wine);background:#eee5eb;color:var(--wine)}.demo-window{border:1px solid var(--line);border-radius:12px;background:#f2ede8;overflow:hidden}.demo-header{padding:16px 22px;border-bottom:1px solid var(--line);background:var(--bg);display:flex;justify-content:space-between;align-items:center;gap:10px}.demo-header strong{font-size:15px}.demo-header span{font-size:12px;color:var(--muted)}.dialogue{padding:24px;min-height:325px;display:flex;flex-direction:column;gap:18px}.bubble{max-width:91%;padding:14px 17px;border-radius:12px;font-size:15px;line-height:1.65;white-space:pre-line;margin:0}.bubble-user{align-self:flex-end;background:#e7d8e4;color:#3d253b;border-bottom-right-radius:3px}.bubble-bot{align-self:flex-start;background:#fffdfb;border-bottom-left-radius:3px}.demo-foot{font-size:12px;line-height:1.65;color:var(--muted);padding:0 24px 22px}.demo-result{margin-top:22px;color:var(--body);font-size:14px;line-height:1.7}.demo-result strong{color:var(--wine)}.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split-feature img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}.split-feature h2{margin:12px 0 20px}.split-feature p{line-height:1.75;color:var(--body);margin-top:16px}.shared-quote{font-family:var(--acc);font-size:24px;color:var(--wine);line-height:1.6;margin:24px 0}.timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:26px}.timeline h3{font-size:22px;margin:12px 0}.timeline p{font-size:15px;line-height:1.75;color:var(--body)}.timeline .alt-number{margin-bottom:12px}.pricing-table{width:100%;border-collapse:collapse;text-align:left}.pricing-table th{font-size:12px;font-weight:500;color:var(--muted);padding:0 14px 16px 0}.pricing-table td{padding:22px 14px 22px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.6;vertical-align:top}.pricing-table td:first-child{width:23%;font-size:18px;color:var(--wine);font-weight:600}.pricing-table td:last-child{width:26%;white-space:nowrap;text-align:right;font-weight:600}.price-note{max-width:760px;font-size:13px;line-height:1.7;color:var(--muted);margin-top:18px}.text-link{text-decoration:underline;text-underline-offset:4px}.price-cta{margin-top:26px}.sim-disclosure{border-block:1px solid var(--line)}.sim-disclosure>summary{cursor:pointer;padding:28px 0;font-size:22px;line-height:1.5}.sim-disclosure>summary small{display:block;font-size:14px;color:var(--muted);margin-top:4px}.simulator-inner{padding:20px 0 40px}.hp-text{min-height:78px}.model-note{font-size:13px;line-height:1.7;color:var(--body);padding-top:16px;border-top:1px solid #d4c6cb}.hud-k,.pill,.ticks{color:#6f5d67}.ticks{font-size:11px}.pill{font-size:11px}.alt-faq summary{padding:4px 0;min-height:44px;line-height:1.6}.alt-cta{padding-block:60px 80px;text-align:center}.alt-cta .lead{margin-inline:auto}.alt-cta h2{margin-inline:auto}.alt-cta .kicker{margin-bottom:18px}.support-note{font-size:13px!important}.soft-quote{background:var(--dark);color:var(--bg);padding-block:45px}.soft-quote p{font-family:var(--acc);font-size:clamp(22px,3vw,32px);line-height:1.6;max-width:850px}.soft-quote .wrap{display:flex;justify-content:center}.alt-footer{font-size:13px;line-height:1.7}.hero-copy{animation:appear .55s ease both}.hero-art{animation:appear .7s .1s ease both}.btn{transition:background .18s,transform .18s}.btn:hover{transform:translateY(-2px)}@keyframes appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.demo-layout,.split-feature{gap:30px}.alt-nav{gap:15px}.alt-nav a{font-size:13px}}@media(max-width:700px){.alt-hero{padding-block:30px 44px}.hero-layout{gap:25px}.hero-art{width:100%;max-width:350px}.alt-hero .hero-promise{font-size:30px;line-height:1.3}.hero-description{font-size:16px!important}.demo-layout,.split-feature,.timeline{grid-template-columns:1fr}.scenario-tabs{flex-direction:row}.scenario-tab{flex:1;min-width:0;padding:12px 7px;border-left:0;border-bottom:3px solid transparent;text-align:center}.scenario-tab[aria-selected=true]{border-bottom-color:var(--wine)}.scenario-tab strong{font-size:14px;margin:0}.scenario-tab span{display:none}.demo-layout{gap:20px}.dialogue{padding:18px;min-height:330px}.bubble{font-size:14px;max-width:95%}.section-head{margin-bottom:25px}.timeline{gap:25px}.timeline>div+div{padding-top:24px;border-top:1px solid var(--line)}.pricing-table td{font-size:13px;padding-block:20px}.pricing-table td:first-child{font-size:14px;width:25%}.pricing-table td:last-child{font-size:13px;width:27%}.pricing-table th{font-size:11px}.sim{grid-template-columns:1fr}.sim-l,.sim-r{padding:20px}.hp-state{font-size:11px}.alt-cta .btn{width:100%}.alt-faq summary{font-size:16px}.nav-cta{min-height:44px}.start-note{font-size:12px}.soft-quote{padding-block:34px}.split-feature img{max-height:340px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.btn:hover{transform:none}}
 .dialog-close{display:block;margin:0 0 20px auto;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:4px;background:var(--bg);color:var(--wine);cursor:pointer}
/* Six scenarios and a Telegram conversation inside a phone. */
#examples .section-head{max-width:940px}#examples .section-head h2{font-size:clamp(27px,3.2vw,40px)}
.demo-layout{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:clamp(32px,6vw,80px);align-items:start}
.scenario-tab{padding:17px 20px}.scenario-tab strong{font-size:18px}.scenario-tab span{font-size:13px}.scenario-menu{min-width:0}
.phone-column{width:100%;max-width:382px;justify-self:center;min-width:0}
.phone-caption{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.04em;text-align:center;margin-bottom:15px}
.phone-mockup{border:8px solid #30282d;border-radius:40px;background:#f7f7f7;box-shadow:0 18px 35px #37232f15;overflow:hidden}
.phone-status{height:33px;padding:8px 18px 4px;display:flex;align-items:center;justify-content:space-between;font-family:system-ui,sans-serif;font-weight:600;font-size:10px;background:#f7f7f7;color:#241f23;position:relative}
.phone-speaker{position:absolute;left:50%;transform:translateX(-50%);top:8px;width:72px;height:16px;background:#30282d;border-radius:20px}
.phone-mockup .demo-header{padding:10px 12px;gap:10px;background:#f7f7f7;border-bottom:1px solid #d9dedb;min-height:62px;justify-content:flex-start;font-family:system-ui,sans-serif}
.phone-mockup .chat-back{font-size:32px;line-height:1;color:#597a6a;flex:none}.chat-avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex:none;border-radius:50%;background:#8d668b;color:#fff!important;font-size:18px!important;font-weight:600}
.chat-identity{display:flex;flex-direction:column;gap:2px}.phone-mockup .chat-identity strong{font-size:15px;line-height:1.3;color:#242424}.phone-mockup .chat-identity span{font-size:12px;color:#737a76}
.phone-mockup [role=tabpanel]{height:510px;overflow-y:auto;overscroll-behavior:contain;background:#e6ece5;scrollbar-width:thin;scrollbar-color:#a8b9ab transparent;scroll-padding:14px}
.phone-mockup .dialogue{padding:16px 10px;min-height:100%;gap:14px;justify-content:flex-start}
.phone-mockup .message{display:flex;flex-direction:column;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.phone-mockup .bubble{max-width:93%;padding:9px 11px 6px;border-radius:13px;font-family:inherit;font-size:14px;line-height:1.45;white-space:normal;box-shadow:0 1px 1px #23352a18;overflow-wrap:anywhere;text-align:left}
.phone-mockup .bubble-user{align-self:flex-end;background:#dcebd3;color:#202b20;border-bottom-right-radius:4px}.phone-mockup .bubble-bot{align-self:flex-start;background:#fff;color:#202520;border-bottom-left-radius:4px}
.message-content{white-space:pre-line}.message-content b{font-weight:700}.message-time{display:block;text-align:right;font-size:10px;line-height:1.4;color:#65766a;margin-top:4px}.voice-transcript{display:block;font-size:11px;font-weight:600;color:#47704c;margin-bottom:7px}
.chat-divider{align-self:center;max-width:95%;font-family:system-ui,sans-serif;font-size:10px;line-height:1.5;background:#bfcdbf;color:#344a3b;border-radius:8px;padding:4px 9px;text-align:center}
.telegram-actions{display:flex;gap:4px;max-width:100%;margin-top:4px}.telegram-actions button{flex:1;min-height:44px;background:#c7d8c9;border:0;border-radius:7px;color:#2c533d;font-family:system-ui,sans-serif;font-size:12px;font-weight:500;padding:8px 6px;cursor:pointer;transition:background .2s}.telegram-actions button:hover{background:#b4ccb9}
.phone-bottom{height:23px;background:#f7f7f7;display:flex;justify-content:center;align-items:center}.phone-bottom span{width:100px;height:4px;background:#30282d;border-radius:3px}
.phone-column .demo-foot{font-size:12px;line-height:1.7;padding:0 5px;margin:16px 0 0;color:var(--muted)}
@media(max-width:900px) and (min-width:701px){.demo-layout{grid-template-columns:minmax(0,1fr) minmax(0,350px);gap:24px}.scenario-tab{padding:15px 12px}.scenario-tab strong{font-size:16px}.phone-mockup{border-width:7px}}
@media(max-width:700px){.demo-layout{grid-template-columns:1fr;gap:25px}.scenario-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;flex-direction:column}.scenario-tab{text-align:left;min-height:50px;padding:13px 10px;border-left:3px solid transparent;border-bottom:1px solid var(--line)}.scenario-tab[aria-selected=true]{border-left-color:var(--wine);border-bottom-color:var(--line)}.scenario-tab strong{font-size:14px;line-height:1.45;margin:0}.scenario-tab span{display:none}.demo-result{font-size:13px;margin-top:18px}.phone-column{max-width:370px}.phone-mockup{border-width:7px;border-radius:36px}.phone-mockup [role=tabpanel]{height:505px}.phone-mockup .bubble{font-size:14px}.phone-caption{margin-bottom:12px}#examples .section-head h2{font-size:27px;line-height:1.3}}
@media(max-width:360px){.phone-mockup{border-width:6px;border-radius:30px}.phone-mockup .bubble{font-size:13px}.phone-mockup .dialogue{padding:14px 8px}.telegram-actions button{font-size:11px}.scenario-tab strong{font-size:13px}.phone-mockup [role=tabpanel]{height:475px}}

/* Mobile scenario selection reveals the conversation; the phone back arrow returns to the menu. */
.phone-mockup .scenario-back{display:none;border:0;background:transparent;padding:0;width:28px;min-height:44px;cursor:pointer;align-items:center;justify-content:center}
@media(max-width:700px){.phone-mockup .desktop-back{display:none}.phone-mockup .scenario-back{display:flex}}