@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#08090c;--panel:#101217;--panel2:#151820;--text:#f4f4f1;--muted:#9296a3;--line:rgba(255,255,255,.1);--violet:#8c7dff;--lime:#c5ff70;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}.site-shell{overflow:hidden;background:radial-gradient(circle at 78% 8%,rgba(111,91,255,.16),transparent 24%),var(--bg)}.nav{width:min(var(--max),calc(100% - 64px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--violet);color:#fff;font-size:14px}.nav-links,.nav-actions{display:flex;align-items:center;gap:28px}.nav-links a,.nav-login{color:var(--muted);font-size:12px;font-weight:600}.nav-links a:hover,.nav-login:hover{color:var(--text)}.nav-actions{gap:18px}.button{display:inline-flex;align-items:center;gap:15px;padding:14px 18px;border:1px solid var(--violet);border-radius:8px;background:var(--violet);color:#fff;font-size:12px;font-weight:800;box-shadow:0 12px 28px #6c5be333;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#9b8eff}.button span{font-size:16px;line-height:0}.button-small{padding:10px 13px}.section-pad{width:min(var(--max),calc(100% - 64px));margin:auto}.hero{min-height:680px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-top:65px;padding-bottom:90px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--lime);font:500 10px/1.4 DM Mono,monospace;letter-spacing:.12em}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 15px var(--lime)}h1,h2,h3,p{margin-top:0}.hero h1{margin:23px 0 25px;font-size:clamp(48px,6.4vw,82px);line-height:.98;letter-spacing:-.075em}.hero h1 em,h2 em{font-style:normal;color:var(--violet)}.hero-lead{max-width:500px;color:var(--muted);font-size:15px;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.text-link{color:#d8d9dd;font-size:12px;font-weight:700}.text-link span{margin-left:8px;color:var(--violet);font-size:16px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:65px}.hero-proof p{margin:0;color:#737783;font-size:10px;line-height:1.5}.avatar-stack{display:flex}.avatar-stack span{display:grid;place-items:center;width:27px;height:27px;margin-right:-7px;border:2px solid var(--bg);border-radius:50%;background:#272b35;color:#dfe1e5;font:9px DM Mono,monospace}.avatar-stack span:nth-child(2){background:#52477e}.avatar-stack span:nth-child(3){background:#b7f06c;color:#13151b}.hero-visual{position:relative;padding:32px 18px 42px}.glow{position:absolute;top:10%;right:-15%;bottom:0;left:-15%;background:radial-gradient(ellipse,rgba(119,98,255,.34),transparent 63%);filter:blur(22px)}.browser-window{position:relative;overflow:hidden;border:1px solid rgba(185,176,255,.28);border-radius:15px;background:#11141b;box-shadow:0 38px 90px #0000008c,0 0 0 7px #ffffff06;transform:rotate(2.5deg)}.window-chrome{height:46px;display:flex;align-items:center;gap:15px;padding:0 16px;border-bottom:1px solid var(--line);background:#191c24}.traffic{display:flex;gap:6px}.traffic i{width:8px;height:8px;border-radius:50%;background:#686c76}.traffic i:first-child{background:#ff6b6b}.window-title{font-size:11px;font-weight:700}.window-title b{margin-left:7px;color:#717682;font-weight:500}.window-menu{margin-left:auto;color:#737885;letter-spacing:3px}.browser-toolbar{display:flex;align-items:center;gap:10px;padding:12px 15px;border-bottom:1px solid var(--line);color:#727783}.toolbar-icon{font-size:19px}.toolbar-icon.muted{opacity:.35}.address{flex:1;padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:#0c0e13;color:#a5aab5;font:10px DM Mono,monospace}.address span{margin-right:6px;color:var(--lime)}.browser-body{min-height:292px;padding:54px 48px;background:linear-gradient(145deg,#171c28,#11131a)}.body-kicker{margin-bottom:15px;color:var(--lime);font:10px DM Mono,monospace;letter-spacing:.12em}.browser-body strong{display:block;font-size:37px;line-height:1.02;letter-spacing:-.06em}.browser-body p{margin:19px 0 50px;color:#838894;font-size:12px;line-height:1.7}.body-status{display:flex;align-items:center;gap:8px;color:#c9ccd4;font-size:10px}.body-status span:last-child{margin-left:auto;color:var(--violet);font-size:15px}.window-footer{display:flex;gap:11px;padding:12px 16px;border-top:1px solid var(--line);color:#707681;font:9px DM Mono,monospace}.footer-spacer{flex:1}.window-footer span:last-child{color:var(--lime)}.visual-note{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#14161ddb;box-shadow:0 15px 30px #0005;font:10px DM Mono,monospace}.visual-note span{color:var(--lime)}.note-top{top:8px;right:-4px}.note-bottom{bottom:4px;left:-7px}.note-bottom span{color:var(--violet)}.trust-strip{padding:24px 32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d0f13;text-align:center}.trust-strip p{margin:0 0 18px;color:#686d79;font:10px DM Mono,monospace;letter-spacing:.1em}.trust-strip div{display:flex;justify-content:center;gap:clamp(22px,6vw,80px);color:#a0a4ae;font-size:11px;font-weight:700;letter-spacing:.08em}.steps{padding-top:150px;padding-bottom:145px}.section-intro{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.section-intro h2,.feature-section h2,.download-inner h2{margin:20px 0 0;font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.07em}.section-intro>p{max-width:315px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:75px;background:var(--line)}.step-grid article{min-height:225px;padding:26px;background:var(--bg)}.step-number,.feature-index{color:var(--violet);font:11px DM Mono,monospace}.step-grid h3{margin:62px 0 10px;font-size:16px;letter-spacing:-.03em}.step-grid p{max-width:260px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}.feature-section{padding-top:10px;padding-bottom:150px}.feature-section>h2{margin-bottom:65px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-card{position:relative;min-height:290px;padding:25px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,#12151b,#0c0e12)}.feature-card:hover{border-color:#8c7dff80}.feature-card h3{margin:76px 0 13px;font-size:20px;letter-spacing:-.05em}.feature-card p{max-width:270px;color:var(--muted);font-size:12px;line-height:1.7}.card-arrow{position:absolute;right:24px;bottom:22px;color:#646a76;font-size:19px}.download-section{padding-bottom:100px}.download-inner{padding:78px 80px;border:1px solid rgba(140,125,255,.25);border-radius:13px;background:radial-gradient(circle at 85% 20%,rgba(140,125,255,.2),transparent 35%),linear-gradient(135deg,#151827,#0e1016)}.download-inner h2{font-size:clamp(40px,5vw,66px)}.download-inner>p{max-width:390px;margin:25px 0;color:var(--muted);font-size:13px;line-height:1.7}.download-actions{display:flex;gap:10px}.button-dark{background:#222631;border-color:#343946;box-shadow:none}.button-dark:hover{background:#2b303c}.download-inner small{display:block;margin-top:17px;color:#717783;font:10px DM Mono,monospace}.footer{width:min(var(--max),calc(100% - 64px));margin:auto;padding:25px 0 32px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;color:#686d78;font-size:10px}.footer .brand{color:var(--text);margin-right:auto;font-size:13px}.footer .brand-mark{width:22px;height:22px;font-size:11px}@media (max-width:850px){.nav-links{display:none}.hero{grid-template-columns:1fr;gap:30px;padding-top:85px}.hero-visual{max-width:650px;width:100%;margin:auto}.section-intro{display:block}.section-intro>p{margin-top:25px}.feature-grid,.step-grid{grid-template-columns:1fr}.step-grid{gap:1px}.step-grid article{min-height:180px}.step-grid h3{margin-top:40px}.download-inner{padding:50px 32px}}@media (max-width:560px){.nav,.section-pad,.footer{width:calc(100% - 36px)}.nav{height:70px}.nav-actions{gap:12px}.nav-login{display:none}.button-small{font-size:10px}.hero{min-height:auto;padding-top:70px;padding-bottom:80px}.hero h1{font-size:50px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-proof{margin-top:45px}.hero-visual{padding:20px 4px 38px}.browser-body{min-height:250px;padding:37px 28px}.browser-body strong{font-size:31px}.window-footer span:nth-child(2){display:none}.visual-note{font-size:9px}.trust-strip{padding:22px 18px}.trust-strip div{flex-wrap:wrap;gap:15px 24px;font-size:9px}.steps,.feature-section{padding-top:95px;padding-bottom:95px}.section-intro h2,.feature-section h2{font-size:42px}.download-actions{flex-direction:column;align-items:flex-start}.footer{align-items:flex-start;flex-wrap:wrap;gap:15px}.footer .brand{width:100%}}.global-claim{padding:13px 20px;border-bottom:1px solid var(--line);background:#c5ff7009;color:#adb49f;text-align:center;font:500 10px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.brand-mark{object-fit:cover}.wordmark{font-size:20px;letter-spacing:-.08em;color:#f4f4f1;text-transform:lowercase}.footer .wordmark{font-size:15px}.install-note{max-width:760px;margin:22px 0 0!important;color:#9a9eaa!important;font-size:11px!important;line-height:1.7!important}.install-note strong{color:#dfe1e7}.install-note code{padding:3px 6px;border:1px solid var(--line);border-radius:4px;background:#0b0d11;color:#c5ff70;font:10px DM Mono,monospace}.demo-section{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:70px;padding-top:125px;padding-bottom:125px;border-top:1px solid var(--line)}.demo-copy h2{margin:20px 0;font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.07em}.demo-copy h2 em{font-style:normal;color:var(--violet)}.demo-copy>p{max-width:330px;color:var(--muted);font-size:13px;line-height:1.7}.demo-toggle{display:inline-flex;gap:4px;margin-top:22px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#0d0f14}.demo-toggle button{padding:9px 12px;border:0;border-radius:6px;background:transparent;color:#737986;font:500 10px DM Mono,monospace;cursor:pointer}.demo-toggle button.active{background:var(--violet);color:#fff;box-shadow:0 5px 16px #6c5be340}.demo-capabilities{display:grid;gap:14px;margin-top:28px}.demo-capabilities div{display:grid;gap:3px;padding-left:14px;border-left:2px solid var(--violet)}.demo-capabilities strong{font-size:11px}.demo-capabilities span{color:var(--muted);font:10px/1.5 DM Mono,monospace}.demo-stage{position:relative;padding:23px;border:1px solid rgba(140,125,255,.25);border-radius:15px;background:linear-gradient(145deg,#151827,#0d1016);box-shadow:0 25px 70px #0000004d}.demo-stage-label{margin-bottom:14px;color:#c5ff70;font:500 9px DM Mono,monospace;letter-spacing:.1em}.demo-desktop{position:relative;min-height:330px;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#080a0f}.demo-presentation{position:absolute;top:24px;right:25%;bottom:24px;left:24px;padding:30px;background:linear-gradient(140deg,#29234e,#131620 72%);box-shadow:0 12px 35px #0008}.demo-slide-kicker{color:#c5ff70;font:9px DM Mono,monospace;letter-spacing:.12em}.demo-presentation strong{display:block;margin-top:25px;font-size:32px;line-height:1;letter-spacing:-.06em}.demo-presentation em{font-style:normal;color:#9f91ff}.demo-slide-footer{position:absolute;bottom:22px;color:#777d8a;font:9px DM Mono,monospace}.demo-private-card{position:absolute;right:22px;top:46px;width:245px;overflow:hidden;border:1px solid rgba(197,255,112,.35);border-radius:9px;background:#161d1b;box-shadow:0 18px 40px #0009;transition:transform .45s ease,opacity .45s ease}.demo-card-top{padding:10px 12px;border-bottom:1px solid rgba(197,255,112,.15);color:#d9e1d9;font:9px DM Mono,monospace}.private-dot{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#c5ff70;box-shadow:0 0 9px #c5ff70}.demo-card-content{padding:22px}.demo-card-content span{color:#c5ff70;font:9px DM Mono,monospace;letter-spacing:.1em}.demo-card-content strong{display:block;margin-top:14px;color:#eff5ef;font-size:17px;line-height:1.15;letter-spacing:-.04em}.demo-card-content small{display:block;margin-top:25px;color:#87968b;font:9px DM Mono,monospace}.demo-audience-mode .demo-desktop:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(197,255,112,.18) 50%,transparent 65%);transform:translate(-100%);animation:demo-scan .8s ease-out both}.demo-audience-mode .demo-presentation{animation:demo-reveal .65s cubic-bezier(.2,.8,.2,1) both}@keyframes demo-scan{to{transform:translate(100%)}}@keyframes demo-reveal{0%{opacity:.72;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.demo-notification{position:absolute;right:40px;bottom:38px;display:flex;align-items:center;gap:9px;width:220px;padding:11px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#20252e;box-shadow:0 12px 25px #0008;transition:transform .45s ease,opacity .45s ease}.notification-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#8d80ff;color:#fff;font-size:11px;font-weight:800}.demo-notification strong,.demo-notification small{display:block}.demo-notification strong{font-size:10px}.demo-notification small{margin-top:3px;color:#8d95a2;font-size:9px}.notification-close{margin-left:auto;color:#757d8b;font-size:15px}.demo-caption{margin-top:14px;color:#8e95a2;text-align:center;font:10px DM Mono,monospace}.demo-audience-mode .demo-private-card,.demo-audience-mode .demo-notification,.demo-hidden-mode .demo-private-card,.demo-hidden-mode .demo-notification{opacity:0;transform:translate(28px)}.demo-audience-mode .demo-presentation{top:24px;right:24px;bottom:24px;left:24px}.demo-hidden-state{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:8px;background:radial-gradient(circle,#8c7dff2e,#080a0ff7 62%);color:#fff;text-align:center;opacity:0;transform:scale(1.04);transition:opacity .45s ease,transform .45s ease}.demo-hidden-state span{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(197,255,112,.45);border-radius:13px;color:#c5ff70;font:16px DM Mono,monospace}.demo-hidden-state strong{font-size:15px}.demo-hidden-state small{color:#969dac;font:10px DM Mono,monospace}.demo-hidden-mode .demo-hidden-state{opacity:1;transform:scale(1)}.demo-hidden-mode .demo-desktop:after{display:none}@media (max-width:850px){.demo-section{grid-template-columns:1fr;gap:35px;padding-top:95px;padding-bottom:95px}.demo-copy>p{max-width:500px}.demo-stage{max-width:650px;width:100%;margin:auto}}@media (max-width:560px){.demo-section{padding-top:75px;padding-bottom:75px}.demo-desktop{min-height:285px}.demo-presentation{top:18px;right:18px;bottom:18px;left:18px;padding:22px}.demo-presentation strong{font-size:27px}.demo-private-card{right:12px;top:30px;width:190px}.demo-notification{right:20px;bottom:20px;width:190px}.demo-stage{padding:16px}}@media (prefers-reduced-motion:reduce){.demo-audience-mode .demo-desktop:after,.demo-audience-mode .demo-presentation{animation:none}.demo-private-card,.demo-notification,.demo-hidden-state{transition:none}}.workflow-demo{display:grid;grid-template-columns:.65fr 1.35fr;gap:64px;align-items:center;padding-top:125px;padding-bottom:125px;border-top:1px solid var(--line)}.workflow-intro h2{margin:20px 0;font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.07em}.workflow-intro h2 em{font-style:normal;color:var(--violet)}.workflow-intro>p{max-width:310px;color:var(--muted);font-size:13px;line-height:1.7}.workflow-steps{display:flex;align-items:center;gap:8px;margin-top:28px;color:#6f7581;font:9px DM Mono,monospace;white-space:nowrap}.workflow-steps span.current{color:var(--lime)}.workflow-steps i{width:18px;height:1px;background:var(--line)}.workflow-action{margin-top:26px}.workflow-stage{position:relative;padding:20px;border:1px solid rgba(140,125,255,.28);border-radius:15px;background:linear-gradient(145deg,#171a2a,#0c0f15);box-shadow:0 25px 70px #0005}.workflow-stage-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;color:#c5ff70;font:500 9px DM Mono,monospace;letter-spacing:.1em}.workflow-stage-top small{color:#777f8c;letter-spacing:0}.workflow-views{display:grid;grid-template-columns:1fr 1fr;gap:10px}.workflow-view{min-width:0}.view-label{margin-bottom:8px;color:#8e96a5;font:9px DM Mono,monospace;letter-spacing:.1em}.call-window,.audience-window{position:relative;min-height:310px;overflow:hidden;border:1px solid #303746;border-radius:10px;background:#11151d;box-shadow:0 12px 25px #0006}.call-top,.audience-top{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:10px}.call-brand{color:#8c7dff;font-size:12px}.call-dots{margin-left:auto;color:#737b89}.call-content{display:grid;grid-template-columns:.42fr .58fr;gap:9px;padding:12px}.call-person{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:145px;border:1px solid var(--line);border-radius:7px;background:#171c27}.person-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#6657dc;color:#fff;font-size:14px;font-weight:800}.call-person strong{margin-top:8px;font-size:10px}.call-person small,.audience-person small{margin-top:4px;color:#7e8795;font-size:9px}.shared-slide,.audience-slide{padding:18px;border-radius:7px;background:linear-gradient(135deg,#2a254c,#171a25)}.shared-slide>span,.audience-slide>span{color:#c5ff70;font:8px DM Mono,monospace}.shared-slide strong,.audience-slide strong{display:block;margin-top:16px;font-size:22px;line-height:1;letter-spacing:-.06em}.shared-slide em,.audience-slide em{font-style:normal;color:#9f91ff}.shared-slide small,.audience-slide small{display:block;margin-top:26px;color:#7c8492;font:8px DM Mono,monospace}.call-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:16px;padding:10px;border-top:1px solid var(--line);color:#a0a7b4;font-size:10px}.call-controls .call-end{color:#ff7d8b}.workflow-browser{position:absolute;right:10px;bottom:26px;width:51%;overflow:hidden;border:1px solid rgba(197,255,112,.35);border-radius:7px;background:#131a19;box-shadow:0 12px 28px #000a;transform:translate(0);transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .45s ease}.browser-mini-top{padding:8px 10px;border-bottom:1px solid rgba(197,255,112,.16);color:#e1e8e0;font:8px DM Mono,monospace}.browser-mini-top small{margin-left:5px;color:#7c8c80}.browser-mini-tabs{display:flex;gap:5px;padding:7px;border-bottom:1px solid var(--line);color:#77808d;font:7px DM Mono,monospace}.browser-mini-tabs span{padding:4px 5px;border-radius:4px}.browser-mini-tabs .selected{background:#29332f;color:#c5ff70}.browser-mini-body{padding:14px}.browser-mini-body strong{font-size:12px}.browser-mini-body p{margin:8px 0 16px;color:#a4acb5;font:9px/1.6 DM Mono,monospace}.browser-mini-body>span{color:#879a8b;font:8px DM Mono,monospace}.workflow-notice{position:absolute;right:12px;bottom:10px;display:flex;align-items:center;gap:7px;width:46%;padding:8px;border:1px solid rgba(255,255,255,.12);border-radius:7px;background:#20252e;box-shadow:0 8px 18px #0008;transform:translate(0);transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .45s ease}.workflow-notice strong,.workflow-notice small{display:block}.workflow-notice strong{font-size:8px}.workflow-notice small{margin-top:2px;color:#8d95a2;font-size:7px}.audience-top .share-status{margin-left:auto;color:#c5ff70;font:8px DM Mono,monospace}.audience-content{padding:12px}.audience-person{display:flex;align-items:center;gap:8px;padding:8px 0}.audience-person .person-avatar{width:24px;height:24px;font-size:10px}.audience-slide{min-height:180px}.audience-slide strong{font-size:28px}.audience-footer{position:absolute;bottom:0;left:0;right:0;padding:10px;border-top:1px solid var(--line);color:#7e8794;text-align:center;font:8px DM Mono,monospace}.audience-shield{margin-top:9px;color:#c5ff70;text-align:center;font:8px DM Mono,monospace}.audience-shield span{display:inline-grid;place-items:center;width:14px;height:14px;margin-right:4px;border:1px solid #c5ff70;border-radius:50%}.workflow-caption{margin-top:14px;color:#9ba2af;text-align:center;font:10px DM Mono,monospace}.workflow-download{display:block;margin-top:14px;color:#b4aaff;text-align:center;font-size:11px;font-weight:700}.workflow-download span{margin-left:6px;color:#c5ff70}.workflow-step-1 .workflow-browser,.workflow-step-1 .workflow-notice{animation:workflow-hide .9s ease-out both}.workflow-step-2 .workflow-browser,.workflow-step-2 .workflow-notice{opacity:0;transform:translate(30px)}.workflow-step-2 .presenter-view{opacity:.94}.workflow-step-2 .audience-view{animation:workflow-enter .8s cubic-bezier(.2,.8,.2,1) both}@keyframes workflow-hide{to{opacity:0;transform:translate(30px)}}@keyframes workflow-enter{0%{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:850px){.workflow-demo{grid-template-columns:1fr;gap:36px;padding-top:95px;padding-bottom:95px}.workflow-intro>p{max-width:500px}.workflow-stage{max-width:680px;width:100%;margin:auto}}@media (max-width:560px){.workflow-demo{padding-top:75px;padding-bottom:75px}.workflow-stage{padding:15px}.workflow-views{grid-template-columns:1fr}.audience-view{display:none}.workflow-step-2 .audience-view{display:block}.call-window,.audience-window{min-height:270px}.workflow-browser{width:58%}.workflow-notice{width:52%}.workflow-steps{gap:5px}.workflow-steps i{width:8px}}@media (prefers-reduced-motion:reduce){.workflow-step-1 .workflow-browser,.workflow-step-1 .workflow-notice,.workflow-step-2 .audience-view{animation:none}.workflow-browser,.workflow-notice{transition:none}}.share-demo{display:grid;grid-template-columns:.62fr 1.38fr;gap:72px;align-items:center;padding:125px 0;border-top:1px solid var(--line)}.share-demo-copy h2{margin:20px 0;font-size:clamp(42px,5.2vw,66px);line-height:.98;letter-spacing:-.075em}.share-demo-copy h2 em{font-style:normal;color:var(--violet)}.share-demo-copy p{max-width:330px;color:var(--muted);font-size:13px;line-height:1.75}.share-demo-stage{padding:18px;border:1px solid rgba(140,125,255,.3);border-radius:16px;background:linear-gradient(145deg,#141725,#0c0e14);box-shadow:0 26px 75px #00000059}.share-demo-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:#c5ff70;font:500 9px DM Mono,monospace;letter-spacing:.11em}.share-demo-toolbar>div{display:flex;align-items:center;gap:8px}.share-demo-toolbar button{padding:8px 11px;border:1px solid rgba(140,125,255,.7);border-radius:7px;background:#8c7dff21;color:#dfdcff;font:600 9px DM Mono,monospace;cursor:pointer}.share-demo-toolbar button:hover{background:var(--violet);color:#fff}.share-demo-scene{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;align-items:start}.scene-label{margin:0 0 8px;color:#848b99;font:9px DM Mono,monospace;letter-spacing:.1em}.presenter-desktop{position:relative;min-height:360px;overflow:hidden;border:1px solid #2d3442;border-radius:10px;background:#0e1118}.desktop-window{position:absolute;top:18px;right:16px;bottom:16px;left:18px;overflow:hidden;border:1px solid #363e4e;border-radius:8px;background:#181d28}.desktop-window-top{display:flex;align-items:center;gap:8px;height:34px;padding:0 11px;border-bottom:1px solid var(--line);color:#e7e9f0;font-size:9px}.desktop-window-top .traffic{display:flex;gap:4px}.desktop-window-top .traffic i{width:6px;height:6px}.desktop-window-top small{margin-left:auto;color:#767f8e;font:8px DM Mono,monospace}.presentation-canvas{display:flex;flex-direction:column;justify-content:center;min-height:290px;padding:30px;background:radial-gradient(circle at 85% 12%,rgba(140,125,255,.22),transparent 28%),linear-gradient(140deg,#27224a,#171a23)}.presentation-canvas>span,.audience-presentation>span{color:#c5ff70;font:9px DM Mono,monospace;letter-spacing:.1em}.presentation-canvas strong,.audience-presentation strong{display:block;margin-top:20px;font-size:32px;line-height:.98;letter-spacing:-.065em}.presentation-canvas em,.audience-presentation em{font-style:normal;color:#a394ff}.presentation-canvas small,.audience-presentation small{display:block;margin-top:30px;color:#8a91a0;font:9px DM Mono,monospace}.shadowdesk-panel{position:absolute;right:28px;bottom:27px;width:54%;overflow:hidden;border:1px solid rgba(197,255,112,.4);border-radius:8px;background:#121b19;box-shadow:0 16px 36px #00000094;transition:transform .55s ease,opacity .45s ease}.shadowdesk-top{padding:9px 11px;border-bottom:1px solid rgba(197,255,112,.14);color:#e1e7df;font:9px DM Mono,monospace}.shadowdesk-top small{margin-left:6px;color:#809083}.shadowdesk-tabs{display:flex;gap:5px;padding:7px;border-bottom:1px solid var(--line);color:#748078;font:8px DM Mono,monospace}.shadowdesk-tabs span{padding:3px 5px;border-radius:4px}.shadowdesk-tabs .selected{background:#29392f;color:#c5ff70}.shadowdesk-content{padding:17px}.shadowdesk-content>span{color:#c5ff70;font:8px DM Mono,monospace;letter-spacing:.1em}.shadowdesk-content strong{display:block;margin-top:11px;font-size:14px;line-height:1.25}.shadowdesk-content p{margin:13px 0 0;color:#839088;font:8px DM Mono,monospace}.audience-preview{opacity:.38;transform:translateY(7px);transition:opacity .5s ease,transform .5s ease}.audience-screen{overflow:hidden;border:1px solid #303846;border-radius:10px;background:#10131a}.audience-screen-top{padding:10px;border-bottom:1px solid var(--line);color:#c5ff70;font:8px DM Mono,monospace}.audience-presentation{display:flex;flex-direction:column;justify-content:center;min-height:260px;padding:20px;background:radial-gradient(circle at 85% 12%,rgba(140,125,255,.22),transparent 30%),linear-gradient(140deg,#27224a,#171a23)}.audience-presentation strong{font-size:24px}.audience-presentation small{margin-top:24px}.share-confirm{margin-top:9px;color:#c5ff70;text-align:center;font:8px DM Mono,monospace}.share-confirm span{display:inline-grid;place-items:center;width:14px;height:14px;margin-right:4px;border:1px solid #c5ff70;border-radius:50%}.share-demo-caption{margin-top:15px;color:#a2a8b4;text-align:center;font:10px DM Mono,monospace}.share-demo-cta{display:block;margin-top:14px;color:#bdb4ff;text-align:center;font-size:11px;font-weight:700}.share-demo-cta span{margin-left:5px;color:#c5ff70}.is-sharing .audience-preview{opacity:1;transform:translateY(0)}.is-sharing .shadowdesk-panel{transform:translate(-5px)}@media (max-width:850px){.share-demo{grid-template-columns:1fr;gap:36px;padding:95px 0}.share-demo-copy p{max-width:500px}.share-demo-stage{max-width:700px;width:100%;margin:auto}}@media (max-width:560px){.share-demo{padding:75px 0}.share-demo-scene{grid-template-columns:1fr}.presenter-desktop{min-height:340px}.audience-preview{display:none}.is-sharing .audience-preview{display:block}.presentation-canvas{min-height:270px}.shadowdesk-panel{right:22px;width:62%}.share-demo-toolbar{gap:12px}.share-demo-toolbar>div{line-height:1.5}}@media (prefers-reduced-motion:reduce){.shadowdesk-panel,.audience-preview{transition:none}}.interactive-demo{display:grid;gap:28px;padding:125px 0;border-top:1px solid var(--line)}.interactive-demo-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.interactive-demo-head h2{margin:20px 0 0;font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.075em}.interactive-demo-head h2 em{font-style:normal;color:var(--violet)}.interactive-demo-head>p{max-width:320px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.demo-progress{display:flex;align-items:center;gap:10px}.demo-progress button{padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#0d0f14;color:#737b89;font:500 10px DM Mono,monospace;cursor:pointer}.demo-progress button span{margin-right:7px;color:#59606d}.demo-progress button.active{border-color:var(--violet);background:#8c7dff24;color:#fff}.demo-progress button.active span,.demo-progress button.complete span{color:var(--lime)}.demo-progress button.complete{color:#afb5c0}.demo-progress i{width:28px;height:1px;background:var(--line)}.demo-progress i.complete{background:var(--lime)}.interactive-demo-card{padding:20px;border:1px solid rgba(140,125,255,.3);border-radius:16px;background:linear-gradient(145deg,#151827,#0b0e14);box-shadow:0 25px 75px #0005}.interactive-demo-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:#c5ff70;font:500 9px DM Mono,monospace;letter-spacing:.11em}.interactive-demo-bar small{color:#747c8a;letter-spacing:0}.interactive-scene{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.demo-desktop-window,.demo-shadowdesk-window,.demo-audience-window{overflow:hidden;border:1px solid #303746;border-radius:10px;background:#10141c;box-shadow:0 15px 35px #0007}.demo-desktop-window{position:relative;min-height:380px}.demo-window-bar{display:flex;align-items:center;gap:8px;padding:11px 12px;border-bottom:1px solid var(--line);font-size:10px}.demo-window-bar small{margin-left:auto;color:#7d8694;font:8px DM Mono,monospace}.demo-window-bar .traffic{display:flex;gap:4px}.demo-window-bar .traffic i{width:6px;height:6px}.demo-slide{min-height:342px;padding:40px 32px;background:radial-gradient(circle at 90% 10%,rgba(140,125,255,.23),transparent 30%),linear-gradient(140deg,#29234e,#141720)}.demo-slide>span,.demo-audience-body>span{color:#c5ff70;font:9px DM Mono,monospace;letter-spacing:.1em}.demo-slide strong,.demo-audience-body strong{display:block;margin-top:22px;font-size:40px;line-height:.95;letter-spacing:-.07em}.demo-slide em,.demo-audience-body em{font-style:normal;color:#a394ff}.demo-slide small,.demo-audience-body small{display:block;margin-top:30px;color:#8c94a1;font:9px DM Mono,monospace}.demo-shadowdesk-window{position:absolute;right:22px;bottom:24px;width:52%;border-color:#c5ff7073;background:#121b19;transition:transform .6s ease,opacity .5s ease}.demo-shadowdesk-head{padding:10px 12px;border-bottom:1px solid rgba(197,255,112,.15);color:#e1e8e0;font:9px DM Mono,monospace}.demo-shadowdesk-head small{margin-left:6px;color:#829286}.demo-shadowdesk-tabs{display:flex;gap:5px;padding:7px;border-bottom:1px solid var(--line);color:#7a847c;font:8px DM Mono,monospace}.demo-shadowdesk-tabs span{padding:4px 6px;border-radius:4px}.demo-shadowdesk-tabs .selected{background:#29392f;color:#c5ff70}.demo-shadowdesk-body{padding:20px}.demo-shadowdesk-body>span{color:#c5ff70;font:8px DM Mono,monospace;letter-spacing:.1em}.demo-shadowdesk-body strong{display:block;margin-top:12px;font-size:16px;line-height:1.2}.demo-shadowdesk-body small{display:block;margin-top:22px;color:#87948b;font:8px DM Mono,monospace}.demo-select-window{position:absolute;left:28px;bottom:25px;display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid rgba(140,125,255,.55);border-radius:7px;background:#0a0c12e0;color:#d7d2ff;font:9px DM Mono,monospace;cursor:pointer;transition:.25s}.demo-select-window span{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--violet);color:#fff}.demo-select-window.ready{border-color:#c5ff7099;color:#c5ff70}.demo-select-window.ready span{background:#c5ff70;color:#102014}.demo-audience-window{opacity:.32;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease}.demo-audience-head{padding:11px 12px;border-bottom:1px solid var(--line);color:#8b94a1;font:9px DM Mono,monospace}.demo-audience-body{min-height:338px;padding:30px 24px;background:linear-gradient(140deg,#211d3c,#12151d)}.demo-audience-body strong{font-size:29px}.demo-audience-check{padding:12px;border-top:1px solid var(--line);color:#68717d;text-align:center;font:8px DM Mono,monospace}.demo-audience-check span{color:#c5ff70}.demo-step-1 .demo-select-window{animation:demo-pulse .8s ease both}.demo-step-1 .demo-shadowdesk-window{transform:translateY(-8px)}.demo-step-2 .demo-audience-window{opacity:1;transform:translateY(0)}.demo-step-2 .demo-shadowdesk-window{transform:translate(-8px,8px)}.demo-step-2 .demo-audience-head,.demo-step-2 .demo-audience-check{color:#c5ff70}.interactive-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:18px}.interactive-demo-footer p{max-width:580px;margin:0;color:#a0a7b3;font:10px/1.6 DM Mono,monospace}.interactive-demo-footer .button{flex:0 0 auto;cursor:pointer}.interactive-demo-cta{display:block;margin-top:10px;color:#bdb4ff;text-align:center;font-size:11px;font-weight:700}.interactive-demo-cta span{margin-left:5px;color:#c5ff70}@keyframes demo-pulse{50%{box-shadow:0 0 0 5px #8c7dff29}}@media (max-width:850px){.interactive-demo{padding:95px 0}.interactive-demo-head{display:block}.interactive-demo-head>p{margin-top:24px}.demo-progress{flex-wrap:wrap}.demo-progress i{display:none}.interactive-scene{grid-template-columns:1fr}.demo-audience-window{max-width:480px}.interactive-demo-footer{align-items:flex-start;flex-direction:column}}@media (max-width:560px){.interactive-demo{padding:75px 0}.demo-progress{gap:6px}.demo-progress button{font-size:9px}.demo-progress button:not(.active):not(.complete){display:none}.demo-desktop-window{min-height:310px}.demo-slide{min-height:272px;padding:28px 22px}.demo-slide strong{font-size:31px}.demo-shadowdesk-window{right:14px;bottom:18px;width:59%}.demo-select-window{left:16px;bottom:18px}.demo-audience-body{min-height:270px}.interactive-demo-footer .button{width:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){.demo-step-1 .demo-select-window{animation:none}.demo-shadowdesk-window,.demo-audience-window{transition:none}}.capture-demo{display:grid;gap:28px;padding:125px 0;border-top:1px solid var(--line)}.capture-demo-intro{display:flex;justify-content:space-between;align-items:end;gap:40px}.capture-demo-intro h2{margin:20px 0 0;font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-.075em}.capture-demo-intro h2 em{font-style:normal;color:var(--violet)}.capture-demo-intro>p{max-width:330px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.capture-demo-card{padding:20px;border:1px solid rgba(140,125,255,.3);border-radius:16px;background:linear-gradient(145deg,#151827,#0b0e14);box-shadow:0 25px 75px #0005}.capture-demo-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:#c5ff70;font:500 9px DM Mono,monospace;letter-spacing:.1em}.capture-demo-topbar button{padding:9px 12px;border:1px solid rgba(140,125,255,.6);border-radius:7px;background:#8c7dff;color:#fff;font:600 10px DM Mono,monospace;cursor:pointer}.capture-demo-views{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.capture-view-label{margin:0 0 8px;color:#727b89;font:9px DM Mono,monospace;letter-spacing:.1em}.demo-call-window,.demo-audience-frame{overflow:hidden;border:1px solid #303746;border-radius:10px;background:#10141c;box-shadow:0 15px 35px #0007}.demo-call-bar{display:flex;align-items:center;gap:8px;padding:11px 12px;border-bottom:1px solid var(--line);font-size:10px}.demo-call-bar small{margin-left:auto;color:#7d8694;font:8px DM Mono,monospace}.demo-call-stage{position:relative;min-height:365px;padding:18px}.demo-presentation,.audience-presentation{min-height:329px;padding:34px 24px;border-radius:6px;background:radial-gradient(circle at 85% 15%,rgba(140,125,255,.25),transparent 35%),linear-gradient(140deg,#29234e,#141720)}.demo-presentation>span,.audience-presentation>span{color:#c5ff70;font:9px DM Mono,monospace;letter-spacing:.1em}.demo-presentation strong,.audience-presentation strong{display:block;margin-top:22px;font-size:34px;line-height:.95;letter-spacing:-.07em}.demo-presentation em,.audience-presentation em{font-style:normal;color:#a394ff}.demo-presentation small,.audience-presentation small{display:block;margin-top:28px;color:#8c94a1;font:9px DM Mono,monospace}.demo-private-browser{position:absolute;right:30px;bottom:30px;width:53%;overflow:hidden;border:1px solid rgba(197,255,112,.55);border-radius:8px;background:#121b19;box-shadow:0 18px 35px #0009;transition:opacity .55s ease,transform .55s ease}.demo-private-title{padding:10px 11px;border-bottom:1px solid rgba(197,255,112,.15);color:#e1e8e0;font:9px DM Mono,monospace}.demo-private-title small{margin-left:6px;color:#829286}.demo-window-actions{float:right;color:#6f8074}.demo-private-tabs{display:flex;gap:4px;padding:7px;border-bottom:1px solid var(--line)}.demo-private-tabs button{padding:4px 6px;border:0;border-radius:4px;background:transparent;color:#7a847c;font:8px DM Mono,monospace;cursor:pointer}.demo-private-tabs button.active{background:#29392f;color:#c5ff70}.demo-private-tabs .add-tab{margin-left:auto;color:#c5ff70}.demo-private-toolbar{display:flex;align-items:center;gap:8px;padding:7px 9px;border-bottom:1px solid rgba(255,255,255,.07);color:#829286;font:8px DM Mono,monospace}.demo-private-toolbar div{flex:1;padding:5px 7px;border-radius:4px;background:#0d1411;color:#abb7ae}.demo-private-content{padding:17px}.demo-content-kicker{color:#c5ff70;font:8px DM Mono,monospace;letter-spacing:.1em}.demo-private-content strong{display:block;margin-top:11px;font-size:18px}.demo-private-content p{margin:7px 0 18px;color:#a2aea5;font-size:10px}.demo-private-status{color:#c5ff70;font:8px DM Mono,monospace}.demo-audience-frame{min-height:411px}.demo-audience-stage{min-height:365px}.audience-presentation{min-height:365px;padding:34px 24px}.audience-proof{padding:12px;border-top:1px solid rgba(197,255,112,.15);color:#c5ff70;text-align:center;font:8px DM Mono,monospace}.audience-empty{display:grid;place-items:center;align-content:center;min-height:365px;color:#68717d;text-align:center}.audience-empty>span{font-size:38px;color:#8c7dff}.audience-empty strong{margin-top:12px;color:#b6bbc6;font-size:16px}.audience-empty small{margin-top:8px;font:9px DM Mono,monospace}.capture-demo-card:not(.is-sharing) .demo-private-browser{opacity:.76}.capture-demo-card.is-sharing .demo-private-browser{transform:translateY(-5px)}.capture-demo-card.is-sharing .audience-view .demo-audience-frame{border-color:#c5ff7073;box-shadow:0 0 0 1px #c5ff7014,0 15px 35px #0007}.capture-demo-card.is-protected .demo-private-browser{opacity:1}.capture-demo-card:not(.is-protected) .capture-demo-controls .button{opacity:.55}.capture-demo-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:18px}.capture-demo-controls strong{font-size:13px}.capture-demo-controls p{margin:5px 0 0;color:#9aa2af;font:10px/1.5 DM Mono,monospace}.capture-demo-controls .button{cursor:pointer}.capture-demo-note{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);color:#8e97a5;text-align:center;font:9px DM Mono,monospace}.capture-demo-note span{color:#c5ff70}.capture-demo-cta{display:block;color:#bdb4ff;text-align:center;font-size:11px;font-weight:700}.capture-demo-cta span{margin-left:5px;color:#c5ff70}@media (max-width:850px){.capture-demo{padding:95px 0}.capture-demo-intro{display:block}.capture-demo-intro>p{margin-top:24px}.capture-demo-views{grid-template-columns:1fr}.audience-view{max-width:560px}.capture-demo-controls{align-items:flex-start;flex-direction:column}}@media (max-width:560px){.capture-demo{padding:75px 0}.capture-demo-card{padding:14px}.demo-call-stage{min-height:310px;padding:12px}.demo-presentation{min-height:286px;padding:28px 18px}.demo-presentation strong{font-size:29px}.demo-private-browser{right:18px;bottom:20px;width:61%}.audience-presentation,.demo-audience-stage{min-height:286px}.demo-audience-frame{min-height:332px}.capture-demo-controls .button{width:100%;justify-content:center}}@media (prefers-reduced-motion:reduce){.demo-private-browser{transition:none}}.capture-demo-views{align-items:stretch}.capture-view{display:flex;min-width:0;flex-direction:column}.demo-call-window,.demo-audience-frame{flex:1}.demo-call-stage,.demo-audience-stage{height:365px;min-height:0}.capture-demo-card.is-hidden .demo-private-browser{opacity:0;transform:translateY(18px) scale(.97);pointer-events:none}@media (max-width:560px){.demo-call-stage,.demo-audience-stage{height:286px}}.demo-call-stage{padding:0}.demo-presentation{height:100%;min-height:0;border-radius:0;box-sizing:border-box}.capture-demo-views{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-private-browser{max-width:320px}@media (max-width:850px){.capture-demo-views{grid-template-columns:1fr}}@media (max-width:560px){.demo-private-browser{max-width:none}}.demo-call-stage>.demo-presentation{position:static;inset:auto;height:100%;min-height:0;padding:34px 24px;border-radius:0;background:radial-gradient(circle at 85% 15%,rgba(140,125,255,.25),transparent 35%),linear-gradient(140deg,#29234e,#141720);box-shadow:none;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}.demo-call-stage>.demo-presentation small{font-size:0}.demo-call-stage>.demo-presentation small:after{content:"Only your shared screen appears here.";font:9px DM Mono,monospace}.mirrored-cursor{position:absolute;z-index:12;width:14px;height:20px;pointer-events:none;background:#fff;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.8));clip-path:polygon(0 0,0 17px,5px 13px,9px 20px,12px 18px,8px 11px,15px 10px)}.mirrored-cursor{display:block}.demo-audience-frame{position:relative}.demo-audience-stage{position:static;overflow:visible}.mirrored-cursor{width:10px;height:15px;clip-path:polygon(0 0,0 13px,4px 10px,7px 15px,9px 13px,6px 9px,11px 8px)}.demo-audience-stage{position:relative;overflow:hidden}.hero-visual{min-height:510px;padding:48px 0 58px}.hero-visual:before{content:"AUDIENCE VIEW\a\aYOUR PRESENTATION\a\a Everything\ayou need\awithin reach.\a\aShadowDesk is not visible in the share";white-space:pre-wrap;position:absolute;z-index:0;top:106px;right:0;width:52%;height:318px;padding:24px 22px;border:1px solid rgba(197,255,112,.38);border-radius:12px;background:radial-gradient(circle at 85% 12%,rgba(140,125,255,.2),transparent 34%),linear-gradient(145deg,#211d3f,#10131a);color:#8c94a1;font:9px/1.35 DM Mono,monospace;box-shadow:0 24px 55px #0007}.hero-visual:after{content:"●  Protected from screen share";position:absolute;z-index:3;right:22px;bottom:24px;padding:10px 12px;border:1px solid rgba(197,255,112,.25);border-radius:7px;background:#121b19;color:#c5ff70;font:9px DM Mono,monospace}.hero-visual .browser-window{z-index:1;width:78%;margin-left:0;transform:rotate(-2deg)}.hero-visual .browser-body{min-height:300px}.hero-visual .visual-note{z-index:4}.hero-visual .note-top{top:53px;right:-4px}.hero-visual .note-bottom{bottom:5px;left:-10px}@media (max-width:850px){.hero-visual{min-height:480px}.hero-visual:before{right:0;width:48%;top:100px}.hero-visual .browser-window{width:82%}}@media (max-width:560px){.hero-visual{min-height:390px;padding:28px 0 45px}.hero-visual:before{top:80px;width:55%;height:250px;padding:17px 14px;font-size:7px}.hero-visual:after{right:8px;bottom:20px;padding:8px;font-size:7px}.hero-visual .browser-window{width:92%;transform:rotate(-1deg)}.hero-visual .note-top{top:27px}.hero-visual .note-bottom{bottom:0}}.hero-visual .browser-window{width:64%}@media (max-width:850px){.hero-visual .browser-window{width:72%}}@media (max-width:560px){.hero-visual .browser-window{width:90%}}.hero-workspace{transform:rotate(0);width:100%!important;margin:0!important}.hero-home-content{min-height:380px;padding:34px 36px;background:linear-gradient(145deg,#171c28,#11131a)}.hero-home-content>strong{display:block;font-size:32px;line-height:1.02;letter-spacing:-.06em}.hero-home-content>p{max-width:330px;margin:14px 0 22px;color:#838894;font-size:11px;line-height:1.6}.hero-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hero-shortcuts button{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid var(--line);border-radius:7px;background:#0e1118;color:#aeb3bd;text-align:left;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}.hero-shortcuts button:hover{transform:translateY(-2px);border-color:#8c7dffb3}.hero-shortcuts button.active{border-color:#c5ff708c;background:#17201b;color:#f4f4f1}.hero-shortcuts button>span:nth-child(2){min-width:0}.hero-shortcuts b,.hero-shortcuts small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-shortcuts b{font-size:10px}.hero-shortcuts small{margin-top:3px;color:#737b88;font:7px DM Mono,monospace}.hero-shortcuts em{margin-left:auto;color:var(--lime);font-style:normal}.hero-shortcut-icon{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:6px;background:#735cff;color:#fff;font-size:11px;font-weight:800}.hero-shortcut-icon.claude{background:#d2a16d;color:#21170e}.hero-shortcut-icon.gemini{background:#77a8ff;color:#101a35}.hero-preview{display:flex;align-items:center;gap:10px;margin-top:18px;padding:10px 12px;border:1px solid rgba(197,255,112,.2);border-radius:7px;background:#101a15;animation:hero-preview-in .25s ease}.hero-preview span{color:var(--lime);font:8px DM Mono,monospace}.hero-preview b{color:#b4bcb8;font-size:9px;font-weight:500}.hero-try-button{margin-top:18px;padding:10px 13px;font-size:10px}.hero-callout{position:absolute;z-index:5;display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#0f1219eb;box-shadow:0 15px 30px #0007;color:#d9dbe1;font:9px DM Mono,monospace;opacity:0;animation:hero-callout-in .55s ease forwards}.hero-callout span{color:var(--lime)}.hero-callout i{position:absolute;height:1px;background:#c5ff7099}.hero-callout-private{top:72px;left:-34px;animation-delay:.25s}.hero-callout-private i{left:100%;width:45px}.hero-callout-tabs{right:-30px;top:212px;animation-delay:.75s}.hero-callout-tabs i{right:100%;width:42px}.hero-callout-protected{left:-20px;bottom:44px;animation-delay:1.25s}.hero-callout-protected i{left:100%;width:36px}.hero-visual .note-top,.hero-visual .note-bottom{display:none}@keyframes hero-callout-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hero-preview-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media (max-width:850px){.hero-callout-private{left:-8px}.hero-callout-tabs{right:-8px}.hero-callout-protected{left:0}}@media (max-width:560px){.hero-home-content{min-height:360px;padding:28px 24px}.hero-home-content>strong{font-size:27px}.hero-shortcuts{grid-template-columns:1fr}.hero-shortcuts button{padding:8px}.hero-callout{display:none}}