@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{color-scheme:dark;--bg:#020b17;--bg2:#061529;--panel:#071a31;--line:rgba(84,163,229,.18);--text:#f5f9ff;--muted:#9fb1cc;--cyan:#36d5ff;--blue:#188dff;--purple:#9d6bff;--max:1240px;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-width:320px;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:#188dff;color:#fff}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.wrap{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.section{position:relative;padding:120px 0}.skip-link{position:absolute;z-index:200;left:16px;top:-80px;padding:12px 18px;background:#fff;color:#000}.skip-link:focus{top:10px}.site-header{position:absolute;z-index:40;inset:0 0 auto;height:80px;border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(1,11,24,.9),rgba(1,11,24,.46));backdrop-filter:blur(16px)}.header-inner{height:100%;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-size:1.35rem;font-weight:800;letter-spacing:-.065em}.brand-mark{width:37px;height:37px;color:var(--cyan);filter:drop-shadow(0 0 9px rgba(31,197,255,.5))}.brand-dot{color:var(--cyan)}.main-nav{display:flex;align-items:center;gap:28px;margin:auto;font-size:.79rem;font-weight:700;color:#dce8fb}.main-nav a{transition:color .2s}.main-nav a:hover,.footer-links a:hover{color:var(--cyan)}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:56px;border-radius:999px;padding:0 27px;font-size:.84rem;font-weight:800;white-space:nowrap;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.button:hover{transform:translateY(-3px)}.button span{font-size:1.2rem}.button-small{min-height:41px;padding:0 20px;font-size:.72rem;gap:12px}.button-glow{background:linear-gradient(105deg,#06aeff,#2d7cff 55%,#8e61ff);box-shadow:0 0 0 1px rgba(255,255,255,.16) inset,0 8px 28px rgba(22,100,255,.35),0 0 22px rgba(46,195,255,.18)}.button-glow:before{content:"";position:absolute;inset:-30% auto -30% -70%;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg);transition:left .5s}.button-glow:hover:before{left:130%}.button-glow:hover{box-shadow:0 12px 36px rgba(38,102,255,.5),0 0 30px rgba(55,205,255,.36)}.button-outline{border:1px solid rgba(202,226,255,.54);background:rgba(2,13,28,.48);backdrop-filter:blur(8px)}.button-outline:hover{border-color:var(--cyan);background:rgba(6,35,64,.78)}.menu-toggle{display:none}

.hero{position:relative;min-height:min(850px,100svh);height:820px;display:flex;align-items:center;overflow:hidden;background:#041126}.hero-photo{position:absolute;inset:-3%;background:url('assets/hotel-hero.jpg') center center/cover no-repeat;transform:scale(1.05);will-change:transform}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,10,24,.95) 0%,rgba(2,12,27,.84) 31%,rgba(2,11,27,.36) 66%,rgba(1,7,17,.17) 100%),linear-gradient(0deg,#020b17 0%,transparent 28%),linear-gradient(180deg,rgba(2,11,23,.1),transparent 62%)}.cursor-light{position:absolute;inset:0;background:radial-gradient(450px circle at var(--mouse-x,64%) var(--mouse-y,45%),rgba(48,187,255,.18),transparent 72%);pointer-events:none;mix-blend-mode:screen}.hero-content{position:relative;z-index:2;padding-top:85px}.eyebrow,.kicker,.mini-label{color:var(--cyan);font-size:.69rem;font-weight:800;letter-spacing:.29em}.eyebrow{display:flex;align-items:center;gap:13px;color:#b5dfff}.eyebrow-line{height:1px;width:28px;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}.hero-title{font-size:clamp(3.3rem,6.9vw,6.85rem);line-height:1.035;letter-spacing:-.07em;margin:26px 0 25px;max-width:840px;font-weight:800;text-wrap:balance}.word{display:inline-block;opacity:0;transform:translateY(28px);filter:blur(8px);animation:wordIn .75s cubic-bezier(.2,.75,.2,1) forwards;animation-delay:calc(var(--word-index,0)*95ms)}.gradient-text{background:linear-gradient(100deg,#21c9ff 12%,#6aa6ff 60%,#b67aff);color:transparent;background-clip:text;-webkit-background-clip:text}.hero-lead{font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.85;color:#dfebfb;max-width:520px;margin:0 0 32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-proof{display:flex;align-items:center;gap:11px;margin-top:48px;color:#d7eaff;font-size:.72rem;font-weight:700;letter-spacing:.07em}.signal{width:7px;height:7px;border-radius:50%;background:#49e5ca;box-shadow:0 0 0 5px rgba(69,226,202,.1),0 0 15px #49e5ca}.hero-float{position:absolute;z-index:2;right:max(5vw,28px);top:41%;padding:22px 28px;width:270px;display:flex;flex-direction:column;gap:8px;transform:rotate(2deg);box-shadow:0 20px 70px rgba(0,0,0,.35)}.hero-float strong{font-size:.94rem}.hero-float>span:last-child{font-size:.74rem;color:var(--muted)}.scroll-cue{position:absolute;z-index:2;bottom:50px;right:5vw;font-size:.66rem;font-weight:800;letter-spacing:.2em;display:flex;gap:14px;align-items:center}.scroll-cue span{font-size:1.3rem;color:var(--cyan);animation:bob 2s infinite}.glass{border:1px solid rgba(115,202,255,.24);background:linear-gradient(130deg,rgba(30,84,150,.32),rgba(10,21,57,.66));backdrop-filter:blur(20px);border-radius:18px}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#148dfa,transparent)}

.intro{background:radial-gradient(circle at 70% 15%,rgba(13,92,159,.15),transparent 44%),#020b17}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:center}.kicker{margin:0 0 20px}.section h2{font-size:clamp(2.25rem,4.2vw,4.6rem);line-height:1.13;letter-spacing:-.06em;margin:0 0 24px;font-weight:800;text-wrap:balance}.section h2 em{font-style:normal;background:linear-gradient(100deg,var(--cyan),#6cb3ff 55%,#ab7cff);color:transparent;background-clip:text;-webkit-background-clip:text}.section-copy>p:not(.kicker),.section-head>p,.integration-grid>div>p:not(.kicker){line-height:1.9;color:var(--muted);font-size:.97rem;max-width:550px}.text-link{display:inline-flex;align-items:center;gap:14px;margin-top:21px;color:var(--cyan);font-weight:800;font-size:.83rem;border-bottom:1px solid rgba(54,213,255,.45);padding-bottom:8px;transition:gap .25s}.text-link:hover{gap:24px}.platform-visual{position:relative;padding:25px 35px 35px 0}.visual-image{aspect-ratio:1.15;border-radius:25px;overflow:hidden;box-shadow:0 0 0 1px rgba(77,173,255,.22),0 40px 100px #0008}.visual-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) brightness(.8)}.floating-panel{position:absolute;display:flex;align-items:center;gap:15px;padding:14px 20px;box-shadow:0 15px 45px #0009}.floating-panel small{display:block;color:var(--cyan);font-size:.55rem;letter-spacing:.18em;margin-bottom:4px}.floating-panel strong{display:block;font-size:.76rem}.panel-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #61bfff80;border-radius:10px;color:var(--cyan);font-size:1.35rem;box-shadow:inset 0 0 22px #167bfb40}.panel-a{top:11%;right:-1%}.panel-b{left:-8%;bottom:12%}.number-grid{margin-top:90px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.number-item{padding:28px 35px;display:flex;align-items:center;gap:22px;border-right:1px solid var(--line)}.number-item:first-child{padding-left:0}.number-item:last-child{border:0}.number-item strong{font-size:2.35rem;line-height:1;color:var(--cyan);letter-spacing:-.08em;text-shadow:0 0 24px #1a9fff50}.number-item > span:last-child{max-width:185px;font-size:.72rem;line-height:1.5;color:#c5d6ed}

.features{background:linear-gradient(180deg,#020b17,#041326 55%,#020b17)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:50px}.section-head h2{margin-bottom:0}.section-head>p{max-width:355px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{position:relative;min-height:265px;padding:29px;border:1px solid rgba(76,162,236,.2);border-radius:18px;background:radial-gradient(circle at 10% 0%,rgba(34,132,238,.12),transparent 45%),linear-gradient(145deg,rgba(13,39,70,.82),rgba(5,22,42,.58));transform-style:preserve-3d;transition:border-color .25s,box-shadow .25s,background .25s;will-change:transform}.feature-card:hover{border-color:rgba(66,199,255,.7);box-shadow:0 22px 65px #0009,0 0 30px rgba(17,130,255,.16)}.feature-card h3{font-size:1.08rem;letter-spacing:-.03em;margin:20px 0 9px}.feature-card p{font-size:.79rem;line-height:1.65;color:var(--muted);margin:0}.feature-icon{width:53px;height:53px;display:grid;place-items:center;border-radius:13px;border:1px solid rgba(45,177,255,.32);background:linear-gradient(145deg,#062543,#071428);box-shadow:inset 0 0 20px #128cff22,0 0 25px #009dff1c;transition:transform .3s,box-shadow .3s}.feature-icon svg{width:30px;height:30px;fill:none;stroke:var(--cyan);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #00bbff80)}.feature-card:hover .feature-icon{transform:translateZ(16px) scale(1.08) rotate(-5deg);box-shadow:inset 0 0 28px #128cff55,0 0 30px #009dff77}.feature-card:hover .icon-voice svg{animation:pulse 1.2s infinite}.feature-card:hover .icon-calendar svg{animation:bob 1.2s infinite}.feature-card:hover .icon-tasks svg{animation:wiggle 1.3s infinite}.feature-card:hover .icon-chat svg{animation:bob 1.4s infinite}.feature-card:hover .icon-brain svg{animation:pulse 1.5s infinite}.feature-card:hover .icon-human svg{animation:wiggle 1.5s infinite}.feature-index{position:absolute;right:28px;top:30px;color:#6d97bb;font-size:.65rem;font-weight:800;letter-spacing:.15em}

.bridge-section{background:radial-gradient(circle at 50% 57%,rgba(17,100,215,.17),transparent 45%),#010a16}.bridge-layout{display:block}.bridge-map{position:relative;height:620px;min-width:0;background:radial-gradient(circle at 50% 50%,rgba(28,136,253,.12),transparent 36%);border:1px solid rgba(84,163,229,.11);border-radius:28px;overflow:hidden}.bridge-map:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(64,139,223,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(64,139,223,.06) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle,black 25%,transparent 80%)}.connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.connections path{fill:none;stroke:url(#lineGradient);stroke-width:2;filter:drop-shadow(0 0 7px #21baff)}.particle{fill:#c3f6ff;filter:drop-shadow(0 0 7px #20d7ff)}.bridge-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:50%;border:1px solid #3ecbff;background:radial-gradient(circle at 30% 24%,#153e88,#071a43 55%,#0e0a37);box-shadow:0 0 0 8px #19a2ff15,inset 0 0 44px #178eff77,0 0 48px #088effaa,0 0 120px #9e3cff55}.core-orbit{position:absolute;inset:-13px;border:1px solid #288df18a;border-radius:50%;animation:orbit 22s linear infinite}.orbit-two{inset:-25px;border-style:dashed;border-color:#8768ff6d;animation-direction:reverse;animation-duration:35s}.core-icon{font-size:3rem;line-height:1;color:var(--cyan);text-shadow:0 0 18px var(--cyan)}.bridge-core strong{font-size:1.5rem;letter-spacing:-.06em}.bridge-core small{font-size:.62rem;color:#b2c9eb;margin-top:5px}.bridge-node{position:absolute;width:167px;min-height:80px;padding:14px;display:flex;align-items:center;gap:9px;text-align:left;border:1px solid rgba(94,176,255,.32);border-radius:15px;background:linear-gradient(145deg,rgba(17,48,90,.87),rgba(5,22,45,.8));color:white;cursor:pointer;backdrop-filter:blur(16px);box-shadow:0 15px 32px #0008;transition:transform .25s,border-color .25s,box-shadow .25s}.bridge-node:hover,.bridge-node:focus-visible,.bridge-node[aria-pressed="true"]{transform:scale(1.08);border-color:var(--cyan);box-shadow:0 0 0 1px #1bc5ff44,0 16px 40px #000a,0 0 26px #00aaff55}.node-glyph{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;color:var(--cyan);font-size:1.25rem;background:#0d3864;box-shadow:inset 0 0 12px #1a90ff55}.bridge-node strong{display:block;font-size:.78rem}.bridge-node small{display:block;color:#a8c4e5;font-size:.58rem;margin-top:4px;line-height:1.2}.node-pms{left:3%;top:8%}.node-voice{right:3%;top:8%}.node-mail{left:1%;top:43%}.node-locks{right:1%;top:43%}.node-chat{left:3%;bottom:8%}.node-team{right:3%;bottom:8%}

.integrations{background:linear-gradient(180deg,#010a16,#061326)}.integration-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:9%}.integration-board{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:24px;border:1px solid var(--line);border-radius:23px;background:radial-gradient(circle at 90% 0%,#1759a329,transparent 42%),#07192d;box-shadow:0 25px 80px #0007}.integration-topline,.board-note{grid-column:1/-1}.integration-topline{display:flex;justify-content:space-between;color:#7bbde9;font-size:.64rem;font-weight:800;letter-spacing:.18em;margin-bottom:8px}.integration-topline span{color:var(--cyan);font-size:1.3rem}.integration-chip{display:flex;align-items:center;justify-content:space-between;min-height:69px;padding:0 17px;border:1px solid rgba(73,157,236,.22);border-radius:12px;background:#071326;font-size:.97rem;font-weight:800;transition:transform .25s,border-color .25s,box-shadow .25s}.integration-chip:hover{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 8px 30px #00aaff25}.integration-chip small{font-size:.58rem;font-weight:600;color:#86a6c9}.integration-chip.highlighted{background:linear-gradient(135deg,#0d3772,#0b254d);border-color:#28b6ff}.integration-chip.muted{color:#a9c9df}.board-note{font-size:.63rem;color:#8fa9c6;line-height:1.5;margin:8px 0 0}.benefits{background:#061326}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit-card{min-height:200px;padding:28px;background:#071a2e;border:1px solid var(--line);border-radius:16px}.benefit-line{display:block;width:30px;height:2px;background:var(--cyan);box-shadow:0 0 16px var(--cyan);margin-bottom:20px}.benefit-num{font-size:.64rem;color:#63c9f8;letter-spacing:.2em;font-weight:800}.benefit-card h3{font-size:1.12rem;margin:12px 0 8px}.benefit-card p{font-size:.8rem;color:var(--muted);line-height:1.65;margin:0}


.demo{padding:100px 0;background:#03101f}.demo-shell{position:relative;text-align:center;padding:80px 30px;border:1px solid rgba(79,171,255,.36);border-radius:25px;background:linear-gradient(90deg,rgba(4,21,51,.97),rgba(5,27,62,.85)),url('assets/hotel-hero.jpg') center/cover;overflow:hidden;box-shadow:0 20px 80px #0006}.demo-light{position:absolute;inset:0;background:radial-gradient(circle at 50% 10%,#2769db55,transparent 55%);pointer-events:none}.demo-shell>*:not(.demo-light){position:relative}.demo h2{max-width:850px;margin-inline:auto;font-size:clamp(2.1rem,4vw,4rem)}.demo p:not(.kicker){color:#b8ccea;line-height:1.75;max-width:585px;margin:0 auto 27px;font-size:.88rem}.footer{background:#020914;border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-top:65px;padding-bottom:60px}.footer-top p{font-size:.77rem;line-height:1.7;color:var(--muted);margin-top:17px}.footer-links{display:flex;flex-direction:column;gap:12px;font-size:.77rem;color:#c4d7ec}.footer-links h3{font-size:.7rem;letter-spacing:.16em;color:var(--cyan);text-transform:uppercase;margin:0 0 5px}.footer-links a{transition:color .2s}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-block:22px;border-top:1px solid var(--line);color:#7e9ab6;font-size:.65rem}

.journey-wrap{margin-top:72px}.journey-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:25px}.journey-heading h3{font-size:clamp(1.6rem,3vw,2.5rem);letter-spacing:-.05em;margin:0}.journey-heading>p{max-width:400px;font-size:.8rem;line-height:1.7;color:#a9c1de;margin:0}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.journey-card{position:relative;display:flex;flex-direction:column;min-height:310px;padding:24px;border:1px solid #3b9de050;border-radius:18px;background:linear-gradient(150deg,#0a2745dc,#05152aed);overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}.journey-card:hover{transform:translateY(-7px);border-color:#5cd7ff;box-shadow:0 20px 40px #0008,0 0 26px #0aa8ff2e}.journey-card:before{content:"";position:absolute;top:-70px;right:-70px;width:190px;height:190px;border-radius:50%;background:#098af720;filter:blur(25px)}.journey-step{font-size:.59rem;letter-spacing:.16em;font-weight:800;color:#82caff}.journey-icon{display:grid;place-items:center;width:45px;height:45px;margin:24px 0 13px;border-radius:12px;background:#0b3c68;color:#51d8ff;font-size:1.6rem;box-shadow:inset 0 0 16px #178eff55,0 0 20px #008cff55}.journey-card h4{font-size:1rem;letter-spacing:-.03em;margin:0 0 8px}.journey-card p{color:#b1c7e0;font-size:.72rem;line-height:1.65;margin:0 0 22px}.status-pill{display:inline-flex;align-self:flex-start;margin-top:auto;color:#80e6d7;border:1px solid #4dd6c077;border-radius:50px;padding:7px 10px;font-size:.57rem;font-weight:800;letter-spacing:.03em}.journey-card-future{border-color:#a46bff66;background:linear-gradient(150deg,#23194add,#0b1731ed)}.journey-card-future .journey-icon{background:#302463;color:#c7a4ff;box-shadow:inset 0 0 16px #a567ff55,0 0 20px #8d4cff55}.status-future{color:#d7bcff;border-color:#a67cff77}

.demo{background:radial-gradient(circle at 80% 20%,#162e62 0%,transparent 43%),#03101f}.demo-shell{text-align:left;padding:68px clamp(20px,5vw,70px) 60px;background:linear-gradient(120deg,rgba(4,17,39,.98),rgba(4,18,45,.93)),url('assets/hotel-hero.jpg') center/cover}.demo-shell:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(125deg,#4dd9ff99,transparent 34%,#ad72ff77 80%,#4dd9ff55);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.demo-light{background:radial-gradient(circle at 70% 5%,#8b4af437,transparent 42%),radial-gradient(circle at 2% 85%,#048dff33,transparent 50%)}.demo-intro{position:relative;max-width:900px}.demo h2{max-width:890px;margin:0 0 19px;font-size:clamp(2.3rem,4.4vw,4.7rem)}.demo p:not(.kicker){max-width:none;margin:0;color:#b8ccea}.demo-intro>p:last-child{max-width:640px!important;margin-bottom:34px!important;font-size:.9rem!important}.demo-experience{display:grid;grid-template-columns:1.12fr .88fr;gap:18px;align-items:stretch}.demo-selector,.demo-preview{position:relative;border:1px solid #54a7e858;border-radius:21px;background:linear-gradient(145deg,#071d3be8,#05142de0);padding:29px;box-shadow:0 18px 55px #0005}.demo-selector:before{content:"";position:absolute;top:0;left:30px;width:95px;height:2px;background:#44cfff;box-shadow:0 0 20px #36ccff}.demo-overline{font-size:.62rem;color:#69cfff;font-weight:800;letter-spacing:.19em}.demo-selector h3,.demo-preview h3{font-size:1.42rem;letter-spacing:-.04em;margin:14px 0 7px}.demo-selector>p{font-size:.73rem!important;line-height:1.6!important}.demo-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0 24px}.demo-choice{display:flex;align-items:center;gap:11px;min-height:62px;padding:11px 14px;border:1px solid #5b9bd74d;border-radius:12px;background:#07192f;color:#c4d6eb;text-align:left;cursor:pointer;font-size:.73rem;font-weight:700;line-height:1.3;transition:transform .22s,border-color .22s,background .22s,box-shadow .22s}.demo-choice span{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:#133858;color:#57cfff;font-size:1.12rem}.demo-choice:hover{transform:translateY(-3px);border-color:#62ceff}.demo-choice[aria-pressed="true"]{color:#fff;border-color:#45cbff;background:linear-gradient(125deg,#0b3e70,#142951);box-shadow:inset 0 0 18px #159eff2c,0 0 19px #118aff33}.demo-choice[aria-pressed="true"] span{background:#1771a1;color:#fff;box-shadow:0 0 16px #38cfff66}.demo-selector-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #6dbbff30;padding-top:19px;color:#a9c8e1;font-size:.62rem}.demo-signal{display:flex;align-items:center;gap:9px;color:#77e0d7;font-weight:800;letter-spacing:.08em}.demo-signal i{display:block;width:7px;height:7px;border-radius:50%;background:#54ebd4;box-shadow:0 0 13px #54ebd4}.demo-preview{display:flex;flex-direction:column;align-items:flex-start;background:radial-gradient(circle at 50% 36%,#2864b857,transparent 50%),linear-gradient(145deg,#0a2852ec,#0b1535e0);overflow:hidden}.demo-preview-orbit{position:relative;display:grid;place-items:center;align-self:center;width:132px;height:132px;margin:24px auto 13px;border:1px solid #63cfff77;border-radius:50%;background:radial-gradient(circle,#2a8ae580,#102b62 58%,#09214a);box-shadow:0 0 0 12px #188dff12,0 0 60px #1c9fff88,inset 0 0 45px #4197ef77}.demo-preview-orbit:after{content:"";position:absolute;inset:-20px;border:1px dashed #8f7bff88;border-radius:50%;animation:orbit 26s linear infinite}.demo-preview-orbit span{color:#a6f2ff;font-size:3rem;text-shadow:0 0 20px #6decff}.demo-preview h3{margin-top:15px}.demo-preview #demo-summary{min-height:48px;color:#f0f9ff;font-size:.9rem;line-height:1.5}.demo-preview-line{width:100%;height:1px;margin:20px 0;background:linear-gradient(90deg,#4dbbff,transparent)}.demo-preview .demo-small{font-size:.75rem;line-height:1.7;margin-bottom:21px!important}.demo-main-cta{width:100%;justify-content:space-between;margin-top:auto}.demo-link-note{display:block;margin-top:12px;color:#8daecc;font-size:.62rem}
@media(max-width:1050px){.journey-grid{grid-template-columns:repeat(2,1fr)}.journey-card{min-height:280px}}
@media(max-width:760px){.journey-heading{display:block}.journey-heading>p{margin-top:15px}.demo-experience{grid-template-columns:1fr}.demo-preview-orbit{width:105px;height:105px;margin:20px auto 8px}.demo-shell{padding:48px 20px}.demo-choices{margin:20px 0}}
@media(max-width:520px){.journey-grid{grid-template-columns:1fr}.journey-card{min-height:240px}.demo-choices{grid-template-columns:1fr}.demo-selector,.demo-preview{padding:22px}.demo-shell{padding:42px 14px}.demo-intro>p:last-child{font-size:.82rem!important}.demo-selector-bottom{align-items:flex-start;flex-direction:column}}

.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes wordIn{to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes bob{50%{transform:translateY(6px)}}@keyframes pulse{50%{transform:scale(1.13)}}@keyframes wiggle{25%{transform:rotate(-7deg)}75%{transform:rotate(7deg)}}@keyframes orbit{to{transform:rotate(360deg)}}

@media(max-width:1050px){.main-nav{gap:14px;font-size:.71rem}.header-cta{display:none}.hero-float{right:3%;top:57%;width:235px}.intro-grid,.integration-grid{gap:5%}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{width:min(calc(100% - 36px),var(--max))}.section{padding:78px 0}.site-header{height:68px}.header-inner{justify-content:space-between}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;background:none;border:1px solid #6abaff66;border-radius:9px;padding:10px;color:#fff}.menu-toggle span{height:2px;background:var(--cyan);width:100%;border-radius:2px}.main-nav{position:absolute;left:18px;right:18px;top:76px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:10px 18px;border:1px solid var(--line);border-radius:14px;background:#05172bf5;backdrop-filter:blur(20px);box-shadow:0 20px 60px #0009}.main-nav.is-open{display:flex}.main-nav a{padding:13px 5px;border-bottom:1px solid var(--line)}.main-nav a:last-child{border:0}.hero{height:auto;min-height:740px;align-items:flex-start}.hero-photo{background-position:62% center}.hero-vignette{background:linear-gradient(90deg,rgba(1,10,24,.93),rgba(2,12,27,.65)),linear-gradient(0deg,#020b17,transparent 34%)}.hero-content{padding-top:165px;padding-bottom:200px}.hero-title{font-size:clamp(3rem,10vw,5rem)}.hero-lead{max-width:470px}.hero-float{top:auto;bottom:65px;left:18px;right:auto;width:245px;padding:13px 17px}.hero-proof{margin-top:30px}.scroll-cue{bottom:40px}.intro-grid,.integration-grid{grid-template-columns:1fr;gap:45px}.platform-visual{max-width:560px;margin-inline:auto;padding:15px 26px}.panel-b{left:-3%}.number-grid{margin-top:70px}.number-item{padding:22px 12px;flex-direction:column;align-items:flex-start;gap:9px}.number-item:first-child{padding-left:0}.number-item strong{font-size:1.8rem}.section-head{display:block;margin-bottom:33px}.section-head>p{margin-top:22px;max-width:580px}.feature-grid,.benefit-grid{grid-template-columns:repeat(2,1fr)}.bridge-map{height:600px}.bridge-node{width:145px;padding:10px;min-height:70px}.bridge-core{width:160px;height:160px}.integration-board{max-width:650px}.footer-top{grid-template-columns:1.3fr 1fr;gap:38px}.footer-top>div:first-child{grid-column:1/-1}}
@media(max-width:520px){.hero{min-height:760px}.hero-content{padding-top:144px}.eyebrow{font-size:.54rem;letter-spacing:.2em}.hero-title{font-size:clamp(2.75rem,12vw,4rem);margin:20px 0}.hero-lead{font-size:.9rem}.hero-actions{gap:9px}.hero-actions .button{min-height:48px;padding:0 17px;font-size:.69rem;gap:10px}.hero-float{bottom:68px;width:225px}.scroll-cue{font-size:.52rem;right:18px}.section h2{font-size:clamp(2.08rem,9vw,3rem)}.section-copy>p:not(.kicker),.section-head>p,.integration-grid>div>p:not(.kicker){font-size:.86rem}.number-grid{grid-template-columns:1fr}.number-item,.number-item:first-child{padding:18px 0;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.number-item:last-child{border:0}.number-item strong{min-width:73px}.feature-grid,.benefit-grid{grid-template-columns:1fr}.feature-card{min-height:220px}.bridge-map{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:24px 12px 15px}.connections{display:none}.bridge-core{position:relative;grid-column:1/-1;grid-row:1;left:auto;top:auto;transform:none;width:155px;height:155px;margin:12px auto 26px}.bridge-node{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;min-height:76px;transform:none!important}.bridge-node:hover,.bridge-node[aria-pressed="true"]{box-shadow:0 0 22px #00aaff55}.bridge-node small{font-size:.52rem}.integration-board{gap:8px;padding:15px}.integration-chip{min-height:62px;padding:9px;display:block;font-size:.81rem}.integration-chip small{display:block;margin-top:3px;font-size:.52rem}.demo-shell{padding:60px 18px}.footer-top{grid-template-columns:1fr 1fr;gap:29px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.word,.reveal{opacity:1;transform:none;filter:none}.particle{display:none}}
html.no-js .word,html.no-js .reveal{opacity:1;transform:none;filter:none;animation:none}
@media(max-width:760px){html.no-js .main-nav{display:flex;top:68px}html.no-js .menu-toggle{display:none}}

.demo-page-hero{position:relative;min-height:560px;display:flex;align-items:end;overflow:hidden;background:#051327}.demo-page-photo{position:absolute;inset:0;background:url('assets/hotel-hero.jpg') center 53%/cover no-repeat;filter:saturate(.88)}.demo-page-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020b17 5%,#031224e8 48%,#06182c5c 100%),linear-gradient(0deg,#020b17 1%,transparent 55%)}.demo-page-hero-inner{position:relative;padding-top:142px;padding-bottom:70px}.demo-back{display:inline-flex;align-items:center;gap:10px;margin-bottom:44px;color:#9edfff;font-size:.73rem;font-weight:800;transition:gap .2s}.demo-back:hover{gap:16px}.demo-page-hero h1{max-width:840px;margin:0 0 20px;font-size:clamp(3rem,5.7vw,6rem);line-height:1.04;letter-spacing:-.065em;text-wrap:balance}.demo-page-hero h1 em{font-style:normal;color:transparent;background:linear-gradient(100deg,#28cfff,#7cafff,#bb88ff);background-clip:text;-webkit-background-clip:text}.demo-page-hero-inner>p:not(.kicker){max-width:635px;margin:0;font-size:1rem;line-height:1.75;color:#d5e6f7}.demo-page-highlights{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.demo-page-highlights span{padding:9px 13px;border:1px solid #58b9ff55;border-radius:99px;background:#0b2c4e9c;backdrop-filter:blur(12px);color:#b7e7ff;font-size:.65rem;font-weight:700}.request-section{background:radial-gradient(circle at 90% 15%,#1558a32c,transparent 45%),#020b17}.request-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:start}.request-aside{padding-top:26px}.request-aside h2{font-size:clamp(2.2rem,3.8vw,4.25rem)}.request-aside>p:not(.kicker){max-width:430px;color:#afc5df;line-height:1.8;font-size:.9rem}.request-steps{margin:43px 0;border-top:1px solid #5eaaf344}.request-steps>div{display:flex;gap:20px;padding:19px 0;border-bottom:1px solid #5eaaf344}.request-steps>div>span{color:#57ceff;font-size:.7rem;font-weight:800;letter-spacing:.13em}.request-steps p{margin:0}.request-steps strong{display:block;font-size:.8rem}.request-steps small{display:block;margin-top:5px;color:#96b1ce;font-size:.67rem;line-height:1.6}.request-aside-card{padding:22px 24px}.request-aside-card p{color:#d9eaff;font-size:.81rem;line-height:1.65;margin:13px 0}.request-aside-card a{color:#6dd8ff;font-size:.7rem;font-weight:800}.request-form-panel{position:relative;padding:clamp(24px,4vw,48px);border:1px solid #61bfff6e;border-radius:24px;background:linear-gradient(145deg,#0b2746f2,#051326f2);box-shadow:0 25px 90px #0008,0 0 50px #0889ff1f;overflow:hidden}.request-form-panel:before{content:"";position:absolute;inset:-120px -100px auto auto;width:310px;height:310px;border-radius:50%;background:#387fff22;filter:blur(40px);pointer-events:none}.request-form-panel>*{position:relative}.request-form-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.request-indicator{display:inline-flex;align-items:center;gap:7px;color:#84e5d7;font-size:.55rem;font-weight:800;letter-spacing:.09em}.request-indicator i{width:7px;height:7px;border-radius:50%;background:#72e7d6;box-shadow:0 0 12px #72e7d6}.request-form-panel h2{font-size:clamp(1.9rem,3vw,2.9rem);margin:17px 0 8px}.request-form-panel>p{color:#9db9d6;font-size:.72rem;margin:0 0 30px}.request-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.request-field{margin-bottom:17px}.request-field label{display:block;color:#e8f5ff;font-size:.7rem;font-weight:800;margin:0 0 8px}.request-field input,.request-field select,.request-field textarea{display:block;width:100%;min-height:48px;padding:12px 14px;border:1px solid #61abdf65;border-radius:10px;background:#06192f;color:#f3f9ff;font:inherit;font-size:.78rem;outline:none;transition:border-color .2s,box-shadow .2s}.request-field textarea{resize:vertical;min-height:118px}.request-field input::placeholder,.request-field textarea::placeholder{color:#82a3c1}.request-field input:hover,.request-field select:hover,.request-field textarea:hover{border-color:#82d4ff}.request-field input:focus,.request-field select:focus,.request-field textarea:focus{border-color:#53d2ff;box-shadow:0 0 0 3px #1d9eff31}.request-field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#74d8ff 50%),linear-gradient(135deg,#74d8ff 50%,transparent 50%);background-position:calc(100% - 21px) 21px,calc(100% - 16px) 21px;background-size:5px 5px;background-repeat:no-repeat}.request-consent{display:flex;gap:11px;align-items:flex-start;margin:8px 0 24px}.request-consent input{width:17px;height:17px;flex:none;accent-color:#27bcff}.request-consent label{color:#bdd1e7;font-size:.7rem;line-height:1.5}.request-consent a{color:#6bd9ff;text-decoration:underline;text-underline-offset:3px}.request-honeypot{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}.request-submit{width:100%;justify-content:space-between;cursor:pointer;border:0}.request-footnote{color:#8caac8;font-size:.64rem;line-height:1.6;margin:15px 0 0}
@media(max-width:980px){.request-layout{grid-template-columns:1fr;gap:40px}.request-aside{padding-top:0}.request-steps{margin:25px 0}.request-form-panel{max-width:760px;width:100%;margin:auto}}
@media(max-width:760px){.demo-page-hero{min-height:560px}.demo-page-hero-inner{padding-top:122px;padding-bottom:55px}.demo-back{margin-bottom:32px}.demo-page-hero h1{font-size:clamp(2.6rem,9vw,4.5rem)}.request-section{padding-top:75px}}
@media(max-width:520px){.demo-page-hero-inner>p:not(.kicker){font-size:.85rem}.request-row{grid-template-columns:1fr;gap:0}.request-form-panel{padding:25px 18px}.request-form-head{align-items:flex-start;flex-direction:column}.request-aside-card{padding:20px}.demo-page-highlights span{font-size:.58rem}}

/* Superfici nitide e profondità delle schede */
body:before{display:none}.hero-photo,.demo-page-photo{filter:none}.feature-grid,.journey-grid,.demo-choices{perspective:1000px}.feature-card,.journey-card,.demo-choice,.bridge-node,.integration-chip{box-shadow:inset 0 1px 0 #ffffff30,inset 0 -8px 18px #0003,0 11px 0 #010914,0 22px 38px #0008}.feature-card:before,.journey-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,transparent 34%,transparent 72%,#4a9fff13)}.feature-card:hover{box-shadow:inset 0 1px 0 #ffffff55,inset 0 -8px 18px #0004,0 15px 0 #010914,0 32px 55px #000a,0 0 35px #00aaff2e}.demo-choice{position:relative;transform:perspective(700px) rotateX(4deg);transform-origin:center bottom;border-top-color:#7dcdff80;border-bottom-color:#08192d}.demo-choice:hover{transform:perspective(700px) rotateX(0deg) translateY(-5px);box-shadow:inset 0 1px 0 #ffffff55,0 15px 0 #010914,0 25px 38px #0009,0 0 20px #079dff50}.demo-choice[aria-pressed="true"]{transform:perspective(700px) rotateX(0deg) translateY(2px);box-shadow:inset 0 2px 12px #35bbff55,inset 0 1px 0 #ffffff40,0 6px 0 #010914,0 14px 28px #0008,0 0 24px #118aff4d}.bridge-node:hover,.bridge-node:focus-visible,.bridge-node[aria-pressed="true"]{box-shadow:inset 0 1px 0 #ffffff55,0 15px 0 #010914,0 28px 48px #000b,0 0 28px #00aaff66}.journey-card:hover{transform:perspective(800px) rotateX(2deg) rotateY(-2deg) translateY(-7px);box-shadow:inset 0 1px 0 #ffffff55,0 14px 0 #010914,0 27px 45px #000a,0 0 26px #0aa8ff2e}.integration-chip:hover{box-shadow:inset 0 1px 0 #ffffff44,0 14px 0 #010914,0 25px 35px #0009,0 0 23px #00aaff25}

.workspace-section{background:radial-gradient(circle at 80% 35%,#15458b34,transparent 48%),linear-gradient(180deg,#020b17,#041427)}.workspace-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:6%;align-items:center}.workspace-copy>p:not(.kicker){color:#a9c1dd;font-size:.92rem;line-height:1.85;max-width:480px}.workspace-points{display:flex;flex-direction:column;gap:12px;margin:25px 0 5px}.workspace-points span{display:flex;align-items:center;gap:13px;color:#d7e9f7;font-size:.78rem;font-weight:700}.workspace-points i{display:grid;place-items:center;width:30px;height:30px;font-style:normal;border:1px solid #49bfff77;border-radius:8px;background:#0e345a;color:#59d2ff;box-shadow:0 0 18px #0daeff33}.dashboard-stage{position:relative;padding:30px 16px 28px;perspective:1300px}.dashboard-glow{position:absolute;inset:12% 4%;border-radius:50%;background:#168afc66;filter:blur(70px)}.dashboard-window{position:relative;overflow:hidden;border:1px solid #69bffc90;border-radius:18px;background:linear-gradient(145deg,#0b2a4c,#06172e);box-shadow:inset 0 1px #ffffff4d,0 18px 0 #010a19,0 44px 75px #0009,0 0 60px #128bff35;transform:rotateY(-8deg) rotateX(4deg);transition:transform .4s,box-shadow .4s}.dashboard-stage:hover .dashboard-window{transform:rotateY(-2deg) rotateX(1deg) translateY(-5px);box-shadow:inset 0 1px #ffffff55,0 22px 0 #010a19,0 50px 85px #000b,0 0 70px #128bff55}.dashboard-top{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 17px;border-bottom:1px solid #78c1ff33;background:#06162b;color:#c9e6fa;font-size:.64rem}.dashboard-dots{display:flex;gap:5px}.dashboard-dots i{width:6px;height:6px;border-radius:50%;background:#267fc0}.dashboard-dots i:first-child{background:#26d2ff}.dashboard-dots i:last-child{background:#9a74ff}.dashboard-top strong{font-weight:700}.dashboard-live{display:flex;gap:6px;align-items:center;margin-left:auto;color:#84e9d7;font-size:.49rem;letter-spacing:.08em}.dashboard-live i{width:6px;height:6px;border-radius:50%;background:#61e7ce;box-shadow:0 0 12px #61e7ce}.dashboard-body{display:grid;grid-template-columns:145px 1fr;min-height:332px}.dashboard-side{display:flex;flex-direction:column;gap:4px;padding:16px 10px;border-right:1px solid #6fb5ed29;background:#061a30}.dashboard-side span{display:flex;gap:8px;align-items:center;padding:9px;border-radius:8px;color:#9fbad4;font-size:.58rem}.dashboard-side span.active{color:#bfeaff;background:#154979;box-shadow:inset 0 0 12px #1e93e944}.dashboard-side b{font-weight:600}.dashboard-main{padding:23px}.dashboard-welcome small{display:block;color:#6bcaff;font-size:.5rem;letter-spacing:.16em;font-weight:800}.dashboard-welcome strong{display:block;margin-top:7px;color:#edf7ff;font-size:1.02rem;letter-spacing:-.04em}.dashboard-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:24px}.dashboard-mini-grid>div{position:relative;min-height:113px;padding:13px 10px;border:1px solid #59aaff55;border-radius:10px;background:linear-gradient(135deg,#103d67,#09223e);box-shadow:inset 0 1px #ffffff26,0 6px 0 #04152a,0 13px 20px #0005}.dashboard-mini-grid span,.dashboard-flow>span{display:block;color:#78caff;font-size:.46rem;font-weight:800;letter-spacing:.13em}.dashboard-mini-grid strong{display:block;margin-top:12px;font-size:.7rem}.dashboard-mini-grid small{display:block;margin-top:5px;color:#9cb9d5;font-size:.49rem;line-height:1.4}.dashboard-mini-grid i{position:absolute;right:10px;top:10px;color:#54ceff;font-style:normal;font-size:1rem}.dashboard-flow{margin-top:30px;padding:15px;border:1px solid #5daefa33;border-radius:9px;background:#071d34}.dashboard-flow>div{display:flex;align-items:center;gap:9px;margin-top:13px}.dashboard-flow b{padding:7px 9px;border:1px solid #6aaeff50;border-radius:8px;background:#0b3154;color:#cbe9fb;font-size:.52rem;font-weight:600;white-space:nowrap}.dashboard-flow i{display:block;width:15px;height:1px;background:#53cfff;box-shadow:0 0 7px #53cfff}.dashboard-caption{display:block;margin:30px 14px 0;color:#7ea5c5;font-size:.6rem;text-align:right}
@media(max-width:1050px){.workspace-layout{grid-template-columns:1fr}.workspace-copy{max-width:660px}.dashboard-stage{max-width:770px;width:100%;margin:35px auto 0}}
@media(max-width:600px){.dashboard-stage{padding:15px 0 20px}.dashboard-window{transform:none}.dashboard-stage:hover .dashboard-window{transform:none}.dashboard-body{grid-template-columns:1fr}.dashboard-side{display:none}.dashboard-main{padding:18px}.dashboard-mini-grid{gap:6px}.dashboard-mini-grid>div{padding:11px 7px;min-height:105px}.dashboard-mini-grid strong{font-size:.58rem}.dashboard-mini-grid small{font-size:.45rem}.dashboard-flow b{font-size:.42rem;padding:6px}.dashboard-flow{padding:11px}.dashboard-flow>div{gap:5px}.dashboard-flow i{width:7px}.dashboard-caption{text-align:left}}
@media(prefers-reduced-motion:reduce){.dashboard-window,.dashboard-stage:hover .dashboard-window,.demo-choice,.demo-choice:hover,.demo-choice[aria-pressed="true"],.journey-card:hover{transform:none}}

/* Tipografia e ritmo di scorrimento */
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.section h2{letter-spacing:-.052em}.eyebrow,.kicker,.mini-label{font-size:.72rem;letter-spacing:.2em}.section-copy>p:not(.kicker),.section-head>p,.integration-grid>div>p:not(.kicker),.workspace-copy>p:not(.kicker){font-size:.96rem;line-height:1.8}.feature-card p,.benefit-card p{font-size:.86rem;line-height:1.65}.feature-card h3{font-size:1.1rem}.bridge-node{width:180px}.bridge-node strong{font-size:.84rem}.bridge-node small{font-size:.68rem;line-height:1.3}.journey-step,.status-pill{font-size:.67rem}.journey-card p{font-size:.8rem;line-height:1.65}.integration-chip small,.board-note,.demo-link-note,.demo-selector-bottom,.demo-overline,.demo-signal,.request-footnote{font-size:.7rem}.demo-choice{font-size:.81rem;line-height:1.4}.demo-selector>p{font-size:.83rem!important}.demo-preview .demo-small{font-size:.82rem}.footer-bottom{font-size:.72rem}.request-field label,.request-consent label{font-size:.77rem}.request-field input,.request-field select,.request-field textarea{font-size:.85rem}.request-steps small{font-size:.73rem}.request-form-panel>p{font-size:.79rem}.demo-page-highlights span{font-size:.71rem}.dashboard-mini-grid span,.dashboard-flow>span{font-size:.55rem}.dashboard-mini-grid small{font-size:.59rem}.dashboard-flow b{font-size:.59rem}.dashboard-side span{font-size:.64rem}.dashboard-caption{font-size:.7rem}
html:not(.no-js) .reveal{opacity:0;filter:blur(4px);transform:translate3d(0,44px,0) scale(.985);transition:opacity .95s cubic-bezier(.2,.7,.2,1),transform 1.1s cubic-bezier(.16,1,.3,1),filter .95s ease}html:not(.no-js) .reveal.is-visible{opacity:1;filter:blur(0);transform:translate3d(0,0,0) scale(1)}.reveal.is-visible h2{animation:headlineLift .9s cubic-bezier(.16,1,.3,1) both}.journey-card.reveal.is-visible:hover{transform:perspective(800px) rotateX(2deg) rotateY(-2deg) translateY(-7px)}.hero-lead{animation:heroContentIn .85s .65s both}.hero-actions{animation:heroContentIn .85s .82s both}.hero-proof{animation:heroContentIn .85s 1s both}.hero-float{animation:heroFloatIn 1s 1.1s both}@keyframes headlineLift{from{opacity:.35;filter:blur(4px);transform:translateY(18px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes heroContentIn{from{opacity:0;transform:translateY(24px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes heroFloatIn{from{opacity:0;transform:translateY(25px) rotate(2deg);filter:blur(6px)}to{opacity:1;transform:translateY(0) rotate(2deg);filter:blur(0)}}
.tilt-card.reveal-complete,.journey-card.reveal-complete{transition:transform .22s ease,border-color .25s ease,box-shadow .25s ease}
html:not(.no-js) .reveal.reveal-complete{filter:none}
.journey-card{min-height:275px}.hero-proof{font-size:.78rem}.scroll-cue{font-size:.71rem}.floating-panel small{font-size:.67rem}.floating-panel strong{font-size:.83rem}.number-item > span:last-child{font-size:.8rem}
@media(max-width:760px){.eyebrow,.kicker,.mini-label{font-size:.68rem}.bridge-node{width:155px}.bridge-node small{font-size:.64rem}.dashboard-mini-grid{grid-template-columns:1fr}.dashboard-mini-grid>div{min-height:80px}.dashboard-mini-grid strong{font-size:.78rem;margin-top:6px}.dashboard-mini-grid small{font-size:.67rem}.dashboard-flow>div{flex-wrap:wrap}.dashboard-flow b{font-size:.63rem}}
@media(max-width:520px){.eyebrow{font-size:.65rem;letter-spacing:.15em}.hero-actions .button{font-size:.75rem}.bridge-node{width:100%}.bridge-node small{font-size:.63rem}.demo-choice{font-size:.82rem}.demo-page-highlights span{font-size:.68rem}.dashboard-top strong{font-size:.61rem}.dashboard-live{font-size:.56rem}}
@media(prefers-reduced-motion:reduce){html:not(.no-js) .reveal,html:not(.no-js) .reveal.is-visible{opacity:1;filter:none;transform:none;transition:none}.reveal.is-visible h2,.hero-lead,.hero-actions,.hero-proof,.hero-float{animation:none}.journey-card.reveal.is-visible:hover{transform:none}}

/* Icone: la luce segue la scheda o il comando su cui si trova il puntatore. */
.brand-mark,
.feature-icon svg,
.panel-icon,
.workspace-points i,
.dashboard-mini-grid i,
.node-glyph,
.journey-icon,
.demo-choice span,
.demo-page-highlights span,
.request-steps > div > span,
.benefit-line {
  transition: transform .28s ease, filter .28s ease, box-shadow .28s ease,
    color .28s ease, background .28s ease, border-color .28s ease,
    width .28s ease, stroke .28s ease;
}

/* The registered mark stays in its original artwork on a light tile. */
.brand-mark {
  width: 44px;
  height: 44px;
  flex: none;
  border-radius: 12px;
  background: #fff;
  object-fit: cover;
  box-shadow: 0 0 0 1px #c6ddf24d, 0 7px 22px #020d2380;
  filter: none;
}
.core-icon { display: block; line-height: 0; filter: drop-shadow(0 0 18px #2ac8ff99); }
.core-icon img { display: block; width: 54px; height: 54px; border-radius: 16px; background: #fff; box-shadow: 0 0 0 1px #b9dafa88; }

.brand:hover .brand-mark,
.brand:focus-visible .brand-mark {
  transform: scale(1.1) rotate(-6deg);
  filter: drop-shadow(0 0 15px #39d9ff) drop-shadow(0 0 27px #147fff);
}

.feature-card:hover .feature-icon,
.feature-icon:hover {
  border-color: #a9eeff;
  background: linear-gradient(145deg, #0a4777, #0a2044);
  box-shadow: inset 0 0 28px #35c7ff88, 0 0 23px #22bbffb3,
    0 0 42px #218fff66;
}
.feature-card:hover .feature-icon svg,
.feature-icon:hover svg {
  stroke: #e3fbff;
  filter: drop-shadow(0 0 8px #20cfff) drop-shadow(0 0 15px #188dff);
}

.floating-panel:hover .panel-icon,
.workspace-points span:hover i,
.dashboard-mini-grid > div:hover i,
.bridge-node:hover .node-glyph,
.bridge-node:focus-visible .node-glyph,
.bridge-node[aria-pressed="true"] .node-glyph,
.journey-card:hover .journey-icon,
.demo-choice:hover span,
.demo-choice:focus-visible span,
.demo-choice[aria-pressed="true"] span,
.demo-page-highlights span:hover,
.request-steps > div:hover > span {
  color: #fff;
  border-color: #a9efff;
  background: #14669b;
  box-shadow: inset 0 0 21px #52d9ff88, 0 0 16px #23c5ffb3,
    0 0 35px #188dff80;
  filter: drop-shadow(0 0 8px #43d9ff);
  transform: translateY(-2px) scale(1.08);
}

.floating-panel,
.workspace-points span,
.dashboard-mini-grid > div,
.benefit-card {
  transition: border-color .28s ease, box-shadow .28s ease, transform .28s ease;
}
.floating-panel:hover {
  box-shadow: 0 18px 46px #000a, 0 0 24px #178dff66;
}
.dashboard-mini-grid > div:hover {
  border-color: #79d8ff;
  box-shadow: inset 0 1px #ffffff55, 0 8px 0 #04152a,
    0 17px 26px #0007, 0 0 24px #148fff66;
}
.journey-card:hover .journey-icon {
  background: #14669b;
}
.benefit-card:hover {
  border-color: #55c9ff99;
  box-shadow: 0 18px 40px #0007, inset 0 1px #ffffff28,
    0 0 26px #148fff36;
}
html:not(.no-js) .benefit-card.reveal.is-visible.reveal-complete:hover {
  transform: translateY(-5px);
}
.benefit-card:hover .benefit-line {
  width: 68px;
  box-shadow: 0 0 17px #42d6ff, 0 0 30px #148fff;
}
.integration-chip:hover small {
  color: #d5f6ff;
  text-shadow: 0 0 12px #20cfff;
}

@media (prefers-reduced-motion: reduce) {
  .brand:hover .brand-mark,
  .floating-panel:hover .panel-icon,
  .workspace-points span:hover i,
  .dashboard-mini-grid > div:hover i,
  .bridge-node:hover .node-glyph,
  .bridge-node:focus-visible .node-glyph,
  .bridge-node[aria-pressed="true"] .node-glyph,
    .journey-card:hover .journey-icon,
  .demo-choice:hover span,
  .demo-choice:focus-visible span,
  .demo-choice[aria-pressed="true"] span,
  .demo-page-highlights span:hover,
  .request-steps > div:hover > span,
  html:not(.no-js) .benefit-card.reveal.is-visible.reveal-complete:hover {
    transform: none;
  }
}

/* Ritmo della pagina e proporzioni riviste sugli screenshot dell'anteprima. */
.section {
  padding-block: 88px;
}
.section-head {
  gap: 42px;
  margin-bottom: 30px;
}
.section-copy > p:not(.kicker),
.section-head > p,
.workspace-copy > p:not(.kicker) {
  line-height: 1.66;
}
.intro {
  padding-bottom: 18px;
}
.features {
  padding-top: 42px;
}
.number-grid {
  margin-top: 34px;
}
.number-item {
  gap: 17px;
}
.number-item strong {
  flex: none;
  white-space: nowrap;
  font-size: 2.2rem;
  line-height: 1.1;
}
.number-item > span:last-child {
  max-width: 210px;
  line-height: 1.4;
}
.visual-image img {
  object-position: center 46%;
  filter: saturate(.94) brightness(.98);
}
.hero-float {
  width: 252px;
  padding: 18px 21px;
}
.hero-float {
  gap: 13px;
  border-color: #70bfff75;
  background: linear-gradient(145deg, #102d51e8, #09142cdb);
  box-shadow: inset 0 1px 0 #ffffff38, 0 22px 58px #0009, 0 0 20px #138aff26;
  transition: border-color .3s ease, background .3s ease, box-shadow .3s ease;
}
.hero-float:hover,
.hero-float:focus-visible {
  border-color: #6ae1ff;
  background: linear-gradient(145deg, #164775f0, #111b42ed);
  box-shadow: inset 0 1px 0 #ffffff66, 0 25px 65px #000b,
    0 0 0 1px #41caff54, 0 0 35px #14b9ff9c, 0 0 72px #7658ff50;
}
.hero-float .mini-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: .65rem;
  letter-spacing: .16em;
}
.hero-float:hover .mini-label,
.hero-float:focus-visible .mini-label {
  color: #b9f4ff;
  text-shadow: 0 0 12px #35cfff;
}
.hero-spark {
  color: #b6a1ff;
  font-size: 1.05rem;
  text-shadow: 0 0 11px #9d71ff;
}
.hero-float:hover .hero-spark,
.hero-float:focus-visible .hero-spark {
  color: #fff;
  text-shadow: 0 0 9px #fff, 0 0 24px #a979ff;
}
.hero-float strong {
  font-size: .94rem;
  letter-spacing: -.02em;
}
.ecosystem-flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  padding: 13px 0 10px;
  border-top: 1px solid #8acaff44;
  border-bottom: 1px solid #8acaff44;
}
.ecosystem-flow::before {
  content: "";
  position: absolute;
  top: 31px;
  left: 16%;
  right: 16%;
  height: 1px;
  background: linear-gradient(90deg, #20d7ff, #986fff, #20d7ff);
  box-shadow: 0 0 10px #26c8ff;
}
.ecosystem-node {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  color: #dceaff;
  font-size: .66rem;
  font-weight: 700;
}
.ecosystem-glyph {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid #68c9ff99;
  border-radius: 11px;
  background: #103b67;
  color: #69deff;
  box-shadow: inset 0 0 14px #119fff6b, 0 0 12px #0ca6ff4a;
  transition: color .25s ease, background .25s ease, box-shadow .25s ease, transform .25s ease;
}
.ecosystem-glyph svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.hero-float:hover .ecosystem-glyph,
.hero-float:focus-visible .ecosystem-glyph {
  transform: translateY(-3px);
  background: #14538b;
  color: #fff;
  box-shadow: inset 0 0 17px #54d9ff8a, 0 0 18px #21c7ffb3;
}
.hero-float:hover .ecosystem-node:nth-child(2) .ecosystem-glyph,
.hero-float:focus-visible .ecosystem-node:nth-child(2) .ecosystem-glyph {
  box-shadow: inset 0 0 17px #a881ff8a, 0 0 20px #9871ffad;
}
.hero-float > .ecosystem-link:last-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #bde8ff;
  font-size: .68rem;
  font-weight: 700;
}
.ecosystem-link span {
  color: #58daff;
  font-size: 1rem;
  transition: transform .25s ease;
}
.hero-float:hover .ecosystem-link span,
.hero-float:focus-visible .ecosystem-link span {
  transform: translate(2px, -2px);
}

.feature-grid {
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.feature-card {
  min-height: 190px;
  padding: 23px 25px 25px;
}
.feature-card-octorate {
  border-color: #8d88e86b;
  background: radial-gradient(circle at 85% 5%, #7456d034, transparent 45%),
    linear-gradient(145deg, #14274c, #08182f 83%);
}
.feature-card-octorate .feature-icon {
  border-color: #ac92ff9c;
  background: linear-gradient(145deg, #302460, #11234a);
}
.feature-card-octorate .feature-icon svg {
  stroke: #b8a5ff;
  filter: drop-shadow(0 0 6px #9875ff9c);
}
.feature-card-octorate:hover .feature-icon,
.feature-card-octorate:focus-within .feature-icon {
  box-shadow: inset 0 0 21px #9c78ff8a, 0 0 20px #9774ff99;
}
.feature-card h3 {
  margin: 15px 0 7px;
}
.feature-card p {
  line-height: 1.58;
}
.feature-index {
  top: 25px;
  right: 25px;
}
.feature-card:hover {
  border-color: #52c8ff9c;
  box-shadow: inset 0 1px 0 #ffffff40, 0 9px 0 #010914,
    0 23px 40px #0008, 0 0 20px #00aaff30;
}
.feature-card:hover .feature-icon {
  transform: translateZ(12px) scale(1.04) rotate(-3deg);
  box-shadow: inset 0 0 21px #35c7ff70, 0 0 18px #22bbff8c;
}
.feature-card:hover .feature-icon svg {
  filter: drop-shadow(0 0 8px #20cfff);
}

.benefits {
  background: radial-gradient(circle at 85% 15%, #1a438329, transparent 44%), #061326;
}
.benefit-grid {
  gap: 15px;
}
.benefit-card {
  position: relative;
  min-height: 0;
  padding: 25px 25px 29px;
  overflow: hidden;
  background: linear-gradient(145deg, #0b233b, #06182a 80%);
}
.benefit-card:nth-child(2) {
  background: linear-gradient(145deg, #0a2945, #07182d 80%);
}
.benefit-card:nth-child(3) {
  background: linear-gradient(145deg, #172343, #07182e 80%);
}
.benefit-line {
  margin-bottom: 15px;
}
.benefit-symbol {
  position: absolute;
  top: 21px;
  right: 22px;
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  border: 1px solid #4baee077;
  border-radius: 12px;
  background: #103a62;
  color: #6addff;
  font-size: 1.45rem;
  box-shadow: inset 0 0 14px #159cff36;
  transition: transform .25s ease, box-shadow .25s ease, color .25s ease;
}
.benefit-card:nth-child(3) .benefit-symbol {
  border-color: #a284ff7d;
  background: #30265e;
  color: #c7aaff;
}
.benefit-card:hover .benefit-symbol {
  transform: translateY(-3px) scale(1.07);
  color: #fff;
  box-shadow: inset 0 0 17px #30bfff80, 0 0 21px #218fff88;
}
.benefit-card h3 {
  margin: 12px 0 8px;
}
.benefit-card p {
  line-height: 1.57;
}

.testimonials {
  background: radial-gradient(circle at 50% 0%, #184b8831, transparent 48%),
    linear-gradient(180deg, #061326, #03101f);
}
.preview-tag {
  display: inline-block;
  margin-left: 10px;
  padding: 4px 7px;
  border: 1px solid #9c79ff7a;
  border-radius: 5px;
  color: #cabaff;
  font-size: .56rem;
  letter-spacing: .12em;
  vertical-align: middle;
}
.quote-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.quote-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 255px;
  padding: 24px;
  border: 1px solid #519fdb52;
  border-radius: 18px;
  background: linear-gradient(145deg, #0c2948, #061629 80%);
  box-shadow: inset 0 1px #ffffff1d, 0 17px 35px #0005;
  transition: border-color .25s ease, box-shadow .25s ease;
}
.quote-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 23px;
  width: 65px;
  height: 2px;
  background: linear-gradient(90deg, #31d9ff, #a177ff);
  box-shadow: 0 0 15px #2caeff;
}
.quote-card:hover {
  border-color: #72c9ff9c;
  box-shadow: inset 0 1px #ffffff38, 0 20px 45px #0008,
    0 0 22px #149cff2e;
}
.quote-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.stars {
  color: #ffd17b;
  letter-spacing: .11em;
  font-size: .9rem;
  text-shadow: 0 0 15px #ffc65a55;
}
.quote-badge {
  padding: 6px 10px;
  border: 1px solid #75bfff63;
  border-radius: 99px;
  color: #b5e8ff;
  font-size: .68rem;
  font-weight: 700;
}
.quote-card blockquote {
  flex: 1;
  margin: 23px 0 22px;
  color: #e9f4ff;
  font-size: .91rem;
  line-height: 1.62;
}
.quote-card footer {
  padding-top: 14px;
  border-top: 1px solid var(--line);
}
.quote-card footer strong {
  font-size: .77rem;
}

.demo {
  padding-block: 88px;
}

@media (max-width: 1050px) {
  .hero-float {
    width: 235px;
  }
  .feature-card {
    min-height: 190px;
  }
  .quote-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .quote-card:last-child {
    grid-column: 1 / -1;
    min-height: 195px;
  }
}

@media (max-width: 760px) {
  .hero {
    display: block;
  }
  .hero-content {
    padding-bottom: 25px;
  }
  .hero-float {
    position: relative;
    bottom: auto;
    left: auto;
    margin: 0 18px 88px;
  }
  .section,
  .demo {
    padding-block: 70px;
  }
  .intro {
    padding-bottom: 26px;
  }
  .features {
    padding-top: 42px;
  }
  .number-grid {
    margin-top: 22px;
  }
  .number-item strong {
    font-size: 1.9rem;
  }
  .feature-grid,
  .benefit-grid,
  .quote-grid {
    grid-template-columns: 1fr;
  }
  .feature-card {
    min-height: 0;
  }
  .quote-card:last-child {
    grid-column: auto;
    min-height: 0;
  }
  .hero-float {
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: min(280px, calc(100% - 36px));
  }
}

@media (max-width: 520px) {
  .feature-card,
  .benefit-card,
  .quote-card {
    padding: 21px;
  }
  .number-item strong {
    min-width: 75px;
  }
  .preview-tag {
    margin-left: 6px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .benefit-card:hover .benefit-symbol {
    transform: none;
  }
  .hero-float:hover .ecosystem-glyph,
  .hero-float:focus-visible .ecosystem-glyph,
  .hero-float:hover .ecosystem-link span,
  .hero-float:focus-visible .ecosystem-link span {
    transform: none;
  }
}

/* Modulo demo: testo di inserimento più netto e meno rumore attorno ai campi. */
.request-form-panel h2 {
  margin-bottom: 26px;
}
.request-field input,
.request-field select,
.request-field textarea {
  font-family: 'DM Sans', Arial, sans-serif;
  font-size: .9rem;
  font-weight: 500;
  letter-spacing: -.012em;
  line-height: 1.45;
}
.request-field input::placeholder,
.request-field textarea::placeholder {
  color: #90a9c3;
  font-weight: 400;
  opacity: 1;
}

/* La visita della Console scorre con la pagina; le schermate avanzano da sole. */
.workspace-section {
  padding-block: 88px;
}
.workspace-section .workspace-copy {
  max-width: var(--max);
  margin-bottom: 42px;
}
.workspace-section .dashboard-stage {
  perspective: none;
  padding: 0;
  margin: 0 auto;
}
.workspace-section .dashboard-window,
.workspace-section .dashboard-stage:hover .dashboard-window {
  max-width: 100%;
  transform: none;
}
.dashboard-window {
  width: 100%;
  height: min(610px, 76svh);
}
.dashboard-body {
  grid-template-columns: 180px minmax(0, 1fr);
  height: calc(100% - 46px);
  min-height: 0;
}
.dashboard-side {
  gap: 7px;
  padding: 19px 12px;
}
.dashboard-side button {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 11px 10px;
  border: 1px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: #9fbad4;
  font: 600 .76rem Manrope, Arial, sans-serif;
  text-align: left;
  cursor: pointer;
  transition: color .25s ease, border-color .25s ease, background .25s ease, box-shadow .25s ease;
}
.dashboard-side button span {
  color: #6bcfff;
  font-size: 1rem;
}
.dashboard-side button[aria-pressed="true"],
.dashboard-side button:hover,
.dashboard-side button:focus-visible {
  border-color: #62c5ff77;
  background: linear-gradient(110deg, #145284, #103866);
  color: #f0faff;
  box-shadow: inset 0 1px #ffffff38, 0 0 18px #139bff43;
}
.dashboard-main {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  padding: 0;
}
.dashboard-panel {
  position: absolute;
  inset: 25px 27px 28px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transform: translateY(16px) scale(.985);
  filter: blur(5px);
  pointer-events: none;
  transition: opacity .36s ease, transform .36s cubic-bezier(.2,.8,.2,1), filter .36s ease, visibility 0s linear .36s;
  scrollbar-width: thin;
}
.dashboard-panel.is-active {
  z-index: 1;
  opacity: 1;
  visibility: visible;
  transform: none;
  filter: none;
  pointer-events: auto;
  transition-delay: 0s;
}
.dashboard-progress {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: #1a3556;
}
.dashboard-progress span {
  display: block;
  width: var(--dashboard-progress, 0%);
  height: 100%;
  background: linear-gradient(90deg, #2cd8ff, #8274ff);
  box-shadow: 0 0 16px #29bfff;
}
.dashboard-chat-layout {
  display: grid;
  grid-template-columns: minmax(160px, 32%) minmax(0, 1fr);
  gap: 12px;
  margin-top: 22px;
}
.dashboard-thread-list,
.dashboard-chat,
.dashboard-booking-card,
.dashboard-booking-side > div,
.dashboard-ticket,
.dashboard-analysis {
  border: 1px solid #5aaee15c;
  border-radius: 13px;
  background: linear-gradient(145deg, #0c3154, #071e37);
  box-shadow: inset 0 1px #ffffff1c;
}
.dashboard-thread-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px;
}
.dashboard-thread-list > div {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 11px 9px;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #9fbbd7;
}
.dashboard-thread-list > div.is-current {
  border-color: #47caff84;
  background: #14517d;
  color: #f2faff;
  box-shadow: 0 0 18px #1aa5ff42;
}
.dashboard-thread-list i {
  color: #55d8ff;
  font-size: 1.05rem;
  font-style: normal;
}
.dashboard-thread-list strong,
.dashboard-thread-list small {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-thread-list strong { font-size: .7rem; }
.dashboard-thread-list small { margin-top: 4px; font-size: .6rem; }
.dashboard-chat {
  min-width: 0;
  padding: 14px;
}
.dashboard-chat-top {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #5aaee13b;
  color: #d4ebfa;
  font-size: .69rem;
  font-weight: 700;
}
.dashboard-chat-top span:last-child { color: #62deed; }
.dashboard-bubble {
  max-width: 78%;
  width: fit-content;
  margin: 12px 0;
  padding: 11px 14px;
  border-radius: 13px 13px 13px 3px;
  background: #174067;
  color: #e5f3ff;
  font-size: .69rem;
  line-height: 1.55;
}
.dashboard-bubble.assistant {
  margin-left: auto;
  border: 1px solid #68caff7a;
  border-radius: 13px 13px 3px 13px;
  background: linear-gradient(110deg, #12639d, #31458d);
  box-shadow: 0 0 16px #199dff2f;
}
.dashboard-chat-status,
.dashboard-card-kicker {
  display: block;
  color: #70cfff;
  font-size: .57rem;
  font-weight: 800;
  letter-spacing: .12em;
}
.dashboard-chat-status { margin-top: 17px; }
.dashboard-booking-grid {
  display: grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 13px;
  margin-top: 22px;
}
.dashboard-booking-card { padding: 20px; }
.dashboard-booking-card > strong,
.dashboard-ticket > strong {
  display: block;
  margin: 12px 0 7px;
  font-size: 1rem;
}
.dashboard-booking-card p,
.dashboard-ticket p {
  color: #b1c9df;
  font-size: .68rem;
  line-height: 1.6;
}
.dashboard-booking-line {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid #5aaee13b;
  color: #a9c9df;
  font-size: .65rem;
}
.dashboard-booking-line b { color: #eaf8ff; }
.dashboard-booking-side { display: grid; gap: 12px; }
.dashboard-booking-side > div { padding: 16px; }
.dashboard-booking-side span {
  display: block;
  color: #5fd5ff;
  font-size: 1.1rem;
}
.dashboard-booking-side strong,
.dashboard-booking-side small { display: block; }
.dashboard-booking-side strong { margin: 7px 0 4px; font-size: .73rem; }
.dashboard-booking-side small { color: #a8c1d8; font-size: .62rem; }
.dashboard-ticket { margin-top: 22px; padding: 20px; }
.dashboard-ticket-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  color: #6dceff;
  font-size: .59rem;
  font-weight: 800;
  letter-spacing: .08em;
}
.dashboard-ticket-header b {
  padding: 7px 10px;
  border: 1px solid #b291ff70;
  border-radius: 99px;
  background: #a36dff25;
  color: #d5c1ff;
  letter-spacing: 0;
}
.dashboard-ticket-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 25px;
}
.dashboard-ticket-steps span {
  padding: 8px 10px;
  border: 1px solid #5aaee15c;
  border-radius: 7px;
  color: #a9c6df;
  font-size: .63rem;
}
.dashboard-ticket-steps span.is-current {
  border-color: #44caff;
  background: #0d5a8b;
  color: #ecfaff;
  box-shadow: 0 0 13px #00a8ff4b;
}
.dashboard-analysis {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 20px;
  align-items: center;
  margin-top: 22px;
  padding: 22px;
}
.dashboard-analysis-orbit {
  display: grid;
  place-items: center;
  width: min(150px, 100%);
  aspect-ratio: 1;
  margin: auto;
  border: 1px solid #49d0ffb0;
  border-radius: 50%;
  background: radial-gradient(circle, #1b86d6 0%, #143f79 43%, #102e61 65%, #061d38 70%);
  color: #abedff;
  font-size: 4rem;
  box-shadow: inset 0 0 25px #41caff9c, 0 0 32px #0f9fff61, 0 0 50px #826aff46;
}
.dashboard-analysis-list { display: grid; gap: 9px; }
.dashboard-analysis-list > div {
  position: relative;
  overflow: hidden;
  padding: 11px 12px;
  border: 1px solid #5aaee15c;
  border-radius: 8px;
  background: #0b2949;
}
.dashboard-analysis-list span,
.dashboard-analysis-list b { position: relative; z-index: 1; display: block; }
.dashboard-analysis-list span { color: #a8c5db; font-size: .6rem; }
.dashboard-analysis-list b { margin-top: 3px; font-size: .7rem; }
.dashboard-analysis-list i {
  position: absolute;
  inset: auto auto 0 0;
  width: 70%;
  height: 2px;
  background: linear-gradient(90deg, #36d9ff, #9f78ff);
  box-shadow: 0 0 15px #3caeff;
}
.dashboard-analysis-list > div:nth-child(2) i { width: 48%; }
.dashboard-analysis-list > div:nth-child(3) i { width: 30%; }

@media (max-width: 760px) {
  .workspace-section { padding-block: 70px; }
  .workspace-section .workspace-copy { margin-bottom: 25px; }
  .dashboard-window { height: min(600px, 88svh); transform: none; }
  .dashboard-stage:hover .dashboard-window { transform: none; }
  .dashboard-body { display: flex; flex-direction: column; }
  .dashboard-side {
    display: flex;
    flex-direction: row;
    flex: none;
    gap: 4px;
    width: 100%;
    padding: 8px;
    overflow-x: auto;
    border-right: 0;
    border-bottom: 1px solid #6fb5ed29;
    scrollbar-width: none;
  }
  .dashboard-side::-webkit-scrollbar { display: none; }
  .dashboard-side button { flex: none; width: auto; padding: 7px 10px; font-size: .63rem; white-space: nowrap; }
  .dashboard-side button span { font-size: .84rem; }
  .dashboard-main { flex: 1; }
  .dashboard-panel { inset: 16px 18px; }
}

@media (max-width: 520px) {
  .dashboard-window { height: 91svh; }
  .dashboard-panel { inset: 13px 12px; }
  .dashboard-welcome strong { font-size: .91rem; }
  .dashboard-chat-layout { grid-template-columns: 1fr; gap: 7px; margin-top: 14px; }
  .dashboard-thread-list { flex-direction: row; padding: 6px; }
  .dashboard-thread-list > div { flex: 1; padding: 7px 5px; gap: 5px; }
  .dashboard-thread-list i { font-size: .8rem; }
  .dashboard-thread-list strong { font-size: .58rem; }
  .dashboard-thread-list small { font-size: .5rem; }
  .dashboard-chat { padding: 10px; }
  .dashboard-bubble { margin: 8px 0; padding: 8px 10px; font-size: .61rem; }
  .dashboard-chat-status { margin-top: 8px; }
  .dashboard-booking-grid { grid-template-columns: 1fr; gap: 8px; margin-top: 14px; }
  .dashboard-booking-card { padding: 13px; }
  .dashboard-booking-card p { margin: 5px 0; }
  .dashboard-booking-line { margin-top: 6px; padding-top: 7px; font-size: .56rem; }
  .dashboard-booking-side { grid-template-columns: 1fr 1fr; gap: 7px; }
  .dashboard-booking-side > div { padding: 9px; }
  .dashboard-booking-side small { font-size: .52rem; }
  .dashboard-ticket { margin-top: 14px; padding: 13px; }
  .dashboard-ticket-steps { margin-top: 14px; }
  .dashboard-ticket-steps span { padding: 6px; font-size: .54rem; }
  .dashboard-analysis { grid-template-columns: 1fr; gap: 12px; margin-top: 14px; padding: 12px; }
  .dashboard-analysis-orbit { width: 75px; font-size: 2rem; }
  .dashboard-analysis-list { gap: 6px; }
  .dashboard-analysis-list > div { padding: 7px 9px; }
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-panel,
  .dashboard-panel.is-active,
  .dashboard-side button,
  .dashboard-progress span { transition: none; }
}

/* Le scene della demo riempiono lo spazio con attività e contesto illustrativi. */
.dashboard-main::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .42;
  background:
    radial-gradient(circle at 77% 78%, #235cb62b, transparent 43%),
    linear-gradient(90deg, #6bbdff0b 1px, transparent 1px),
    linear-gradient(#6bbdff0b 1px, transparent 1px);
  background-size: auto, 36px 36px, 36px 36px;
  mask-image: linear-gradient(90deg, transparent, #000 42%);
}
.dashboard-panel {
  display: flex;
  flex-direction: column;
}
.dashboard-lower,
.dashboard-context-strip,
.dashboard-signal-board {
  position: relative;
  z-index: 1;
  margin-top: auto;
}
.dashboard-lower {
  padding: 17px 18px;
  border: 1px solid #60b9f254;
  border-radius: 12px;
  background: linear-gradient(115deg, #0a2949e8, #101d40d9);
  box-shadow: inset 0 1px #ffffff23, 0 12px 30px #0003;
}
.dashboard-lower-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 12px;
}
.dashboard-lower-head span,
.dashboard-signal-copy > span {
  color: #62cfff;
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .13em;
}
.dashboard-lower-head strong {
  color: #d6edff;
  font-size: .65rem;
  font-weight: 600;
}
.dashboard-activity-items,
.dashboard-context-strip,
.dashboard-journey-track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}
.dashboard-activity-items > div,
.dashboard-context-strip > div,
.dashboard-journey-track > div {
  position: relative;
  min-width: 0;
  padding: 11px;
  border: 1px solid #5db7ec59;
  border-radius: 9px;
  background: linear-gradient(140deg, #103c68, #0b2747);
  box-shadow: inset 0 1px #ffffff26;
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.dashboard-activity-items > div:hover,
.dashboard-context-strip > div:hover,
.dashboard-journey-track > div:hover {
  transform: translateY(-2px);
  border-color: #5bd6ffb8;
  box-shadow: inset 0 1px #ffffff44, 0 0 17px #109bff50;
}
.dashboard-activity-items > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dashboard-activity-items i,
.dashboard-context-strip > div > span,
.dashboard-journey-track i {
  display: grid;
  place-items: center;
  flex: none;
  width: 27px;
  height: 27px;
  border: 1px solid #5ccfff94;
  border-radius: 8px;
  background: #145486;
  color: #a9efff;
  font-size: .85rem;
  font-style: normal;
  box-shadow: 0 0 12px #12aaff45;
}
.dashboard-activity-items strong,
.dashboard-activity-items small,
.dashboard-context-strip strong,
.dashboard-context-strip small,
.dashboard-journey-track strong,
.dashboard-journey-track small { display: block; }
.dashboard-activity-items strong,
.dashboard-context-strip strong,
.dashboard-journey-track strong { color: #e9f7ff; font-size: .65rem; }
.dashboard-activity-items small,
.dashboard-context-strip small,
.dashboard-journey-track small { margin-top: 3px; color: #a6c2dc; font-size: .55rem; }
.dashboard-activity-items b {
  margin-left: auto;
  align-self: flex-start;
  color: #71c9fa;
  font-size: .55rem;
  letter-spacing: .08em;
}
.dashboard-context-strip {
  margin-top: auto;
  padding-top: 14px;
}
.dashboard-context-strip > div {
  min-height: 75px;
  padding-left: 45px;
}
.dashboard-context-strip > div > span {
  position: absolute;
  top: 12px;
  left: 10px;
}
.dashboard-chat-layout { min-height: 212px; }
.dashboard-booking-grid { min-height: 215px; }
.dashboard-ticket { min-height: 220px; }
.dashboard-analysis { min-height: 210px; }
.dashboard-journey-track > div {
  padding-left: 47px;
}
.dashboard-journey-track i {
  position: absolute;
  top: 10px;
  left: 10px;
}
.dashboard-signal-board {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
  gap: 16px;
  min-height: 135px;
  padding: 18px 20px;
  border: 1px solid #5aaff261;
  border-radius: 12px;
  background: linear-gradient(110deg, #0a2849, #10254d);
  box-shadow: inset 0 1px #ffffff29, 0 0 25px #088eff24;
}
.dashboard-signal-copy strong {
  display: block;
  max-width: 220px;
  margin: 7px 0 12px;
  color: #e7f6ff;
  font-size: .76rem;
  line-height: 1.35;
}
.dashboard-signal-copy > div { display: flex; flex-wrap: wrap; gap: 5px; }
.dashboard-signal-copy b {
  padding: 4px 7px;
  border: 1px solid #6db8eb6b;
  border-radius: 99px;
  color: #a9d8f6;
  font-size: .51rem;
  font-weight: 600;
}
.dashboard-signal-board svg {
  width: 100%;
  height: 100px;
  overflow: visible;
}
.dashboard-signal-grid {
  fill: none;
  stroke: #72bded36;
  stroke-width: 1;
  stroke-dasharray: 3 5;
}
.dashboard-signal-line {
  fill: none;
  stroke: url(#dashboard-signal-gradient);
  stroke-width: 3;
  stroke-linecap: round;
  filter: drop-shadow(0 0 5px #2fbaff);
  stroke-dasharray: 700;
  stroke-dashoffset: 0;
}
.dashboard-signal-board circle {
  fill: #90e8ff;
  stroke: #0b4171;
  stroke-width: 4;
}
.dashboard-panel.is-active .dashboard-signal-line {
  animation: dashboardDraw .95s cubic-bezier(.2,.8,.2,1) both;
}
.dashboard-panel.is-active .dashboard-activity-items > div,
.dashboard-panel.is-active .dashboard-context-strip > div,
.dashboard-panel.is-active .dashboard-journey-track > div {
  animation: dashboardModuleIn .45s cubic-bezier(.2,.8,.2,1) backwards;
}
.dashboard-panel.is-active .dashboard-activity-items > div:nth-child(2),
.dashboard-panel.is-active .dashboard-context-strip > div:nth-child(2),
.dashboard-panel.is-active .dashboard-journey-track > div:nth-child(2) { animation-delay: .08s; }
.dashboard-panel.is-active .dashboard-activity-items > div:nth-child(3),
.dashboard-panel.is-active .dashboard-context-strip > div:nth-child(3),
.dashboard-panel.is-active .dashboard-journey-track > div:nth-child(3) { animation-delay: .16s; }
@keyframes dashboardDraw {
  from { stroke-dashoffset: 700; }
  to { stroke-dashoffset: 0; }
}
@keyframes dashboardModuleIn {
  from { opacity: .45; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}

@media (max-width: 760px) {
  .dashboard-lower { padding: 12px; }
  .dashboard-lower-head { flex-wrap: wrap; margin-bottom: 8px; }
  .dashboard-activity-items > div,
  .dashboard-context-strip > div,
  .dashboard-journey-track > div { padding: 8px; }
  .dashboard-context-strip > div { min-height: 64px; padding-left: 36px; }
  .dashboard-context-strip > div > span { top: 8px; left: 7px; width: 23px; height: 23px; }
  .dashboard-journey-track > div { padding-left: 36px; }
  .dashboard-journey-track i { top: 8px; left: 7px; width: 23px; height: 23px; }
  .dashboard-chat-layout { min-height: 0; }
  .dashboard-booking-grid,
  .dashboard-ticket,
  .dashboard-analysis { min-height: 0; }
}
@media (max-width: 520px) {
  .dashboard-lower-head strong { display: none; }
  .dashboard-activity-items,
  .dashboard-journey-track,
  .dashboard-context-strip {
    display: flex;
    gap: 7px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .dashboard-activity-items::-webkit-scrollbar,
  .dashboard-journey-track::-webkit-scrollbar,
  .dashboard-context-strip::-webkit-scrollbar { display: none; }
  .dashboard-activity-items > div,
  .dashboard-journey-track > div,
  .dashboard-context-strip > div { flex: none; width: 135px; }
  .dashboard-signal-board { grid-template-columns: 1fr; gap: 5px; padding: 10px; }
  .dashboard-signal-copy strong { max-width: none; margin: 4px 0 7px; font-size: .63rem; }
  .dashboard-signal-board svg { height: 55px; }
}
@media (prefers-reduced-motion: reduce) {
  .dashboard-panel.is-active .dashboard-signal-line { animation: none; }
  .dashboard-panel.is-active .dashboard-activity-items > div,
  .dashboard-panel.is-active .dashboard-context-strip > div,
  .dashboard-panel.is-active .dashboard-journey-track > div { animation: none; }
  .dashboard-activity-items > div,
  .dashboard-context-strip > div,
  .dashboard-journey-track > div { transition: none; }
}

/* Product tour: layout and components follow the actual Console pages. */
.product-tour::before{opacity:.17;mask-image:none}.product-tour .dashboard-panel{inset:0;padding:21px 23px 23px;gap:15px;scrollbar-width:thin;scrollbar-color:#2773a6 transparent}.product-tour .dashboard-panel>*{position:relative;z-index:1}.product-header{display:flex;justify-content:space-between;align-items:center;gap:15px;min-width:0}.product-header small{display:block;color:#59cfff;font-size:.57rem;font-weight:800;letter-spacing:.17em}.product-header h3{margin:5px 0 0;color:#f1f8ff;font-size:1.1rem;line-height:1.24;letter-spacing:-.035em}.product-header-mark{display:grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid #48c7ff77;border-radius:11px;background:#0f3b67;color:#70ddff;box-shadow:inset 0 1px #fff3,0 0 18px #00aeff35;font-size:1.22rem}.product-header-action,.product-mode{flex:none;padding:7px 11px;border:1px solid #59cfff70;border-radius:999px;background:#0d3b67;color:#9ce9ff;font-size:.62rem;font-weight:800;white-space:nowrap}.product-mode.team{border-color:#a98bff75;background:#322b67;color:#d5c6ff}.product-summary-grid,.product-call-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-summary-grid>div,.product-call-summary>div{min-width:0;padding:15px;border:1px solid #5aaee170;border-radius:13px;background:linear-gradient(145deg,#104273,#091f3b);box-shadow:inset 0 1px #fff3,0 7px 18px #0003}.product-summary-grid>div>span,.product-call-summary>div>span{display:grid;place-items:center;width:31px;height:31px;margin-bottom:12px;border:1px solid #46c9ff77;border-radius:9px;background:#0a355e;color:#64dbff;box-shadow:0 0 16px #139dff36;font-size:1rem}.product-summary-grid small{display:block;color:#7ecfff;font-size:.49rem;font-weight:800;letter-spacing:.15em}.product-summary-grid strong,.product-call-summary strong{display:block;margin-top:5px;color:#f0f8ff;font-size:.77rem;line-height:1.3}.product-summary-grid p,.product-call-summary small{display:block;margin:5px 0 0;color:#a9c2da;font-size:.58rem;line-height:1.48}.product-overview-lower{padding:15px 17px;border:1px solid #5aaee15c;border-radius:13px;background:linear-gradient(150deg,#0c3054,#071a32)}.product-overview-head{display:flex;justify-content:space-between;color:#75caff;font-size:.5rem;font-weight:800;letter-spacing:.13em}.product-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.product-timeline>div{display:flex;align-items:flex-start;gap:8px;min-width:0;padding:9px;border:1px solid #487ca966;border-radius:9px;background:#092744}.product-dot{flex:none;width:7px;height:7px;margin-top:4px;border-radius:50%;box-shadow:0 0 10px currentColor}.product-dot.cyan{background:#28ceff;color:#28ceff}.product-dot.violet{background:#a58dff;color:#a58dff}.product-dot.mint{background:#66dec4;color:#66dec4}.product-timeline span{min-width:0}.product-timeline b,.product-timeline small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-timeline b{color:#e9f7ff;font-size:.58rem}.product-timeline small{margin-top:3px;color:#92abc5;font-size:.48rem}.product-timeline em{margin-left:auto;color:#6e9dc0;font-size:.46rem;font-style:normal}
.product-inbox{display:grid;grid-template-columns:minmax(150px,35%) minmax(0,1fr);flex:1;min-height:0;border:1px solid #5aaee171;border-radius:13px;overflow:hidden;background:#071f3b;box-shadow:inset 0 1px #fff2}.product-chat-list{display:flex;flex-direction:column;gap:7px;padding:10px;border-right:1px solid #72bfff33;background:#071a32}.product-search{display:flex;align-items:center;gap:5px;margin-bottom:2px;padding:8px;border:1px solid #4686b75a;border-radius:8px;color:#80a9c6;font-size:.55rem}.product-search>b{margin-left:auto;color:#598caf;font-size:.46rem}.product-conversation{display:flex;align-items:flex-start;gap:8px;min-width:0;width:100%;padding:9px 7px;border:1px solid transparent;border-radius:9px;background:transparent;color:#dfefff;text-align:left;cursor:pointer}.product-conversation:hover,.product-conversation:focus-visible,.product-conversation.active{border-color:#48c7ff76;background:linear-gradient(110deg,#124977,#11355c);box-shadow:0 0 16px #0b9eff26}.product-avatar{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:linear-gradient(145deg,#126ca0,#174584);color:#d9f9ff;font-size:.51rem;font-weight:900}.product-avatar.violet{background:linear-gradient(145deg,#5a4dad,#1f5a92)}.product-conversation>span:nth-child(2){min-width:0}.product-conversation b,.product-conversation small,.product-conversation em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-conversation b{font-size:.6rem}.product-conversation small{margin-top:3px;color:#b6d1e7;font-size:.53rem}.product-conversation em{margin-top:5px;color:#74adcf;font-size:.48rem;font-style:normal}.product-conversation i{margin-left:auto;color:#7da5c2;font-size:.46rem;font-style:normal}.product-list-foot{margin-top:auto;padding:9px 2px 2px;border-top:1px solid #3a6b9560;color:#83a6c5;font-size:.48rem}.product-chat-detail{display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(circle at 72% 78%,#154e7b55,transparent 48%),#08213b}.product-chat-head{display:flex;align-items:center;gap:9px;padding:11px 14px;border-bottom:1px solid #67baf742}.product-chat-head>b,.product-chat-head div{min-width:0}.product-chat-head b,.product-chat-head small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-chat-head b{font-size:.69rem}.product-chat-head small{margin-top:3px;color:#8bb7d3;font-size:.53rem}.product-chat-tools{margin-left:auto;color:#8ad8f7;font-size:.77rem}.product-linked-ticket{display:flex;justify-content:space-between;gap:8px;margin:10px 13px 0;padding:8px 10px;border:1px solid #518dc05f;border-radius:8px;background:#0d3456;color:#a9d8f2;font-size:.53rem;text-align:left}.product-linked-ticket strong{color:#83e6cf;white-space:nowrap}.product-linked-ticket.clickable{width:calc(100% - 26px);cursor:pointer}.product-linked-ticket.clickable:hover{border-color:#58d7ff;box-shadow:0 0 14px #159eff3a}.product-message-area{display:flex;flex:1;flex-direction:column;gap:9px;min-height:0;overflow:auto;padding:11px 16px}.product-day{align-self:center;color:#70a9ce;font-size:.47rem;font-weight:800;letter-spacing:.13em}.product-message{max-width:80%;padding:9px 10px;border:1px solid #5898c260;border-radius:11px;background:#123c61;color:#eef9ff;font-size:.59rem;line-height:1.45}.product-message.ai{align-self:flex-end;border-color:#3fbfff79;border-radius:11px 11px 3px 11px;background:linear-gradient(120deg,#0c6190,#2c4489)}.product-message.guest{border-radius:11px 11px 11px 3px}.product-message small{display:block;margin-top:5px;color:#a3c9e3;font-size:.46rem}.product-message.system{align-self:center;max-width:95%;border-color:#9d87e955;background:#342b5a;color:#e5dfff;font-size:.5rem}.product-compose{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 12px 12px;padding:8px 10px;border:1px solid #4b9cc47a;border-radius:8px;background:#0b2b49;color:#82aeca;font-size:.55rem}.product-compose b{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:linear-gradient(130deg,#06baff,#6869ff);color:#fff;font-size:.9rem}
.product-filters,.product-call-tabs,.product-reservation-tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:none}.product-filters span,.product-call-tabs span,.product-reservation-tabs span{flex:none;padding:6px 9px;border:1px solid #4c87b864;border-radius:999px;background:#092744;color:#b0cce2;font-size:.52rem;font-weight:700;white-space:nowrap}.product-filters .selected,.product-call-tabs .selected,.product-reservation-tabs .selected{border-color:#48c9ff;background:#0e5384;color:#e7f9ff}.product-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;flex:1;min-height:0}.product-kanban-col{min-width:0;padding:9px;border:1px solid #4d8ab759;border-radius:11px;background:#071d36}.product-column-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#ffbc82;font-size:.64rem}.product-column-head.progress{color:#ffe096}.product-column-head.done{color:#83dfc7}.product-column-head span{padding:2px 6px;border-radius:99px;background:#ffffff13;color:#bfd7e8;font-size:.5rem}.product-ticket-card{display:block;position:relative;width:100%;min-width:0;margin-bottom:7px;padding:10px;border:1px solid #5093c36b;border-left:3px solid #ffb86d;border-radius:9px;background:linear-gradient(145deg,#103759,#0b2947);color:#eef7ff;text-align:left;box-shadow:0 3px 10px #0003;cursor:pointer}.product-ticket-card:hover,.product-ticket-card:focus-visible{border-color:#5cceff;box-shadow:0 0 15px #1da9ff3b}.product-ticket-card.passive{cursor:default}.product-ticket-card small{display:block;max-width:65%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#8ebcda;font-size:.44rem;letter-spacing:.06em}.product-ticket-card strong{display:block;margin:10px 0 4px;font-size:.61rem;line-height:1.3}.product-ticket-card em{display:block;color:#8cb5d2;font-size:.49rem;font-style:normal}.product-ticket-card>div{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:12px;color:#a6c3d7;font-size:.47rem}.product-ticket-card>div b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#245a81;color:#d8f6ff;font-size:.44rem}.product-priority{position:absolute;right:8px;top:9px;color:#ffcf85;font-size:.42rem;font-weight:800}.product-priority.hot{color:#ff8f8f}.product-priority.low{color:#77dec4}.product-ticket-popover{position:absolute!important;z-index:4!important;right:15px;top:56px;width:min(300px,calc(100% - 30px));padding:18px;border:1px solid #69d3ff;border-radius:13px;background:#0b2849;box-shadow:0 15px 45px #000a,0 0 30px #159bff66}.product-ticket-popover[hidden]{display:none}.product-ticket-popover>button{float:right;border:0;background:none;color:#bddcf0;font-size:1.2rem;cursor:pointer}.product-ticket-popover small{color:#7fdfff;font-size:.49rem;font-weight:800;letter-spacing:.12em}.product-ticket-popover h4{margin:11px 0 7px;font-size:.93rem}.product-ticket-popover p{color:#b2cde0;font-size:.63rem;line-height:1.5}.product-ticket-popover>div{display:flex;justify-content:space-between;gap:9px;margin-top:11px;padding-top:9px;border-top:1px solid #5792bc55;font-size:.58rem}.product-ticket-popover>div span{color:#8cacbf}.product-ticket-popover>div strong{color:#eafaff}
.product-call-summary>div{display:flex;flex-direction:column;align-items:flex-start}.product-call-table{overflow:hidden;border:1px solid #5595c065;border-radius:11px;background:#09243e}.product-call-table>div{display:grid;grid-template-columns:1.8fr .7fr .5fr .5fr;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid #5191bb49;color:#cce4f1;font-size:.58rem}.product-call-table>div:last-child{border:0}.product-call-table .product-table-head{background:#0e3556;color:#74c9f3;font-size:.48rem;font-weight:900;letter-spacing:.09em}.product-call-table>div>span:first-child{display:flex;align-items:center;gap:8px;min-width:0}.product-call-table i{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:7px;background:#125485;color:#69e0ff;font-style:normal}.product-call-table b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-call-table b small{display:block;margin-top:3px;color:#7fa9c4;font-size:.48rem;font-weight:500}.product-call-table em{color:#85dec5;font-style:normal}.product-call-table strong{color:#76d9ff;font-size:.55rem}.product-arrival{display:flex;flex-direction:column;gap:5px;padding:13px;border:1px solid #5295c56d;border-radius:11px;background:linear-gradient(115deg,#0f4771,#182f60)}.product-arrival span{color:#7edaff;font-size:.49rem;font-weight:900;letter-spacing:.14em}.product-arrival strong{font-size:.9rem}.product-arrival small{color:#a8c8df;font-size:.58rem}.product-stay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-stay-grid>div{display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid #5195bf69;border-radius:10px;background:#092b49}.product-stay-icon{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;background:#115783;color:#8ae9ff}.product-stay-icon.violet{background:#3f427d;color:#d4c7ff}.product-stay-grid span{min-width:0}.product-stay-grid b,.product-stay-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-stay-grid b{font-size:.61rem}.product-stay-grid small{margin-top:4px;color:#8badc7;font-size:.5rem}.product-stay-grid em{margin-left:auto;color:#67d3ff;font-size:.47rem;font-style:normal;white-space:nowrap}.product-reservation-context{display:flex;flex-wrap:wrap;gap:7px}.product-reservation-context span{padding:8px 10px;border:1px solid #4c8ebc66;border-radius:8px;background:#0b3152;color:#b4dbf1;font-size:.54rem}
@media(max-width:900px){.product-tour .dashboard-panel{padding:16px}.product-header h3{font-size:.98rem}.product-summary-grid,.product-call-summary{gap:6px}.product-summary-grid>div,.product-call-summary>div{padding:10px}.product-timeline{grid-template-columns:1fr}.product-timeline>div:nth-child(3){display:none}.product-ticket-card{padding:8px}}
@media(max-width:600px){.product-tour .dashboard-panel{padding:11px;gap:9px}.product-header h3{font-size:.83rem}.product-header small{font-size:.46rem}.product-header-mark{width:28px;height:28px}.product-header-action,.product-mode{font-size:.47rem;padding:6px}.product-summary-grid{grid-template-columns:1fr 1fr}.product-summary-grid>div:last-child{display:none}.product-summary-grid>div>span,.product-call-summary>div>span{width:24px;height:24px;margin-bottom:6px}.product-summary-grid strong,.product-call-summary strong{font-size:.6rem}.product-summary-grid p,.product-call-summary small{font-size:.47rem}.product-overview-lower{padding:10px}.product-inbox{grid-template-columns:105px minmax(0,1fr)}.product-chat-list{padding:5px;gap:4px}.product-search{padding:5px;font-size:.42rem}.product-search b{display:none}.product-conversation{padding:5px 3px;gap:4px}.product-conversation .product-avatar{width:21px;height:21px;font-size:.39rem}.product-conversation b{font-size:.48rem}.product-conversation small,.product-conversation em{font-size:.4rem}.product-conversation i{display:none}.product-list-foot{font-size:.38rem}.product-chat-head{padding:7px;gap:5px}.product-chat-head .product-avatar{width:21px;height:21px;font-size:.37rem}.product-chat-head b{font-size:.53rem}.product-chat-head small{font-size:.42rem}.product-chat-tools{font-size:.55rem}.product-linked-ticket{margin:6px 6px 0;padding:6px;font-size:.43rem}.product-linked-ticket.clickable{width:calc(100% - 12px)}.product-linked-ticket strong{display:none}.product-message-area{padding:7px;gap:5px}.product-message{max-width:94%;padding:6px;font-size:.48rem}.product-message small{font-size:.39rem}.product-compose{margin:0 6px 6px;padding:5px;font-size:.44rem}.product-kanban{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.product-kanban-col{flex:0 0 80%;scroll-snap-align:start}.product-filters{gap:4px}.product-filters span{font-size:.44rem;padding:5px 7px}.product-call-summary>div:last-child{display:none}.product-call-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.product-call-table>div{grid-template-columns:1.5fr .7fr .5fr;padding:8px;font-size:.47rem}.product-call-table>div>*:last-child{display:none}.product-stay-grid{grid-template-columns:1fr}.product-stay-grid>div{padding:8px}.product-reservation-context{gap:4px}.product-reservation-context span{padding:5px;font-size:.45rem}}
@media(prefers-reduced-motion:reduce){.product-tour *{animation:none!important;scroll-behavior:auto!important}}

/* Ecosystem diagram: eight functions arranged around iManager. */
.node-gestionale, .node-inbox { left: 50%; transform: translateX(-50%); }
.node-gestionale { top: 2%; }
.node-inbox { bottom: 2%; }
.node-gestionale:hover, .node-gestionale:focus-visible, .node-gestionale[aria-pressed="true"],
.node-inbox:hover, .node-inbox:focus-visible, .node-inbox[aria-pressed="true"] { transform: translateX(-50%) scale(1.08); }
.connections path.is-active { stroke-width: 3.5; filter: drop-shadow(0 0 10px #22d5ff) drop-shadow(0 0 20px #238aff); }

@media (max-width: 620px) {
  .bridge-map { height: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 24px 12px 16px; }
  .connections { display: none; }
  .bridge-core { position: relative; grid-column: 1 / -1; grid-row: 1; left: auto; top: auto; transform: none; width: 155px; height: 155px; margin: 12px auto 22px; }
  .bridge-node { position: relative; left: auto; right: auto; top: auto; bottom: auto; width: 100%; min-height: 76px; transform: none !important; }
  .node-gestionale, .node-inbox { grid-column: auto; width: 100%; justify-self: stretch; }
}
@media (max-width: 390px) {
  .bridge-map { grid-template-columns: 1fr; }
  .bridge-core { grid-column: 1; }
}

/* Booking platforms sit between the testimonials and the final invitation. */
.testimonials { padding-bottom: 64px; }
.demo { padding-top: 64px; }
.booking-brands {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 52px 0 0;
  padding: 0;
  list-style: none;
}
.booking-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 82px;
  padding: 14px 12px;
  border: 1px solid #528cbd47;
  border-radius: 16px;
  background: linear-gradient(145deg, #0b2441c9, #06172cbd);
  box-shadow: inset 0 1px 0 #ffffff1c, 0 12px 32px #0004;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.booking-brand:hover {
  transform: translateY(-4px);
  border-color: #6dcbff9e;
  box-shadow: inset 0 1px 0 #ffffff36, 0 18px 38px #0007, 0 0 26px #109bff27;
}
.booking-brand img { width: 36px; height: 36px; flex: none; object-fit: contain; }
.booking-brand > span:last-child {
  color: #eef7ff;
  font-size: clamp(.82rem, 1.05vw, 1rem);
  font-weight: 800;
  letter-spacing: -.045em;
  white-space: nowrap;
}
.agoda-mark { display: flex; flex: none; align-items: center; justify-content: center; gap: 2px; width: 38px; height: 36px; }
.agoda-mark i { display: block; width: 6px; height: 6px; border-radius: 50%; background: #f1534d; }
.agoda-mark i:nth-child(2) { background: #fcb716; }
.agoda-mark i:nth-child(3) { background: #67bc45; }
.agoda-mark i:nth-child(4) { background: #9b70c5; }
.agoda-mark i:nth-child(5) { background: #38a7e4; }
@media (max-width: 900px) {
  .booking-brands { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 650px) {
  .booking-brands { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin-top: 34px; }
  .booking-brand { flex-direction: column; gap: 7px; min-height: 86px; padding: 11px 7px; }
  .booking-brand img { width: 31px; height: 31px; }
  .booking-brand > span:last-child { font-size: .83rem; }
  .booking-brand:last-child { grid-column: 1 / -1; width: min(100%, 220px); justify-self: center; }
}
@media (max-width: 520px) {
  .testimonials { padding-bottom: 48px; }
  .demo { padding-top: 48px; }
}
@media (prefers-reduced-motion: reduce) {
  .booking-brand { transition: none; }
  .booking-brand:hover { transform: none; }
}

.request-result {
  margin: 20px 0 0;
  padding: 17px 19px;
  border: 1px solid #68dfcd;
  border-radius: 12px;
  background: #0b3b45;
  color: #d4fff6;
  font-size: .82rem;
  line-height: 1.5;
}
.request-result-error { border-color: #ff9a9a; background: #45232d; color: #ffe3e3; }
.request-result[hidden], #demo-request-form[hidden] { display: none; }

/* Product tour refinements: keep the real console structures readable. */
.product-summary-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.product-summary-grid strong { font-size: .83rem; }
.product-summary-grid p { font-size: .65rem; }
.product-conversation b, .product-ticket-card strong { font-size: .72rem; }
.product-conversation small, .product-message, .product-ticket-card em { font-size: .64rem; }
.product-ticket-card > div, .product-ticket-card small { font-size: .54rem; }
.product-review-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.product-review-grid > div {
  padding: 12px;
  border: 1px solid #5598c46b;
  border-radius: 12px;
  background: linear-gradient(140deg, #0d3558, #091d37);
}
.product-review-grid > div > span {
  display: block;
  margin-bottom: 7px;
  color: #78d2f8;
  font-size: .54rem;
  font-weight: 900;
  letter-spacing: .13em;
}
.product-review-grid > div > div {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 0;
  border-top: 1px solid #5291ba40;
}
.product-review-grid b { color: #ecf8ff; font-size: .61rem; }
.product-review-grid small { margin-left: auto; color: #91b3ce; font-size: .55rem; }

@media (max-width: 600px) {
  .product-tour .dashboard-panel { padding: 12px; gap: 10px; }
  .product-header small { font-size: .59rem; }
  .product-header h3 { font-size: .98rem; }
  .product-mode, .product-header-action { font-size: .58rem; }
  .product-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
  .product-summary-grid > div:last-child { display: block; }
  .product-summary-grid > div { padding: 10px; }
  .product-summary-grid small { font-size: .55rem; }
  .product-summary-grid strong { font-size: .7rem; }
  .product-summary-grid p { font-size: .59rem; }
  .product-review-grid { grid-template-columns: 1fr; gap: 7px; }
  .product-review-grid > div { padding: 8px; }
  .product-review-grid > div:last-child { display: none; }
  .product-review-grid b, .product-review-grid small { font-size: .59rem; }
  .product-overview-lower { padding: 9px; }
  .product-timeline { gap: 6px; }
  .product-timeline > div { padding: 6px; }
  .product-timeline b { font-size: .61rem; }
  .product-timeline small { font-size: .55rem; }
  .product-inbox { grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); }
  .product-chat-list { flex-direction: row; gap: 5px; padding: 6px; border-right: 0; border-bottom: 1px solid #72bfff33; }
  .product-search, .product-list-foot { display: none; }
  .product-conversation { width: 50%; padding: 7px; }
  .product-conversation .product-avatar { width: 23px; height: 23px; font-size: .47rem; }
  .product-conversation b { font-size: .66rem; }
  .product-conversation small { font-size: .57rem; }
  .product-conversation em { display: none; }
  .product-chat-head { padding: 8px 10px; }
  .product-chat-head b { font-size: .72rem; }
  .product-chat-head small { font-size: .6rem; }
  .product-linked-ticket { font-size: .58rem; }
  .product-message-area { padding: 10px; gap: 9px; }
  .product-message { max-width: 85%; padding: 9px; font-size: .68rem; }
  .product-message small { font-size: .54rem; }
  .product-compose { padding: 7px; font-size: .61rem; }
  .product-filters span, .product-call-tabs span, .product-reservation-tabs span { font-size: .56rem; }
  .product-kanban-col { flex-basis: 94%; }
  .product-column-head { font-size: .75rem; }
  .product-ticket-card small { font-size: .57rem; }
  .product-ticket-card strong { font-size: .76rem; }
  .product-ticket-card em, .product-ticket-card > div { font-size: .61rem; }
  .product-priority { font-size: .51rem; }
  .product-call-summary strong { font-size: .68rem; }
  .product-call-summary small { font-size: .56rem; }
  .product-call-table > div { font-size: .6rem; }
  .product-call-table b small { font-size: .55rem; }
  .product-stay-grid b { font-size: .7rem; }
  .product-stay-grid small, .product-stay-grid em { font-size: .58rem; }
  .product-reservation-context span { font-size: .55rem; }
}