.landing-page{--blue-900: #0f3d8c;--blue-700: #1a56db;--blue-500: #4d7fe8;--blue-100: #eaf1ff;--blue-50: #f6f9ff;--ink: #16203a;--gray: #66708a;--white: #ffffff;--radius: 14px;font-family:Segoe UI,ui-sans-serif,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}.landing-page a{color:inherit;text-decoration:none}.landing-page button{font-family:inherit;cursor:pointer}.landing-page .hero-wrap{display:flex;flex:1;align-items:center}.landing-page header{display:flex;align-items:center;justify-content:space-between;padding:22px 6vw}.landing-page .logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;letter-spacing:-.02em}.landing-page .nav-actions{display:flex;align-items:center;gap:12px}.landing-page .btn-ghost{padding:9px 18px;border-radius:8px;border:1px solid transparent;color:var(--blue-900);font-size:14.5px;font-weight:600;background:transparent;transition:background .15s ease}.landing-page .btn-ghost:hover{background:var(--blue-50)}.landing-page .btn-solid{padding:9px 20px;border-radius:8px;border:none;background:var(--blue-700);color:#fff;font-size:14.5px;font-weight:600;transition:background .15s ease,transform .1s ease}.landing-page .btn-solid:hover{background:var(--blue-900)}.landing-page .btn-solid:active{transform:scale(.98)}.landing-page .hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:48px 6vw;max-width:1280px;width:100%;margin:0 auto}.landing-page h1{font-size:clamp(32px,4.2vw,52px);line-height:1.08;letter-spacing:-.025em;font-weight:800;max-width:560px}.landing-page h1 .accent{color:var(--blue-700)}.landing-page .subhead{margin-top:20px;font-size:17px;line-height:1.6;color:var(--gray);max-width:460px}.landing-page .join-card{margin-top:34px;max-width:480px}.landing-page .join-row{display:flex;gap:12px;flex-wrap:wrap}.landing-page .btn-primary{display:flex;align-items:center;gap:8px;padding:13px 22px;border-radius:10px;border:none;background:var(--blue-700);color:#fff;font-size:15px;font-weight:600;transition:background .15s ease,transform .1s ease;white-space:nowrap}.landing-page .btn-primary:hover{background:var(--blue-900)}.landing-page .btn-primary:active{transform:scale(.98)}.landing-page .join-input-wrap{display:flex;flex:1;min-width:230px;border:1.5px solid #dbe4f5;border-radius:10px;overflow:hidden;background:var(--white);transition:border-color .15s ease}.landing-page .join-input-wrap:focus-within{border-color:var(--blue-500)}.landing-page .join-input-wrap input{flex:1;border:none;outline:none;padding:0 16px;font-size:15px;color:var(--ink);background:transparent}.landing-page .join-input-wrap input::-moz-placeholder{color:#9aa5c0}.landing-page .join-input-wrap input::placeholder{color:#9aa5c0}.landing-page .btn-join{border:none;background:transparent;color:var(--blue-700);font-weight:700;font-size:14.5px;padding:0 18px;transition:color .15s ease}.landing-page .btn-join:hover{color:var(--blue-900)}.landing-page .fine-print{margin-top:16px;font-size:13.5px;color:var(--gray)}.landing-page .fine-print a{color:var(--blue-700);font-weight:600}.landing-page .fine-print a:hover{text-decoration:underline}.landing-page .menu-panel{position:absolute;left:0;z-index:10;margin-top:8px;width:288px;overflow:hidden;border-radius:12px;border:1px solid #e3ebfb;background:var(--white);box-shadow:0 12px 32px -8px #0f3d8c2e}.landing-page .menu-panel button{display:flex;width:100%;align-items:center;gap:12px;padding:12px 16px;text-align:left;font-size:14px;color:var(--ink);background:none;border:none}.landing-page .menu-panel button:hover{background:var(--blue-50)}.landing-page .menu-panel svg{color:var(--gray);width:20px;height:20px;flex-shrink:0}.landing-page .panel-card{margin-top:24px;max-width:480px;border-radius:var(--radius);border:1px solid #e3ebfb;background:var(--blue-50);padding:18px}.landing-page .panel-card input,.landing-page .panel-card textarea{border-radius:8px;border:1.5px solid #dbe4f5;padding:8px 12px;font-size:14px;background:var(--white)}.landing-page .panel-card input:focus,.landing-page .panel-card textarea:focus{outline:none;border-color:var(--blue-500)}.landing-page .meeting-list{margin-top:24px;max-width:480px;border-radius:var(--radius);border:1px solid #e3ebfb;background:var(--white);overflow:hidden}.landing-page .meeting-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid #eef2fb}.landing-page .meeting-list li:first-child{border-top:none}.landing-page .meeting-list .name{font-size:14px;font-weight:600;color:var(--ink)}.landing-page .meeting-list .meta{font-size:12.5px;color:var(--gray)}.landing-page .meeting-list a{color:var(--blue-700);font-weight:600;font-size:14px}.landing-page .meeting-list a:hover{color:var(--blue-900)}.landing-page .section-label{margin-top:24px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--gray)}.landing-page .meeting-visual{position:relative;background:var(--blue-50);border-radius:20px;padding:22px;border:1px solid #e3ebfb}.landing-page .meeting-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 4px 14px}.landing-page .meeting-dots{display:flex;gap:6px}.landing-page .meeting-dots span{width:8px;height:8px;border-radius:50%;background:#c7d4ef}.landing-page .meeting-timer{font-size:12.5px;color:var(--gray);font-variant-numeric:tabular-nums}.landing-page .tile-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.landing-page .tile{aspect-ratio:4/3;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;color:#fff;font-size:26px;font-weight:700;letter-spacing:-.02em;overflow:hidden}.landing-page .tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 120% at 20% 15%,rgba(255,255,255,.18),transparent 60%)}.landing-page .tile-a{background:linear-gradient(160deg,#2a63e8,#173f9c)}.landing-page .tile-b{background:linear-gradient(160deg,#3f78f0,#1e4fb8)}.landing-page .tile-c{background:linear-gradient(160deg,#5a8ff4,#2a5fce)}.landing-page .tile-d{background:linear-gradient(160deg,#1c4bc4,#0f3182)}.landing-page .tile-label{position:absolute;bottom:8px;left:10px;font-size:11px;font-weight:600;letter-spacing:.02em;color:#ffffffd9;background:#0000002e;padding:2px 8px;border-radius:6px}.landing-page .tile-mic{position:absolute;bottom:8px;right:10px;width:20px;height:20px;border-radius:50%;background:#00000059;display:flex;align-items:center;justify-content:center}.landing-page .tile-mic svg{width:10px;height:10px}.landing-page .meeting-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:18px}.landing-page .ctrl{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid #e3ebfb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.landing-page .ctrl.end{background:#e0453f;border:none}.landing-page .ctrl svg{width:17px;height:17px;stroke:var(--blue-900)}.landing-page .ctrl.end svg{stroke:#fff}.landing-page .how-it-works{background:var(--blue-50);border-top:1px solid #e3ebfb;padding:88px 6vw 104px}.landing-page .how-it-works-inner{max-width:1280px;margin:0 auto}.landing-page .section-eyebrow{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue-700)}.landing-page .section-heading{margin-top:10px;font-size:clamp(28px,3.4vw,40px);font-weight:800;letter-spacing:-.02em;max-width:34ch}.landing-page .how-grid{margin-top:52px;display:grid;grid-template-columns:repeat(3,1fr);gap:44px}.landing-page .how-step{display:flex;flex-direction:column}.landing-page .how-shot{border-radius:14px;overflow:hidden;border:1px solid #e3ebfb;background:var(--white);box-shadow:0 16px 40px -18px #0f3d8c33;display:flex;align-items:flex-start}.landing-page .how-shot img{width:100%;height:auto;display:block}.landing-page .how-step h3{margin-top:24px;font-size:19px;font-weight:700}.landing-page .how-step p{margin-top:8px;font-size:15.5px;line-height:1.6;color:var(--gray)}@media (max-width: 840px){.landing-page .hero{grid-template-columns:1fr;padding-top:20px}.landing-page h1,.landing-page .subhead,.landing-page .join-card,.landing-page .panel-card,.landing-page .meeting-list{max-width:100%}.landing-page header{padding:18px 5vw}.landing-page .how-grid{grid-template-columns:1fr;gap:36px}.landing-page .how-it-works{padding:56px 6vw 64px}}@media (prefers-reduced-motion: reduce){.landing-page *{transition:none!important}}
