/* Tenlive — site-mockup carousel + AI visibility section */

/* ============ carousel shell ============ */
.showcase{padding-bottom:clamp(70px,8vw,120px);overflow:hidden}
.sh-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px}
.sh-tab{background:transparent;border:1px solid var(--line);border-radius:100px;padding:10px 18px;font-size:14px;font-weight:400;color:var(--muted);transition:all .25s}
.sh-tab:hover{border-color:var(--lime);color:var(--off)}.sh-tab.on{background:var(--lime);color:var(--black);border-color:var(--lime)}
.car{position:relative;margin-top:30px}
.car-track{--sw:min(900px,80vw);display:flex;gap:clamp(20px,4vw,56px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:56px calc((100% - var(--sw))/2) 30px;scrollbar-width:none;cursor:grab;outline:none;-webkit-overflow-scrolling:touch}
.car-track::-webkit-scrollbar{display:none}
.car-track.drag{cursor:grabbing;scroll-snap-type:none;user-select:none}
.car-track:focus-visible{outline:2px solid var(--lime);outline-offset:-6px;border-radius:12px}
.slide{flex:0 0 var(--sw);scroll-snap-align:center;position:relative;will-change:transform,opacity;transform-origin:50% 60%}
.concept{position:absolute;left:2px;top:-34px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);display:flex;align-items:center;gap:8px}
.concept:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);opacity:.6}
.dev{position:relative;transform:perspective(1800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease);transform-style:preserve-3d}
.win{border-radius:16px;overflow:hidden;border:1px solid rgba(250,250,248,.18);background:#0d0d0c;box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 0 1px rgba(0,0,0,.4);transition:box-shadow .6s}
.slide.act .win{box-shadow:0 50px 120px rgba(0,0,0,.6),0 0 0 1px rgba(200,255,0,.4),0 0 110px rgba(200,255,0,.14)}
.win .bt{cursor:grab}
.vp{overflow-y:auto;overflow-x:hidden;container-type:inline-size;scrollbar-width:thin;scrollbar-color:rgba(127,127,127,.45) transparent;position:relative;background:#000}
.win .vp{aspect-ratio:16/10;cursor:default}
.vp::-webkit-scrollbar{width:7px}.vp::-webkit-scrollbar-thumb{background:rgba(127,127,127,.45);border-radius:6px}
@media(hover:none){.vp{scrollbar-width:none}.vp::-webkit-scrollbar{display:none}}
/* phone */
.mob{position:absolute;right:-3.2%;bottom:-11%;width:23%;z-index:3;transform:translate3d(calc(var(--px,0)*16px),calc(var(--py,0)*10px),60px) rotate(4deg);transition:transform .5s var(--ease)}
.mfr{position:relative;border-radius:clamp(14px,3.2vw,30px);border:clamp(3px,.7vw,7px) solid #232323;background:#000;overflow:hidden;box-shadow:0 34px 70px rgba(0,0,0,.6)}
.mn{position:absolute;top:2.2%;left:50%;width:30%;height:2.2%;margin-left:-15%;background:#000;border-radius:10px;z-index:4}
.mfr .vp{aspect-ratio:9/19}
.cap{margin-top:clamp(54px,9vw,112px);display:flex;justify-content:space-between;align-items:flex-end;gap:20px 40px;flex-wrap:wrap;transition:opacity .4s}
.cap .ct{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--lime);font-weight:500}
.cap p{margin:8px 0 0;color:#c9c9c2;font-size:16px;line-height:1.6;max-width:480px}
.cf{display:flex;gap:8px;flex-wrap:wrap}.cf span{font-size:13px;border:1px solid var(--line);border-radius:100px;padding:6px 13px;color:var(--muted)}
.car-ctl{display:flex;align-items:center;gap:22px;margin-top:6px}
.car-btns{display:flex;gap:10px}
.cbtn{width:50px;height:50px;border-radius:50%;border:1px solid var(--line);background:transparent;display:grid;place-items:center;transition:all .25s}
.cbtn:hover{background:var(--lime);color:var(--black);border-color:var(--lime);transform:scale(1.06)}
.car-prog{flex:1;height:2px;background:var(--line);border-radius:2px;overflow:hidden}.car-prog u{display:block;width:100%;height:100%;background:var(--lime);transform:scaleX(.1);transform-origin:0 50%;transition:transform .15s linear}
.car-cnt{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.car-cnt b{color:var(--off);font-weight:400}
.car-hint{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.mouse{width:16px;height:24px;border:1.5px solid var(--dim);border-radius:9px;position:relative}.mouse:after{content:"";position:absolute;left:50%;top:5px;width:2px;height:5px;margin-left:-1px;border-radius:2px;background:var(--lime);animation:wheel 1.8s infinite}
@keyframes wheel{0%{opacity:0;transform:translateY(-2px)}30%{opacity:1}100%{opacity:0;transform:translateY(7px)}}
.sh-foot{margin-top:46px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.sh-foot .fine{margin:0;max-width:520px}

/* ============ mock-site engine (1em = 1% of the window width) ============ */
.pg{font-size:1cqw;width:100em;position:relative;background:var(--bg);color:var(--fg);font-family:var(--sans);font-weight:400;line-height:1.4;text-align:left;overflow:clip;--hf:var(--serif);-webkit-font-smoothing:antialiased}
.pg *{box-sizing:border-box}
.pg h1,.pg h2,.pg h3,.pg h4,.pg p,.pg ul{margin:0;padding:0;list-style:none}
.pg h1,.pg h2,.pg h3,.pg h4{font-family:var(--hf);font-weight:400}
.pg em{color:var(--ac);font-style:italic}
.pg i,.pg u{font-style:normal;text-decoration:none}
.m-nv{display:flex;align-items:center;justify-content:space-between;padding:2.4em 5em}
.m-br{font-family:var(--hf);font-size:2.5em;letter-spacing:-.01em;font-weight:500}
.m-ln{display:flex;gap:3.2em;font-size:1.45em;color:var(--mu)}.m-ln span{transition:color .2s}.m-ln span:hover{color:var(--fg)}
.m-bt{display:inline-block;background:var(--ac);color:var(--on);border-radius:10em;padding:1em 2.1em;font-size:1.5em;font-weight:500;line-height:1;white-space:nowrap;transition:transform .3s var(--ease),box-shadow .3s}
.m-bt:hover{transform:translateY(-.15em);box-shadow:0 .8em 2em -.5em var(--ac)}
.m-bt.ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 .1em color-mix(in srgb,var(--fg) 30%,transparent)}
.m-bt.inv{background:var(--fg);color:var(--bg)}
.m-h{font-size:6.2em;line-height:1.03;letter-spacing:-.025em}
.m-h2{font-size:3.8em;line-height:1.05;letter-spacing:-.02em}
.m-h3{font-size:3.2em;line-height:1.08;letter-spacing:-.02em}
.m-sub{font-size:1.75em;line-height:1.55;color:var(--mu);max-width:26em}
.m-row{display:flex;gap:1em;margin-top:2.4em;align-items:center}
.m-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:2em}
.m-tag{display:inline-flex;align-items:center;gap:.7em;font-size:1.35em;background:#fff;border-radius:10em;padding:.6em 1.2em .6em .9em;color:var(--fg);box-shadow:0 .2em 1em rgba(0,0,0,.06)}
.m-tag i{width:.6em;height:.6em;border-radius:50%;background:#2fbf71;box-shadow:0 0 0 .3em rgba(47,191,113,.2)}
.m-seg,.m-chips{display:inline-flex;gap:.6em;flex-wrap:wrap}
.m-seg i,.m-chips i{font-size:1.4em;padding:.55em 1.1em;border-radius:10em;border:.07em solid color-mix(in srgb,var(--fg) 22%,transparent);cursor:pointer;transition:all .25s;line-height:1;white-space:nowrap}
.m-seg i:hover,.m-chips i:hover{border-color:var(--ac)}
.m-seg i.on,.m-chips i.on{background:var(--ac);color:var(--on);border-color:var(--ac)}
.m-ft{display:flex;justify-content:space-between;padding:3em 5em;font-size:1.35em;color:var(--mu);border-top:.07em solid color-mix(in srgb,var(--fg) 12%,transparent);margin-top:5em}
.m-ft b{font-family:var(--hf);font-weight:500;color:var(--fg)}
.m-wa{position:sticky;bottom:2.4em;margin:-6.6em 2.4em 0 auto;width:5.4em;height:5.4em;border-radius:50%;background:#25d366;padding:1.15em;box-shadow:0 .8em 2em rgba(0,0,0,.3);z-index:5;animation:waP 2.6s infinite}
@keyframes waP{70%{box-shadow:0 .8em 2em rgba(0,0,0,.3),0 0 0 1.2em rgba(37,211,102,0)}0%{box-shadow:0 .8em 2em rgba(0,0,0,.3),0 0 0 0 rgba(37,211,102,.5)}}
.ic{display:block;width:5em;height:5em;border-radius:50%;margin-bottom:2em;background:linear-gradient(135deg,var(--g1),var(--g2))}

/* ---- clinic ---- */
.pg[data-k=clinic]{--bg:#f3efe7;--fg:#17302d;--mu:#5d716d;--ac:#1f6f66;--on:#fff;--g1:#d5eae3;--g2:#7fb8ab;--g3:#1f6f66}
.c-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:4em;padding:2em 5em 7em;align-items:center}
.c-l .m-tag{margin-bottom:2.4em}.c-l .m-sub{margin-top:1.4em}
.c-r{position:relative;height:50em}
.c-arch{position:absolute;inset:0;border-radius:50em 50em 3em 3em;background:linear-gradient(170deg,var(--g1),var(--g2) 55%,var(--g3));overflow:hidden}
.c-arch:before{content:"";position:absolute;width:30em;height:30em;border-radius:50%;background:rgba(255,255,255,.28);left:-8em;top:20em}
.c-arch:after{content:"";position:absolute;width:13em;height:13em;border-radius:50%;background:rgba(255,255,255,.5);right:5em;top:9em;box-shadow:0 0 6em rgba(255,255,255,.6)}
.c-fc{position:absolute;background:#fff;border-radius:1.6em;padding:1.1em 1.5em;box-shadow:0 2em 4em -1em rgba(0,0,0,.25);font-size:1.45em;display:flex;flex-direction:column;animation:fl 6s ease-in-out infinite}
.c-fc small{color:var(--mu);font-size:.8em}.c-fc b{font-family:var(--hf);font-weight:500;font-size:1.5em}
.c-fc1{left:-3em;bottom:6em}.c-fc2{right:-1em;top:7em;flex-direction:row;align-items:center;gap:.6em;font-weight:500;animation-delay:-3s}.c-fc2 i{width:.9em;height:.9em;border-radius:50%;background:#25d366}
@keyframes fl{50%{transform:translateY(-.8em)}}
.c-sv{padding:3em 5em 0}.c-sv .m-h2{margin-bottom:1.1em}
.c-card{background:#fff;border-radius:2.4em;padding:3em;transition:transform .4s var(--ease),box-shadow .4s}.c-card:hover{transform:translateY(-.8em);box-shadow:0 3em 5em -2em rgba(31,111,102,.35)}
.c-card h4{font-size:2.6em;margin-bottom:.3em}.c-card p{font-size:1.5em;color:var(--mu)}
.ic1{background:linear-gradient(135deg,#f3d9c4,#d79c7a)}.ic2{background:linear-gradient(135deg,#d7e8ff,#8db2e8)}
.c-bk{margin:6em 5em 0;background:var(--fg);color:#f3efe7;border-radius:3em;padding:5em;display:grid;grid-template-columns:1fr;gap:2.4em;--ac:#7fe0cf}
.c-bk p{font-size:1.6em;color:#a9bdb9;margin-top:.6em;max-width:28em}.c-bk .m-chips i{border-color:rgba(255,255,255,.25)}.c-bk .m-chips i.on{background:#7fe0cf;color:#10302c;border-color:#7fe0cf}
.c-bk .m-bt.inv{background:#f3efe7;color:#17302d;justify-self:start}

/* ---- real estate ---- */
.pg[data-k=estate]{--bg:#0b1220;--fg:#f2ede2;--mu:#98a3b8;--ac:#d9b26f;--on:#1a1305;--hf:var(--sans);--g1:#27456b;--g2:#4f7aa8;--g3:#d9b26f}
.pg[data-k=estate] .m-h,.pg[data-k=estate] .m-h2,.pg[data-k=estate] h4{font-weight:300;letter-spacing:-.035em}
.pg[data-k=estate] .m-br{font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:2em}
.e-hero{position:relative;padding:3em 5em 6em;overflow:hidden}
.e-glow{position:absolute;right:-12em;top:-10em;width:70em;height:70em;border-radius:50%;background:radial-gradient(circle,rgba(217,178,111,.5),rgba(79,122,168,.22) 45%,transparent 68%)}
.e-hero .m-h{max-width:12em;position:relative;margin-top:.4em}.e-hero .m-sub{margin-top:1.4em;position:relative}
.e-search{position:relative;margin-top:4em;display:flex;align-items:center;gap:1.4em;flex-wrap:wrap;background:rgba(255,255,255,.07);border:.07em solid rgba(255,255,255,.14);backdrop-filter:blur(1em);padding:1.6em 1.8em;border-radius:10em;width:fit-content;max-width:100%}
.e-in{font-size:1.5em;color:var(--mu);padding:0 1em}.e-search .m-seg i{border-color:rgba(255,255,255,.2)}
.e-feat{padding:2em 5em}.e-feat .m-h2{margin-bottom:1.1em}
.e-card{transition:transform .4s var(--ease)}.e-card:hover{transform:translateY(-.8em)}
.e-img{height:24em;border-radius:2.2em;position:relative;margin-bottom:1.6em;background:linear-gradient(160deg,var(--g1),var(--g2) 55%,#e9d7b4);overflow:hidden}
.e-img:before{content:"";position:absolute;left:-10%;right:-10%;bottom:-8em;height:18em;border-radius:50%;background:rgba(11,18,32,.55)}
.e-img.i1{background:linear-gradient(160deg,#5a3a6e,#c0708a 55%,#f2c9a0)}.e-img.i2{background:linear-gradient(160deg,#17504d,#4aa08f 55%,#d7e6c3)}
.e-img b{position:absolute;left:1.4em;top:1.4em;z-index:2;background:rgba(11,18,32,.75);backdrop-filter:blur(.6em);padding:.6em 1.1em;border-radius:10em;font-size:1.6em;font-weight:500;color:var(--ac)}
.e-card h4{font-size:2.5em;font-weight:400}.e-card p{font-size:1.45em;color:var(--mu);margin-top:.4em}
.e-map{margin:5em 5em 0;height:32em;border-radius:2.4em;position:relative;overflow:hidden;background:linear-gradient(#12203a,#0f1a30);background-image:linear-gradient(rgba(255,255,255,.05) .1em,transparent .1em),linear-gradient(90deg,rgba(255,255,255,.05) .1em,transparent .1em);background-size:5em 5em}
.e-map:before{content:"";position:absolute;right:-6em;bottom:-10em;width:60em;height:30em;border-radius:50%;background:rgba(79,122,168,.35)}
.e-pin{position:absolute;width:2.2em;height:2.2em;border-radius:50% 50% 50% 0;background:var(--ac);transform:rotate(-45deg);box-shadow:0 0 0 .8em rgba(217,178,111,.18);animation:pin 3s ease-in-out infinite}
.e-pin.p1{left:22%;top:34%}.e-pin.p2{left:48%;top:52%;animation-delay:-1s}.e-pin.p3{left:70%;top:26%;animation-delay:-2s}
@keyframes pin{50%{transform:rotate(-45deg) translate(.5em,-.5em)}}
.e-bub{position:absolute;left:4em;bottom:4em;display:flex;align-items:center;gap:1em;background:#fff;color:#0b1220;border-radius:10em;padding:1em 1.8em 1em 1em;font-size:1.5em;font-weight:500}.e-bub svg{width:2.2em;height:2.2em;background:#25d366;border-radius:50%;padding:.4em}

/* ---- hotel ---- */
.pg[data-k=hotel]{--bg:#f6efe4;--fg:#3a2118;--mu:#8a6e5f;--ac:#b5532f;--on:#fff;--g1:#f6c28b;--g2:#e07a4f;--g3:#7a2e1f}
.h-nv .m-br{font-size:3em;font-style:italic}
.h-hero{margin:0 3em;border-radius:3em;height:56em;position:relative;overflow:hidden;background:linear-gradient(180deg,#f9d9a6,#f2a26a 45%,#d9674a 70%,#7a2e1f);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}
.h-hero .m-h{position:relative;z-index:3;font-size:7.4em;text-shadow:0 .1em 1em rgba(122,46,31,.3);margin-top:-2em}.h-hero em{color:#fff0d2}.h-hero .m-sub{position:relative;z-index:3;color:#fff7e8;margin-top:1.2em;max-width:22em;text-align:center}
.h-sun{position:absolute;left:50%;top:48%;width:24em;height:24em;margin-left:-12em;border-radius:50%;background:radial-gradient(circle,#fff6d8,#ffd98a 55%,rgba(255,217,138,0) 72%);animation:sun 9s ease-in-out infinite}
@keyframes sun{50%{transform:translateY(-1.6em) scale(1.05)}}
.h-w{position:absolute;left:-10%;right:-10%;border-radius:50%;background:rgba(122,46,31,.4)}.h-w1{bottom:-20em;height:34em;background:rgba(173,70,45,.55)}.h-w2{bottom:-25em;height:34em;background:rgba(92,32,22,.75)}
.h-bar{position:absolute;z-index:4;left:50%;bottom:3.2em;transform:translateX(-50%);display:flex;align-items:center;gap:3em;background:#fff;color:var(--fg);border-radius:10em;padding:1.4em 1.8em 1.4em 3em;box-shadow:0 2em 5em -1em rgba(60,20,10,.45);white-space:nowrap}
.h-bar>div{font-size:1.3em;display:flex;flex-direction:column;border-right:.07em solid rgba(58,33,24,.14);padding-right:3em}.h-bar small{color:var(--mu);font-size:.85em}.h-bar b{font-weight:500;font-size:1.25em}
.h-bar .m-bt{font-size:1.4em}
.h-rooms{padding:7em 5em 0}.h-rooms .m-h2{margin-bottom:1.1em;text-align:center}
.h-img{height:30em;border-radius:20em 20em 2em 2em;margin-bottom:1.6em;background:linear-gradient(160deg,#f6c28b,#e07a4f 60%,#7a2e1f);position:relative;overflow:hidden;transition:transform .5s var(--ease)}
.h-img:after{content:"";position:absolute;right:20%;top:20%;width:7em;height:7em;border-radius:50%;background:rgba(255,255,255,.55)}
.h-img.i1{background:linear-gradient(160deg,#c9dcb5,#7aa889 60%,#2e5a4b)}.h-img.i2{background:linear-gradient(160deg,#e7d0f0,#b98ccf 60%,#5a3470)}
.h-card:hover .h-img{transform:scale(1.03)}.h-card{text-align:center}.h-card h4{font-size:2.5em}.h-card p{font-size:1.5em;color:var(--mu);margin-top:.3em}.h-card b{display:block;margin-top:.9em;font-size:1.5em;font-weight:500;color:var(--ac)}

/* ---- restaurant ---- */
.pg[data-k=resto]{--bg:#120d0a;--fg:#f6ead9;--mu:#a8957f;--ac:#ff6a2b;--on:#120d0a;--hf:var(--sans)}
.pg[data-k=resto] .m-br{font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:2.1em}
.pg[data-k=resto] .m-h,.pg[data-k=resto] .m-h2,.pg[data-k=resto] .m-h3{font-weight:800;text-transform:uppercase;letter-spacing:-.04em;line-height:.95}
.pg[data-k=resto] em{font-style:normal;color:var(--ac)}
.r-hero{position:relative;padding:3em 5em 7em;min-height:44em}.r-hero .m-h{font-size:7.4em}.r-hero .m-sub{margin-top:1.8em}
.r-badge{position:absolute;right:6em;bottom:2.5em;width:17em;height:17em;animation:spin 18s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.r-fire{position:absolute;right:-8em;bottom:-14em;width:56em;height:44em;border-radius:50%;background:radial-gradient(circle,rgba(255,106,43,.55),rgba(255,106,43,.12) 50%,transparent 70%);filter:blur(1em);pointer-events:none}
.r-menu{padding:4em 5em 0;position:relative}.r-menu .m-h2{margin-bottom:1em}
.r-menu li{display:flex;align-items:flex-end;gap:1.4em;padding:2.2em 0;border-bottom:.07em solid rgba(246,234,217,.14);transition:padding .35s var(--ease),color .3s}
.r-menu li:hover{padding-left:2em;color:var(--ac)}.r-menu li span{font-size:2.6em;font-weight:700;text-transform:uppercase;letter-spacing:-.02em;line-height:1.1}.r-menu small{display:block;font-size:.5em;font-weight:400;text-transform:none;letter-spacing:0;color:var(--mu);margin-top:.5em}
.r-menu li i{flex:1;border-bottom:.2em dotted rgba(246,234,217,.22);margin-bottom:.6em}.r-menu li b{font-size:2.6em;font-weight:700}
.r-bk{margin:6em 5em 0;background:var(--ac);color:#120d0a;border-radius:3em;padding:5em;display:grid;gap:2.4em;--fg:#120d0a;--bg:#ff6a2b}
.r-bk p{font-size:1.6em;opacity:.7;margin-top:.6em}.r-bk .m-chips i{border-color:rgba(18,13,10,.35)}.r-bk .m-chips i.on{background:#120d0a;color:#ff6a2b;border-color:#120d0a}.r-bk .m-bt.inv{background:#120d0a;color:#ff6a2b;justify-self:start}

/* ---- beauty ---- */
.pg[data-k=beauty]{--bg:#f8e7e2;--fg:#3a1f2b;--mu:#8b6672;--ac:#b5496b;--on:#fff;--g1:#f9d3cc;--g2:#e79aa9;--g3:#b5496b}
.pg[data-k=beauty] .m-h,.pg[data-k=beauty] .m-h2{font-style:italic;letter-spacing:-.03em}.pg[data-k=beauty] em{font-style:normal}
.b-hero{text-align:center;padding:3em 5em 0;display:flex;flex-direction:column;align-items:center}.b-hero .m-h{font-size:8em}.b-hero .m-sub{margin:1.4em auto 2.6em;text-align:center}
.b-imgs{display:flex;gap:2.4em;margin-top:5em;align-items:flex-end;justify-content:center}
.b-imgs i{display:block;width:26em;border-radius:20em 20em 2em 2em;transition:transform .6s var(--ease)}.b-imgs i:hover{transform:translateY(-1.2em)}
.b1{height:38em;background:linear-gradient(170deg,#fbd7cc,#e7899d 70%,#8d3355)}.b2{height:46em;background:linear-gradient(170deg,#e9d1f5,#b77fd0 70%,#5b2a72);margin-bottom:0}.b3{height:34em;background:linear-gradient(170deg,#ffe8c4,#f4b179 70%,#b5603a)}
.b-sv{padding:7em 5em 0}.b-sv .m-h2{text-align:center;margin-bottom:1.2em}
.b-sv li{display:grid;grid-template-columns:1.6fr 1fr .6fr auto;align-items:center;gap:2em;padding:2.2em 3em;margin-bottom:1.2em;background:rgba(255,255,255,.65);border-radius:10em;transition:transform .35s var(--ease),background .3s}
.b-sv li:hover{background:#fff;transform:translateX(1.2em)}.b-sv b{font-family:var(--hf);font-weight:400;font-size:2.4em;font-style:italic}.b-sv span{font-size:1.5em;color:var(--mu)}.b-sv strong{font-size:2em;font-weight:500}
.b-sv u{background:var(--ac);color:#fff;border-radius:10em;padding:.9em 1.8em;font-size:1.4em;line-height:1}

/* ---- business ---- */
.pg[data-k=biz]{--bg:#eef1f8;--fg:#0b1b3a;--mu:#5b6985;--ac:#3b5bff;--on:#fff;--hf:var(--sans)}
.pg[data-k=biz] .m-h,.pg[data-k=biz] .m-h2,.pg[data-k=biz] h4{font-weight:500;letter-spacing:-.04em}.pg[data-k=biz] .m-br{font-weight:700;font-size:2.2em}
.z-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:3em;padding:2em 5em 5em;align-items:center}.z-l .m-sub{margin-top:1.4em}
.z-r{position:relative;height:46em}
.z-dash{position:absolute;inset:3em 0 0 3em;background:#fff;border-radius:2.4em;box-shadow:0 3em 6em -2em rgba(11,27,58,.3);padding:2.4em;transform:rotate(-2deg);transition:transform .6s var(--ease)}.z-r:hover .z-dash{transform:rotate(0)}
.z-top{display:flex;gap:.6em;margin-bottom:2em}.z-top i{width:1em;height:1em;border-radius:50%;background:#dfe5f3}
.z-bars{display:flex;align-items:flex-end;gap:1.6em;height:24em}.z-bars i{flex:1;height:var(--h);border-radius:1em 1em .3em .3em;background:linear-gradient(#7d93ff,#3b5bff);animation:grow 1.4s var(--ease) both}.z-bars i:nth-child(odd){background:linear-gradient(#c3ceff,#8fa2ff)}
@keyframes grow{from{height:0}}
.z-line{position:absolute;left:2.4em;right:2.4em;bottom:6.5em;height:.25em;border-radius:1em;background:#0b1b3a;opacity:.12}
.z-pill{position:absolute;left:0;bottom:5em;display:flex;align-items:center;gap:.8em;background:#0b1b3a;color:#fff;border-radius:10em;padding:.9em 1.6em;font-size:1.5em;animation:fl 6s ease-in-out infinite}.z-pill i{width:.8em;height:.8em;border-radius:50%;background:#7fe69b}
.z-logos{padding:1em 5em 0;text-align:center}.z-logos small{font-size:1.3em;letter-spacing:.2em;text-transform:uppercase;color:var(--mu)}.z-logos div{display:flex;justify-content:space-between;margin-top:2.4em}
.z-logos .lg{width:14em;height:3.2em;border-radius:1em;background:linear-gradient(90deg,#c9d1e4 0 30%,transparent 30% 36%,#dbe1ef 36% 100%);opacity:.8}
.z-cases{padding:7em 5em 0}.z-cases .m-h2{margin-bottom:1.1em}
.z-card2{background:#fff;border-radius:2.2em;padding:3em;min-height:26em;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .4s var(--ease),background .3s,color .3s}
.z-card2:hover{transform:translateY(-.8em);background:var(--ac);color:#fff}.z-card2:hover p,.z-card2:hover small{color:#dfe5ff}
.z-card2 small{font-size:1.5em;color:var(--ac);margin-bottom:auto;font-weight:500}.z-card2 h4{font-size:2.8em}.z-card2 p{font-size:1.5em;color:var(--mu);margin-top:.5em}
.z-form{margin:7em 5em 0;background:#0b1b3a;color:#fff;border-radius:3em;padding:5em;--mu:#9fb0d6}.z-form .m-h2{margin-bottom:1em}
.z-f{display:flex;gap:1.2em;align-items:center;flex-wrap:wrap}.z-i{flex:1;min-width:16em;background:rgba(255,255,255,.08);border:.07em solid rgba(255,255,255,.18);border-radius:10em;padding:1.1em 1.6em;font-size:1.6em;color:#9fb0d6}

/* ---- phone (generic mobile layout) ---- */
.pm{padding:0 0 4em}
.p-nv{display:flex;justify-content:space-between;align-items:center;padding:9em 6em 4em}.p-nv b{font-family:var(--hf);font-size:6em;font-weight:500;letter-spacing:-.01em}
.p-bg{width:8em;height:5em;display:flex;flex-direction:column;justify-content:space-between}.p-bg u{height:.8em;background:var(--fg);border-radius:1em;display:block}
.p-h{font-size:12.5em;line-height:1.02;letter-spacing:-.03em;padding:0 6em;margin-top:2em}
.p-sub{font-size:5.2em;color:var(--mu);padding:0 6em;margin-top:1.1em;line-height:1.5}
.p-bt{display:inline-block;margin:6em 0 0 6em;background:var(--ac);color:var(--on);border-radius:10em;padding:.95em 1.8em;font-size:5.4em;font-weight:500;line-height:1}
.p-img{margin:10em 6em 0;height:62em;border-radius:7em;background:linear-gradient(160deg,var(--g1,#ddd),var(--g2,#999) 60%,var(--g3,#333));position:relative;overflow:hidden}
.p-img:after{content:"";position:absolute;right:14%;top:16%;width:20em;height:20em;border-radius:50%;background:rgba(255,255,255,.5)}
.p-cards{padding:6em;display:grid;gap:4em}.p-card{background:color-mix(in srgb,var(--fg) 8%,var(--bg));border-radius:6em;padding:6em}.p-card h4{font-size:8em}.p-card p{font-size:5em;color:var(--mu);margin-top:.5em}
.p-ft{padding:6em;font-size:4.4em;color:var(--mu);text-align:center}
.pm .m-wa{width:15em;height:15em;margin:-22em 6em 0 auto;bottom:6em;padding:3.2em}
.pm .p-nv b,.pm .p-h{font-family:var(--hf)}.pg[data-k=resto].pm .p-h,.pg[data-k=resto].pm .p-card h4{text-transform:uppercase;font-weight:800;letter-spacing:-.04em}
.pg[data-k=estate].pm .p-img{--g1:#27456b;--g2:#4f7aa8;--g3:#d9b26f}
.pg[data-k=hotel].pm .p-img{--g1:#f6c28b;--g2:#e07a4f;--g3:#7a2e1f}
.pg[data-k=resto].pm .p-img{--g1:#3a1a0d;--g2:#ff6a2b;--g3:#7a2a0a}
.pg[data-k=beauty].pm .p-img{--g1:#fbd7cc;--g2:#e7899d;--g3:#8d3355}
.pg[data-k=biz].pm .p-img{--g1:#c3ceff;--g2:#6f86ff;--g3:#1b2f8a}
.pg[data-k=clinic].pm .p-img{border-radius:50em 50em 7em 7em}

/* ============ AI visibility ============ */
.ai{background:linear-gradient(180deg,transparent,rgba(200,255,0,.04) 40%,transparent);position:relative;overflow:hidden}
.ai:before{content:"";position:absolute;left:50%;top:10%;width:900px;height:900px;margin-left:-450px;border-radius:50%;background:radial-gradient(circle,rgba(200,255,0,.1),transparent 65%);pointer-events:none}
.aigrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);margin-top:60px;align-items:start;position:relative}
.aichat{--c:#10a37f;position:sticky;top:130px}
.ai-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.ai-tab{display:flex;align-items:center;gap:9px;background:transparent;border:1px solid var(--line);border-radius:100px;padding:10px 16px;font-size:14px;color:var(--muted);transition:all .25s}
.ai-tab i{width:8px;height:8px;border-radius:50%;background:var(--c)}.ai-tab:hover{color:var(--off);border-color:var(--c)}.ai-tab.on{color:var(--off);border-color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent)}
.ai-win{background:#161514;border:1px solid var(--line);border-radius:26px;padding:clamp(20px,2.4vw,32px);box-shadow:0 40px 90px rgba(0,0,0,.45);position:relative;overflow:hidden;transition:border-color .5s;min-height:520px}
.ai-win:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--c);transition:background .4s}
.ai-q{display:flex;gap:14px;align-items:flex-start;justify-content:flex-end;margin-bottom:26px}
.ai-q p{background:#262524;border-radius:20px 20px 4px 20px;padding:14px 18px;font-size:16px;line-height:1.5;max-width:82%;min-height:52px}
.ai-q .av,.ai-a .bot{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:600;letter-spacing:.04em}
.ai-q .av{order:2;background:var(--off);color:var(--black)}
.ai-a{display:flex;gap:14px;align-items:flex-start}
.ai-a .bot{background:var(--c);color:#fff;transition:background .4s;font-size:9px}
.ai-body{flex:1;min-width:0}.ai-body>p{font-size:16px;color:#d6d6cf;line-height:1.6;margin:4px 0 16px;min-height:52px}
.ai-body ol{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.ai-r{display:flex;gap:14px;align-items:flex-start;background:#1e1d1c;border:1px solid transparent;border-radius:16px;padding:14px 16px;transition:opacity .6s var(--ease),transform .6s var(--ease),border-color .4s,background .4s}
.ai-r .n{flex:none;width:26px;height:26px;border-radius:50%;background:#2c2b2a;display:grid;place-items:center;font-size:12px;color:var(--muted)}
.ai-r b{font-weight:500;font-size:16px;color:var(--off)}.ai-r p{margin:3px 0 0;font-size:14px;line-height:1.5;color:var(--muted)}
.ai-r em{font-style:normal;margin-left:10px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:var(--lime);color:var(--black);border-radius:100px;padding:2px 9px;vertical-align:2px;display:inline-block;white-space:nowrap}
.ai-r.you{background:rgba(200,255,0,.08);border-color:rgba(200,255,0,.5)}.ai-r.you .n{background:var(--lime);color:var(--black);font-weight:600}.ai-r.you b{color:var(--lime)}.ai-r.you p{color:#d6d6cf}
.js .aichat:not(.seen) .ai-r,.js .ai-win.busy .ai-r{opacity:0;transform:translateY(12px)}
.ai-src{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:16px;transition:opacity .6s .5s}.ai-src small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-right:4px}.ai-src span{font-size:12px;border:1px solid var(--line);border-radius:100px;padding:4px 11px;color:var(--muted)}
.js .aichat:not(.seen) .ai-src,.js .ai-win.busy .ai-src{opacity:0}
.ai-ex{margin-top:22px;font-size:12px;color:var(--dim);letter-spacing:.04em}
.caret:after{content:"";display:inline-block;width:2px;height:1.05em;background:var(--c);margin-left:2px;vertical-align:-.15em;animation:cr .9s steps(2) infinite}@keyframes cr{50%{opacity:0}}
.ailist{list-style:none;margin:0;padding:0;display:grid;gap:0}
.ailist li{display:flex;gap:22px;padding:24px 0;border-bottom:1px solid var(--line);transition:padding .4s var(--ease)}.ailist li:first-child{border-top:1px solid var(--line)}
.ailist li:hover{padding-left:14px}.ailist li:hover .ain{color:var(--lime)}
.ain{font-family:var(--serif);font-size:30px;line-height:1;color:var(--dim);min-width:46px;transition:color .3s}
.ailist h3{font-size:clamp(22px,2vw,28px);line-height:1.15;margin-bottom:6px}.ailist p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.aisplit{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:60px}
.ai-inc,.ai-add{border-radius:24px;padding:clamp(26px,3vw,40px)}
.ai-inc{background:var(--lime);color:var(--black)}.ai-add{background:var(--card);border:1px solid var(--line)}
.aisplit h3{font-family:var(--sans);font-weight:500;font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px}.ai-add h3{color:var(--lime)}
.aisplit ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.aisplit li{display:flex;gap:12px;font-size:16px;line-height:1.5}.aisplit li svg{flex:none;margin-top:4px}.ai-add li{color:#d6d6cf}.ai-add li svg{color:var(--lime)}.ai-inc li{font-weight:400}
.ai-cta{margin-top:26px}

@media(max-width:1100px){.aigrid{grid-template-columns:1fr}.aichat{position:static}}
@media(max-width:900px){.aisplit{grid-template-columns:1fr}.car-hint{display:none}.mob{width:30%;right:-2%;bottom:-8%}}
@media(max-width:700px){.car-track{padding-top:44px}.cbtn{width:44px;height:44px}.car-ctl{gap:14px}.cap p{font-size:15px}.ai-win{min-height:0}.ai-q p{max-width:92%}}
@media(prefers-reduced-motion:reduce){.pg *,.pg,.mouse:after{animation:none!important}.js .aichat:not(.seen) .ai-r,.js .aichat:not(.seen) .ai-src{opacity:1;transform:none}}