:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0}img{max-width:100%}[hidden]{display:none!important}
/* Layout: scena intunecata; stanga capitole care se deruleaza, dreapta un telefon fix in care se deschid aplicatiile; fundalul ia culoarea aplicatiei active. */
:root{
  --ink:#0B1120; --scene:#0B1120; --acc:#FBBF24; --gold:#FBBF24;
  --fg:#F3F1EA; --muted:#A9B0BF; --line:rgba(243,241,234,.12);
  --display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --body:"Manrope","Segoe UI",system-ui,sans-serif;
  --serif:"Fraunces",Georgia,serif;
  --mono:"JetBrains Mono",ui-monospace,Consolas,monospace;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--scene);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.6;transition:background-color .9s ease;overflow-x:hidden}
a{color:inherit}
.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--scene)}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--scene) 82%,transparent);backdrop-filter:blur(10px);transition:background-color .9s ease}
.top-in{max-width:1312px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.02em}
.brand svg{width:34px;height:34px;flex:none}
.cta{font-family:var(--body);font-weight:700;font-size:14px;text-decoration:none;color:var(--ink);background:var(--gold);padding:10px 18px;border-radius:999px;border:0;cursor:pointer;white-space:nowrap}
.cta:focus-visible,.chip:focus-visible,button:focus-visible{outline:2px solid var(--fg);outline-offset:3px}

/* stage */
.stage{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,720px) 440px;justify-content:center;column-gap:clamp(40px,6vw,110px)}
.chap{min-height:88vh;display:flex;flex-direction:column;justify-content:center;gap:18px;padding-block:40px}
.chap:first-child{min-height:calc(100vh - 90px);padding-block:24px 48px}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);transition:color .6s}
h1,h2{font-family:var(--display);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin:0;text-wrap:balance}
h1{font-size:clamp(44px,6.2vw,80px)}
h1 em{font-style:normal;color:var(--gold)}
h2{font-size:clamp(34px,4.6vw,58px)}
.lede{font-size:clamp(17px,1.6vw,20px);color:var(--muted);max-width:34ch;margin:0}
.hero-lede{color:var(--fg);max-width:52ch;font-size:clamp(18px,1.75vw,22px);line-height:1.5}
.hero-sub{margin:0;color:var(--muted);max-width:62ch;font-size:16px}
.hero-points{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.hero-points li{border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:14px;color:var(--muted)}
.hero-points b{color:var(--fg);font-weight:700}
.feats{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px;max-width:40ch}
.feats li{display:flex;gap:12px;align-items:baseline}
.feats li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--acc);flex:none;transform:translateY(-2px)}
.meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.tag{font-family:var(--mono);font-size:12px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--muted)}
.hint{font-family:var(--mono);font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}
.hint i{display:inline-block;width:1px;height:28px;background:var(--muted);animation:drip 1.8s ease-in-out infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* phone column */
.phone-col{position:sticky;top:calc(env(safe-area-inset-top,0px) + 70px);height:calc(100vh - 90px);min-height:660px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.phone-zone{position:relative}
.phone{position:relative;width:300px;height:620px;border-radius:50px;background:#05070D;padding:11px;box-shadow:0 0 0 1.5px #2a2f3b,0 40px 90px -30px rgba(0,0,0,.75),0 0 120px -40px var(--acc);transition:box-shadow .9s}
.island{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:92px;height:27px;border-radius:20px;background:#000;z-index:6}
.screen-box{position:relative;width:100%;height:100%;border-radius:40px;overflow:hidden;background:#000}
.boot{position:absolute;inset:0;z-index:8;background:#000;display:grid;place-items:center;animation:bootoff .6s ease 1.6s forwards;pointer-events:none}
.boot svg{width:74px;height:74px;animation:fadein .5s ease .2s both}
@keyframes bootoff{to{opacity:0;visibility:hidden}}
@keyframes fadein{from{opacity:0;transform:scale(.8)}}
.wink-lid{transform-origin:50% 50%;animation:wink 3.4s ease-in-out infinite}
@keyframes wink{0%,42%,58%,100%{transform:scaleY(1)}50%{transform:scaleY(.08)}}

.scr{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:scale(.18);border-radius:40px;transform-origin:var(--ox,50%) var(--oy,60%);transition:transform .55s cubic-bezier(.2,.9,.25,1),opacity .35s ease,visibility 0s .55s;font-size:13px;line-height:1.4}
.scr.on{opacity:1;visibility:visible;transform:none;transition:transform .55s cubic-bezier(.2,.9,.25,1),opacity .3s ease,visibility 0s}
.sbar{display:flex;justify-content:space-between;align-items:center;padding:16px 26px 0;font-weight:700;font-size:13px;height:46px;flex:none}
.sbar .ic{display:flex;gap:5px;align-items:center}
.sbar .ic b{display:block;width:16px;height:9px;border:1.5px solid currentColor;border-radius:3px;position:relative}
.sbar .ic b::after{content:"";position:absolute;inset:1.5px 3px 1.5px 1.5px;background:currentColor;border-radius:1px}
.sbar .ic s{display:block;width:13px;height:9px;background:currentColor;clip-path:polygon(0 100%,25% 100%,25% 70%,50% 70%,50% 40%,75% 40%,75% 10%,100% 10%,100% 100%)}
.body{flex:1;padding:8px 18px 16px;display:flex;flex-direction:column;gap:12px;min-height:0}
.tabbar{flex:none;display:flex;justify-content:space-around;padding:10px 10px 22px;font-size:10px;font-weight:600}
.tabbar span{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.5}
.tabbar span.act{opacity:1}
.tabbar span i{width:20px;height:20px;border-radius:6px;border:2px solid currentColor;display:block}
.tabbar span:nth-child(2) i{border-radius:50%}
.tabbar span:nth-child(3) i{border-radius:10px 10px 4px 4px}
.btn-app{border:0;border-radius:16px;padding:13px;font:700 14px var(--body);cursor:pointer;width:100%}
.view{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}
.view[hidden]{display:none!important}
.ok-mark{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:20px auto 4px;animation:pop .5s cubic-bezier(.2,1.6,.4,1) both}
.ok-mark svg{width:30px;height:30px}
@keyframes pop{from{transform:scale(0)}}
.center{text-align:center}

/* buton home rotund, ca la iPhone-urile clasice */
.homebtn{flex:none;width:58px;height:58px;border-radius:50%;border:0;padding:0;cursor:pointer;display:grid;place-items:center;background:#05070D;box-shadow:inset 0 0 0 2px #2a2f3b,inset 0 -3px 6px rgba(255,255,255,.06),0 10px 24px -10px rgba(0,0,0,.7);transition:transform .15s,box-shadow .3s}
.homebtn i{display:block;width:18px;height:18px;border-radius:5px;border:2px solid #8A93A6;transition:border-color .3s}
.homebtn:hover i{border-color:var(--acc)}
.homebtn:active{transform:scale(.92)}
.homebtn.hint{animation:pulse 1.4s ease-in-out 2}
@keyframes pulse{50%{box-shadow:inset 0 0 0 2px var(--acc),0 0 0 8px color-mix(in srgb,var(--acc) 25%,transparent),0 10px 24px -10px rgba(0,0,0,.7)}}
/* notificare reducere */
.promo{position:absolute;z-index:7;top:44px;left:8px;right:8px;display:flex;gap:10px;align-items:flex-start;text-align:left;background:rgba(245,245,240,.94);backdrop-filter:blur(14px);color:#14161C;border:0;border-radius:20px;padding:10px 12px;font:12px/1.35 var(--body);cursor:pointer;box-shadow:0 14px 30px -12px rgba(0,0,0,.55);transform:translateY(-140%);opacity:0;transition:transform .6s cubic-bezier(.2,1.2,.3,1),opacity .3s}
.promo.show{transform:none;opacity:1}
.promo.ring{animation:ring .5s ease}
@keyframes ring{20%{transform:rotate(-1.5deg)}40%{transform:rotate(1.5deg)}60%{transform:rotate(-1deg)}80%{transform:rotate(.5deg)}}
.promo .pi{width:34px;height:34px;flex:none;border-radius:9px}
.promo .pt{display:flex;flex-direction:column;min-width:0}
.promo .ph{display:flex;justify-content:space-between;font-size:10.5px;color:#6B7080}
.promo .ph b{color:#14161C;letter-spacing:.02em}
.promo strong{font-size:13.5px}
/* formular in telefon (fereastra) */
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(3,6,14,.72);backdrop-filter:blur(6px);padding:max(12px,env(safe-area-inset-top,0px)) 12px max(12px,env(safe-area-inset-bottom,0px));animation:mfade .3s ease}
@keyframes mfade{from{opacity:0}}
.modal[hidden]{display:none}
.m-zone{display:flex;flex-direction:column;align-items:center;gap:14px;transform:scale(var(--ms,1));animation:rise .55s cubic-bezier(.2,1,.3,1)}
@keyframes rise{from{transform:translateY(60vh) scale(var(--ms,1))}}
.fapp{background:#0B1120;color:#F3F1EA;transform:none}
.fapp .body{overflow-y:auto;gap:10px}
.fapp .view{gap:9px}
.f-hd{display:flex;gap:10px;align-items:center}
.f-hd svg{width:36px;height:36px;flex:none;border-radius:9px}
.f-hd b{display:block;font-family:var(--display);font-size:16px;line-height:1.15;letter-spacing:-.01em}
.f-hd small{font-size:11px;color:#A9B0BF}
.f-promo{align-self:flex-start;font-size:11px;font-weight:700;color:#0B1120;background:#FBBF24;border-radius:999px;padding:3px 10px}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.f-l{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:600;color:#A9B0BF;min-width:0}
.f-l input,.f-l textarea{font:500 13px var(--body);color:#F3F1EA;background:#141C2E;border:1.5px solid #243049;border-radius:12px;padding:8px 10px;width:100%;resize:none}
.f-l input:focus,.f-l textarea:focus{outline:none;border-color:#FBBF24}
.f-l .bad{border-color:#F87171}
.f-dom{display:flex;flex-wrap:wrap;gap:6px}
.f-dom button{border:1.5px solid #243049;background:#141C2E;color:#F3F1EA;border-radius:999px;padding:5px 10px;font:600 11px var(--body);cursor:pointer}
.f-dom button[aria-pressed="true"]{background:#FBBF24;border-color:#FBBF24;color:#0B1120}
.f-err{margin:0;min-height:15px;font-size:11px;color:#F87171}
.f-send{background:#FBBF24;color:#0B1120;margin-top:auto}
.fapp .f-ok{background:#FBBF24;color:#0B1120}
.f-big{font-family:var(--display);font-size:22px}
.f-sum{margin:0;font-size:12px;color:#A9B0BF}
.f-note{margin:0;font-size:10.5px;color:#6B7486}
.f-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.y-sum{background:#141C2E;border:1.5px solid #243049;border-radius:14px;padding:10px 12px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.y-sum b{font-family:var(--display);font-size:30px;color:#FBBF24;line-height:1}
.y-sum small{font-size:11px;color:#A9B0BF}
.y-acc{display:flex;gap:8px;align-items:flex-start;font-size:11px;color:#C8CDD8;line-height:1.35}
.y-acc input{accent-color:#FBBF24;width:16px;height:16px;flex:none;margin-top:1px}
.y-acc a{color:#FBBF24}
.t-alt{text-align:center;font-size:13px;color:var(--muted)}
/* home screen */
.home{background:radial-gradient(120% 70% at 50% 0%,#1d2a4a 0%,#0b1120 60%);color:#fff}
.clock{text-align:center;font-family:var(--display);font-weight:700;font-size:64px;letter-spacing:-.03em;line-height:1;margin-top:18px}
.date{text-align:center;font-size:13px;opacity:.75;margin-top:4px}
.grid-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 8px;margin-top:22px}
.ico{text-align:center;line-height:1.15}
.ico{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10.5px;font-weight:600;background:none;border:0;color:#fff;cursor:pointer;padding:0;font-family:var(--body)}
.ico .sq{width:58px;height:58px;border-radius:15px;display:block;overflow:hidden;box-shadow:0 6px 14px -6px rgba(0,0,0,.6);transition:transform .2s}
.notif .ap svg{width:30px;height:30px;display:block;border-radius:9px}
.ico:hover .sq{transform:scale(1.07)}
.ico.soon{cursor:default;opacity:.55}
.ico.soon:hover .sq{transform:none}
.home-note{margin-top:auto;text-align:center;font-size:11px;opacity:.6;padding-bottom:6px}

/* app 1 salon */
.salon{background:#FBF4F1;color:#2B1B24}
.salon .hd{display:flex;justify-content:space-between;align-items:end}
.salon .nm{font-family:var(--serif);font-size:24px;font-style:italic}
.salon .av{width:34px;height:34px;border-radius:50%;background:#E9C2CF;display:grid;place-items:center;font-weight:700;font-size:13px}
.salon .hi{font-size:12px;color:#8A6B78}
.salon .body,.salon .view{gap:8px}
.svc{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1.5px solid #F0DCE3;border-radius:14px;padding:6px 12px;cursor:pointer;text-align:left;font:inherit;color:inherit;width:100%}
.svc.sel{border-color:#B6587A;background:#FCEFF3}
.svc b{display:block;font-size:13px}
.svc small{color:#8A6B78;font-size:11px}
.svc .pr{font-family:var(--mono);font-size:12px;font-weight:500}
.days{display:flex;gap:6px}
.day{flex:1;border:0;border-radius:12px;padding:5px 0;background:#F4E4EA;font:600 11px var(--body);color:#2B1B24;cursor:pointer;display:flex;flex-direction:column;align-items:center}
.day b{font-size:15px}
.day.sel{background:#2B1B24;color:#FBF4F1}
.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.slot{border:1.5px solid #F0DCE3;background:#fff;border-radius:10px;padding:5px 0;font:600 12px var(--mono);color:#2B1B24;cursor:pointer}
.slot.sel{background:#B6587A;border-color:#B6587A;color:#fff}
.slot:disabled{opacity:.35;text-decoration:line-through;cursor:default}
.lbl{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8A6B78}
.salon .btn-app{background:#2B1B24;color:#FBF4F1;margin-top:auto}
.salon .btn-app:disabled{opacity:.4;cursor:default}
.salon .ok-mark{background:#B6587A;color:#fff}
.salon .tabbar{color:#2B1B24;background:#fff;border-top:1px solid #F0DCE3}

/* app 2 restaurant */
.resto{background:#1A0F0B;color:#FFF3E8}
.resto .nm{font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-.03em;line-height:1}
.resto .nm span{color:#FF8A3D}
.resto .sub{font-size:11px;color:#C9A994}
.cats{display:flex;gap:6px}
.cat{border:0;border-radius:999px;padding:6px 11px;font:600 11px var(--body);background:#2C1B14;color:#FFF3E8;cursor:pointer}
.cat.sel{background:#FF8A3D;color:#1A0F0B}
.dishes{display:flex;flex-direction:column;gap:8px}
.dish{display:flex;gap:10px;align-items:center;background:#24150F;border-radius:16px;padding:9px}
.dish .ph{width:46px;height:46px;border-radius:12px;flex:none;position:relative;overflow:hidden}
.dish .ph::after{content:"";position:absolute;inset:9px;border-radius:50%;border:3px solid rgba(255,255,255,.25)}
.dish .tx{flex:1;min-width:0}
.dish b{display:block;font-size:13px}
.dish small{font-size:11px;color:#C9A994}
.dish .pr{font-family:var(--mono);font-size:12px;color:#FFD2AE;margin-top:2px;display:block}
.add{width:32px;height:32px;border-radius:50%;border:0;background:#FF8A3D;color:#1A0F0B;font:800 18px var(--body);cursor:pointer;flex:none;display:grid;place-items:center;transition:transform .15s}
.add:active{transform:scale(.85)}
.add.q{background:#FFF3E8;font-size:13px}
.cartbar{margin-top:auto;display:flex;justify-content:space-between;align-items:center;background:#FF8A3D;color:#1A0F0B;border-radius:18px;padding:12px 14px;border:0;font:700 13px var(--body);cursor:pointer;width:100%;transition:transform .2s}
.cartbar.empty{background:#2C1B14;color:#C9A994;cursor:default}
.cartbar.bump{animation:bump .3s ease}
@keyframes bump{50%{transform:scale(1.04)}}
.track{display:flex;flex-direction:column;gap:0;margin-top:6px}
.st{display:flex;gap:12px;align-items:flex-start;opacity:.35;transition:opacity .4s}
.st.done{opacity:1}
.st .dot{width:22px;display:flex;flex-direction:column;align-items:center;flex:none}
.st .dot i{width:14px;height:14px;border-radius:50%;border:2px solid #FF8A3D;display:block}
.st.done .dot i{background:#FF8A3D}
.st .dot u{width:2px;height:28px;background:#4A2E22;display:block;text-decoration:none}
.st b{display:block;font-size:13px}
.st small{font-size:11px;color:#C9A994}
.eta{background:#24150F;border-radius:16px;padding:12px;text-align:center}
.eta b{font-family:var(--display);font-size:30px;color:#FF8A3D;display:block;line-height:1.1}
.resto .tabbar{color:#FFF3E8;background:#140B08}
.resto .btn-app{background:#2C1B14;color:#FFF3E8;margin-top:auto}

/* app 3 cabana */
.cab{background:#F3EFE4;color:#14261F}
.cab .body,.cab .view{gap:9px}
.cab .hero{height:118px;border-radius:22px;overflow:hidden;position:relative;flex:none;background:#9CC3C9}
.cab .hero svg{position:absolute;inset:auto 0 0 0;width:100%;height:auto;display:block}
.cab .hero .badge{position:absolute;top:10px;left:10px;background:rgba(243,239,228,.92);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}
.cab .nm{font-family:var(--serif);font-size:23px;line-height:1.05}
.cab .loc{font-size:11px;color:#5D6F66}
.amen{display:flex;gap:6px;flex-wrap:wrap}
.amen span{font-size:10.5px;font-weight:600;background:#E4E0D2;border-radius:999px;padding:4px 9px}
.book{background:#fff;border-radius:18px;padding:12px;display:grid;gap:10px}
.row{display:flex;justify-content:space-between;align-items:center}
.row small{color:#5D6F66;font-size:11px;display:block}
.row b{font-size:13px}
.step{display:flex;align-items:center;gap:10px}
.step button{width:28px;height:28px;border-radius:50%;border:1.5px solid #14261F;background:none;font:700 15px var(--body);color:#14261F;cursor:pointer;display:grid;place-items:center}
.step output{font-family:var(--mono);font-size:14px;min-width:16px;text-align:center}
.tot{display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed #D5CFBE;padding-top:9px}
.tot b{font-family:var(--serif);font-size:22px;white-space:nowrap}
.tot small{font-size:10.5px;color:#2F7A57;font-weight:700}
.cab .btn-app{background:#14261F;color:#F3EFE4}
.cab .ok-mark{background:#2F7A57;color:#fff}
.cab .tabbar{color:#14261F;background:#fff}

/* componente comune aplicatii 4-9 */
.a-hd{display:flex;justify-content:space-between;align-items:center;flex:none}
.a-hd small{display:block;font-size:11px;opacity:.65}
.a-hd b{display:block;font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:-.02em;line-height:1.05}
.a-hd .av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}
.a-big{font-family:var(--display);font-size:20px;line-height:1.15;letter-spacing:-.01em}
.a-sum{margin:0;font-size:12.5px;opacity:.8}
.a-sub{margin:0;font-size:11.5px;opacity:.65}
.b-link{border:0;background:none;font:600 12px var(--body);color:inherit;opacity:.7;cursor:pointer;padding:2px}
.ok-mark{background:var(--ok,#16A34A);color:#fff}
.btn-app:disabled{opacity:.4;cursor:default}

/* 4 clinica */
.clin{background:#F3F7FD;color:#0F2547;--ok:#2563EB}
.clin .av{background:#DBEAFE;color:#1D4ED8}
.clin .btn-app{background:#1D4ED8;color:#fff;margin-top:auto}
.clin .tabbar{background:#fff;color:#0F2547;border-top:1px solid #E2E8F0}
.k-res{display:flex;gap:10px;align-items:center;background:#1D4ED8;color:#fff;border-radius:16px;padding:10px 12px}
.k-res span{flex:1;min-width:0}.k-res b{display:block;font-size:12.5px}.k-res small{font-size:10.5px;opacity:.8}
.k-res button{border:0;border-radius:999px;background:#fff;color:#1D4ED8;font:700 11px var(--body);padding:6px 12px;cursor:pointer}
.k-dot{width:9px;height:9px;border-radius:50%;background:#4ADE80;flex:none;box-shadow:0 0 0 4px rgba(74,222,128,.25)}
.k-doc{display:flex;gap:10px;align-items:center;width:100%;text-align:left;background:#fff;border:1.5px solid #E2E8F0;border-radius:14px;padding:7px 10px;font:inherit;color:inherit;cursor:pointer}
.k-doc b{display:block;font-size:12.5px}.k-doc small{font-size:10.5px;color:#64748B}
.k-doc.sel{border-color:#1D4ED8;background:#EFF6FF}
.k-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font:700 11px var(--body);color:#1E3A8A;flex:none}
.k-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.k-slots button{border:1.5px solid #E2E8F0;background:#fff;border-radius:10px;padding:6px 0;font:600 12px var(--mono);color:#0F2547;cursor:pointer}
.k-slots button.sel{background:#1D4ED8;border-color:#1D4ED8;color:#fff}
.k-slots button:disabled{opacity:.35;text-decoration:line-through;cursor:default}
.k-val{display:grid;grid-template-columns:1fr auto;gap:2px 8px;background:#fff;border-radius:12px;padding:8px 11px;font-size:12px}
.k-val b{font-family:var(--mono);font-weight:500;font-size:12px;text-align:right}
.k-val em{grid-column:1/-1;font-style:normal;font-size:10.5px;font-weight:700;color:#16A34A}
.k-val em.hi{color:#D97706}
.k-note{margin:0;font-size:11.5px;background:#E0E7FF;border-radius:12px;padding:9px 11px;color:#1E3A8A}

/* 5 fitness */
.fit{background:#110A22;color:#EDE9FE;--ok:#7C3AED}
.fit .av{background:#2A1F4A;color:#C4B5FD}
.fit .btn-app{background:#A78BFA;color:#110A22;margin-top:auto}
.fit .tabbar{background:#0B0618;color:#EDE9FE}
.p-prog{display:flex;gap:14px;align-items:center;background:#1B1235;border-radius:18px;padding:12px}
.p-prog svg{width:66px;height:66px;flex:none}
.p-prog circle{transition:stroke-dashoffset .6s ease}
.p-prog b{display:block;font-family:var(--display);font-size:22px;line-height:1}
.p-prog small{font-size:11px;color:#A79BC9}
.p-cls{display:flex;gap:10px;align-items:center;background:#1B1235;border-radius:14px;padding:8px 10px}
.p-cls>span:nth-child(2){flex:1;min-width:0}
.p-cls b{display:block;font-size:12.5px}.p-cls small{font-size:10.5px;color:#A79BC9}
.p-t{font:500 12px var(--mono);color:#C4B5FD;width:38px;flex:none}
.p-cls button{border:1.5px solid #A78BFA;background:none;color:#C4B5FD;border-radius:999px;padding:5px 11px;font:700 11px var(--body);cursor:pointer;white-space:nowrap}
.p-cls button.on{background:#A78BFA;color:#110A22}
.p-cls button:disabled{border-color:#3B2D63;color:#6B5C93;cursor:default}
.p-code{display:grid;grid-template-columns:repeat(25,6px);gap:0;background:#fff;padding:12px;border-radius:16px;margin:8px auto}
.p-code i{width:6px;height:6px;display:block}
.p-code i.k{background:#110A22}

/* 6 bloc */
.bloc{background:#EFF8F6;color:#0B3B37;--ok:#0F766E}
.bloc .av{background:#CCFBF1;color:#0F766E}
.bloc .btn-app{background:#0F766E;color:#fff}
.bloc .tabbar{background:#fff;color:#0B3B37;border-top:1px solid #D1E7E3}
.b-due{background:#0F766E;color:#ECFDF5;border-radius:18px;padding:12px 14px;display:flex;flex-direction:column;gap:2px}
.b-due b{font-family:var(--display);font-size:30px;line-height:1.05}
.b-due small{font-size:11px;opacity:.85}
.b-due button{margin-top:8px;border:0;border-radius:12px;background:#ECFDF5;color:#0F766E;font:700 12.5px var(--body);padding:9px;cursor:pointer}
.b-due.paid{background:#CCFBF1;color:#0B3B37}
.b-post{background:#fff;border-radius:12px;padding:8px 11px;border-left:3px solid #14B8A6;border-radius:0 12px 12px 0}
.b-post b{display:block;font-size:12.5px}.b-post small{font-size:11px;color:#4B6B67}
#b-home .btn-app{margin-top:auto}
.b-cats{display:flex;flex-wrap:wrap;gap:6px}
.b-cats button,.g-why button,.g-days button{border:1.5px solid currentColor;background:none;color:inherit;border-radius:999px;padding:6px 12px;font:600 12px var(--body);cursor:pointer;opacity:.75}
.b-cats button.sel,.g-why button.sel,.g-days button.sel{opacity:1;background:var(--pick);border-color:var(--pick);color:#fff}
.bloc{--pick:#0F766E}
.b-photo{display:flex;gap:10px;align-items:center;border:1.5px dashed #9ACFC7;border-radius:14px;padding:12px;font-size:12px;color:#4B6B67}
.b-photo span{width:32px;height:32px;border-radius:9px;background:#CCFBF1;display:grid;place-items:center;font-size:18px;color:#0F766E}
#b-issue .btn-app{margin-top:auto}

/* 7 gradinita */
.gard{background:#FFF8EC;color:#3A2A12;--ok:#EA7A12;--pick:#EA7A12}
.gard .av{background:#FDE68A;color:#92400E}
.gard .btn-app{background:#EA7A12;color:#fff;margin-top:auto}
.gard .tabbar{background:#fff;color:#3A2A12;border-top:1px solid #F3E3C3}
.g-kid{display:flex;gap:10px;align-items:center;background:#fff;border-radius:16px;padding:10px 12px}
.g-av{width:38px;height:38px;border-radius:50%;background:#FBCFE8;color:#9D174D;display:grid;place-items:center;font-weight:800;flex:none}
.g-kid b{display:block;font-size:13px}.g-kid small{font-size:11px;color:#8A6F45}
.g-feed{display:flex;flex-direction:column;gap:7px}
.g-item{display:flex;gap:10px;background:#fff;border-radius:14px;padding:8px 11px}
.g-item b{display:block;font-size:12.5px}.g-item small{font-size:11px;color:#8A6F45}
.g-t{font:500 11.5px var(--mono);color:#EA7A12;width:38px;flex:none;padding-top:1px}
.g-pic{display:flex;gap:4px;margin-top:5px}
.g-pic i{width:22px;height:26px;border-radius:50% 0 50% 0;display:block;transform:rotate(-20deg)}
.g-days,.g-why{display:flex;flex-wrap:wrap;gap:6px}

/* 8 service */
.auto{background:#0E1216;color:#E2F7FB;--ok:#0891B2}
.auto .av{background:#164E63;color:#A5F3FC}
.auto .btn-app{background:#22D3EE;color:#0E1216;margin-top:auto}
.auto .tabbar{background:#090C0F;color:#E2F7FB}
.v-car{display:flex;gap:10px;align-items:center;background:#161D23;border-radius:16px;padding:10px 12px}
.v-car svg{width:58px;height:29px;flex:none}
.v-car b{display:block;font-size:13px}.v-car small{font-size:10.5px;color:#7FA3AD}
.v-steps{display:flex;flex-direction:column;background:#161D23;border-radius:16px;padding:10px 12px}
.v-st{display:flex;gap:10px;align-items:flex-start;position:relative;padding-bottom:8px;opacity:.4;transition:opacity .4s}
.v-st:last-child{padding-bottom:0}
.v-st i{width:12px;height:12px;border-radius:50%;border:2px solid #22D3EE;flex:none;margin-top:2px;position:relative}
.v-st:not(:last-child) i::after{content:"";position:absolute;left:3px;top:12px;width:2px;height:18px;background:#24414A}
.v-st span{font-size:12.5px;font-weight:600;display:flex;justify-content:space-between;flex:1}
.v-st small{font:500 11px var(--mono);color:#7FA3AD}
.v-st.done,.v-st.now{opacity:1}
.v-st.done i{background:#22D3EE}
.v-st.now i{animation:blinkdot 1.2s ease-in-out infinite}
@keyframes blinkdot{50%{background:#22D3EE}}
.v-upd{border:1.5px solid #24414A;background:none;color:#A5F3FC;border-radius:12px;padding:8px;font:600 12px var(--body);cursor:pointer}
.v-rem{display:flex;justify-content:space-between;align-items:center;background:#161D23;border-radius:12px;padding:8px 11px}
.v-rem b{display:block;font-size:12.5px}.v-rem small{font-size:10.5px;color:#7FA3AD}
.v-rem button{border:0;border-radius:999px;background:#22D3EE;color:#0E1216;font:700 11px var(--body);padding:6px 11px;cursor:pointer}
.v-rem em{font-style:normal;font-size:11px;font-weight:700;color:#4ADE80}
#v-home{gap:8px}

/* 9 magazin */
.shop{background:#F6F7F2;color:#16231A;--ok:#2F7D45}
.shop .btn-app{background:#2F7D45;color:#fff;margin-top:auto}
.shop .tabbar{background:#fff;color:#16231A;border-top:1px solid #E3E8DC}
.s-bag{position:relative;width:34px;height:34px;border-radius:50%;background:#2F7D45;color:#fff;display:grid;place-items:center;font:700 12px var(--body);transition:transform .2s}
.s-bag.bump{animation:bump .3s ease}
.s-promo{background:#16231A;color:#D9F99D;border-radius:12px;padding:8px 11px;font-size:12px;font-weight:700}
.s-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.s-prod{position:relative;background:#fff;border-radius:16px;padding:8px 10px 10px;display:flex;flex-direction:column}
.s-prod svg{width:100%;height:68px;background:#EEF3E7;border-radius:12px;margin-bottom:6px}
.s-prod b{font-size:12.5px}
.s-prod span{font-size:11.5px;font-family:var(--mono)}
.s-prod s{color:#8A968C}
.s-prod button{position:absolute;right:8px;bottom:8px;width:28px;height:28px;border-radius:50%;border:0;background:#2F7D45;color:#fff;font:800 16px var(--body);cursor:pointer;display:grid;place-items:center}
.s-prod button.q{background:#16231A;font-size:12px}
.s-line{display:flex;justify-content:space-between;font-size:12.5px;padding:7px 0;border-bottom:1px dashed #D5DCCC}
.s-line b{font-family:var(--mono);font-weight:500}
.s-tot{display:flex;justify-content:space-between;align-items:baseline;padding-top:6px}
.s-tot b{font-family:var(--display);font-size:24px}

/* notificari plutitoare */
.notif{position:absolute;z-index:4;width:210px;display:flex;gap:10px;align-items:flex-start;background:rgba(250,250,247,.96);color:#14161C;border-radius:18px;padding:10px 12px;font-size:12px;line-height:1.35;box-shadow:0 18px 40px -18px rgba(0,0,0,.6);opacity:0;transform:translateY(14px) scale(.96);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.9,.25,1);pointer-events:none}
.notif.on{opacity:1;transform:none;transition-delay:.45s}
.notif.n2.on{transition-delay:.85s}
.notif .ap{width:30px;height:30px;border-radius:9px;flex:none;display:grid;place-items:center;font-family:var(--serif);font-size:15px;color:#fff}
.notif b{display:block;font-size:11px;letter-spacing:.02em}
.notif small{display:block;font-size:10px;color:#6B7080}
.phone-zone{transform:scale(var(--ps,1));transform-origin:50% 50%;display:flex;flex-direction:column;align-items:center;gap:14px}
.n1{left:-140px;top:56px}
.n2{right:-180px;top:330px}

.dock{display:flex;gap:8px;align-items:center;overflow-x:auto;max-width:min(440px,100%);padding:4px 2px 6px;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}
.dock::-webkit-scrollbar{display:none}
.chip{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--fg);border-radius:999px;padding:8px 14px;font:600 13px var(--body);cursor:pointer;transition:background .3s,border-color .3s;white-space:nowrap}
.chip[aria-pressed="true"]{background:var(--acc);border-color:var(--acc);color:#120d06}
.mdesc{display:none}

/* ecusoane magazine */
.stores{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}
.store{display:inline-flex;align-items:center;gap:10px;background:#000;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:12px;padding:7px 14px 7px 11px;line-height:1.1}
.store svg{width:24px;height:24px;flex:none}
.store .s-apple{color:#fff;transform:translateY(-1px)}
.store small{display:block;font-size:10px;opacity:.75}
.store b{display:block;font-family:var(--display);font-size:17px;letter-spacing:-.01em}
.ilogo{width:14px;height:14px;vertical-align:-2px;margin:0 4px 0 2px;color:var(--fg)}
/* preturi */
.pricing{max-width:1280px;margin:0 auto;padding-block:120px 20px;display:grid;gap:22px}
.pricing h2{max-width:20ch}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px;align-items:stretch}
.tier{position:relative;display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:24px;padding:24px;background:rgba(255,255,255,.025)}
.tier.hot{border-color:var(--gold);background:rgba(251,191,36,.06)}
.t-badge{position:absolute;top:-12px;left:24px;background:var(--gold);color:#0B1120;font:700 11px var(--body);letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:999px}
.t-name{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.t-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.t-price s{color:var(--muted);font-size:18px}
.t-price b{font-family:var(--display);font-weight:800;font-size:44px;letter-spacing:-.03em;line-height:1}
.t-price small{flex-basis:100%;color:var(--gold);font-size:12px;font-weight:600}
.t-for{margin:0;color:var(--muted);font-size:14px}
.tier ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.tier li{display:flex;gap:10px;align-items:baseline}
.tier li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);flex:none;transform:translateY(-2px)}
.t-btn{margin-top:auto;text-align:center}
.calc{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:14px;margin-top:10px;border:1px solid var(--line);border-radius:24px;padding:24px;background:rgba(255,255,255,.025)}
.calc h3{font-family:var(--display);font-size:26px;margin:0;letter-spacing:-.02em}
.c-sub{margin:4px 0 14px;color:var(--muted);font-size:14px}
.opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.opt{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px 12px;cursor:pointer;transition:border-color .2s,background .2s}
.opt input{accent-color:#FBBF24;width:18px;height:18px;flex:none}
.opt span{flex:1;min-width:0}
.opt b{display:block;font-size:14px}
.opt small{display:block;color:var(--muted);font-size:12px}
.opt em{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--gold);white-space:nowrap}
.opt:has(input:checked){border-color:var(--gold);background:rgba(251,191,36,.07)}
.c-right{display:flex;flex-direction:column;gap:8px;justify-content:center;border-radius:18px;padding:22px;background:#0B1120;border:1px solid rgba(251,191,36,.3)}
.c-lbl{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.c-old{color:var(--muted);text-decoration:line-through;font-size:18px}
.c-new{font-family:var(--display);font-weight:800;font-size:60px;letter-spacing:-.04em;line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}
.c-new.tick{animation:bump .3s ease}
.c-pay{font-size:14px}
.c-hint{font-size:12px;color:var(--muted);min-height:18px}
.c-go{margin-top:6px;text-align:center}
.c-maint{font-size:12px;color:var(--muted)}
@media (max-width:900px){.tiers,.calc,.opts{grid-template-columns:1fr}.pricing{padding-block:64px 10px}.tier.hot{order:-1}}
/* outro */
.outro{max-width:1280px;margin:0 auto;padding-block:120px 100px;display:grid;gap:28px}
.outro h2{max-width:16ch}
.next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.next div{border:1px solid var(--line);border-radius:18px;padding:16px 18px}
.next b{font-family:var(--display);font-size:19px;display:block}
.next small{color:var(--muted);font-size:13px}
.two{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ghost{font:600 14px var(--body);color:var(--fg);text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:10px 18px}
footer{border-top:1px solid var(--line)}
footer .legal{display:flex;flex-wrap:wrap;gap:6px 18px}
footer .legal a{color:var(--muted)}
footer .legal a:hover{color:var(--fg)}
footer .anpc{display:flex;flex-wrap:wrap;gap:10px;width:100%}
footer .anpc a{display:inline-flex;flex-direction:column;justify-content:center;min-width:180px;padding:7px 14px;border-radius:10px;background:#F3F1EA;color:#0B1120;text-decoration:none;line-height:1.2}
footer .anpc b{font:800 15px var(--display);letter-spacing:.06em}
footer .anpc span{font-size:11px}
footer .wrap{max-width:1312px;margin:0 auto;padding-block:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted)}

@media (max-width:1060px){.n1{left:-100px}.n2{right:-80px}}
@media (max-width:900px){
  .stage{grid-template-columns:minmax(0,1fr);gap:0}
  .phone-col{min-width:0;width:100%}
  .dock{max-width:100%;width:100%;justify-content:flex-start}
  .chap{min-height:auto}
  .chap:not(:first-child){display:none}
  .chap:first-child{min-height:auto;padding-block:40px 24px}
  .phone-col{position:relative;top:auto;height:auto;min-height:0;padding-block:8px 24px}
  .dock{order:-1;overflow-x:auto;max-width:100%;padding:4px 2px 8px;scrollbar-width:none}
  .notif{display:none}
  .mdesc{display:grid;gap:14px;width:100%;max-width:520px}
  .next{grid-template-columns:1fr}
  .outro{padding-block:64px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .boot{display:none}
}