:root {
      color-scheme: light;
      --bg:#fbfbfc; --surface:#ffffff; --surface-2:#f1f3f5;
      --ink:#23272d; --ink-2:#4a4e54; --muted:#656c74; --on-accent:#ffffff;
      --border:#e6e8ea; --border-2:#dde0e3;
      --accent:#46a05a; --accent-strong:#3f7a4c; --accent-soft:#e7efe8;
      --warning-strong:#7a5a15;
      --glow:rgba(70,160,90,.14); --halo:rgba(70,160,90,.18);
      --halo-soft:rgba(70,160,90,.04); --sweep:rgba(70,160,90,.3);
      --glass:rgba(251,251,252,.9); --shadow:rgba(40,44,52,.12);
      --shine:rgba(255,255,255,.25); --backdrop:rgba(35,39,45,.45);
      --font:'Be Vietnam Pro',sans-serif; --mono:'JetBrains Mono',monospace;
      --ease:cubic-bezier(.22,1,.36,1); --radius:20px;
    }
    *,*::before,*::after { box-sizing:border-box }
    html { scroll-behavior:smooth; scroll-padding-top:110px }
    body { margin:0; background:var(--bg); color:var(--ink); font:400 16px/1.7 var(--font); -webkit-font-smoothing:antialiased }
    button,a,input { -webkit-tap-highlight-color:transparent }
    button,input { font:inherit }
    button { cursor:pointer }
    button,a { touch-action:manipulation }
    button { color:inherit }
    a { color:inherit; text-decoration:none }
    button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible { outline:2px solid var(--accent-strong); outline-offset:5px }
    ::selection { background:var(--accent-strong); color:var(--on-accent) }
    h1,h2,h3,p { margin:0 }
    h1,h2,h3 { line-height:1.2 }
    h2 { font-size:clamp(32px,4vw,49px); letter-spacing:-2px; font-weight:600 }
    h3 { font-size:23px; letter-spacing:-.7px; font-weight:600 }
    svg.icon { width:20px; height:20px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round }
    .symbols { position:absolute; width:0; height:0; overflow:hidden }
    .wrap { width:min(1180px,calc(100% - 64px)); margin-inline:auto }
    .mono { font-family:var(--mono) }
    .dim { color:var(--muted) }
    .accent_text { color:var(--accent-strong) }
    .section_label { color:var(--accent-strong); font:500 12px/1.5 var(--mono); letter-spacing:2px; text-transform:uppercase; display:flex; align-items:center; gap:12px; margin-bottom:24px }
    .section_label::before { content:''; width:22px; height:1px; background:currentColor }
    .section_copy { max-width:495px; color:var(--ink-2); margin-top:22px; line-height:1.9 }
    .pill { display:inline-flex; align-items:center; gap:8px; border:1px solid var(--border-2); border-radius:30px; padding:6px 12px; font-size:12px; line-height:1.5 }
    .live_dot { display:inline-block; width:6px; height:6px; background:var(--accent-strong); border-radius:50%; box-shadow:0 0 12px var(--accent-strong); animation:live 3s infinite }
    .btn { display:inline-flex; align-items:center; justify-content:center; gap:12px; padding:15px 23px; border-radius:9px; border:1px solid var(--border-2); background:var(--surface-2); color:var(--ink); font-size:14px; font-weight:500; line-height:1.6; transition:transform .25s var(--ease),background .25s,box-shadow .25s,border-color .25s; white-space:nowrap }
    .btn:hover { transform:translateY(-3px); background:var(--surface); border-color:var(--muted) }
    .btn.primary { color:var(--on-accent); background:var(--accent-strong); border-color:var(--accent-strong); box-shadow:0 0 0 4px var(--accent-soft),0 8px 32px var(--glow); position:relative; overflow:hidden }
    .btn.primary::after { content:''; position:absolute; inset:-100% 0; background:linear-gradient(110deg,transparent 30%,var(--shine) 50%,transparent 70%); transform:translateX(-110%); transition:transform .65s }
    .btn.primary:hover { background:var(--accent-strong); box-shadow:0 0 0 5px var(--accent-soft),0 8px 50px var(--glow) }
    .btn.primary:hover::after { transform:translateX(110%) }
    .btn.quiet { background:transparent }
    .btn .icon { width:17px; height:17px }
    .text_link { display:inline-flex; gap:10px; align-items:center; font-size:14px; font-weight:500 }
    .text_link .icon { transition:transform .2s }
    .text_link:hover .icon { transform:translateX(5px) }
    .skip_link { color:var(--on-accent); position:fixed; top:8px; left:12px; z-index:100; padding:12px; background:var(--accent-strong); transform:translateY(-160%) }
    .skip_link:focus { transform:none }
    .page_progress { position:fixed; top:0; left:0; z-index:60; height:2px; width:100%; background:linear-gradient(90deg,var(--accent),var(--accent-strong)); transform:scaleX(0); transform-origin:left; pointer-events:none }
    .site_header { position:sticky; top:0; z-index:40; border-bottom:1px solid var(--border); background:var(--glass); backdrop-filter:blur(20px) }
    .nav_bar { height:82px; display:flex; align-items:center; justify-content:space-between; gap:32px }
    .brand { display:inline-flex; align-items:center; gap:10px; font-size:23px; font-weight:700; letter-spacing:-1px; flex-shrink:0 }
    .brand img { width:37px; height:37px; object-fit:contain }
    .brand>span { font-weight:650; color:var(--ink) }
    .brand>span>span { font-weight:400; color:var(--ink-2) }
    .nav_links { display:flex; gap:30px; align-items:center; color:var(--ink-2); font-size:13px }
    .nav_links a { transition:color .2s }
    .nav_links a:hover { color:var(--ink) }
    .nav_actions { display:flex; align-items:center; gap:20px }
    .nav_actions .btn { font-size:12px; padding:10px 15px; border-radius:7px }
    .language { font:12px var(--mono); display:flex; align-items:center; gap:8px; color:var(--ink-2) }
    .language .icon { width:15px; height:15px }
    .menu_toggle { display:none; border:1px solid var(--border); background:var(--surface); border-radius:8px; padding:10px; line-height:0 }
    .hero { position:relative; isolation:isolate; overflow:hidden; padding-top:71px }
    .hero_grid { position:absolute; inset:0; z-index:-3; opacity:.2; background-image:radial-gradient(var(--muted) .7px,transparent .7px); background-size:26px 26px; mask-image:linear-gradient(transparent,black 35%,transparent 85%); pointer-events:none }
    .hero_halo { position:absolute; width:1150px; height:650px; top:330px; left:50%; translate:-50% 0; background:radial-gradient(ellipse,var(--halo),var(--halo-soft) 46%,transparent 69%); filter:blur(24px); z-index:-2; pointer-events:none; animation:halo 9s ease-in-out infinite alternate }
    .orbit { position:absolute; width:1200px; height:420px; top:400px; left:50%; border:1px solid var(--accent-soft); border-radius:50%; transform:translateX(-50%) rotate(-13deg); z-index:-1; pointer-events:none }
    .orbit.second { width:1510px; height:530px; top:340px; transform:translateX(-50%) rotate(12deg); opacity:.6 }
    .orbit .spark { position:absolute; top:36px; left:210px; width:5px; height:5px; background:var(--accent-strong); border-radius:50%; box-shadow:0 0 18px 5px var(--accent); animation:live 4s infinite }
    .hero_intro { text-align:center; position:relative }
    .hero_badge { display:inline-flex; align-items:center; gap:10px; padding:6px 6px 6px 12px; font-size:12px; color:var(--ink-2); background:linear-gradient(110deg,var(--accent-soft),transparent); border:1px solid var(--border-2); border-radius:40px; animation:enter .9s var(--ease) both }
    .hero_badge .new { color:var(--accent-strong); font:11px var(--mono); border-right:1px solid var(--border-2); padding-right:10px }
    .hero_badge .arrow { display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:var(--border) }
    .hero_badge .icon { width:13px; height:13px }
    .hero h1 { font-size:clamp(45px,6vw,79px); line-height:1.24; font-weight:600; letter-spacing:-4px; margin-top:28px; animation:enter 1s .12s var(--ease) both }
    .hero h1 .shine { display:block; padding-bottom:9px; background:linear-gradient(100deg,var(--accent-strong) 3%,var(--accent) 48%,var(--accent-strong) 98%); background-size:150% auto; background-clip:text; color:transparent; animation:text_glow 10s ease-in-out infinite alternate }
    .hero_intro>p { color:var(--ink-2); max-width:620px; margin:20px auto 0; font-size:16px; line-height:1.95; animation:enter 1s .22s var(--ease) both }
    .hero_cta { display:flex; justify-content:center; align-items:center; gap:15px; margin-top:31px; animation:enter 1s .3s var(--ease) both }
    .hero_note { display:flex; justify-content:center; gap:20px; margin:20px 0 0; color:var(--muted); font-size:11px; animation:enter 1s .4s var(--ease) both }
    .hero_note span { display:flex; align-items:center; gap:7px }
    .hero_note .icon { width:13px; height:13px }
    .preview_stage { margin-top:62px; position:relative; padding:0 9px; animation:enter 1.3s .35s var(--ease) both }
    .preview_stage::before { content:''; position:absolute; height:1px; width:75%; top:-1px; left:12.5%; background:linear-gradient(90deg,transparent,var(--accent-strong),var(--accent-strong),transparent); box-shadow:0 -6px 65px 15px var(--glow); z-index:3 }
    .app_frame { border:1px solid var(--border-2); border-radius:14px; background:var(--surface); box-shadow:0 35px 110px var(--shadow),0 -12px 80px var(--accent-soft); overflow:hidden; text-align:left }
    .window_bar { height:40px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--border); padding:0 17px; background:var(--bg); font:10px var(--mono); color:var(--muted) }
    .window_dots { display:flex; gap:6px; width:100px }
    .window_dots b { width:7px; height:7px; border-radius:50%; background:var(--border-2) }
    .window_dots b:first-child { background:var(--muted) }
    .window_state { display:flex; align-items:center; gap:7px }
    .window_state .live_dot { width:4px; height:4px }
    .app_shell { display:grid; grid-template-columns:180px minmax(0,1fr); min-height:456px }
    .app_sidebar { padding:23px 13px 16px; border-right:1px solid var(--border); background:var(--bg); display:flex; flex-direction:column }
    .app_brand { font-size:16px; padding-left:8px; margin-bottom:28px; letter-spacing:-.5px }
    .app_brand img { width:25px; height:25px }
    .side_label { font:9px var(--mono); letter-spacing:1.4px; color:var(--muted); padding:0 10px; margin-bottom:10px }
    .side_item { display:flex; align-items:center; gap:10px; padding:11px 10px; margin-bottom:4px; border-radius:6px; color:var(--muted); font-size:11px; border:1px solid transparent; background:transparent; width:100%; text-align:left }
    .side_item .icon { width:15px; height:15px }
    button.side_item:hover { background:var(--surface-2); color:var(--ink) }
    .side_item[aria-pressed=true] { background:var(--accent-soft); color:var(--accent-strong); border-color:var(--accent-soft) }
    .side_item .count { margin-left:auto; font:9px var(--mono); padding:1px 5px; background:var(--accent-soft); border-radius:3px }
    .side_bottom { margin-top:auto; padding:15px 9px 0; border-top:1px solid var(--border); color:var(--ink-2); font-size:10px }
    .side_bottom .scan_line { margin-top:8px; height:3px; background:var(--surface-2); border-radius:5px; overflow:hidden }
    .scan_line span { display:block; width:40%; height:100%; background:var(--accent); animation:scan_line 5s ease-in-out infinite }
    .app_main { padding:23px 24px 0; min-width:0; position:relative }
    .app_heading { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:21px }
    .app_heading h2 { font-size:20px; letter-spacing:-.7px; font-weight:600 }
    .app_heading p { font-size:10px; color:var(--muted); margin-top:5px }
    .app_heading .pill { font:9px var(--mono); color:var(--accent-strong); border-color:var(--border); padding:5px 8px }
    .app_heading .live_dot { width:4px; height:4px; background:var(--accent-strong); box-shadow:none }
    .metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:19px }
    .metric { padding:12px 14px; border:1px solid var(--border); border-radius:7px; background:linear-gradient(140deg,var(--surface-2),transparent); position:relative; overflow:hidden }
    .metric .label { display:flex; align-items:center; gap:7px; font-size:10px; color:var(--muted) }
    .metric .icon { width:12px; height:12px }
    .metric strong { display:block; font:500 25px/1.5 var(--mono); margin-top:4px; letter-spacing:-1px }
    .metric small { position:absolute; bottom:15px; right:12px; font:9px var(--mono); color:var(--accent-strong) }
    .metric:nth-child(2) strong { color:var(--accent-strong) }
    .workspace { display:grid; grid-template-columns:minmax(0,1fr) 224px; gap:17px }
    .list_tools { display:flex; align-items:center; justify-content:space-between; gap:6px; margin-bottom:11px; font-size:10px }
    .filter_group { display:flex; gap:3px }
    .filter_group button { padding:5px 8px; border:1px solid transparent; background:transparent; border-radius:4px; font-size:10px; color:var(--muted) }
    .filter_group button[aria-pressed=true] { background:var(--surface-2); color:var(--ink); border-color:var(--border) }
    .list_hint { font:9px var(--mono); color:var(--muted) }
    .lead_headers { display:grid; grid-template-columns:44px 1fr 80px; padding:7px 9px; border-bottom:1px solid var(--border); font:8px var(--mono); letter-spacing:.5px; color:var(--muted) }
    .lead_headers span:last-child { text-align:right }
    .lead_row { width:100%; display:grid; grid-template-columns:35px 1fr 66px; text-align:left; align-items:center; gap:9px; padding:12px 9px; border:0; border-bottom:1px solid var(--border); background:transparent; position:relative; transition:background .2s }
    .lead_row:hover { background:var(--surface-2) }
    .lead_row[aria-pressed=true] { background:var(--accent-soft); box-shadow:inset 2px 0 var(--accent) }
    .score_box { display:grid; place-items:center; width:30px; height:30px; border:1px solid var(--border-2); border-radius:6px; color:var(--accent-strong); font:500 12px var(--mono); background:var(--accent-soft) }
    .score_box.medium { color:var(--warning-strong); background:transparent }
    .lead_person { font-size:10px; font-weight:500; display:flex; align-items:center; gap:7px; margin-bottom:3px }
    .lead_person .new_tag { font:7px var(--mono); color:var(--accent-strong); background:var(--accent-soft); padding:1px 4px; border-radius:3px }
    .lead_content { font-size:9px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:245px }
    .lead_time { text-align:right; color:var(--muted); font:8px var(--mono) }
    .lead_time .phone { display:block; color:var(--ink-2); margin-bottom:5px; font:8px var(--mono) }
    .ai_panel { padding:14px; border:1px solid var(--border-2); border-radius:9px; background:linear-gradient(145deg,var(--accent-soft),var(--surface) 70%); align-self:start; position:relative }
    .ai_caption { display:flex; gap:6px; align-items:center; color:var(--accent-strong); font:9px var(--mono); letter-spacing:1px }
    .ai_caption .icon { width:13px; height:13px }
    .score_visual { display:flex; gap:12px; align-items:center; margin:16px 0 }
    .score_ring { --score:94; display:grid; place-items:center; flex-shrink:0; width:64px; height:64px; border-radius:50%; background:conic-gradient(var(--accent-strong) calc(var(--score)*1%),var(--border) 0); position:relative }
    .score_ring::before { content:''; position:absolute; inset:4px; background:var(--surface); border-radius:50% }
    .score_ring strong { position:relative; font:500 22px var(--mono); color:var(--accent-strong) }
    .score_visual b { font-size:11px; font-weight:500 }
    .score_visual p { font-size:9px; color:var(--muted); margin-top:3px }
    .ai_reasons { margin:0; padding:0; list-style:none; display:grid; gap:9px }
    .ai_reasons li { font-size:9px; color:var(--ink-2); display:flex; align-items:flex-start; gap:6px }
    .ai_reasons .icon { width:12px; height:12px; color:var(--accent-strong); margin-top:2px }
    .ai_footer { padding-top:11px; margin-top:13px; border-top:1px solid var(--border); color:var(--muted); font:8px var(--mono) }
    .app_status { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:16px; padding:10px 0; border-top:1px solid var(--border); color:var(--muted); font:8px var(--mono) }
    .app_status .status_text { display:flex; align-items:center; gap:6px }
    .app_status .live_dot { width:4px; height:4px; box-shadow:none }
    .floating_signal { position:absolute; bottom:100px; left:-30px; display:flex; align-items:center; gap:12px; padding:15px 19px; border:1px solid var(--border-2); background:var(--glass); backdrop-filter:blur(20px); box-shadow:0 10px 35px var(--shadow); border-radius:11px; animation:float 6s ease-in-out infinite; pointer-events:none; z-index:4 }
    .signal_icon { display:grid; place-items:center; width:33px; height:33px; background:var(--accent-soft); color:var(--accent-strong); border-radius:9px }
    .floating_signal b { font-size:11px; font-weight:500; display:block }
    .floating_signal p { font-size:9px; color:var(--muted); margin-top:3px }
    .preview_caption { display:flex; justify-content:space-between; align-items:center; margin:20px 2px 0; font:10px var(--mono); color:var(--muted); gap:14px }
    .preview_caption .caption_left { display:flex; gap:8px; align-items:center }
    .preview_caption .icon { width:12px; height:12px }
    .demo_controls { display:flex; align-items:center; gap:6px }
    .demo_controls button { padding:5px 9px; border:1px solid var(--border); background:transparent; border-radius:5px; font:10px var(--mono); color:var(--ink-2) }
    .demo_controls button:hover { background:var(--surface-2) }
    .demo_controls .icon { width:11px; height:11px; vertical-align:middle }
    .demo_tab { display:none }
    .demo_tab.active { display:block; animation:panel_in .45s var(--ease) }
    .campaign { display:grid; grid-template-columns:1fr 170px; gap:20px; padding:18px; border:1px solid var(--border); border-radius:9px; background:var(--accent-soft); margin-bottom:16px }
    .campaign h3 { font-size:14px; letter-spacing:-.3px }
    .campaign p { color:var(--muted); font-size:10px; margin-top:7px }
    .campaign .pill { font-size:9px; margin-top:12px; color:var(--accent-strong) }
    .mini_bars { display:flex; height:79px; gap:8px; align-items:flex-end }
    .mini_bars i { flex:1; border-radius:3px 3px 0 0; background:linear-gradient(var(--accent-strong),var(--accent)); height:var(--bar); transform-origin:bottom; animation:bar_grow 1.2s var(--ease) both; animation-delay:var(--delay,0s) }
    .job_row { display:grid; grid-template-columns:40px 1fr 95px; align-items:center; gap:10px; padding:13px 12px; border-bottom:1px solid var(--border); font-size:10px }
    .job_row>span:first-child { color:var(--muted); font:9px var(--mono) }
    .job_row .state { color:var(--accent-strong); font:9px var(--mono); text-align:right }
    .comment_demo { display:grid; grid-template-columns:1fr 1fr; gap:18px }
    .comment_card { border:1px solid var(--border-2); border-radius:9px; padding:20px; min-height:277px; background:var(--accent-soft) }
    .comment_card .person { display:flex; align-items:center; gap:10px; font-size:12px; margin-bottom:20px }
    .avatar { width:33px; height:33px; background:var(--surface-2); color:var(--accent-strong); display:grid; place-items:center; border-radius:50%; font-size:10px }
    .comment_card .person small { font-size:9px; display:block; color:var(--muted); margin-top:3px }
    .comment_card p { font-size:12px; line-height:1.9; color:var(--ink-2) }
    .comment_card .ai_caption { margin-bottom:20px }
    .comment_card .btn { font-size:10px; padding:8px 12px; margin-top:22px }
    .comment_card .btn:disabled { cursor:default; opacity:.7; transform:none }
    .capabilities { display:flex; justify-content:center; gap:46px; align-items:center; border-bottom:1px solid var(--border); padding:57px 0 44px; flex-wrap:wrap }
    .capabilities span { display:flex; align-items:center; gap:10px; color:var(--muted); font-size:13px }
    .capabilities .icon { width:18px; height:18px; color:var(--ink-2) }
    .features { padding:110px 0 }
    .section_head { display:flex; align-items:flex-end; justify-content:space-between; gap:45px; margin-bottom:43px }
    .section_head p { color:var(--ink-2); max-width:350px; font-size:14px; line-height:1.9; padding-bottom:5px }
    .bento { display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:18px }
    .feature_card { position:relative; overflow:hidden; border:1px solid var(--border); border-radius:var(--radius); background:linear-gradient(145deg,var(--surface),var(--bg)); transition:border-color .35s,transform .35s; min-width:0 }
    .feature_card:hover { border-color:var(--border-2); transform:translateY(-5px) }
    .spotlight::before { content:''; position:absolute; inset:0; background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),var(--accent-soft),transparent 70%); pointer-events:none; opacity:0; transition:opacity .4s }
    .spotlight:hover::before { opacity:1 }
    .feature_art { height:235px; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; border-bottom:1px solid var(--border) }
    .feature_text { padding:27px 27px 32px; position:relative }
    .feature_text .feature_number { font:10px var(--mono); color:var(--accent-strong); letter-spacing:1px; display:block; margin-bottom:15px }
    .feature_text h3 { font-size:21px; line-height:1.4 }
    .feature_text p { color:var(--muted); font-size:13px; line-height:1.85; margin-top:12px }
    .radar { width:210px; height:210px; border-radius:50%; position:relative; border:1px solid var(--border-2); background:repeating-radial-gradient(circle,transparent 0,transparent 33px,var(--border) 34px,transparent 35px) }
    .radar::before,.radar::after { content:''; position:absolute; background:var(--border); top:0; bottom:0; width:1px; left:50% }
    .radar::after { transform:rotate(90deg) }
    .radar_sweep { position:absolute; inset:0; border-radius:50%; background:conic-gradient(transparent 260deg,var(--accent-soft) 330deg,var(--sweep) 360deg); animation:spin 8s linear infinite }
    .radar_core { position:absolute; inset:80px; border:1px solid var(--border-2); border-radius:13px; display:grid; place-items:center; background:var(--surface-2); box-shadow:0 0 35px var(--glow); z-index:2 }
    .radar_core .icon { color:var(--accent-strong); width:24px; height:24px }
    .radar_point { position:absolute; width:7px; height:7px; background:var(--accent-strong); border-radius:50%; box-shadow:0 0 14px var(--accent-strong); animation:live 3s infinite }
    .radar_point.one { top:41px; left:59px }.radar_point.two { top:143px; left:167px; animation-delay:1s }.radar_point.three { top:152px; left:50px; animation-delay:2s }
    .radar_tag { position:absolute; left:11px; top:52px; border:1px solid var(--border-2); background:var(--glass); padding:7px 10px; border-radius:6px; font:9px var(--mono); color:var(--ink-2); animation:float 6s ease-in-out infinite }
    .radar_tag.right { left:auto; right:8px; top:150px; color:var(--accent-strong); animation-delay:-3s }
    .scoring_art { background:radial-gradient(ellipse at 50% 65%,var(--accent-soft),transparent 65%); flex-direction:column; gap:15px }
    .big_score { display:flex; gap:17px; align-items:center }
    .big_score strong { font:500 81px/1 var(--mono); color:var(--accent-strong); letter-spacing:-6px }
    .big_score .out_of { font:12px var(--mono); color:var(--muted) }
    .score_tags { display:flex; gap:6px; flex-wrap:wrap; justify-content:center; max-width:230px }
    .score_tags span { font-size:9px; color:var(--accent-strong); border:1px solid var(--border-2); padding:4px 7px; border-radius:4px }
    .score_meter { height:4px; width:185px; border-radius:4px; background:var(--surface-2); overflow:hidden }
    .score_meter span { display:block; height:100%; width:94%; background:var(--accent-strong); transform-origin:left; animation:meter 8s var(--ease) infinite }
    .chat_art { padding:25px 20px; display:flex; flex-direction:column; gap:13px; align-items:stretch; justify-content:center }
    .bubble { border:1px solid var(--border); background:var(--surface-2); border-radius:10px 10px 10px 2px; font-size:10px; padding:12px; width:86%; color:var(--ink-2); line-height:1.8; animation:float 7s ease-in-out infinite }
    .bubble.reply { align-self:flex-end; border-color:var(--accent-soft); background:var(--accent-soft); color:var(--accent-strong); border-radius:10px 10px 2px 10px; animation-delay:-3s }
    .bubble span { display:block; font:8px var(--mono); margin-bottom:5px; color:var(--muted) }
    .bubble.reply span { color:var(--accent-strong) }
    .chat_art .approved { align-self:flex-end; display:flex; align-items:center; gap:5px; font:8px var(--mono); color:var(--accent-strong) }
    .approved .icon { width:10px; height:10px }
    .workflow { padding:110px 0 }
    .workflow_top { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:48px; gap:40px }
    .workflow_top .text_link { color:var(--ink-2); padding-bottom:5px }
    .steps { display:grid; grid-template-columns:repeat(3,1fr); gap:54px; position:relative }
    .steps::before { content:''; position:absolute; top:25px; left:25px; right:25px; height:1px; background:linear-gradient(90deg,var(--accent),var(--border-2),var(--border)); z-index:-1 }
    .step_marker { width:50px; height:50px; display:grid; place-items:center; border:1px solid var(--border-2); background:var(--bg); border-radius:50%; color:var(--accent-strong); font:14px var(--mono); margin-bottom:26px; box-shadow:0 0 0 10px var(--bg) }
    .step h3 { font-size:20px }
    .step p { font-size:13px; color:var(--muted); line-height:1.9; margin-top:13px; max-width:305px }
    .privacy_panel { display:grid; grid-template-columns:1fr 1fr; align-items:center; border:1px solid var(--border-2); border-radius:24px; background:linear-gradient(110deg,var(--surface-2),var(--surface)); overflow:hidden; min-height:340px; position:relative }
    .privacy_copy { padding:49px 0 49px 49px }
    .privacy_copy h2 { font-size:38px; line-height:1.25 }
    .privacy_copy p { color:var(--ink-2); font-size:13px; line-height:1.9; margin:18px 0 23px; max-width:415px }
    .privacy_copy .text_link { font-size:12px; color:var(--accent-strong) }
    .privacy_diagram { height:300px; position:relative; display:flex; justify-content:center; align-items:center; gap:75px }
    .privacy_diagram::before { content:''; position:absolute; width:380px; height:260px; background:radial-gradient(ellipse,var(--accent-soft),transparent 70%) }
    .data_node { display:grid; justify-items:center; gap:13px; z-index:2 }
    .data_node .node_box { width:84px; height:84px; display:grid; place-items:center; border:1px solid var(--border-2); border-radius:19px; background:var(--surface); box-shadow:0 8px 40px var(--shadow) }
    .data_node.primary .node_box { border-color:var(--accent); background:var(--surface-2); box-shadow:0 0 45px var(--glow) }
    .data_node .icon { width:32px; height:32px; color:var(--accent-strong) }
    .data_node span { font-size:11px; color:var(--ink-2) }
    .data_node small { font:9px var(--mono); color:var(--muted); margin-top:-8px }
    .data_connection { position:absolute; top:122px; width:94px; height:1px; background:var(--border-2); left:calc(50% - 47px); overflow:visible }
    .data_connection i { display:block; width:18px; height:2px; background:var(--accent-strong); box-shadow:0 0 10px var(--accent); animation:packet 4s linear infinite }
    .data_connection small { position:absolute; font:8px var(--mono); color:var(--muted); top:-26px; white-space:nowrap; left:9px }
    .privacy_stamp { position:absolute; bottom:25px; font:9px var(--mono); display:flex; align-items:center; gap:6px; color:var(--accent-strong) }
    .privacy_stamp .icon { width:12px; height:12px }
    .pricing { padding:110px 0 100px; display:grid; grid-template-columns:1fr; gap:40px; align-items:start }
    .pricing h2 { line-height:1.28 }
    .pricing .section_copy { font-size:14px; max-width:440px }
    .pricing .text_link { margin-top:28px; color:var(--accent-strong) }
    .plan_card { padding:33px 36px; background:linear-gradient(140deg,var(--accent-soft),var(--surface)); border:1px solid var(--border-2); border-radius:var(--radius); position:relative; box-shadow:0 10px 80px var(--accent-soft) }
    .plan_top { display:flex; justify-content:space-between; align-items:center; margin-bottom:20px }
    .plan_top h3 { font-size:18px }.plan_top .pill { font-size:9px; color:var(--accent-strong); background:var(--accent-soft) }
    .plan_price { font-size:51px; letter-spacing:-2px; line-height:1.3; font-weight:500 }
    .plan_price small { font-size:12px; letter-spacing:0; color:var(--muted); font-weight:400 }
    .plan_card>p { color:var(--muted); font-size:12px; margin-top:8px }
    .plan_features { list-style:none; padding:22px 0; margin:21px 0 0; border-top:1px solid var(--border); display:grid; gap:12px }
    .plan_features li { display:flex; align-items:center; gap:9px; font-size:12px; color:var(--ink-2) }
    .plan_features .icon { width:15px; height:15px; color:var(--accent-strong) }
    .plan_card .btn { width:100% }
    .faq { padding:15px 0 108px; display:grid; grid-template-columns:.8fr 1.2fr; gap:90px }
    .faq_intro p { color:var(--muted); margin-top:19px; font-size:13px; line-height:1.9 }
    .faq_intro a { color:var(--ink-2); border-bottom:1px solid var(--border-2) }
    .faq_list details { border-bottom:1px solid var(--border-2) }
    .faq_list details:first-child { border-top:1px solid var(--border-2) }
    .faq_list summary { display:flex; gap:20px; align-items:center; justify-content:space-between; list-style:none; cursor:pointer; padding:23px 0; font-size:14px; font-weight:500; line-height:1.7 }
    .faq_list summary::-webkit-details-marker { display:none }
    .faq_list summary .icon { width:16px; height:16px; color:var(--muted); transition:transform .3s }
    .faq_list details[open] summary .icon { transform:rotate(45deg); color:var(--accent-strong) }
    .faq_list details p { color:var(--ink-2); font-size:13px; line-height:1.9; padding:0 27px 24px 0; animation:panel_in .35s var(--ease) }
    .final_cta { padding:72px 24px 68px; text-align:center; border:1px solid var(--border-2); border-radius:24px; position:relative; overflow:hidden; isolation:isolate; background:linear-gradient(130deg,var(--surface-2),var(--surface)) }
    .final_cta::before { content:''; position:absolute; width:730px; height:350px; left:50%; top:40%; translate:-50% 0; background:radial-gradient(ellipse,var(--halo),transparent 68%); z-index:0; pointer-events:none; animation:halo 8s ease-in-out infinite alternate }
    .final_cta > :not(.cta_rings) { position:relative; z-index:1 }
    .final_cta.reveal.pending { transform:none }
    .final_cta.reveal.visible { transition-property:opacity }
    .final_cta .section_label { justify-content:center; font-size:10px; letter-spacing:2px }
    .final_cta h2 { font-size:clamp(30px,4vw,46px); line-height:1.3; max-width:780px; margin:auto }
    .final_cta p { color:var(--ink-2); font-size:14px; margin:20px 0 28px }
    .final_cta .cta_rings { position:absolute; width:950px; height:450px; border:1px solid var(--accent-soft); border-radius:50%; left:50%; top:180px; translate:-50% 0; z-index:0; pointer-events:none }
    .site_footer { padding:65px 0 26px }
    .footer_top { display:flex; justify-content:space-between; gap:50px; padding-bottom:40px }
    .footer_brand .brand { font-size:21px }
    .footer_brand .brand img { width:32px; height:32px }
    .footer_brand p { color:var(--muted); font-size:12px; max-width:275px; line-height:1.8; margin-top:17px }
    .footer_nav { display:flex; gap:70px }
    .footer_nav>div { display:grid; align-content:start; gap:12px; font-size:12px; color:var(--muted) }
    .footer_nav b { color:var(--ink-2); font-weight:500; margin-bottom:5px }
    .footer_nav a:hover { color:var(--ink) }
    .footer_bottom { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--border); padding-top:23px; color:var(--muted); font-size:10px; gap:20px }
    .footer_bottom .text_link { font:10px var(--mono) }
    .footer_bottom .icon { width:13px; height:13px; transform:rotate(-90deg) }
    .reveal { opacity:1; transform:none }
    .reveal.pending { opacity:0; transform:translateY(24px) }
    .reveal.visible { opacity:1; transform:none; transition:opacity .85s var(--ease),transform .85s var(--ease); transition-delay:var(--delay,0s) }
    .toast { position:fixed; bottom:25px; left:50%; translate:-50% 20px; z-index:80; max-width:calc(100% - 36px); width:max-content; padding:14px 20px; border:1px solid var(--border-2); border-radius:10px; background:var(--surface-2); box-shadow:0 12px 50px var(--shadow); font-size:13px; opacity:0; pointer-events:none; transition:opacity .25s,translate .25s }
    .toast.show { opacity:1; translate:-50% 0 }
    body.motion_paused .live_dot,body.motion_paused .hero_halo,body.motion_paused .spark,
    body.motion_paused .shine,body.motion_paused .floating_signal,body.motion_paused .radar_sweep,
    body.motion_paused .radar_point,body.motion_paused .radar_tag,body.motion_paused .bubble,
    body.motion_paused .scan_line span,body.motion_paused .score_meter span,
    body.motion_paused .data_connection i,body.motion_paused .final_cta::before { animation-play-state:paused }
    body.motion_paused .demo_tab.active,body.motion_paused .faq_list details p,
    body.motion_paused .mini_bars i { animation:none }
    body.motion_paused .reveal.visible { transition:none }
    @keyframes enter { from { opacity:0; transform:translateY(24px) } to { opacity:1; transform:none } }
    @keyframes panel_in { from { opacity:0; transform:translateY(9px) } to { opacity:1; transform:none } }
    @keyframes live { 0%,100% { opacity:1 } 50% { opacity:.38 } }
    @keyframes halo { from { opacity:.65; scale:.9 } to { opacity:1; scale:1.12 } }
    @keyframes text_glow { from { background-position:0% center } to { background-position:100% center } }
    @keyframes float { 0%,100% { transform:translateY(0) } 50% { transform:translateY(-8px) } }
    @keyframes spin { to { transform:rotate(360deg) } }
    @keyframes scan_line { 0%,100% { transform:translateX(-100%) } 50% { transform:translateX(250%) } }
    @keyframes bar_grow { from { transform:scaleY(.1) } to { transform:scaleY(1) } }
    @keyframes meter { 0%,8% { transform:scaleX(.05) } 32%,100% { transform:scaleX(1) } }
    @keyframes packet { 0% { transform:translateX(0); opacity:0 } 20%,80% { opacity:1 } 100% { transform:translateX(78px); opacity:0 } }
    @media (min-width:1600px) { .hero { padding-top:95px }.hero h1 { font-size:85px }.hero_intro>p { margin-top:25px }.preview_stage { margin-top:75px } }
    @media (max-width:1100px) {
      .nav_links { gap:19px }.nav_actions { gap:12px }.language { display:none }
      .app_shell { grid-template-columns:155px 1fr }.app_main { padding:20px 17px 0 }.workspace { grid-template-columns:minmax(0,1fr) 200px; gap:12px }
      .lead_content { max-width:180px }.floating_signal { left:-8px; bottom:85px }.app_sidebar { padding-inline:8px }
      .capabilities { gap:24px }.bento { grid-template-columns:repeat(3,1fr) }.feature_text { padding:24px 20px 28px }.feature_text h3 { font-size:19px }
      .privacy_copy { padding:40px 0 40px 35px }.privacy_copy h2 { font-size:33px }.privacy_diagram { gap:60px }.data_connection { width:75px; left:calc(50% - 37px) }
      .pricing { gap:45px }.faq { gap:45px }.footer_nav { gap:40px }
    }
    @media (max-width:850px) {
      .nav_bar { height:72px }.nav_links { gap:15px; font-size:11px }.nav_actions .btn { font-size:11px }.brand { font-size:21px }.nav_bar { gap:15px }
      .hero { padding-top:56px }.hero h1 { font-size:62px; letter-spacing:-3px }.hero_intro>p { max-width:560px; font-size:14px }
      .app_shell { grid-template-columns:57px 1fr }.app_sidebar { padding:20px 7px 14px }.app_brand { padding:0; justify-content:center; margin-bottom:25px }.app_brand>span,.side_item>span,.side_label,.side_bottom { display:none }.side_item { justify-content:center; padding:12px 8px }.side_item .icon { width:18px; height:18px }
      .workspace { grid-template-columns:minmax(0,1fr) 195px }.metric { padding:10px }.metric small { display:none }.lead_content { max-width:190px }
      .capabilities { gap:19px }.capabilities span { font-size:11px }.section_head { align-items:flex-start; flex-direction:column; gap:23px }.section_head p { max-width:540px }
      .bento { gap:12px }.feature_text { padding:22px 17px }.feature_text h3 { font-size:17px }.feature_text p { font-size:12px }.feature_art { height:215px }.radar { scale:.85 }.radar_tag { font-size:8px; left:5px }.radar_tag.right { right:4px }
      .big_score strong { font-size:65px }.score_tags { gap:4px; padding:0 12px }.score_tags span { font-size:8px }.chat_art { padding:20px 12px }.bubble { width:93%; font-size:9px }
      .workflow_top { align-items:flex-start; flex-direction:column; gap:25px }.steps { gap:26px }.step h3 { font-size:17px }.step p { font-size:12px }
      .privacy_panel { grid-template-columns:1.1fr 1fr }.privacy_copy { padding:35px 0 35px 30px }.privacy_copy h2 { font-size:28px }.privacy_diagram { gap:40px }.data_node .node_box { width:66px; height:66px }.data_connection { top:124px; width:45px; left:calc(50% - 22px) }.data_node span { font-size:9px }.data_node small { font-size:8px }.data_connection small { left:-14px }
      .pricing { gap:32px }.pricing h2 { font-size:34px }.plan_card { padding:28px }.faq { grid-template-columns:1fr; gap:35px }.faq_intro p br { display:none }
    }
    @media (max-width:650px) {
      html { scroll-padding-top:90px }.wrap { width:calc(100% - 36px) }.nav_bar { height:68px }.nav_bar>.brand { font-size:21px }.brand img { width:33px; height:33px }.nav_actions { margin-left:auto }.nav_actions>.btn { padding:8px 10px; font-size:10px }.nav_actions>.btn .icon { display:none }.menu_toggle { display:block }
      .nav_links { display:none; position:absolute; left:0; top:68px; right:0; padding:20px 24px 25px; background:var(--surface); border-bottom:1px solid var(--border-2); flex-direction:column; align-items:stretch; gap:0; font-size:14px }.nav_links.open { display:flex }.nav_links a { padding:12px 0 }
      .hero { padding-top:44px }.hero_badge { font-size:10px; gap:8px }.hero_badge .new { font-size:9px }.hero h1 { font-size:clamp(35px,9.5vw,57px); letter-spacing:-2px; margin-top:28px; line-height:1.3 }.hero h1 .shine { padding-bottom:4px }.hero_intro>p { font-size:13px; max-width:400px; line-height:1.9; margin-top:18px }.hero_cta { gap:11px; margin-top:26px; flex-wrap:wrap }.hero_cta .btn { font-size:12px; padding:12px 16px }.hero_note { gap:13px; font-size:9px; flex-wrap:wrap; margin-top:17px }.hero_note .icon { width:11px; height:11px }
      .preview_stage { margin-top:45px; padding:0 }.app_shell { grid-template-columns:1fr; min-height:0 }.app_sidebar { flex-direction:row; padding:9px; gap:5px; border-right:0; border-bottom:1px solid var(--border) }.app_brand { display:none }.side_item { width:auto; flex:1; margin:0; padding:8px 4px; gap:6px }.side_item>span:not(.count) { display:inline; font-size:9px }.side_item .icon { width:13px; height:13px }.side_item .count { display:none }.side_item.decorative { display:none }
      .window_bar { height:32px; font-size:8px; padding:0 11px }.window_dots { width:auto; gap:4px }.window_dots b { width:5px; height:5px }.window_state { font-size:7px }.app_main { padding:16px 12px 0 }.app_heading { margin-bottom:14px }.app_heading h2 { font-size:18px }.app_heading p { font-size:8px }.app_heading .pill { font-size:7px; padding:4px 6px }.metrics { gap:7px; margin-bottom:15px }.metric { padding:8px }.metric .label { font-size:8px; gap:4px }.metric .icon { width:10px; height:10px }.metric strong { font-size:20px; margin-top:5px }
      .workspace { grid-template-columns:1fr }.ai_panel { display:grid; grid-template-columns:1fr 1fr; gap:0 15px; padding:12px }.ai_caption { grid-column:1/-1; font-size:8px }.score_visual { margin:12px 0 0; gap:9px }.score_ring { width:50px; height:50px }.score_ring strong { font-size:18px }.score_visual b { font-size:10px }.score_visual p { font-size:8px }.ai_reasons { padding-top:10px; gap:5px }.ai_reasons li { font-size:8px }.ai_reasons .icon { width:10px; height:10px }.ai_footer { display:none }.lead_row { padding:10px 9px; grid-template-columns:33px minmax(0,1fr) 68px }.lead_content { max-width:100%; font-size:9px }.lead_person { font-size:10px }.lead_time { font-size:8px }.lead_time .phone { font-size:8px }.lead_headers { grid-template-columns:44px 1fr 70px }.app_status { font-size:7px; margin-top:12px }.app_status>span:last-child { display:none }.floating_signal { display:none }.preview_caption { font-size:8px; align-items:flex-start; flex-direction:column; gap:12px; margin-top:16px }.demo_controls { width:100%; justify-content:space-between }.demo_controls button { font-size:9px }.caption_left .icon { width:11px; height:11px }
      .campaign { grid-template-columns:1fr 100px; padding:14px; gap:10px }.campaign h3 { font-size:12px }.campaign p { font-size:9px }.mini_bars { gap:5px; height:70px }.job_row { grid-template-columns:32px 1fr 73px; gap:6px; font-size:9px; padding:13px 6px }.job_row .state { font-size:8px }.comment_demo { grid-template-columns:1fr; gap:10px }.comment_card { padding:16px; min-height:0 }.comment_card .person { margin-bottom:12px }.comment_card p { font-size:11px }.comment_card .ai_caption { margin-bottom:12px }
      .capabilities { display:grid; grid-template-columns:1fr 1fr; gap:21px 15px; padding:35px 0 }.capabilities span { font-size:10px; gap:8px }.capabilities .icon { width:15px; height:15px }
      .features { padding:70px 0 }.section_label { font-size:10px; letter-spacing:1.6px; margin-bottom:19px }h2 { font-size:32px; letter-spacing:-1.4px }.section_head { margin-bottom:28px; gap:18px }.section_head p { font-size:13px }.bento { grid-template-columns:1fr; gap:16px }.feature_art { height:240px }.feature_text { padding:24px }.feature_text h3 { font-size:23px }.feature_text p { font-size:14px }.feature_text .feature_number { margin-bottom:12px }.radar { scale:1 }.radar_tag { font-size:10px; left:24px }.radar_tag.right { right:21px }.big_score strong { font-size:85px }.score_tags span { font-size:10px }.score_meter { width:200px }.chat_art { padding:25px 28px }.bubble { font-size:12px; width:83%; padding:13px }.bubble span { font-size:9px }.chat_art .approved { font-size:9px }
      .workflow { padding:70px 0 }.workflow_top { margin-bottom:32px }.steps { grid-template-columns:1fr; gap:33px }.steps::before { top:25px; bottom:25px; left:24px; width:1px; height:auto; right:auto; background:linear-gradient(var(--accent),var(--border)) }.step { padding-left:76px; position:relative; min-height:86px }.step_marker { position:absolute; top:0; left:0; width:48px; height:48px }.step h3 { font-size:19px; padding-top:4px }.step p { font-size:13px; max-width:none; margin-top:10px }
      .privacy_panel { grid-template-columns:1fr }.privacy_copy { padding:29px 25px 0 }.privacy_copy h2 { font-size:31px }.privacy_copy p { font-size:13px }.privacy_diagram { height:255px; gap:72px }.data_node .node_box { width:76px; height:76px }.data_node span { font-size:11px }.data_node small { font-size:9px }.data_connection { top:103px; width:75px; left:calc(50% - 37px) }.data_connection small { left:2px }.privacy_stamp { bottom:14px }
      .pricing { padding:70px 0; grid-template-columns:1fr; gap:30px }.pricing h2 { font-size:33px }.pricing .section_copy { font-size:13px }.pricing .text_link { margin-top:21px }.plan_card { padding:28px }.plan_features li { font-size:13px }.plan_card>p { font-size:13px }
      .faq { padding:0 0 65px; gap:30px }.faq_list summary { font-size:13px; padding:21px 0 }.faq_list details p { font-size:12px }.final_cta { padding:47px 20px; border-radius:18px }.final_cta h2 { font-size:29px; letter-spacing:-1.2px }.final_cta p { font-size:12px; line-height:1.9 }.final_cta .btn { font-size:12px; padding:13px 18px }.final_cta .section_label { font-size:9px }
      .site_footer { padding:43px 0 23px }.footer_top { flex-direction:column; gap:32px; padding-bottom:28px }.footer_brand p { max-width:320px }.footer_nav { justify-content:space-between; gap:20px }.footer_nav>div { font-size:11px; gap:11px }.footer_bottom { font-size:9px; gap:12px; align-items:flex-start }.footer_bottom .text_link { font-size:9px; white-space:nowrap }
    }

/* Homepage integration: live plans, release cards and the company footer. */
[hidden] { display:none!important }
.anchor_alias { display:block; position:absolute; inset:0 auto auto 0; scroll-margin-top:110px; pointer-events:none }
.workflow { position:relative }
.lead_body { min-width:0 }
.lead_content { display:block }
.pricing_grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px }
.pricing_grid .plan_card { display:flex; flex-direction:column; padding:30px; box-shadow:0 10px 40px var(--halo-soft); background:var(--surface); min-width:0 }
.pricing_grid .plan_card.featured { border-color:var(--accent); background:linear-gradient(140deg,var(--accent-soft),var(--surface)); box-shadow:0 0 0 3px var(--accent-soft) }
.pricing_grid .plan_card h3 { font-size:23px }
.pricing_grid .plan_tagline { min-height:44px; line-height:1.8 }
.pricing_grid .plan_price { margin-top:14px; display:flex; align-items:baseline; gap:8px; flex-wrap:wrap }
.pricing_grid .plan_credit { color:var(--accent-strong); font-weight:500 }
.pricing_grid .plan_features { margin-bottom:18px; flex:1 }
.pricing_grid .plan_features li { align-items:flex-start }
.pricing_grid .plan_features .icon { margin-top:3px }
.pricing_grid .btn { white-space:normal; text-align:center }
.price_badge { align-self:flex-start; background:var(--accent-strong); color:white; border-radius:20px; padding:4px 10px; font-size:10px; margin-bottom:16px }
.pricing_grid .featured h3 { margin-top:0 }
.pricing_grid .enterprise { justify-content:center; background:linear-gradient(135deg,var(--accent-soft),var(--surface-2)) }
.pricing_grid .enterprise h3 { font-size:27px; line-height:1.5 }
.pricing_note { color:var(--muted); font-size:12px; max-width:820px; line-height:1.9 }
.pricing_note a { color:var(--accent-strong) }
.download_grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; max-width:780px; margin:35px auto }
.dl-card { border:1px solid var(--border-2); border-radius:16px; background:var(--glass); padding:28px 22px; min-width:0 }
.dl-card>.icon { width:30px; height:30px; margin-bottom:14px; color:var(--accent-strong) }
.dl-card h3 { font-size:21px }
.final_cta .dl-meta { font-size:11px; min-height:22px; margin:12px 0 22px; overflow-wrap:anywhere }
.dl-card .btn { white-space:normal; width:100% }
.dl-card [data-dl-notify] { display:block; margin-top:14px; font-size:12px; color:var(--accent-strong) }
.dl-card [aria-disabled=true] { opacity:.6; pointer-events:none }
.final_cta .download_note { max-width:790px; margin:15px auto 0; font-size:11px; line-height:1.9 }
.download_note a { color:var(--accent-strong); text-decoration:underline }
.footer_top { display:grid; grid-template-columns:1.7fr 1fr 1fr 1fr; gap:32px }
.footer_col { display:flex; flex-direction:column; gap:12px; font-size:12px; color:var(--muted); min-width:0; overflow-wrap:anywhere }
.footer_col h4 { color:var(--ink-2); font-size:12px; margin:0 0 5px; font-weight:600 }
.footer_col a:hover { color:var(--accent-strong) }
.footer-company p { margin-top:7px; font-size:10px }
.footer_bottom { flex-wrap:wrap }
.footer-fine { flex:1; min-width:200px }
.lang-switch { display:flex; gap:12px }
.lang-switch .active { color:var(--accent-strong); font-weight:600 }
.noscript_note { text-align:center; font-size:12px; padding:20px }
.home_no_js .demo_controls,.home_no_js .menu_toggle { display:none }
html[lang=en] .hero h1 { letter-spacing:-3px }
html[lang=en] .hero_intro>p { max-width:700px }
html[lang=en] .app_heading h2 { font-size:21px }
html[lang=en] .side_item { font-size:10px }
html[lang=en] .preview_caption { gap:12px; flex-wrap:wrap }
html[lang=en] .demo_controls { flex-wrap:wrap }
@media(max-width:1000px) { .pricing_grid { grid-template-columns:repeat(2,minmax(0,1fr)) }.footer_top { grid-template-columns:1.5fr 1fr; gap:35px } }
@media(max-width:700px) { .download_grid { grid-template-columns:1fr }.final_cta { padding-inline:20px }.footer_top { grid-template-columns:1fr 1fr }.footer_brand { grid-column:1/-1 }.pricing_grid .plan_card { padding:25px }.hero_note { flex-wrap:wrap }.btn { white-space:normal } }
@media(max-width:500px) { .pricing_grid { grid-template-columns:1fr }.final_cta { padding-inline:16px }.dl-card { padding:23px 16px }.footer_top { gap:28px 18px }.footer_col { font-size:11px }.demo_controls { flex-wrap:wrap }.hero_badge { max-width:100%; font-size:10px }.hero_badge .new { flex-shrink:0 }.hero_note { gap:10px }.privacy_stamp { max-width:95%; text-align:center }.app_heading>div { min-width:0 } }
@media(max-width:650px) { .home_no_js .site_header { position:relative }.home_no_js .nav_bar { height:auto; min-height:68px; flex-wrap:wrap; padding-block:14px }.home_no_js .nav_links { display:flex; position:static; order:3; flex:1 0 100%; flex-direction:row; flex-wrap:wrap; padding:0; border:0; gap:8px 18px; font-size:11px }.home_no_js .nav_links a { padding:5px 0 } }