:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#152744;background:#f3f7fc;font-size:16px;--accent:#155ac0;--soft:#e7f0ff;--secondary:#08796f;--line:#b8c8dc;--muted:#475c76;--focus:#111827}
*{box-sizing:border-box}body{margin:0}body[data-role="professional"]{--accent:#126b4a;--soft:#e4f4ec;--secondary:#6843a8}body[data-role="business"]{--accent:#3c47a1;--soft:#edeefe;--secondary:#825b06}body[data-role="admin"]{--accent:#253d78;--soft:#e9edfa;--secondary:#a14313}button,input,select,textarea{font:inherit}button,a,input,select,summary{touch-action:manipulation}a{color:var(--accent)}button,.button{border:1px solid var(--line);background:white;color:var(--accent);border-radius:13px;min-height:48px;padding:12px 16px;cursor:pointer;font-weight:650;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;text-align:center;gap:8px}button:hover,.button:hover{background:var(--soft)}.primary{background:var(--accent);color:white;border-color:var(--accent)}.primary:hover{background:var(--accent);filter:brightness(.92)}.danger{color:#a32838}.quiet{background:transparent;border-color:transparent}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}h1:focus{outline:none}h1{font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.16;letter-spacing:-.035em;margin:10px 0 22px;font-weight:750}h2{font-size:1.2rem;line-height:1.3;margin:0 0 12px}h3{font-size:1rem}p{line-height:1.55;margin:8px 0 16px}small,.hint{font-size:.875rem;line-height:1.5;color:var(--muted)}.muted{color:var(--muted)}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.11em;color:var(--secondary);text-transform:uppercase}.shell{min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 5%;gap:16px;border-bottom:1px solid #dce5f0;background:#ffffffea}.brand{display:flex;gap:10px;align-items:center;color:#173450;font-weight:800;font-size:1.2rem;text-decoration:none;min-height:48px}.mark{display:grid;place-items:center;background:var(--accent);color:white;width:36px;height:36px;border-radius:12px}.topbar .label{color:var(--muted);font-size:.8rem}.main{width:min(1180px,100%);padding:32px 28px;margin:auto;flex:1}.narrow{max-width:580px}.footer{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between;padding:16px 5%;font-size:.8rem;color:var(--muted)}.footer a{min-height:44px;display:inline-flex;align-items:center}.home{max-width:980px;padding-top:52px}.home h1{max-width:580px;font-size:clamp(2rem,4vw,3.2rem)}.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0}.door{border:1px solid #adc7e6;border-radius:22px;padding:24px;min-height:218px;color:#173450;text-decoration:none;background:linear-gradient(145deg,#edf6ff,#dceaff);animation:arrive 260ms ease-out both}.door:nth-child(2){background:linear-gradient(145deg,#eafaf4,#d6f0e8);border-color:#94c6b7;animation-delay:50ms}.door:nth-child(3){background:linear-gradient(145deg,#f3efff,#e7dffb);border-color:#b9a6df;animation-delay:100ms}.door .icon{display:grid;place-items:center;background:#fff9;border:1px solid #ffffff;width:48px;height:48px;border-radius:15px;font-size:1.5rem;margin-bottom:22px}.door h2{margin:0 0 8px}.door p{margin:0;font-size:.95rem}.home-links{display:flex;justify-content:space-between;gap:12px}.home-links a{min-height:48px;display:flex;align-items:center}.card,.glass{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:18px}.glass{background:#fffffff2;box-shadow:0 18px 60px #253d7814;backdrop-filter:blur(12px)}.tinted{background:var(--soft)}.stack{display:grid;gap:16px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:grid;gap:8px;font-weight:600}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:48px;border:1px solid #7f96af;border-radius:10px;padding:11px;background:white;color:#152744;font-weight:400}.field textarea{min-height:95px}.choices{border:0;padding:0;margin:0;display:grid;gap:12px}.choices legend{margin-bottom:12px}.choice{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:13px;padding:14px;background:#fff;min-height:52px;line-height:1.45;cursor:pointer}.choice:has(input:checked){border-color:var(--accent);background:var(--soft);box-shadow:inset 0 0 0 1px var(--accent)}.choice input{flex:0 0 20px;width:20px;height:20px;accent-color:var(--accent);margin:2px 0}.choice small{display:block;margin-top:8px}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px;flex-wrap:wrap}.notice{background:var(--soft);border-left:4px solid var(--accent);padding:14px 16px;border-radius:8px;line-height:1.5;margin:12px 0}.error{color:#a12032;margin:12px 0}.badge{display:inline-flex;gap:6px;border-radius:8px;padding:6px 9px;font-size:.85rem;background:#fff1d2;color:#755000;font-weight:700}.badge.ok{background:#dcf5e7;color:#116341}.badge.bad{background:#fce7ec;color:#92263d}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.tabs [aria-current="page"]{background:var(--accent);color:white}.workspace{display:grid;grid-template-columns:218px 1fr;gap:30px}.workspace>nav{display:grid;align-content:start;gap:6px}.workspace>nav a{text-align:left;justify-content:flex-start}.workspace>nav [aria-current="page"]{background:var(--accent);color:white}.mobile-nav{display:none}.flow{animation:arrive 180ms ease-out}.progress{height:5px;background:#d5e1ef;border-radius:8px;margin:16px 0 22px}.progress span{display:block;background:var(--accent);height:100%;border-radius:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 24px}.stat{padding:18px 14px;background:var(--soft);border-radius:16px}.stat b{font-size:1.7rem;display:block}.status-mark{font-size:3rem;color:var(--accent);display:block;margin:18px auto;text-align:center}.pulse{animation:pulse 900ms ease-in-out 3}.success{animation:arrive 220ms ease-out}.switch{border-color:var(--accent)}.switch:before{content:'';width:18px;height:18px;border:2px solid currentColor;border-radius:50%;transition:background 160ms}.switch[aria-checked="true"]{background:var(--accent);color:white}.switch[aria-checked="true"]:before{background:currentColor}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.video{background:#183044;color:#fff;border-radius:14px;min-height:270px;padding:14px;display:flex;flex-direction:column;justify-content:space-between}.video.large{grid-column:1/-1}.video .avatar{font-size:2.5rem;text-align:center;color:#dcecf5}.video button{background:#fff;color:#183044}.video-controls{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.video-controls button{flex:1}.self-area{display:flex;min-height:105px;padding:8px}.self-area.right{justify-content:flex-end}.self{border-radius:12px;background:#dbe8ee;padding:18px;min-width:100px}.caption{background:#f1f5f9;padding:14px;border-radius:10px}.call-room *{animation:none!important;transition:none!important}.pre{white-space:pre-wrap;overflow-wrap:anywhere;font: .85rem/1.6 ui-monospace,monospace}.reference{border:1px solid var(--line);background:white;padding:18px;border-radius:14px}.screen-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.screen-list a{justify-content:flex-start;text-align:left}summary{cursor:pointer;padding:12px 0;min-height:48px}dialog{max-width:min(560px,calc(100% - 32px));border:1px solid var(--line);border-radius:20px;padding:24px;color:#152744}dialog::backdrop{background:#14283b70}.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-70px;left:12px;background:white;padding:12px;z-index:100}.skip:focus{top:12px}a,button,h1,h2,p,span{overflow-wrap:anywhere}input[type=checkbox],input[type=radio]{cursor:pointer}.demo-tools{margin-top:24px;border-top:1px solid var(--line);padding-top:8px}.demo-tools summary{font-size:.875rem;color:var(--muted)}.attention{border-left:5px solid var(--secondary)}
@keyframes arrive{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.5}}
@media(max-width:760px){.main{padding:24px 18px}.topbar{padding:10px 18px}.topbar .label{display:none}.home{padding-top:25px}.home h1{font-size:2rem;margin:12px 0 22px}.doors{grid-template-columns:1fr;gap:12px;margin:20px 0}.door{min-height:0;padding:18px;display:grid;grid-template-columns:42px 1fr;column-gap:14px}.door .icon{grid-row:1/3;width:42px;height:42px;margin:0}.door h2{font-size:1.06rem}.door p{font-size:.9rem}.grid{grid-template-columns:1fr}.workspace{display:block}.workspace>nav{display:none}.mobile-nav{display:block;margin-bottom:20px}.professional-nav{display:flex;gap:6px;flex-wrap:wrap;margin-top:22px}.professional-nav .button{flex:1;padding:10px 8px;font-size:.85rem}.card{padding:18px}.stats{gap:8px}.stat{padding:14px 10px;font-size:.8rem}.stat b{font-size:1.5rem}.footer{padding:12px 18px;font-size:.72rem;gap:8px}.video{min-height:230px;padding:10px}.video .avatar{font-size:2rem}.video .button,.video button{font-size:.8rem;padding:8px}.screen-list{grid-template-columns:1fr}.narrow h1{font-size:1.65rem}.compact-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-motion="reduce"] *,html[data-motion="reduce"] *::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.video-grid.reverse .video:first-child{order:2}.video-grid.reverse .video:last-child{order:1}.workspace>div{min-width:0}.professional-nav{display:none}@media(max-width:760px){.professional-nav{display:flex}}
@media(max-width:760px){.video-controls button{padding:10px 7px;font-size:.82rem}.call-room .self{padding:10px}.call-room .self-area{min-height:90px}}
@media(max-width:360px){.stats{grid-template-columns:1fr}.grid.compact-grid{grid-template-columns:1fr}.topbar{gap:8px}.brand{font-size:1rem}.topbar .button{padding:10px}.video-grid{grid-template-columns:1fr 1fr}}
.topbar{flex-wrap:wrap}.brand,.topbar>.button{white-space:nowrap}.mark{flex-shrink:0}

/* Owner approved calm background, 25 September. Static gradients never move. */
:root{color-scheme:dark;color:#f2f7fc;background:#071e2a;--accent:#96c9ff;--soft:#213c50;--secondary:#89e1d5;--line:#708a9e;--muted:#c5d5e1;--focus:#f6d775}
body{background:radial-gradient(ellipse at 0% 0%,#106f7d 0,transparent 43%),radial-gradient(ellipse at 100% 0%,#253f70 0,transparent 40%),radial-gradient(ellipse at 75% 100%,#40376b 0,transparent 48%),#071e2a;background-attachment:fixed;min-height:100dvh}
body[data-role="professional"]{--accent:#94e4c0;--soft:#203e3b;--secondary:#d4bcff}body[data-role="business"]{--accent:#bdc6ff;--soft:#2d3555;--secondary:#f4d68d}body[data-role="admin"]{--accent:#a9ceff;--soft:#263a56;--secondary:#ffba91}
.topbar{background:#091e2bd9;border-color:#557180}.brand,.door{color:#f2f7fc}.card,.glass,.choice,.reference,dialog{background:#192f3eee;color:#f2f7fc}.glass{backdrop-filter:none}.door,.door:nth-child(2),.door:nth-child(3){background:#213542d9;border-color:#7b92a2}.door:nth-child(2){background:#25374bd9}.door:nth-child(3){background:#33334fd9}.door .icon{background:#126473;border-color:#83b7c1}.door:nth-child(2) .icon{background:#315797}.door:nth-child(3) .icon{background:#534280}
button,.button{background:#1b3547;color:var(--accent)}.quiet{background:transparent}.primary,.tabs [aria-current="page"],.workspace>nav [aria-current="page"],.switch[aria-checked="true"]{background:var(--accent);color:#092333}.primary:hover{color:#092333}.field input,.field select,.field textarea{background:#102b3b;color:#f2f7fc;border-color:#839bad}.choice:has(input:checked){background:var(--soft)}.danger,.error{color:#ffb6c0}.caption,.self{background:#233c4d;color:#f2f7fc}.skip{background:#193747;color:white}.progress{background:#466073}.tinted{background:var(--soft)}
.meeting-stage{width:100%;min-width:0}.local-tile{position:relative;min-height:240px;aspect-ratio:16/10;background:#102b3b;border:1px solid #7895a6;border-radius:18px;overflow:hidden;display:grid;place-items:center}.local-tile video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain;transform:scaleX(-1)}.local-tile video[hidden]{display:none}.local-label{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:#071e2aed;color:#f2f7fc}.camera-message{padding:24px 24px 62px;text-align:center;max-width:460px;line-height:1.5}.self-area{min-height:0;padding:8px 0}.video-controls button{min-width:48px}.call-room .notice{margin-bottom:16px}.self-hidden{min-height:80px}
@media(max-width:760px){.local-tile{aspect-ratio:4/3;min-height:220px}.call-room .self-area{min-height:0}.video-controls{gap:6px}.video-controls button{font-size:.85rem}.call-room .hint{font-size:.8rem}}