@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#080808;background:#f7f7f5;font-synthesis:none;--line:#d4d6d5;--muted:#6d706f;--paper:#f7f7f5;--black:#080808;--layer-environment:0;--layer-content:1;--layer-navigation:2;--environment-x:0px;--environment-y:0px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:transparent}
#root{position:relative;isolation:isolate;min-height:100vh}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}
.shell{width:min(1480px,calc(100% - 80px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rubee-environment{position:fixed;inset:0;z-index:var(--layer-environment);pointer-events:none;overflow:hidden;background:#f2f3f1;color:#24303a;--theme-x:72%;--theme-y:22%;--theme-opacity:.17;--apps-opacity:.45;transition:background-color .8s ease}
.environment-atmosphere{position:absolute;inset:-12%;background:radial-gradient(circle at var(--theme-x) var(--theme-y),rgba(145,164,179,var(--theme-opacity)),transparent 28%),radial-gradient(circle at 15% 82%,rgba(255,255,255,.94),transparent 38%),linear-gradient(128deg,#f8f8f6 4%,#e9eceb,#f7f7f5);transition:opacity .8s,transform .8s;transform:translate3d(var(--environment-x),var(--environment-y),0) scale(1.02)}
.environment-mesh{position:absolute;inset:-4%;width:108%;height:108%;opacity:.46;transform:translate3d(calc(var(--environment-x) * -.45),calc(var(--environment-y) * -.45),0)}
.environment-mesh rect{stroke:#85909a;stroke-width:.55;opacity:.19}
.environment-curve{fill:none;stroke:#778692;stroke-width:1;opacity:.2}
.curve-two{opacity:.1}
.environment-trail{fill:none;stroke-width:1.4;stroke-dasharray:8 18;opacity:.65}
.environment-node{fill:#fff;stroke:#83909a;stroke-width:1;opacity:.62}
.environment-apps{position:absolute;inset:0;opacity:var(--apps-opacity);transform:translate3d(calc(var(--environment-x) * .8),calc(var(--environment-y) * .8),0);transition:opacity .7s}
.environment-app{position:absolute;width:72px;height:72px;border:1px solid rgba(93,108,119,.22);background:linear-gradient(145deg,#ffffff9e,#ffffff29);box-shadow:inset 0 1px #ffffffd9,0 18px 45px #232c320f;border-radius:17px;display:grid;place-items:center;animation:environment-drift 12s ease-in-out infinite;will-change:transform}
.environment-app svg{font-size:25px;opacity:.58}
.environment-app i{position:absolute;top:calc(100% + 8px);font:500 8px/1 Inter,sans-serif;text-transform:uppercase;letter-spacing:.15em;opacity:.45}
.app-email{left:7%;top:20%;animation-delay:-2s}
.app-messages{left:21%;top:68%;animation-delay:-8s}
.app-calendar{right:29%;top:10%;animation-delay:-5s}
.app-contacts{right:7%;top:64%;animation-delay:-10s}
.app-files{left:35%;top:38%;animation-delay:-3s}
.app-analytics{right:18%;top:38%;animation-delay:-7s}
.rubee-presence{position:absolute;width:min(39vw,560px);height:auto;right:2vw;bottom:-5vh;overflow:visible;opacity:.56;filter:drop-shadow(0 28px 45px rgba(58,73,84,.08));transform:translate3d(var(--environment-x),var(--environment-y),0);transform-origin:50% 70%;transition:opacity .8s,transform 1.1s ease}
.rubee-presence .presence-body{stroke-width:1.25}
.presence-aura{animation:presence-breathe 6s ease-in-out infinite;transform-origin:center}
.presence-contours{stroke:#91a1ae;stroke-width:.7;stroke-dasharray:5 11;opacity:.25}
.presence-eye{transform-box:fill-box;transform-origin:center;animation:presence-blink 8s ease-in-out infinite}
.presence-arm{animation:presence-arm 7s ease-in-out infinite;transform-box:fill-box;transform-origin:top center}
.environment-glass{position:absolute;inset:0;background:linear-gradient(112deg,rgba(255,255,255,.1),transparent 32%,rgba(255,255,255,.08) 54%,transparent 72%),linear-gradient(90deg,rgba(255,255,255,.13),transparent 1px);background-size:auto,9vw 100%;opacity:.7}
.theme-communications{--theme-x:18%;--theme-y:48%;--apps-opacity:.56}
.theme-communications .app-email,.theme-communications .app-messages{opacity:1}
.theme-work{--theme-x:68%;--theme-y:48%}
.theme-campaigns{--theme-x:38%;--theme-y:62%;--apps-opacity:.52}
.theme-campaigns .app-analytics,.theme-campaigns .app-contacts{opacity:1}
.theme-agent{--theme-x:76%;--theme-y:45%;--theme-opacity:.24}
.theme-agent .rubee-presence{opacity:.68;transform:translate3d(calc(var(--environment-x) - 2px),var(--environment-y),0) scale(1.015)}
.theme-security{--theme-x:24%;--theme-y:66%;--apps-opacity:.22}
.theme-finance{--theme-x:62%;--theme-y:72%;--apps-opacity:.4}
.theme-finance .app-analytics{opacity:1}
.presence-listening .presence-aura{opacity:.72}
.presence-thinking .presence-contours{opacity:.5}
.presence-speaking .presence-aura{opacity:.86}
.rubee-glass,.rubee-glass-soft,.rubee-glass-strong{background:linear-gradient(145deg,#ffffff9e,#f8f9f854);border-color:#747e843b!important;box-shadow:inset 0 1px #ffffffd6,0 18px 55px #2630360b}
.rubee-glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.rubee-glass-soft{background:linear-gradient(145deg,#ffffff85,#f8f9f83d);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.rubee-glass-strong{background:#ffffffc2;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.rubee-glass-interactive{transition:transform .25s,background-color .25s}
.rubee-glass-interactive:hover{transform:translateY(-2px)}
@keyframes environment-drift{50%{transform:translate3d(0,-5px,0) rotate(.6deg)}
}
@keyframes presence-breathe{50%{transform:scale(1.025);opacity:.82}
}
@keyframes presence-blink{0%,45%,48%,to{transform:scaleY(1)}
46%,47%{transform:scaleY(.05)}
}
@keyframes presence-arm{50%{transform:rotate(.6deg)}
}
#root>.header,#root>main,#root>footer{position:relative;z-index:var(--layer-content)}
#root>.header{z-index:var(--layer-navigation)}
.logo{display:inline-flex;align-items:center;gap:14px;font-size:31px;font-weight:500;letter-spacing:-1.5px}
.logo-mark{display:grid;place-items:center;width:40px;height:44px;border-radius:9px;background:#070707;color:#fff;font-size:31px;font-weight:600;line-height:1}
.header{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:sticky!important;top:11px;margin-top:11px;border:1px solid rgba(116,126,132,.18);border-radius:18px;padding:0 24px}
.nav{display:flex;gap:50px;font-size:15px}
.nav a,.header-actions>a:first-child{transition:opacity .2s}
.nav a:hover,.header-actions>a:first-child:hover{opacity:.5}
.header-actions{display:flex;justify-content:flex-end;align-items:center;gap:28px;font-size:15px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#0a0a0a;color:#fff;border:1px solid #0a0a0a;border-radius:10px;padding:18px 23px;min-height:58px;font-weight:500;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px);background:#252525}
.button svg{font-size:20px}
.button.small{padding:13px 24px;min-height:50px}
.menu-button{display:none;background:none;border:0}
.hero{min-height:760px;display:grid;grid-template-columns:minmax(450px,1fr) minmax(430px,.85fr);align-items:center;position:relative;padding-top:30px;padding-bottom:80px}
.hero-copy{position:relative;z-index:2;padding-left:44px}
.overline,.section-label{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:600}
.hero h1{font-size:clamp(100px,11vw,176px);font-weight:400;letter-spacing:-.095em;line-height:.72;margin:46px 0 62px}
.hero h2{font-size:clamp(30px,3vw,46px);line-height:1.12;letter-spacing:-.055em;font-weight:500;max-width:720px;margin:0}
.lede{color:var(--muted);font-size:19px;line-height:1.5;margin:26px 0 36px;max-width:570px}
.hero-actions{display:flex;align-items:center;gap:36px}
.text-button{font-weight:500}
.text-button span{display:inline-grid;place-items:center;border:1px solid #bdbdb8;border-radius:50%;width:34px;height:34px;margin-left:9px}
.hero-art{position:absolute;inset:0;pointer-events:none}
.orbit{position:absolute;border:1px solid #deded9;border-radius:50%;width:720px;height:720px;right:-280px;top:-450px}
.orbit.two{width:920px;height:920px;right:190px;top:510px}
.float-icon{position:absolute;width:64px;height:64px;display:grid;place-items:center;background:#ffffffa6;border:1px solid #e5e5e2;border-radius:14px;color:#c7c7c3;box-shadow:0 12px 40px #00000008;transform:rotate(-6deg)}
.float-icon svg{font-size:27px}
.f1{left:47%;top:17%}
.f2{left:43%;top:48%}
.f3{right:4%;top:31%;transform:rotate(7deg)}
.f4{left:50%;bottom:4%;transform:rotate(-4deg)}
.phone-wrap{position:relative;z-index:3;display:grid;place-items:center;align-self:center}
.phone-glow{position:absolute;width:440px;height:650px;background:radial-gradient(ellipse,rgba(0,0,0,.12),transparent 66%);filter:blur(38px);transform:translateY(150px)}
.phone{width:390px;height:790px;background:linear-gradient(100deg,#151515,#5b5b59 7%,#0b0b0b 12%,#0a0a0a 88%,#777 94%,#111);border-radius:66px;padding:13px;box-shadow:0 45px 75px #0003,inset 0 0 0 2px #777;position:relative}
.phone-screen{height:100%;background:#fbfbfa;border-radius:54px;padding:21px 25px 22px;overflow:hidden;border:1px solid #111;display:flex;flex-direction:column}
.phone-side{position:absolute;background:#343434;width:5px;border-radius:3px}
.phone-side.left{left:-3px;top:145px;height:94px}
.phone-side.right{right:-3px;top:204px;height:120px}
.status-bar{height:32px;display:flex;justify-content:space-between;align-items:flex-start;font-size:12px;padding:0 7px;position:relative}
.status-bar>span:last-child{font-size:8px;letter-spacing:2px}
.island{position:absolute;width:105px;height:29px;background:#050505;border-radius:17px;top:-8px;left:50%;transform:translate(-50%)}
.phone-head{display:flex;align-items:center;justify-content:space-between;margin-top:16px}
.phone-head .logo-mark{width:38px;height:40px}
.demo-pill{font-size:9px;text-transform:uppercase;letter-spacing:.1em;border:1px solid #ddd;border-radius:30px;padding:7px 9px;display:flex;align-items:center;gap:5px}
.demo-pill i{width:5px;height:5px;border-radius:50%;background:#27a25d}
.phone-copy{min-height:165px;margin-top:35px}
.phone-eyebrow{font-size:22px;letter-spacing:-.04em;margin:0 0 15px;font-weight:500}
.history-toggle{width:100%;border:0;border-bottom:1px solid #dededb;background:transparent;color:#696b68;display:flex;align-items:center;justify-content:space-between;padding:0 1px 8px;margin:-5px 0 10px;font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.history-toggle:hover,.history-toggle:focus-visible{color:#111}
.history-toggle:focus-visible{outline:2px solid #111;outline-offset:3px;border-radius:2px}
.history-toggle span{font-size:12px;line-height:1}
.typed{font-size:18px;line-height:1.5;color:#5d5d59;margin:0}
.cursor{display:inline-block;width:3px;height:21px;background:#111;margin-left:3px;vertical-align:-4px;animation:blink .7s infinite}
.mini-chat{height:130px;overflow:auto;display:flex;flex-direction:column;gap:8px}
.mini-chat{scroll-behavior:smooth;overscroll-behavior:contain}
.mini-chat p{font-size:12px;line-height:1.4;margin:0;padding:8px 10px;border-radius:9px;max-width:90%}
.mini-chat .user{background:#111;color:#fff;align-self:flex-end}
.mini-chat .assistant{background:#eeeeeb;align-self:flex-start}
.voice-state{min-height:56px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;color:#8b8b86;font-size:9px;text-transform:capitalize}
.wave{height:34px;display:flex;align-items:center;gap:3px}
.wave i{width:2px;height:calc(4px + (var(--i) % 7) * 2px);background:#aaa;border-radius:4px}
.voice-state.listening .wave i,.voice-state.speaking .wave i{animation:wave .7s ease-in-out calc(var(--i) * -40ms) infinite alternate;background:#111}
.mic-button{width:78px;height:78px;border:0;border-radius:50%;background:#0a0a0a;color:#fff;align-self:center;display:grid;place-items:center;box-shadow:0 5px 15px #00000040,inset 0 0 0 5px #222;cursor:pointer}
.mic-button svg{font-size:29px}
.mic-button.active{animation:pulse 1.5s infinite}
.mic-label{text-align:center;font-size:10px;color:#777;margin:7px 0 20px}
.phone-form{height:51px;border:1px solid #d9d9d5;border-radius:12px;display:flex;align-items:center;padding-left:14px;background:#fff}
.phone-form input{border:0;outline:0;background:transparent;min-width:0;flex:1;font-size:11px}
.phone-form button{border:0;background:transparent;color:#aaa;cursor:pointer;padding:10px}
.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.quick-grid button{height:42px;border:1px solid #dededb;border-radius:9px;background:#fff;text-align:left;font-size:9px;display:flex;align-items:center;gap:6px;padding:0 9px;cursor:pointer}
.quick-grid button:hover{background:#f0f0ed}
.privacy-note{text-align:center;font-size:7px;color:#aaa;margin:11px 0 0}
.proof-line{background:#0a0a0a;color:#fff;padding:53px 4vw;display:flex;justify-content:space-between;gap:40px}
.proof-line p{font-size:20px;margin:0}
.proof-line div{display:flex;gap:45px;color:#999;font-size:14px}
.proof-line span:before{content:"\2022";margin-right:12px;color:#fff}
@keyframes blink{50%{opacity:0}
}
@keyframes wave{to{height:28px}
}
@keyframes pulse{50%{box-shadow:0 0 0 9px #00000014,inset 0 0 0 5px #333}
}
.intro{padding:180px 0 100px;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:end;border-bottom:1px solid var(--line)}
.intro h2,.calls h2,.security h2,.agent-section h2,.access h2{font-size:clamp(48px,5.8vw,90px);line-height:.98;letter-spacing:-.065em;font-weight:500;margin:0}
.intro>p:last-child{color:var(--muted);line-height:1.6;font-size:17px;max-width:370px}
.section-label{align-self:start;margin:0;color:#686864}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.pillar{padding:58px 34px 70px;border-right:1px solid var(--line);min-height:430px;display:flex;flex-direction:column}
.pillar:first-child{border-left:1px solid var(--line)}
.pillar-top{display:flex;align-items:center;justify-content:space-between;color:#8a8a86;font-size:11px}
.pillar-top i{width:42px;height:42px;border:1px solid var(--line);display:grid;place-items:center;border-radius:10px;font-size:18px}
.pillar h3{font-size:37px;letter-spacing:-.045em;margin:72px 0 22px;font-weight:500}
.pillar>p{color:var(--muted);font-size:15px;line-height:1.65;margin:0}
.example{font-size:12px;margin-top:auto;padding-top:30px}
.calls{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:180px;padding-bottom:180px;align-items:center}
.call-visual{min-height:580px;background:#e9e9e5;border-radius:4px;padding:70px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.call-visual:before{content:"";position:absolute;width:560px;height:560px;border:1px solid #d3d3ce;border-radius:50%;left:-180px;top:-190px}
.incoming-card,.call-log{position:relative;background:#ffffffe0;border:1px solid #d5d5d0;box-shadow:0 20px 60px #00000014;backdrop-filter:blur(20px)}
.incoming-card{display:flex;align-items:center;padding:21px;border-radius:17px;gap:16px}
.avatar .logo-mark{width:43px;height:46px}
.incoming-card div:nth-child(2){display:flex;flex-direction:column;gap:5px}
.incoming-card small{color:#777}
.incoming-card strong{font-size:15px}
.call-icon{margin-left:auto;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff}
.call-log{width:86%;align-self:flex-end;border-radius:17px;margin-top:15px;padding:24px}
.call-log>span{font-size:10px;color:#777}
.audio-line{display:flex;align-items:center;gap:3px;height:38px;margin:11px 0}
.audio-line i{width:2px;background:#222;height:8px}
.audio-line i:nth-child(3n){height:21px}
.audio-line i:nth-child(4n){height:29px}
.call-log p{font-size:13px;line-height:1.55;color:#555;margin:4px 0}
.call-copy h2{font-size:clamp(46px,5vw,76px);margin:35px 0}
.call-copy>p:not(.section-label){font-size:18px;color:var(--muted);line-height:1.6;max-width:550px}
.call-copy ul{list-style:none;padding:20px 0;margin:30px 0;border-top:1px solid var(--line)}
.call-copy li{padding:18px 0;border-bottom:1px solid var(--line);font-size:15px}
.call-copy li span{font-size:10px;color:#888;margin-right:28px}
.call-copy>small{color:#999}
.agent-section{background:#080808;color:#fff;padding:150px 0}
.agent-inner{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.agent-section h2{margin:32px 0}
.agent-inner>div:first-child>p:not(.section-label){color:#999;line-height:1.7;font-size:18px;max-width:560px;margin-bottom:40px}
.section-label.light{color:#777}
.button.white{background:#fff;color:#000;border-color:#fff}
.agent-terminal{border:1px solid #393939;border-radius:5px;background:#101010}
.terminal-head{height:96px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2d2d2d}
.terminal-head .logo{font-size:20px}
.terminal-head .logo-mark{width:28px;height:31px;font-size:21px}
.terminal-head>span{color:#5ec487;font-size:10px;text-transform:uppercase;letter-spacing:.15em}
.terminal-head>span:before{content:"";display:inline-block;width:6px;height:6px;background:#5ec487;border-radius:50%;margin-right:8px}
.terminal-row{height:78px;padding:0 28px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;border-bottom:1px solid #292929}
.terminal-row>span{color:#666;font-size:10px}
.terminal-row p{font-size:13px}
.terminal-row b{font-size:10px;color:#777;font-weight:400}
.terminal-row button{border:1px solid #696969;border-radius:20px;background:#fff;color:#000;padding:8px 12px;font-size:9px}
.terminal-foot{padding:24px 28px;color:#666;font-size:10px}
.security{padding:180px 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:10%}
.security h2{margin-top:40px}
.security-copy>p{font-size:22px;line-height:1.55;letter-spacing:-.02em;max-width:750px;margin:0 0 70px}
.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.security-grid article{border-top:1px solid var(--line);padding-top:20px}
.security-grid span{font-size:10px;color:#888}
.security-grid h3{font-size:18px;margin:35px 0 13px}
.security-grid p{font-size:13px;color:var(--muted);line-height:1.6}
.access{text-align:center;border-top:1px solid var(--line);padding:140px 0 160px}
.access-mark .logo-mark{width:68px;height:74px;font-size:52px;border-radius:15px}
.access .section-label{margin:30px 0}
.access h2{font-size:clamp(65px,9vw,134px)}
.access>p:not(.section-label){color:var(--muted);font-size:17px;line-height:1.6;max-width:600px;margin:35px auto}
.access form{display:flex;justify-content:center;gap:10px;margin:35px auto 16px}
.access label{width:min(380px,100%)}
.access input{width:100%;height:60px;border:1px solid #cfcfca;border-radius:10px;background:#fff;padding:0 20px;outline:none}
.access input:focus{border-color:#111}
.access small{color:#999;font-size:10px}
footer{background:#0a0a0a;color:#fff;padding:90px 0 30px}
.footer-inner{display:grid;grid-template-columns:1fr 1fr;min-height:260px}
.footer-inner>div:first-child p{color:#777;margin:25px 0}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr)}
.footer-links>div{display:flex;flex-direction:column;gap:15px;font-size:13px}
.footer-links strong{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#666;margin-bottom:10px}
.footer-links a{color:#bbb}
.copyright{border-top:1px solid #292929;padding-top:25px;display:flex;justify-content:space-between;color:#666;font-size:10px}
@media(max-width:1100px){.shell{width:min(100% - 40px,900px)}
.header{grid-template-columns:1fr auto}
.nav{position:absolute;top:90px;left:0;right:0;background:#f7f7f5;border:1px solid var(--line);padding:25px;display:none;flex-direction:column;gap:22px}
.nav.open{display:flex}
.menu-button{display:flex;width:42px;height:42px;flex-direction:column;justify-content:center;gap:7px;align-items:center}
.menu-button span{width:22px;height:1px;background:#111}
.header-actions{display:none}
.hero{grid-template-columns:1fr;padding-top:60px}
.hero-copy{padding-left:0;text-align:center}
.hero h1{margin:50px 0}
.hero h2,.lede{margin-left:auto;margin-right:auto}
.hero-actions{justify-content:center}
.phone-wrap{margin-top:80px}
.proof-line{flex-direction:column}
.proof-line div{flex-wrap:wrap}
.intro{grid-template-columns:1fr 2fr}
.intro>p:last-child{grid-column:2;margin-top:40px}
.pillars{grid-template-columns:1fr 1fr}
.calls{grid-template-columns:1fr;gap:80px}
.call-visual{max-width:700px;width:100%;margin:auto}
.agent-inner,.security{grid-template-columns:1fr;gap:90px}
.security-grid{max-width:800px}
.footer-inner{grid-template-columns:1fr;gap:70px}
}
@media(max-width:650px){.shell{width:calc(100% - 30px)}
.header{height:82px}
.logo{font-size:26px}
.logo-mark{width:35px;height:38px;font-size:26px}
.hero{padding:50px 0 70px;min-height:0}
.hero h1{font-size:92px;margin:42px 0}
.hero h2{font-size:34px}
.lede{font-size:16px}
.hero-actions{flex-direction:column;gap:24px}
.phone-wrap{width:100%;transform:scale(.83);transform-origin:top center;margin:-10px auto -65px}
.proof-line{padding:40px 25px}
.proof-line div{flex-direction:column;gap:18px}
.intro{padding:110px 0 70px;display:block}
.intro h2{font-size:52px;margin:30px 0}
.pillars{grid-template-columns:1fr}
.pillar{border-left:1px solid var(--line);min-height:360px}
.calls{padding:110px 0}
.call-visual{min-height:440px;padding:25px}
.call-log{width:95%}
.call-copy h2{font-size:49px}
.agent-section{padding:100px 0}
.agent-section h2,.security h2{font-size:52px}
.terminal-row{padding:0 15px;grid-template-columns:28px 1fr auto}
.security{padding:110px 0}
.security-grid{grid-template-columns:1fr}
.access{padding:100px 0}
.access h2{font-size:65px}
.access form{flex-direction:column}
.access label,.access .button{width:100%}
.footer-links{grid-template-columns:1fr 1fr;gap:50px}
.copyright{gap:20px}
.float-icon{display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}
}
.phone-screen{background:linear-gradient(150deg,#fffffff0,#f0f3f2d1);box-shadow:inset 0 1px #fff}
.phone-form,.quick-grid button{background:#fffc}
.privacy-note{color:#888}
.proof-line{background:#0a0a0af0;backdrop-filter:blur(8px)}
.proof-line div{color:#aaa}
.agent-section{background:#080808f2;backdrop-filter:blur(9px)}
.agent-terminal{border-radius:9px;background:linear-gradient(145deg,#161819ed,#080808db);box-shadow:inset 0 1px #ffffff12,0 30px 80px #0000002e}
.security-grid{gap:18px}
.security-grid article{border:1px solid var(--line);padding:22px 20px 18px;border-radius:14px}
.access input{border-color:#bfc4c5;background:#ffffffc2;box-shadow:inset 0 1px #fff}
.access small{color:#777}
footer{background:#0a0a0af5;backdrop-filter:blur(8px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.rubee-glass,.rubee-glass-soft,.rubee-glass-strong{background:#f8f9f8ed}
.proof-line,.agent-section,footer{background:#0a0a0a}
}
.rubee-environment.quality-reduced .environment-apps{display:none}
.rubee-environment.quality-reduced *{animation:none!important}
.rubee-environment.quality-reduced .rubee-presence{opacity:.42}
@media(max-width:1100px){.header{height:76px}
.nav{top:74px;background:#f7f8f7f0;border-radius:14px;backdrop-filter:blur(14px)}
.rubee-presence{width:min(62vw,500px);right:-10vw;opacity:.42}
}
@media(max-width:650px){.header{height:68px;top:7px;margin-top:7px;padding:0 15px;border-radius:15px}
.environment-apps{display:none}
.rubee-presence{width:104vw;right:-42vw;bottom:3vh;opacity:.3}
.environment-mesh{opacity:.28}
.environment-glass{opacity:.4}
}
@media(max-width:650px),(prefers-reduced-data:reduce){.rubee-environment.quality-auto .environment-apps{display:none}
.rubee-environment.quality-auto .presence-arm,.rubee-environment.quality-auto .presence-contours{animation:none}
}
@media(prefers-reduced-motion:reduce){.rubee-environment .environment-apps{display:none}
.rubee-presence{opacity:.38}
}
.rubee-presence{right:29vw;opacity:.58}
.theme-agent .rubee-presence{opacity:.72}
@media(max-width:1100px){.rubee-presence{right:-10vw;opacity:.42}
}
@media(max-width:650px){.hero,.hero-copy,.phone-wrap{min-width:0;max-width:100%}
.hero-copy{width:100%;overflow:hidden}
.hero h1{max-width:100%;padding-right:.08em}
.hero h2{font-size:32px;overflow-wrap:break-word}
.overline{max-width:100%;white-space:normal}
.rubee-presence{right:-25vw;opacity:.25}
}
@media(prefers-reduced-motion:reduce){.rubee-presence{opacity:.38}
}
.rubee-presence-static{fill:none;stroke:#7082903d;stroke-width:1;filter:none;animation:none}
.rubee-presence-static ellipse{fill:#dce6ec29;stroke:none}

/* Keep transformed decorative elements from widening the mobile document. */
html,body,#root{width:100%;max-width:100%;overflow-x:clip}
@media(max-width:650px){
main,section,footer,.shell{max-width:100%}
.phone-wrap{min-width:0}
.terminal-row>*{min-width:0}
.copyright{flex-wrap:wrap}
}

/*# sourceMappingURL=app.css.map */