html:has(.landing){scroll-behavior:smooth}.landing{--ink:var(--dr-ink);--blue:var(--dr-accent);--blue-ink:var(--dr-accent-strong);--on-accent:var(--dr-accent-ink);--gray:var(--dr-surface-inset);--muted:var(--dr-ink-muted);--border:var(--dr-rule);--white:var(--dr-surface-panel);--on-dark:var(--dr-ink-inverse);color:var(--ink);line-height:1.5}.landing .wrap{max-width:1140px;margin:0 auto;padding:0 24px}.landing a{color:inherit;text-decoration:none}.landing .btn{border-radius:var(--dr-radius);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:11px 20px;font-size:15px;font-weight:600;transition:all .18s;display:inline-flex}.landing .btn-primary{background:var(--blue);color:var(--on-accent)}.landing .btn-primary:hover{background:var(--dr-accent-hover);color:var(--dr-accent-hover-ink);transform:translateY(-1px)}.landing .btn-ghost{background:var(--white);color:var(--ink);border-color:var(--border)}.landing .btn-ghost:hover{background:var(--gray);border-color:#c9d0da}.landing nav{z-index:50;background:0 0;border-bottom:1px solid #0000;transition:background .25s,border-color .25s,-webkit-backdrop-filter .25s,backdrop-filter .25s;position:fixed;top:0;left:0;right:0}.landing .nav-in{justify-content:space-between;align-items:center;height:64px;display:flex}.landing .logo{letter-spacing:-.5px;color:var(--on-dark);align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.landing .nav-links{align-items:center;gap:28px;display:flex}.landing .nav-links a.link{color:#ffffffd1;font-size:14px;font-weight:500}.landing .nav-links a.link:hover{color:var(--on-dark)}.landing .nav-right{align-items:center;gap:14px;display:flex}.landing .toggle{border:1px solid #ffffff52;border-radius:999px;font-size:12px;font-weight:600;display:flex;overflow:hidden}.landing .toggle button{cursor:pointer;color:#ffffffbf;background:0 0;border:0;padding:6px 12px}.landing .toggle button.on{background:var(--white);color:var(--ink)}.landing .sign-in{color:var(--on-dark);font-size:14px;font-weight:600}.landing nav.scrolled{background:color-mix(in srgb, var(--dr-surface-page) 92%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom-color:var(--border)}.landing nav.scrolled .logo{color:var(--ink)}.landing nav.scrolled .nav-links a.link{color:var(--muted)}.landing nav.scrolled .nav-links a.link:hover,.landing nav.scrolled .sign-in{color:var(--ink)}.landing nav.scrolled .toggle{border-color:var(--border)}.landing nav.scrolled .toggle button{color:var(--muted)}.landing nav.scrolled .toggle button.on{background:var(--ink);color:var(--on-dark)}.landing .hero{height:100svh;min-height:620px;color:var(--on-dark);position:relative;overflow:hidden}.landing .hero .bg{position:absolute;inset:0}.landing .hero .himg{opacity:0;background-position:50%;background-size:cover;transition:opacity 1s,transform 6s;position:absolute;inset:0;transform:scale(1.06)}.landing .hero .himg.on{opacity:1;transform:scale(1)}.landing .hero .bg:after{content:"";background:linear-gradient(100deg,#0e1322eb 0%,#0e132299 42%,#0e132226 100%);position:absolute;inset:0}.landing .hero-in{z-index:5;align-items:center;height:100%;display:flex;position:relative}.landing .hero-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--on-dark);align-items:center;gap:12px;margin-bottom:22px;font-size:12px;font-weight:700;display:inline-flex}.landing .hero-kicker:before{content:"";background:var(--blue);width:34px;height:4px}.landing h1{letter-spacing:-1.8px;max-width:13ch;min-height:124px;font-size:60px;font-weight:800;line-height:1.03;transition:opacity .4s}.landing .hero p.sub{color:#ffffffd1;max-width:46ch;min-height:60px;margin-top:22px;font-size:19px;line-height:1.55;transition:opacity .4s}.landing .hero .cta{gap:14px;margin-top:36px;display:flex}.landing .hero .btn-ghost{color:var(--on-dark);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #ffffff59}.landing .hero .btn-ghost:hover{background:#ffffff2e;border-color:#ffffff80}.landing .dots{z-index:6;justify-content:center;gap:10px;display:flex;position:absolute;bottom:34px;left:0;right:0}.landing .dots button{cursor:pointer;background:#fff6;border:0;border-radius:50%;width:9px;height:9px;padding:0;transition:all .2s}.landing .dots button.on{background:var(--white);border-radius:calc(var(--dr-radius) * .5);width:28px}.landing .bub{border-radius:calc(var(--dr-radius) * 1.2);margin-bottom:7px;padding:8px 11px;font-size:12px;line-height:1.4}.landing .bub.me{background:var(--blue);color:var(--on-accent);max-width:88%;margin-left:auto}.landing .bub.them{background:var(--gray);border:1px solid var(--border);max-width:88%}.landing section{padding:92px 0}.landing .label{text-transform:uppercase;letter-spacing:.16em;color:var(--blue-ink);justify-content:center;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.landing .label:before{content:"";background:var(--blue);width:34px;height:4px}.landing .kl{background:var(--blue);flex-shrink:0;width:34px;height:4px;display:block}.landing h2{letter-spacing:-1px;text-align:center;margin-top:10px;font-size:38px;font-weight:800;line-height:1.1}.landing .sec-sub{text-align:center;color:var(--muted);max-width:54ch;margin:16px auto 0;font-size:17px}.landing.reveal-ready [data-reveal]{opacity:0;will-change:opacity, transform;transition:opacity .6s,transform .7s cubic-bezier(.22,.61,.36,1);transform:translateY(22px)}.landing.reveal-ready [data-reveal].is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.landing.reveal-ready [data-reveal]{opacity:1;transition:none;transform:none}}.landing .features{background:var(--gray)}.landing .bento{grid-template-columns:repeat(3,1fr);grid-template-areas:"one two two""one img auth";grid-auto-rows:minmax(224px,auto);gap:20px;margin-top:54px;display:grid}.landing .bt{border:1px solid var(--border);background:var(--white);border-radius:0;flex-direction:column;padding:32px;transition:all .22s;display:flex;position:relative;overflow:hidden}.landing .bt:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px #25273a66}.landing .bt h3{letter-spacing:-.2px;margin:18px 0 8px;font-size:20px;font-weight:700}.landing .bt p{color:var(--muted);max-width:42ch;font-size:14.5px;line-height:1.58}.landing .bt-1{grid-area:one}.landing .bt-1 .mini{border:1px solid var(--border);background:var(--gray);margin-top:auto;overflow:hidden}.landing .bt-1 .mini .mp{background-position:50%;background-size:cover;height:170px}.landing .bt-1 .mini .mi{padding:13px 15px}.landing .bt-1 .mini .mlbl{letter-spacing:.14em;text-transform:uppercase;color:var(--blue-ink);font-size:9.5px;font-weight:700}.landing .bt-1 .mini .mnm{margin-top:3px;font-size:14px;font-weight:700}.landing .bt-2{background:var(--dr-surface-inverse);color:var(--on-dark);border-color:var(--dr-surface-inverse);flex-direction:row;grid-area:two;align-items:center;gap:34px}.landing .bt-2 .txt{flex:1}.landing .bt-2 h3{color:var(--on-dark);margin-top:16px}.landing .bt-2 p{color:var(--dr-ink-inverse-subtle)}.landing .bt-2 .chatv{flex-shrink:0;width:262px}.landing .bt-2 .bub.them{color:#e6e7ee;background:#31344a;border:0}.landing .bt-2 .bub.me{background:var(--blue);color:var(--on-accent)}.landing .bt-img{color:var(--on-dark);background-position:50%;background-size:cover;border:0;grid-area:img;justify-content:flex-end;position:relative}.landing .bt-img:before{content:"";background:linear-gradient(#25273a1f,#25273ae6);position:absolute;inset:0}.landing .bt-img .kl,.landing .bt-img h3,.landing .bt-img p{z-index:1;position:relative}.landing .bt-img p{color:#e2e3ea}.landing .bt-auth{grid-area:auth}.landing .bt-auth .steps{flex-direction:column;gap:10px;margin-top:24px;display:flex}.landing .bt-auth .step{align-items:center;gap:11px;font-size:13px;font-weight:600;display:flex}.landing .bt-auth .step .b{background:var(--blue);width:22px;height:22px;color:var(--on-accent);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.landing .preview{background:var(--dr-surface-inverse);position:relative;overflow:hidden}.landing .preview:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--dr-accent) 12%, transparent), transparent 70%);pointer-events:none;width:520px;height:520px;position:absolute;top:-160px;right:-160px}.landing .preview .wrap{position:relative}.landing .preview .label{color:var(--dr-accent-on-inverse)}.landing .preview h2{color:var(--on-dark)}.landing .prev-sub{text-align:center;color:var(--dr-ink-inverse-muted);max-width:58ch;margin:16px auto 0;font-size:18px}.landing .browser{border:1px solid var(--dr-surface-inverse);background:var(--white);border-radius:0;max-width:100%;margin:60px auto 0;overflow:hidden;box-shadow:0 60px 120px -30px #0009}.landing .bar{background:var(--dr-surface-subtle);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:14px 18px;display:flex}.landing .bar i{background:var(--dr-rule-strong);border-radius:50%;width:12px;height:12px;display:inline-block}.landing .url{background:var(--white);border:1px solid var(--border);max-width:460px;color:var(--muted);border-radius:0;flex:1;margin-left:16px;padding:8px 14px;font-size:12.5px}.landing .page{grid-template-columns:1fr 360px;display:grid}.landing .pg-main{border-right:1px solid var(--border);min-width:0}.landing .pg-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 26px;display:flex}.landing .pg-head .brand{letter-spacing:-.2px;align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.landing .pg-head .agent{color:var(--muted);align-items:center;gap:9px;font-size:12.5px;display:flex}.landing .pg-head .agent .av{background-position:50%;background-size:cover;border-radius:50%;width:28px;height:28px}.landing .pg-hero{position:relative}.landing .pg-hero .img{aspect-ratio:21/9;background-position:50%;background-size:cover;width:100%;display:block}.landing .pg-hero .ov{background:linear-gradient(transparent, color-mix(in srgb, var(--dr-surface-inverse) 92%, transparent));color:var(--on-dark);padding:34px 36px;position:absolute;bottom:0;left:0;right:0}.landing .pg-hero .ov .lbl{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.landing .pg-hero .ov .lbl:before{content:"";background:var(--blue);width:28px;height:3px}.landing .pg-hero .ov .ttl{letter-spacing:-.6px;margin-top:12px;font-size:36px;font-weight:800}.landing .pg-hero .ov .meta{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29;margin-top:14px;padding:6px 15px;font-size:13.5px;font-weight:600;display:inline-block}.landing .pg-body{padding:30px 36px 40px}.landing .pg-body .st{letter-spacing:-.3px;align-items:center;gap:12px;margin-bottom:20px;font-size:17px;font-weight:800;display:flex}.landing .pg-body .st:before{content:"";background:var(--blue);width:28px;height:4px}.landing .pcards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.landing .pcard{border:1px solid var(--border);background:var(--white);transition:all .18s;overflow:hidden}.landing .pcard:hover{transform:translateY(-3px);box-shadow:0 20px 40px -22px #25273a80}.landing .pcard .pi{aspect-ratio:16/11;background-position:50%;background-size:cover}.landing .pcard .pbody{padding:15px 16px}.landing .pcard .pn{font-size:15px;font-weight:700}.landing .pcard .pm{color:var(--muted);margin-top:4px;font-size:12.5px}.landing .pcard .link{color:var(--blue-ink);align-items:center;gap:6px;margin-top:12px;font-size:12.5px;font-weight:700;display:inline-flex}.landing .pg-chat{background:var(--dr-surface-subtle);flex-direction:column;min-width:0;display:flex}.landing .ch-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:17px 18px;font-size:13.5px;font-weight:700;display:flex}.landing .ch-head .av{background:var(--blue);width:28px;height:28px;color:var(--on-accent);border-radius:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.landing .ch-head .dotlive{background:var(--dr-success);border-radius:50%;width:8px;height:8px;margin-left:auto}.landing .ch-body{flex-direction:column;flex:1;gap:12px;padding:18px;display:flex}.landing .ch-input{background:var(--white);border:1px solid var(--border);color:var(--muted);border-radius:0;justify-content:space-between;align-items:center;margin:0 18px 18px;padding:13px 16px;font-size:12.5px;display:flex}.landing .ch-input .send{background:var(--blue);width:28px;height:28px;color:var(--on-accent);border-radius:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.landing .faq{background:var(--gray)}.landing .faq-list{background:var(--white);border:1px solid var(--border);max-width:800px;margin:48px auto 0}.landing .qa{border-bottom:1px solid var(--border)}.landing .qa:last-child{border-bottom:0}.landing .qa button{text-align:left;cursor:pointer;width:100%;color:var(--ink);letter-spacing:-.2px;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:24px 26px;font-family:inherit;font-size:18px;font-weight:700;display:flex}.landing .qa .ans{max-height:0;color:var(--muted);font-size:15px;line-height:1.65;transition:max-height .28s;overflow:hidden}.landing .qa.open .ans{max-height:240px;padding:0 26px 24px}.landing .qa .chev{color:var(--blue-ink);flex-shrink:0;font-size:22px;line-height:1;transition:all .2s}.landing .qa.open .chev{color:var(--ink);transform:rotate(45deg)}.landing .final{background:var(--dr-gradient-brand);color:var(--on-accent);text-align:center}.landing .final-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--ink);align-items:center;gap:12px;font-size:12px;font-weight:700;display:inline-flex}.landing .final-kicker:before{content:"";background:var(--ink);width:34px;height:4px}.landing .final h2{color:var(--ink);max-width:20ch;margin:16px auto 0}.landing .final p{color:var(--ink);max-width:52ch;margin:16px auto 0;font-size:18px}.landing .final-cta{justify-content:center;gap:14px;margin-top:34px;display:flex}.landing .final .btn-dark{background:var(--dr-surface-inverse);color:var(--on-dark)}.landing .final .btn-dark:hover{background:var(--ink);color:var(--on-dark);transform:translateY(-1px)}.landing .final .btn-ghost-dark{color:var(--blue-ink);border-color:var(--blue-ink);background:0 0}.landing .final .btn-ghost-dark:hover{background:var(--dr-surface-inverse);color:var(--on-dark)}.landing footer{background:var(--dr-surface-inverse);color:#c7c8d2;padding:64px 0 40px}.landing .foot-in{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.landing footer .logo{color:var(--on-dark)}.landing footer .tag{max-width:34ch;margin-top:12px;font-size:14px}.landing .foot-links{gap:28px;font-size:14px;display:flex}.landing .foot-links a:hover{color:var(--on-dark)}.landing .copy{color:#6b7689;border-top:1px solid #2a3346;margin-top:30px;padding-top:22px;font-size:13px}@media (max-width:900px){.landing section{padding:68px 0}.landing .hero{min-height:560px}.landing h1{min-height:auto;font-size:42px}.landing .hero p.sub{min-height:auto}.landing h2{font-size:30px}.landing .bento{grid-template-columns:1fr;grid-template-areas:none;grid-auto-rows:auto}.landing .bt{min-height:200px}.landing .bt-1,.landing .bt-2,.landing .bt-img,.landing .bt-auth{grid-area:auto}.landing .bt-2{flex-direction:column;align-items:flex-start}.landing .bt-2 .chatv{width:100%}.landing .page{grid-template-columns:1fr}.landing .pg-main{border-right:0;border-bottom:1px solid var(--border)}.landing .pcards{grid-template-columns:1fr}.landing .pg-hero .img{aspect-ratio:16/10}.landing .pg-hero .ov .ttl{font-size:26px}.landing .nav-links a.link{display:none}}@media (max-width:560px){.landing .wrap{padding:0 20px}.landing section{padding:56px 0}.landing h1{letter-spacing:-1px;font-size:33px}.landing .hero p.sub{font-size:16px}.landing h2{font-size:26px}.landing .sec-sub{font-size:15px}.landing .sign-in{display:none}.landing .nav-right{gap:10px}.landing .btn{padding:11px 16px;font-size:14px}.landing .hero .cta{flex-direction:column;align-items:stretch}.landing .hero .cta .btn{justify-content:center}.landing .pcards{grid-template-columns:1fr}.landing .faq .qa button,.landing .final p{font-size:16px}}
