/* Palete: negru #0e1013 + alb cald #f2efe8 + accent roșu #ff3b2f (doar pe un cuvânt din titlu și pe buton) */
@font-face{font-family:'Barlow Condensed';font-weight:800;font-display:swap;src:url(fonts/BarlowCondensed-800-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-weight:800;font-display:swap;src:url(fonts/BarlowCondensed-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-weight:400 600;font-display:swap;src:url(fonts/Inter-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-weight:400 600;font-display:swap;src:url(fonts/Inter-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{--ink:#0e1013;--paper:#f2efe8;--acc:#ff3b2f;--mut:rgba(242,239,232,.62);--line:rgba(242,239,232,.16)}
*{box-sizing:border-box;margin:0}
html,body{background:var(--ink);color:var(--paper)}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;overflow-x:hidden;
  background:radial-gradient(900px 600px at 85% -10%,rgba(242,239,232,.09),transparent 60%),var(--ink)}
.wrap{max-width:720px;margin:0 auto;padding:max(22px,env(safe-area-inset-top)) 22px max(26px,env(safe-area-inset-bottom));display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);font-weight:600;white-space:nowrap}
.brand{color:var(--paper)}
.hero{margin-top:clamp(28px,7vh,72px)}
h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;text-transform:uppercase;line-height:1.1;font-size:clamp(54px,15vw,104px);letter-spacing:-.005em}
h1 em{font-style:normal;color:var(--acc)}
.lead{margin-top:18px;font-size:clamp(17px,4.2vw,21px);line-height:1.45;color:rgba(242,239,232,.82);max-width:34em}
.stage{margin:clamp(30px,6vh,56px) 0 8px;display:flex;flex-direction:column;align-items:center;text-align:center}
.call{position:relative;width:176px;height:176px;border:0;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;color:var(--ink)}
.call:focus-visible{outline:3px solid var(--paper);outline-offset:8px;border-radius:50%}
.core{position:absolute;inset:0;border-radius:50%;background:var(--acc);display:grid;place-items:center;box-shadow:0 18px 60px rgba(255,59,47,.35);transition:transform .15s}
.call:active .core{transform:scale(.97)}
.ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--acc);opacity:0;pointer-events:none}
.call[data-s="connecting"] .core{opacity:.65}
.call[data-s="live"] .r1{animation:pulse 2.4s ease-out infinite}
.call[data-s="live"] .r2{animation:pulse 2.4s ease-out 1.2s infinite}
.call[data-m="speaking"] .r1{animation-duration:1.3s}.call[data-m="speaking"] .r2{animation-duration:1.3s;animation-delay:.65s}
.call[data-s="live"] .core{background:var(--paper);box-shadow:0 18px 60px rgba(242,239,232,.18)}
@keyframes pulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}
@media (prefers-reduced-motion:reduce){.ring{animation:none!important}}
.label{margin-top:30px;font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(30px,8vw,40px);letter-spacing:.02em;line-height:1}
.sub{margin-top:10px;max-width:30em;color:var(--mut);font-size:15px}
.log{margin-top:26px;border-top:1px solid var(--line);padding-top:18px;display:flex;flex-direction:column;gap:10px;max-height:32vh;overflow:auto}
.msg{max-width:88%;padding:10px 14px;border-radius:16px;font-size:15.5px;line-height:1.45}
.msg.ai{align-self:flex-start;background:rgba(242,239,232,.09);border-bottom-left-radius:5px}
.msg.you{align-self:flex-end;background:var(--paper);color:var(--ink);border-bottom-right-radius:5px}
.foot{margin-top:auto;padding-top:34px;font-size:12.5px;line-height:1.55;color:rgba(242,239,232,.5)}
.foot .by{margin-top:10px;letter-spacing:.06em}.foot b{color:rgba(242,239,232,.85);font-weight:600}
[hidden]{display:none!important}