/* Zymbla public site · Interactive demo v1624
   Pure front-end, no AI, no network, no changes to indexing/auth. */
.zy-hero-visual .preview .demo-shell{display:none!important}
.zy-hero-visual .zy-demo-heading{margin-bottom:10px}
#zyExperience{--exp-accent:#75cafa;--exp-accent-rgb:59,169,247;color:#eaf4ff;width:100%;border:1px solid rgba(117,170,247,.40);border-radius:16px;background:radial-gradient(circle at 96% 3%,rgba(var(--exp-accent-rgb),.12),transparent 42%),linear-gradient(150deg,rgba(10,23,54,.97),rgba(7,16,40,.99));box-shadow:0 12px 34px rgba(1,6,28,.25);padding:14px;min-width:0;overflow:hidden;transition:border-color .5s ease}
#zyExperience[data-scene=trip]{--exp-accent:#9fe9e0;--exp-accent-rgb:71,220,192}
#zyExperience[data-scene=tasks]{--exp-accent:#c9a2ff;--exp-accent-rgb:158,107,244}
#zyExperience *{box-sizing:border-box}
.zy-exp-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px 12px}
.zy-exp-wordmark{display:flex;align-items:center;gap:7px;min-width:0}
.zy-exp-wordmark strong{font-size:14px;color:#f4f8ff;letter-spacing:-.02em}
.zy-exp-brand-dot{width:21px;height:21px;border-radius:50%;display:inline-block;flex:0 0 21px;background:linear-gradient(125deg,#1bd5ef,#5370fa 55%,#aa4fe7);box-shadow:0 0 15px rgba(65,118,247,.4)}
.zy-exp-badge{font-size:8px;font-weight:800;letter-spacing:.09em;color:#9bd0ee;padding:5px 7px;border-radius:5px;border:1px solid rgba(128,161,226,.25);background:rgba(43,74,120,.26)}
.zy-exp-control{appearance:none;border:1px solid rgba(126,166,226,.28);border-radius:9px;background:rgba(19,37,78,.52);color:#bed4ef;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:700 10px "DM Sans",sans-serif;padding:8px 10px;flex:0 0 auto;min-height:31px}
.zy-exp-control:hover{border-color:rgba(129,196,244,.75);color:#fff}
.zy-exp-control:focus-visible,.zy-exp-tabs button:focus-visible{outline:2px solid #83e4fa;outline-offset:3px}
.zy-exp-control>span:first-child{font-size:12px}
.zy-exp-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:12px}
.zy-exp-tabs button{appearance:none;display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;min-width:0;background:rgba(15,30,66,.75);color:#a9c3e5;border:1px solid rgba(104,134,199,.23);border-radius:10px;font:800 11px "DM Sans",sans-serif;cursor:pointer;padding:9px 7px;transition:background .25s,border-color .25s,color .25s}
.zy-exp-tabs button span:first-child{font-size:15px;color:var(--exp-accent)}
.zy-exp-tabs button:hover{color:#e9f7ff;border-color:rgba(137,189,236,.5)}
.zy-exp-tabs button[aria-pressed=true]{background:linear-gradient(110deg,rgba(var(--exp-accent-rgb),.23),rgba(61,87,164,.21));border-color:rgba(var(--exp-accent-rgb),.7);color:#fff;box-shadow:inset 0 -2px 0 rgba(var(--exp-accent-rgb),.6)}
.zy-exp-body{min-height:320px;position:relative;display:flex;flex-direction:column;gap:10px}
.zy-exp-chat-row{display:flex;align-items:flex-start;gap:9px}
.zy-exp-avatar{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;font-size:13px;font-weight:800;background:#293a6c;color:#cfe2ff}
.zy-exp-avatar-brand{background:linear-gradient(130deg,#145aa4,#7556de);color:#fff;box-shadow:0 0 13px rgba(74,106,223,.26)}
.zy-exp-bubble{background:rgba(24,47,91,.78);border:1px solid rgba(110,145,208,.28);border-radius:12px;padding:10px 12px;flex:1;min-width:0}
.zy-exp-chat-row.zy-exp-chat-assistant .zy-exp-bubble{background:linear-gradient(110deg,rgba(23,52,100,.9),rgba(22,37,83,.8));border-color:rgba(var(--exp-accent-rgb),.34)}
.zy-exp-bubble small{font-size:9px;color:#9bd6fa;letter-spacing:.075em;display:block;font-weight:800;margin-bottom:5px}
.zy-exp-chat-assistant .zy-exp-bubble small{color:#beadff}
.zy-exp-bubble p{color:#e5efff!important;font-size:11px!important;line-height:1.55!important;margin:0!important}
.zy-exp-tracker{position:relative;border:1px solid rgba(var(--exp-accent-rgb),.25);background:rgba(7,20,51,.66);border-radius:14px;padding:13px 13px 11px;overflow:hidden}
.zy-exp-tracker:before{content:"";position:absolute;width:110px;height:110px;background:radial-gradient(circle,rgba(var(--exp-accent-rgb),.12),transparent 65%);right:-45px;top:-50px;pointer-events:none}
.zy-exp-tracker-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
#zyExpTrackerLabel{font-size:9px;font-weight:800;letter-spacing:.08em;color:#b5d1ee}
.zy-exp-live-dot{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:700;color:#90d6c9;white-space:nowrap}
.zy-exp-live-dot i{width:6px;height:6px;border-radius:50%;background:#7de5c2;box-shadow:0 0 9px rgba(86,228,185,.5)}
.zy-exp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:15px 0 9px}
.zy-exp-step{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:6px;position:relative;opacity:.5;transition:opacity .25s}
.zy-exp-step:not(:last-child):before{content:"";position:absolute;top:11px;left:21px;right:4px;height:2px;background:rgba(115,141,184,.24)}
.zy-exp-step.is-complete,.zy-exp-step.is-active{opacity:1}
.zy-exp-step .zy-exp-step-dot{height:24px;width:24px;display:grid;place-items:center;border-radius:50%;background:#172b57;border:1px solid rgba(133,173,224,.55);color:#b7cee8;font-size:10px;font-weight:800;position:relative;z-index:2;transition:background .3s,color .3s,box-shadow .3s}
.zy-exp-step.is-active .zy-exp-step-dot{background:var(--exp-accent);border-color:var(--exp-accent);color:#041a35;box-shadow:0 0 13px rgba(var(--exp-accent-rgb),.38)}
.zy-exp-step.is-complete .zy-exp-step-dot{background:rgba(var(--exp-accent-rgb),.28);color:#ddfaff;border-color:rgba(var(--exp-accent-rgb),.75)}
.zy-exp-step strong{font-size:9px!important;line-height:1.4;color:#e3edfd!important;overflow-wrap:anywhere;padding-right:6px}
.zy-exp-now{display:flex;align-items:center;gap:8px;margin-top:8px;padding:9px;background:rgba(var(--exp-accent-rgb),.09);border:1px solid rgba(var(--exp-accent-rgb),.22);border-radius:10px}
.zy-exp-now-glyph{color:var(--exp-accent);font-size:16px}
.zy-exp-now p{font-size:10px!important;line-height:1.5!important;color:#d2e9f9!important;margin:0!important}
.zy-exp-notice{display:flex;align-items:flex-start;gap:10px;background:linear-gradient(120deg,rgba(33,63,108,.92),rgba(16,30,69,.98));border:1px solid rgba(var(--exp-accent-rgb),.6);border-radius:12px;padding:12px;opacity:0;transform:translateY(4px) scale(.99);transition:opacity .35s ease,transform .35s ease,box-shadow .35s ease;min-height:80px;position:relative;overflow:hidden}
#zyExperience[data-phase="2"] .zy-exp-notice{opacity:1;transform:translateY(0) scale(1);box-shadow:0 0 24px rgba(var(--exp-accent-rgb),.14)}
.zy-exp-notice-icon{height:33px;width:33px;flex:0 0 33px;display:grid;place-items:center;border-radius:10px;background:rgba(var(--exp-accent-rgb),.3);color:#fff;font-size:18px}
.zy-exp-notice>div:nth-child(2){min-width:0}
.zy-exp-notice strong{display:block;font-size:11px;line-height:1.5;color:#fff!important}
.zy-exp-notice p{font-size:10px!important;line-height:1.5!important;color:#cbdcf3!important;margin:3px 0!important}
.zy-exp-notice small{font-size:9px;color:#91d1e7;font-weight:700}
.zy-exp-footer{display:flex;align-items:center;gap:12px;padding:13px 2px 0;border-top:1px solid rgba(111,145,216,.25);margin-top:12px}
.zy-exp-story-dots{display:flex;gap:5px;flex:0 0 auto}
.zy-exp-story-dots i{display:block;height:6px;width:17px;border-radius:999px;background:#3c4d76;transition:background .25s,width .25s}
.zy-exp-story-dots i.is-current{background:var(--exp-accent);width:27px;box-shadow:0 0 10px rgba(var(--exp-accent-rgb),.25)}
.zy-exp-footer p{color:#95b3d4!important;font-size:9px!important;line-height:1.5!important;margin:0!important;flex:1}
.zy-exp-time{font-size:9px;color:#a7c4e7;letter-spacing:.075em;white-space:nowrap}
.zy-exp-announcer{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:1100px){#zyExperience{padding:17px}.zy-exp-tabs{gap:9px}.zy-exp-bubble p{font-size:12px!important}.zy-exp-step strong{font-size:10px!important}}
@media(max-width:1000px){.zy-exp-body{min-height:0}.zy-exp-footer{gap:9px}}
@media(max-width:570px){#zyExperience{padding:10px;border-radius:13px}.zy-exp-top{padding-bottom:9px}.zy-exp-tabs{gap:5px}.zy-exp-tabs button{font-size:10px;gap:4px;padding:8px 4px;min-height:35px}.zy-exp-tabs button span:first-child{font-size:12px}.zy-exp-body{gap:8px}.zy-exp-avatar{width:25px;height:25px;flex-basis:25px;border-radius:8px;font-size:11px}.zy-exp-bubble{padding:8px 9px}.zy-exp-bubble p{font-size:10px!important}.zy-exp-tracker{padding:11px}.zy-exp-notice{padding:10px;min-height:70px}.zy-exp-footer p{font-size:8px!important}.zy-exp-wordmark strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){#zyExperience *,#zyExperience *:before,#zyExperience *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}