*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Inter,ui-sans-serif,system-ui}.view{display:none}.view.active{display:grid;animation:pageIn .48s cubic-bezier(.2,.85,.2,1) both}.noise{pointer-events:none;position:fixed;inset:0;z-index:-10;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' 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)' opacity='.42'/%3E%3C/svg%3E")}.gridlines{pointer-events:none;position:fixed;inset:0;z-index:-20;opacity:.07;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:56px 56px;animation:gridShift 28s linear infinite}.orb{position:fixed;z-index:-20;width:30rem;height:30rem;border-radius:999px;filter:blur(60px);opacity:.38;animation:orb 11s ease-in-out infinite alternate}.orb-one{left:-12rem;top:12rem;background:#ff8a3d}.orb-two{right:-14rem;bottom:4rem;background:#61a8ff;animation-delay:-4s}.brand{display:flex;align-items:center;gap:.65rem}.brand-mark{display:grid;place-items:center;width:2.45rem;height:2.45rem;border-radius:1rem;background:linear-gradient(135deg,#ffb067,#ff6a1a);color:#120701;font-weight:1000;box-shadow:0 0 55px rgba(255,138,61,.36);transition:.2s}.brand-text{font-weight:1000;font-size:1.55rem;letter-spacing:-.09em}.status-chip{display:inline-flex;align-items:center;gap:.5rem;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(255,255,255,.055);padding:.65rem .85rem;font-size:.72rem;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.68);box-shadow:inset 0 1px rgba(255,255,255,.06)}.status-chip.online{color:#c9ffe6;border-color:rgba(66,230,164,.18);background:rgba(66,230,164,.09)}.pulse-dot,.live-dot{width:.55rem;height:.55rem;border-radius:999px;background:#ff8a3d;box-shadow:0 0 0 0 rgba(255,138,61,.55);animation:pulse 1.8s infinite}.pulse-dot.green{background:#42e6a4;box-shadow:0 0 0 0 rgba(66,230,164,.55)}.home-grid{display:grid;gap:1.25rem;align-items:center;grid-template-columns:minmax(0,1.05fr) minmax(340px,.85fr)}.hero-copy{padding:clamp(1rem,3vw,2rem)}.eyebrow{display:inline-flex;align-items:center;gap:.6rem;border:1px solid rgba(255,138,61,.24);border-radius:999px;background:rgba(255,138,61,.11);padding:.6rem .85rem;color:#ffd7bd;font-size:.74rem;font-weight:1000;text-transform:uppercase;letter-spacing:.18em}.hero-title{max-width:850px;margin-top:1.4rem;font-size:clamp(4rem,10vw,9.2rem);line-height:.82;font-weight:1000;letter-spacing:-.13em;text-wrap:balance;text-shadow:0 0 90px rgba(255,138,61,.18);animation:floatTitle 5s ease-in-out infinite}.hero-subtitle{max-width:650px;margin-top:1.4rem;color:rgba(255,255,255,.62);font-weight:700;font-size:1.1rem;line-height:1.8}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.cta{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:1.25rem;padding:1rem 1.1rem;font-weight:1000;transition:.18s transform,.18s filter,.18s box-shadow,.18s background;min-height:3.35rem}.cta:hover,.role-card:hover,.mode:hover,.control:hover{transform:translateY(-2px) scale(1.01);filter:brightness(1.07)}.cta:active,.role-card:active,.mode:active,.control:active{transform:translateY(0) scale(.985)}.cta-main{background:linear-gradient(135deg,#ffb067,#ff7b2a);color:#160802;box-shadow:0 22px 70px rgba(255,138,61,.28)}.cta-main:after{content:"";position:absolute;inset:-80% auto -80% -45%;width:38%;background:rgba(255,255,255,.4);transform:rotate(20deg);animation:shine 3.8s ease-in-out infinite}.cta-soft{background:rgba(255,255,255,.07);color:white}.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:2rem;max-width:640px}.trust-row div,.notice-card,.panel-card,.start-card,.preview-shell{border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.082),rgba(255,255,255,.042));box-shadow:0 30px 120px rgba(0,0,0,.36);backdrop-filter:blur(22px)}.trust-row div{border-radius:1.35rem;padding:1rem}.trust-row b{display:block;font-size:1.45rem;letter-spacing:-.06em}.trust-row span{font-size:.75rem;color:rgba(255,255,255,.5);font-weight:900;text-transform:uppercase;letter-spacing:.1em}.start-card{position:relative;border-radius:2.2rem;padding:1.2rem;animation:cardIn .65s .12s both}.start-card:before,.preview-shell:before,.panel-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(255,138,61,.45),rgba(97,168,255,.2),transparent 55%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.start-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.kicker{font-size:.72rem;font-weight:1000;letter-spacing:.19em;text-transform:uppercase;color:#9dcaff}.start-top h2,.section-title{font-weight:1000;letter-spacing:-.08em;font-size:clamp(2rem,5vw,3.15rem);line-height:.95}.ring-loader{width:2.35rem;height:2.35rem;border-radius:999px;border:3px solid rgba(255,255,255,.13);border-top-color:#ff8a3d;animation:spin .85s linear infinite}.ring-loader.big{width:3.5rem;height:3.5rem}.role-grid{display:grid;gap:.8rem}.role-card{position:relative;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:1.55rem;padding:1.05rem;background:rgba(255,255,255,.055);transition:.18s}.role-card.orange{background:linear-gradient(135deg,rgba(255,138,61,.18),rgba(255,255,255,.045))}.role-card.blue{background:linear-gradient(135deg,rgba(97,168,255,.15),rgba(255,255,255,.045))}.role-icon{display:grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:1rem;background:rgba(255,255,255,.09);font-size:1.35rem}.role-card b{display:block;margin-top:.8rem;font-size:1.15rem;letter-spacing:-.04em}.role-card small{display:block;margin-top:.35rem;color:rgba(255,255,255,.56);font-weight:700;line-height:1.55}.mini-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:1rem}.mini-flow div{border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:rgba(0,0,0,.18);padding:.8rem .65rem;color:rgba(255,255,255,.62);font-size:.72rem;font-weight:900}.mini-flow span{display:block;color:#ffbf8f;font-size:1rem}.notice-card{margin-top:1rem;border-radius:1.2rem;padding:1rem;color:rgba(255,255,255,.62);font-weight:700;line-height:1.65}.notice-card b{color:white}.section-help{color:rgba(255,255,255,.52);font-weight:700}.setup-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:1rem}.preview-shell{position:relative;border-radius:2rem;padding:1rem}.preview-frame{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:1.6rem;background:#020204}.preview-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);transition:.45s}.preview-cover{position:absolute;inset:0;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 25%,rgba(255,138,61,.19),transparent 30%),#080813}.preview-cover.hidden{display:none}.camera-blob{width:5.4rem;height:5.4rem;margin:0 auto 1rem;border-radius:1.8rem;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,138,61,.2),rgba(97,168,255,.12));box-shadow:inset 0 1px rgba(255,255,255,.1);animation:blobPulse 2.4s infinite}.camera-blob span{font-size:2rem}.preview-cover h3{font-size:1.7rem;font-weight:1000;letter-spacing:-.06em}.preview-cover p{margin-top:.35rem;color:rgba(255,255,255,.53);font-weight:700}.preview-badge,.video-label{position:absolute;left:1rem;top:1rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(0,0,0,.58);padding:.48rem .72rem;font-size:.72rem;font-weight:1000;text-transform:uppercase;letter-spacing:.13em;color:rgba(255,255,255,.8);backdrop-filter:blur(12px)}.setup-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.setup-side,.room-side{display:grid;gap:1rem}.panel-card{position:relative;border-radius:1.65rem;padding:1rem}.guard-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.guard-head h3{font-size:1.75rem;font-weight:1000;letter-spacing:-.07em}.mode-list{display:grid;gap:.7rem;margin-top:1rem}.mode{width:100%;text-align:left;border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:.95rem;background:rgba(255,255,255,.05);transition:.18s}.mode span{display:block;font-size:1.02rem;font-weight:1000}.mode small{display:block;margin-top:.25rem;color:rgba(255,255,255,.5);font-weight:750}.mode.selected{border-color:rgba(255,138,61,.38);background:linear-gradient(135deg,rgba(255,138,61,.18),rgba(97,168,255,.08))}.pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.07);padding:.45rem .7rem;font-size:.68rem;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.72);white-space:nowrap}.pill.good{background:rgba(66,230,164,.13);border-color:rgba(66,230,164,.25);color:#bdffe2}.pill.warn{background:rgba(251,191,36,.13);border-color:rgba(251,191,36,.25);color:#fde68a}.pill.bad{background:rgba(239,68,68,.14);border-color:rgba(248,113,113,.25);color:#fecaca}.guard-meter{height:.6rem;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.085);box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}.guard-meter span{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#ef4444,#f59e0b,#42e6a4);transition:width .35s ease}.guard-summary{margin-top:1rem;color:rgba(255,255,255,.58);font-weight:750;line-height:1.6}.guard-nudge{margin-top:.55rem;color:#ffd0ad;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.points-card{margin-top:1rem;border:1px solid rgba(255,255,255,.1);border-radius:1.2rem;background:linear-gradient(135deg,rgba(255,138,61,.14),rgba(97,168,255,.08));padding:.85rem;display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.points-card div{border-radius:.9rem;background:rgba(0,0,0,.18);padding:.65rem;text-align:center}.points-card span,.points-strip span{display:block;color:rgba(255,255,255,.48);font-size:.66rem;font-weight:1000;text-transform:uppercase;letter-spacing:.12em}.points-card b{display:block;margin-top:.2rem;font-size:1.35rem;color:#fff;font-weight:1000}.points-card small{grid-column:1/-1;color:#ffd0ad;font-weight:850;line-height:1.35}.points-strip{margin-top:.85rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.2rem;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:rgba(255,138,61,.11);padding:.7rem}.points-strip b{font-size:1.35rem;font-weight:1000;color:#fff}.points-strip small{grid-column:1/-1;color:#ffd0ad;font-weight:850}.api-test-btn{margin-top:.9rem;width:100%;border:1px solid rgba(97,168,255,.22);border-radius:1rem;background:linear-gradient(135deg,rgba(97,168,255,.16),rgba(255,255,255,.06));padding:.78rem .9rem;color:#dbeafe;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;transition:.18s}.api-test-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.api-test-btn:disabled{opacity:.6}.api-test-result{margin-top:.55rem;color:rgba(255,255,255,.45);font-size:.8rem;font-weight:750;line-height:1.45}.transcript{margin-top:1rem;min-height:4.7rem;border:1px solid rgba(255,255,255,.09);border-radius:1.2rem;background:rgba(0,0,0,.22);padding:.85rem;color:rgba(255,255,255,.42);font-size:.9rem;font-weight:650;font-style:italic;line-height:1.55}.room-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1rem}.room-main{display:grid;gap:1rem}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.video-card{position:relative;overflow:hidden;min-height:360px;aspect-ratio:16/10;border:1px solid rgba(255,255,255,.1);border-radius:1.8rem;background:#000;box-shadow:0 24px 100px rgba(0,0,0,.45)}.video-card.local video{transform:scaleX(-1)}.video-card.remote{box-shadow:0 0 0 1px rgba(255,138,61,.06),0 30px 120px rgba(0,0,0,.52)}.video-wait{position:absolute;inset:0;display:grid;place-items:center;gap:1rem;text-align:center;background:radial-gradient(circle at 50% 20%,rgba(255,138,61,.18),transparent 32%),#080813;color:rgba(255,255,255,.58);font-weight:1000}.video-wait.hidden{display:none}.control-bar{display:flex;flex-wrap:wrap;gap:.65rem;border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;background:rgba(255,255,255,.06);padding:.75rem;box-shadow:0 20px 80px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.control{border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:rgba(255,255,255,.075);padding:.8rem 1rem;font-weight:1000;transition:.18s}.control.primary{background:linear-gradient(135deg,#ffb067,#ff7b2a);color:#160802}.control.danger{margin-left:auto;color:#fecaca;background:rgba(239,68,68,.14);border-color:rgba(248,113,113,.22)}.panel-card.compact{padding:.95rem}.chat-card{display:flex;min-height:330px;flex-direction:column}.chat-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.75rem}.chat-head span{color:rgba(255,255,255,.38);font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.messages{flex:1;max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:.55rem;padding-right:.25rem}.msg{border-radius:1rem;padding:.65rem .8rem;font-weight:750;line-height:1.45;animation:pop .22s ease both}.msg.system{background:rgba(255,255,255,.06);color:rgba(255,255,255,.58);text-align:center}.msg.me{background:rgba(255,138,61,.17);margin-left:2rem}.msg.them{background:rgba(97,168,255,.15);margin-right:2rem}.chat-form{display:flex;gap:.55rem;margin-top:.75rem}.chat-form input{min-width:0;flex:1;border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:rgba(0,0,0,.22);padding:.85rem;color:white;font-weight:700;outline:none}.chat-form input:focus{border-color:rgba(255,138,61,.45);box-shadow:0 0 0 4px rgba(255,138,61,.08)}.chat-form button{border-radius:1rem;background:#ff8a3d;color:#160802;font-weight:1000;padding:0 .95rem}.loading{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:rgba(3,3,8,.76);backdrop-filter:blur(14px)}.loading.hidden,.toast.hidden{display:none}.loading-card{border:1px solid rgba(255,255,255,.12);border-radius:1.7rem;background:rgba(255,255,255,.08);padding:1.5rem;min-width:260px;text-align:center;box-shadow:0 30px 120px rgba(0,0,0,.55)}.loading-card .ring-loader{margin:0 auto 1rem}.loading-card p{font-weight:1000;color:rgba(255,255,255,.7)}.toast{position:fixed;left:50%;bottom:1.15rem;z-index:70;transform:translateX(-50%);max-width:min(92vw,560px);border:1px solid rgba(255,255,255,.12);border-radius:1.3rem;background:rgba(10,10,18,.94);padding:1rem 1.15rem;color:white;font-weight:900;box-shadow:0 22px 90px rgba(0,0,0,.58);animation:toastIn .22s both}.animate-drop{animation:drop .52s cubic-bezier(.2,.85,.2,1) both}button:disabled{cursor:not-allowed;filter:grayscale(.35)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{0%,55%{left:-45%}100%{left:130%}}@keyframes gridShift{to{background-position:112px 56px}}@keyframes orb{to{transform:translate3d(28px,-24px,0) scale(1.08)}}@keyframes drop{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes pageIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@keyframes cardIn{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}@keyframes floatTitle{50%{transform:translateY(-7px);filter:drop-shadow(0 0 18px rgba(255,138,61,.18))}}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(255,138,61,0)}100%{box-shadow:0 0 0 0 rgba(255,138,61,0)}}@keyframes blobPulse{50%{transform:scale(1.035);box-shadow:0 0 50px rgba(255,138,61,.18),inset 0 1px rgba(255,255,255,.1)}}@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes toastIn{from{opacity:0;transform:translateX(-50%) translateY(10px)}to{opacity:1;transform:translateX(-50%)}}@media (max-width:1050px){.home-grid,.setup-grid,.room-shell{grid-template-columns:1fr}.room-side{grid-template-columns:repeat(3,1fr)}.chat-card{grid-column:1/-1}.video-card{min-height:300px}}@media (max-width:720px){.hero-title{font-size:4.6rem}.trust-row,.mini-flow,.setup-actions,.video-grid,.room-side{grid-template-columns:1fr}.control.danger{margin-left:0}.video-card{min-height:260px}.status-chip{padding:.55rem .65rem;font-size:.62rem}.brand-text{font-size:1.25rem}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}