:root{font-family:Inter,Aptos,Arial,sans-serif;color:#092443;background:#061833;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%;overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #f7a942;outline-offset:3px}
body{height:100dvh}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 20% 15%,#1c4268 0,transparent 48%),linear-gradient(155deg,#102b55,#020b1a 65%)}.ambient span{position:absolute;width:34vw;height:34vw;border:1px solid #7fcef71c;border-radius:50%;left:-14vw;bottom:-18vw}.ambient span:nth-child(2){width:48vw;height:48vw;left:-21vw;bottom:-26vw}.ambient span:nth-child(3){width:60vw;height:60vw;left:-26vw;bottom:-33vw}
.presentation{height:100dvh;width:100vw;display:flex;align-items:center;justify-content:center;gap:clamp(24px,7vw,110px);position:relative;padding:12px}.kiosk{width:min(calc(100dvh * 0.5628 - 16px),calc(100vw - 24px));aspect-ratio:941/1672;max-height:calc(100dvh - 16px);position:relative;container-type:inline-size;isolation:isolate;overflow:hidden;border-radius:clamp(12px,2vw,28px);background:#072d59;box-shadow:0 20px 75px #0008,0 0 0 1px #ffffff20;flex-shrink:0}.view{position:absolute;inset:0;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(1%);transition:opacity .34s ease,transform .34s ease,visibility .34s}.view.is-visible{visibility:visible;opacity:1;pointer-events:auto;transform:none}.home{background:#052a4c}.approved-poster{width:100%;height:100%;display:block;object-fit:fill;user-select:none;pointer-events:none}
.touch-zone{position:absolute;border:0;background:transparent;display:block;color:transparent;border-radius:4cqw;transition:background .2s,box-shadow .2s,transform .2s;outline-offset:-5px}.touch-zone span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.touch-zone:hover,.touch-zone:focus-visible{background:#ffffff13;box-shadow:inset 0 0 0 2px #ffffffc9,0 0 0 5px #20cce735;transform:translateY(-1px)}.touch-zone:active{transform:scale(.98)}.touch-zone.first{left:3%;top:33.1%;width:45.4%;height:22.2%}.touch-zone.second{left:50.3%;top:33.1%;width:45.6%;height:22.2%}.touch-zone.third{left:3%;top:56.2%;width:45.4%;height:21.9%}.touch-zone.fourth{left:50.3%;top:56.2%;width:45.6%;height:21.9%}.touch-zone.talk{left:15.8%;top:79.8%;width:67.1%;height:7%}.touch-zone.type{left:15.8%;top:87.6%;width:67.1%;height:6.4%}
.desktop-hint{width:245px;max-width:26vw;color:#dbedfa;align-self:center;font-size:14px;line-height:1.6}.desktop-hint .hint-line{height:3px;width:52px;background:#26bad8;margin-bottom:20px}.desktop-hint p:first-of-type{font-size:11px;letter-spacing:.15em;color:#9ac7da;font-weight:700}.desktop-hint span{color:#f39734}.desktop-hint button{border:1px solid #7ebdd077;border-radius:999px;background:#0f4268;color:#fff;padding:12px 17px;margin-top:15px;font-size:13px;font-weight:750}.desktop-hint button:hover{background:#176391}
.experience{background:radial-gradient(ellipse at 40% -5%,#dbf8f8 0,#f6f7f3 36%,#f3f5f2 80%);display:flex;flex-direction:column;color:#0c2547}.topbar{height:10.4%;padding:4% 4.8%;display:flex;align-items:center;justify-content:space-between;gap:1.4cqw;z-index:2;background:linear-gradient(90deg,#faffffed,#fffffff2);box-shadow:0 1px 16px #092e4c12}.topbar button{border:0;border-radius:999px;background:#eaf3f6;color:#063e5c;font-size:2.65cqw;font-weight:750;padding:2cqw 2.8cqw;min-width:17cqw;display:flex;align-items:center;justify-content:center;gap:1cqw}.topbar button:hover{background:#ceeaf2}.tiny-brand{display:flex;gap:1.1cqw;align-items:center;font-size:2.4cqw;line-height:1.08;font-weight:900;letter-spacing:.025em;color:#092a38;text-align:left}.tiny-brand small{font-size:1.62cqw;letter-spacing:.20em;font-weight:550}.brand-symbol{color:#16a4c6;font-size:5.2cqw;line-height:1}
.screen-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#abc5ce transparent}.screen-content::-webkit-scrollbar{width:5px}.screen-content::-webkit-scrollbar-thumb{background:#b4ced6;border-radius:99px}.bottom-bar{height:10%;background:linear-gradient(120deg,#022647,#004b78);display:flex;align-items:center;justify-content:center;gap:2.5cqw;box-shadow:0 -8px 30px #072b4829;padding:2.4cqw 3.8cqw}.bottom-bar button{height:75%;border-radius:999px;border:1px solid #77c5e8ab;font-size:2.9cqw;font-weight:800;white-space:nowrap}.bottom-book{flex:1;background:linear-gradient(120deg,#00a6ce,#056ca0);color:white;display:flex;align-items:center;justify-content:center;gap:4cqw;box-shadow:0 5px 18px #0004}.bottom-book:hover{filter:brightness(1.12)}.bottom-reset{flex:0 0 33%;background:#073b5f;color:#eafaff}
.section{min-height:100%;padding:4.2cqw 4.8cqw 5.5cqw;animation:reveal .36s ease both}.eyebrow{display:inline-flex;align-items:center;gap:1.3cqw;text-transform:uppercase;letter-spacing:.16em;font-size:2.15cqw;font-weight:900;color:#087da4;margin-bottom:1.1cqw}.eyebrow::before{content:"";display:inline-block;width:4cqw;height:.42cqw;background:#ec8c38;border-radius:999px}.section h1{font-family:Georgia,'Times New Roman',serif;font-weight:600;line-height:1.03;letter-spacing:-.055em;font-size:7.2cqw;margin:0 0 2.6cqw;color:#0a193b}.section .lede{font-size:2.85cqw;line-height:1.35;color:#35566a;margin:0 0 4cqw}.section h2{font-family:Georgia,serif;font-size:5cqw;line-height:1.1;margin:3cqw 0 1.4cqw;color:#0c2946}.section p{font-size:2.65cqw;line-height:1.45}.pill{font-size:2.2cqw;font-weight:750;background:#e4f6fb;color:#087394;padding:1.15cqw 2.3cqw;border-radius:99px;display:inline-flex;align-items:center;gap:1.1cqw}.muted{color:#5b7180}.scene{position:relative;width:100%;min-height:26cqw;overflow:hidden;border-radius:4cqw;background:linear-gradient(115deg,#d6ece8,#f8eedf);box-shadow:0 7px 23px #0b426619}.scene img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0}.scene::after{content:"";inset:0;position:absolute;background:linear-gradient(90deg,#07264367,transparent 60%);pointer-events:none}.scene .scene-tag{position:absolute;z-index:1;bottom:2.6cqw;left:3cqw;color:#fff;font-weight:800;font-size:3.1cqw;text-shadow:0 3px 10px #0017}
.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.4cqw;margin-top:3cqw}.option{display:flex;align-items:flex-start;text-align:left;gap:2cqw;border:1px solid #cfdee2;background:#fff;border-radius:3.8cqw;min-height:16.6cqw;padding:3.2cqw 2.7cqw;box-shadow:0 5px 17px #0b31480f;transition:transform .2s,border .2s,box-shadow .2s;position:relative;color:#122c43}.option .sym{font-size:5cqw;line-height:1.05}.option strong{font-size:2.8cqw;line-height:1.15;display:block}.option small{font-size:2.2cqw;line-height:1.24;color:#738690;display:block;margin-top:1.2cqw}.option:hover{transform:translateY(-2px);box-shadow:0 12px 22px #0b314821}.option.selected{border-color:#089ac5;box-shadow:0 0 0 2px #08a8d125,0 9px 22px #0b314820;background:linear-gradient(140deg,#ffffff,#edfafd)}.option.selected::after{content:'✓';position:absolute;top:2cqw;right:2.2cqw;color:#009bba;font-weight:900;font-size:2.8cqw}
.control-row{display:flex;gap:2cqw;align-items:center;margin:3.3cqw 0}.primary,.secondary,.text-button{border:0;border-radius:999px;font-size:2.8cqw;font-weight:800;padding:2.8cqw 4cqw;display:inline-flex;align-items:center;justify-content:center;gap:1.4cqw;text-decoration:none}.primary{background:linear-gradient(115deg,#009cc7,#0069a5);color:white;box-shadow:0 6px 17px #0069a530}.primary:hover{filter:brightness(1.1)}.secondary{background:#e5edf0;color:#08547a;border:1px solid #c1dce3}.secondary:hover{background:#d5eaf0}.text-button{background:transparent;color:#087fa4;padding-left:1cqw}.full{width:100%}.label{display:block;text-transform:uppercase;letter-spacing:.15em;color:#66808d;font-size:2.15cqw;font-weight:900;margin:3cqw 0 1.7cqw}.white-card{background:#fff;border:1px solid #d9e5e8;border-radius:3.6cqw;padding:3.5cqw;box-shadow:0 7px 25px #0a29480e}.white-card h3{margin:0 0 1.5cqw;font-size:3.4cqw;line-height:1.1}.white-card p{margin:0;color:#355467}.white-card ul{margin:1.2cqw 0 0;padding-left:3.2cqw;color:#355467;font-size:2.5cqw;line-height:1.45}.mini-label{font-size:2.35cqw;text-transform:uppercase;letter-spacing:.09em;font-weight:850;color:#0798be;margin-bottom:1.6cqw}.demo-before{background:#fff3eb;border-color:#f4dec9}.demo-after{background:#edfaf6;border-color:#9dd8c8}.workflow{display:flex;flex-direction:column;gap:1.6cqw}.workflow-item{display:flex;align-items:center;gap:2cqw;padding:2.2cqw 2.5cqw;border-radius:2.2cqw;background:#f2f7f8;font-size:2.55cqw}.workflow-item .number{width:5cqw;height:5cqw;border-radius:50%;display:grid;place-items:center;background:#087eaa;color:#fff;font-weight:800;flex:0 0 auto}.info-strip{background:#e5f3f5;border-left:.65cqw solid #139bb9;border-radius:0 2cqw 2cqw 0;padding:2.6cqw 3cqw;font-size:2.45cqw;line-height:1.42;color:#315769;margin:3cqw 0}
.toggle{display:flex;gap:1.2cqw;background:#e2edf0;border-radius:999px;padding:1.1cqw}.toggle button{flex:1;border:0;background:transparent;border-radius:999px;color:#416174;padding:2.4cqw;font-size:2.65cqw;font-weight:850}.toggle button.selected{background:#fff;box-shadow:0 3px 10px #092d421f;color:#006e96}
.security-scene{height:54cqw;background:linear-gradient(165deg,#d0e5e1,#f2e8d9)}.security-scene::before{content:"";position:absolute;inset:8%;border:2px dashed #4a8fa6;border-radius:4cqw;z-index:1;opacity:.7}.security-scene .home-mark{position:absolute;left:36%;top:24%;font-size:17cqw;opacity:.22;z-index:0}.device{position:absolute;z-index:2;width:25cqw;border:2px solid #e3ffff;background:#f5fbfaee;border-radius:999px;padding:1.8cqw 1cqw;display:flex;align-items:center;justify-content:center;gap:1cqw;font-size:2.45cqw;color:#084d70;box-shadow:0 6px 20px #0038562b;transition:transform .15s}.device:hover,.device.selected{transform:scale(1.06);border-color:#06aed6;background:white}.device .sym{font-size:4.3cqw}.device[data-device=camera]{left:5%;top:15%}.device[data-device=wifi]{right:5%;top:14%}.device[data-device=laptop]{left:6%;bottom:14%}.device[data-device=lock]{right:5%;bottom:14%}
.office-scene{height:42cqw}.office-scene::after{background:linear-gradient(0deg,#001d37bb,transparent 64%)}.office-scene .scene-tag{max-width:76%;font-size:3.6cqw;line-height:1.14}.office-bubbles{position:absolute;right:2cqw;top:2cqw;display:flex;flex-direction:column;gap:1.4cqw;z-index:2}.office-bubbles span{background:#f5fffff2;border:1px solid #93cfdc;border-radius:999px;color:#03547d;padding:1.4cqw 2.2cqw;font-size:2.2cqw;font-weight:800;box-shadow:0 3px 14px #0034}.office-bubbles span:nth-child(2){animation:float 3s ease-in-out infinite}.office-bubbles span:nth-child(3){animation:float 4s ease-in-out infinite reverse}
.question-progress{display:flex;gap:1.5cqw;margin-bottom:4cqw}.question-progress span{height:.8cqw;flex:1;background:#c9d9df;border-radius:99px}.question-progress span.done{background:#008daf}.question-grid{display:flex;flex-direction:column;gap:2.5cqw}.question-grid .option{width:100%;min-height:11cqw;align-items:center}.question-grid .option .sym{font-size:4.5cqw}.question-grid .option small{display:none}.question-label{font-family:Georgia,serif;font-size:5.8cqw;margin:1.5cqw 0 3.4cqw;line-height:1.04;letter-spacing:-.04em}.result-hero{background:linear-gradient(130deg,#033b64,#0283a4);padding:4cqw;border-radius:3.8cqw;color:#fff;margin-bottom:3cqw;position:relative;overflow:hidden}.result-hero::after{content:'✦';position:absolute;right:-2cqw;top:-4cqw;font-size:26cqw;opacity:.14}.result-hero h2{margin:0;color:#fff}.result-hero p{margin:1.4cqw 0 0;color:#ddf5ff}.result-list{display:flex;flex-direction:column;gap:2.1cqw}.result-item{border:1px solid #cde2e8;background:#fff;padding:3cqw 3.2cqw;border-radius:2.8cqw;display:flex;gap:3cqw;align-items:start}.result-item .rank{width:6cqw;height:6cqw;background:#daf6ef;color:#087a6b;border-radius:100%;display:grid;place-items:center;font-size:3cqw;font-weight:900;flex:0 0 auto}.result-item strong{font-size:2.9cqw}.result-item p{margin:1.2cqw 0 0;color:#627781;font-size:2.4cqw}
.guide-option{padding:3cqw;background:#fff;border:1px solid #dae7e8;border-radius:3cqw;text-align:left;color:#163a52;font-size:2.6cqw;font-weight:750}.guide-option:hover{border-color:#0c9cbd;background:#f1fbfd}.guide-answer{margin-top:3cqw;animation:reveal .23s ease both}.guide-note{padding:2.8cqw;background:#fff8e8;border:1px solid #f4e7c1;border-radius:2.5cqw;font-size:2.35cqw;line-height:1.4;color:#6b5d39}
.qr-area{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid #dfebec;border-radius:4cqw;padding:4cqw;margin-top:3cqw;gap:2cqw}.qr{display:grid;width:38cqw;height:38cqw;grid-template-columns:repeat(29,1fr);grid-template-rows:repeat(29,1fr);border:2.4cqw solid white;background:#fff;image-rendering:pixelated;box-shadow:0 2px 16px #0032}.qr span.on{background:#092d4b}.qr span.off{background:#fff}.qr-area p{margin:0;color:#4e6472;text-align:center}.contact-link{color:#007da3;font-weight:900}
.idle-warning{position:absolute;inset:0;background:#00152cc9;z-index:60;display:grid;place-items:center;padding:5cqw;backdrop-filter:blur(8px)}.idle-warning[hidden]{display:none}.idle-card{background:#fff;padding:6cqw;border-radius:5cqw;text-align:center;width:100%;box-shadow:0 25px 50px #0005}.idle-card strong{display:block;font-family:Georgia,serif;font-size:5.1cqw}.idle-card p{font-size:2.8cqw;color:#607985}.idle-card button{margin-top:3cqw;padding:3cqw 5cqw;border:0;border-radius:99px;background:#057eab;color:#fff;font-weight:900;font-size:3cqw}
@keyframes reveal{from{opacity:0;transform:translateY(2cqw)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-.8cqw)}}
@media(max-width:760px){.desktop-hint{display:none}.presentation{padding:0}.kiosk{max-height:100dvh;width:min(100vw,calc(100dvh * 0.5628));border-radius:0;box-shadow:none}.section{padding-bottom:5cqw}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
@media(max-width:1160px), (orientation:portrait){.desktop-hint{display:none}}

.tiny-logo{display:block;width:25cqw;max-height:9cqw;object-fit:contain;object-position:center;mix-blend-mode:multiply}