/* Cards organized around one question, one outcome and one next action. */
.home18 { --card-surface:#0d1e28; --card-border:#2b424d; }
.home18 .section-intro { display:flex; align-items:end; justify-content:space-between; gap:48px; margin-bottom:32px; }
.home18 .section-intro h2 { margin:0; max-width:650px; }
.home18 .section-intro > p { max-width:345px; color:var(--home-muted); font-size:15px; line-height:1.8; margin:0 0 3px; }
.home18 .home18-hero-visual { border-radius:22px; }
.home18 .home18-quick { background:#0c1d25; border:1px solid var(--card-border); border-radius:16px; overflow:hidden; }
.home18 .home18-quick a { min-height:90px; }
.home18 .home18-quick a:hover { background:#15332f; }
.home18 .home18-quick span { display:grid; place-items:center; width:30px; height:30px; border:1px solid #34534e; border-radius:50%; flex-shrink:0; }
.presentation { display:grid; grid-template-columns:.75fr 1.25fr; gap:48px; align-items:center; padding-block:80px 10px; }
.presentation-copy h2 { margin:14px 0 20px; font-size:clamp(28px,3.2vw,42px); }
.presentation-copy > p:not(.v4-kicker) { color:var(--home-muted); font-size:16px; line-height:1.8; }
.video-facts { display:flex; gap:12px; margin:24px 0; color:#c5d7df; font-size:12px; }
.video-facts span + span { padding-left:12px; border-left:1px solid #47606a; }
.presentation-copy .v4-text-link { font-size:13px; }
.presentation-media { margin:0; min-width:0; }
.video-stage { position:relative; border-radius:20px; overflow:hidden; border:1px solid #385560; background:#061017; box-shadow:0 20px 45px #0003; }
.video-stage video { display:block; width:100%; aspect-ratio:16/9; background:#061017; }
.video-start { position:absolute; inset:auto 22px 45px; display:none; align-items:center; gap:16px; padding:13px 17px; border:1px solid #557065; border-radius:12px; background:#0b201df2; color:#edfff7; cursor:pointer; text-align:left; }
.video-start:not([hidden]) { display:flex; }
.video-start > span { display:grid; place-items:center; width:40px; height:40px; background:#75e8c1; border-radius:50%; color:#092b22; flex-shrink:0; }
.video-start strong { font-size:14px; }.video-start small { margin-left:auto; color:#bed8ce; }
.presentation-media figcaption { color:#90a9b4; font-size:11px; line-height:1.6; margin-top:12px; text-align:center; }
.home18 .v16-product-cards { gap:22px; }
.home18 .v16-product-cards article { display:flex; flex-direction:column; background:linear-gradient(155deg,#132b32,#0b1923 70%); border-color:#31534d; }
.home18 .v16-product-cards article:nth-child(2) { background:linear-gradient(155deg,#152939,#0b1923 70%); border-color:#304d63; }
.home18 .v16-product-cards article:nth-child(3) { background:linear-gradient(155deg,#2c2b25,#0b1923 70%); border-color:#59533b; }
.home18 .v16-card-copy { order:-1; padding:28px 28px 24px; flex:1; }
.home18 .v16-card-copy small { font-size:11px; text-transform:uppercase; letter-spacing:.1em; }
.home18 .v16-card-copy h3 { font-size:25px; line-height:1.25; margin:16px 0 12px; }
.home18 .v16-card-copy p { font-size:14px; line-height:1.8; }
.home18 .v16-product-cards button { width:calc(100% - 32px); margin:0 16px 16px; border:1px solid #37505a; border-radius:10px; overflow:hidden; }
.home18 .v16-product-cards button img { height:auto; aspect-ratio:16/8.5; object-fit:contain; }
.home18 .v16-product-cards button span { font-size:11px; padding:7px 10px; }
.start-download { padding-block:12px 65px; }
.download-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:24px; }
.trial-card { display:flex; flex-direction:column; padding:38px; border-radius:22px; color:#11382e; background:linear-gradient(140deg,#d0f5e4,#9ee8d1); border:1px solid #a9e4ce; }
.trial-eyebrow { display:flex; gap:9px; align-items:center; font-size:12px; font-weight:600; }
.trial-card h3 { margin:32px 0 20px; font-family:Manrope,sans-serif; }
.trial-card h3 strong { display:block; font-size:clamp(45px,4.5vw,64px); letter-spacing:-.065em; line-height:1.1; }
.trial-card h3 > span { display:block; font-size:26px; letter-spacing:-.045em; margin-top:6px; font-weight:500; }
.trial-card > p { font-size:14px; line-height:1.8; margin:0; max-width:310px; color:#2c574c; }
.trial-card ul { list-style:none; padding:0; margin:24px 0 30px; display:grid; gap:11px; font-size:13px; }
.trial-card li::before { content:'✓'; margin-right:10px; color:#1c735d; font-weight:bold; }
.trial-price { border-top:1px solid #2c705631; padding-top:24px; margin-top:auto; }
.trial-price > span { font-size:12px; color:#315e50; }.trial-price > div { display:flex; align-items:baseline; gap:6px; margin-top:7px; }
.trial-price strong { font:700 32px Manrope,sans-serif; letter-spacing:-.045em; }.trial-price div > span { font-size:13px; }
.trial-purchase { display:flex; gap:13px; align-items:flex-start; margin-top:24px; padding-top:22px; border-top:1px solid #2c705631; }
.trial-purchase > svg { width:25px; height:25px; stroke:#205744; fill:none; stroke-width:1.6; flex-shrink:0; }
.trial-purchase strong { font-size:13px; }.trial-purchase p { font-size:12px; line-height:1.7; margin:6px 0 0; color:#315e50; }
.installer-card { border:1px solid var(--card-border); padding:32px; border-radius:22px; background:var(--card-surface); }
.installer-heading { display:flex; justify-content:space-between; gap:16px; align-items:start; }
.step-label { display:block; color:#7bb8aa; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.11em; }
.installer-heading h3 { font:600 26px Manrope,sans-serif; letter-spacing:-.04em; margin:10px 0 0; color:#edf7f7; }
.release-badge { font-size:10px; white-space:nowrap; color:#b3c9d2; padding:7px 9px; border:1px solid #324c58; border-radius:7px; }
.system-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:27px 0; }
.system-tabs button { display:flex; align-items:center; justify-content:center; gap:9px; min-height:61px; padding:12px 8px; border:1px solid #354c59; background:#0a1923; color:#abc1cb; border-radius:11px; cursor:pointer; font:600 13px 'DM Sans',sans-serif; }
.system-tabs button[aria-selected=true] { background:#183b34; border-color:#70d7b3; color:#b3f7da; box-shadow:inset 0 0 0 1px #70d7b320; }
.system-tabs button:hover { border-color:#80b5ac; }.system-tabs svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; }
.system-tabs button:first-child svg { fill:currentColor; stroke:none; }
.installer-panel { padding:26px; border:1px solid #2b4551; border-radius:14px; background:#091720; min-height:230px; }
.installer-panel[hidden] { display:none; }
.installer-panel h4 { font:600 23px Manrope,sans-serif; color:#f0f7fa; margin:12px 0 8px; letter-spacing:-.04em; }
.installer-panel > p { font-size:13px; color:#a4bbc5; line-height:1.7; margin:0 0 20px; }
.installer-download { display:flex; justify-content:space-between; align-items:center; gap:10px; min-height:48px; padding:13px 18px; border:1px solid #72edc4; border-radius:10px; background:#72edc4; color:#062a22; font-size:14px; font-weight:700; text-decoration:none; }
.installer-download:hover { background:#b1f6da; border-color:#b1f6da; }.installer-download > span:last-child { font-size:22px; }
.installer-panel > small { display:block; margin-top:12px; font-size:11px; color:#819eab; }
.mac-downloads { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.mac-downloads .installer-download { font-size:12px; }.mac-downloads small { display:block; font-size:10px; margin-top:4px; font-weight:400; }
.installer-help { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; align-items:center; margin-top:25px; padding-bottom:20px; border-bottom:1px solid #29414a; }
.installer-help a { color:#d2e5ed; text-decoration:none; font-size:12px; }.installer-help a:hover { color:#72edc4; }
.release-details { margin-top:18px; }.release-details summary { display:flex; justify-content:space-between; gap:15px; color:#98b1bc; font-size:12px; cursor:pointer; list-style:none; line-height:1.6; }.release-details summary::-webkit-details-marker { display:none; }
.release-details p { font-size:12px; line-height:1.7; color:#a7bec8; }.release-details[open] summary span { transform:rotate(45deg); }
.home18-projects .project-mark { display:grid; place-items:center; width:50px; height:50px; margin-bottom:24px; border-radius:13px; font-size:30px; }
.project-mark img { width:48px; height:48px; }.blackbox-mark { color:#ecc27d; background:#302a1e; border:1px solid #806a3e; }.future-mark { color:#bfa9ef; background:#281f3b; border:1px solid #514566; }
.home18-projects > a:nth-child(2) { border-color:#4e4634; }.home18-projects > a:nth-child(3) { border-color:#443952; }
.home18-projects h3 { margin-top:18px; }.home18-projects strong { width:100%; border-top:1px solid #29434c; padding-top:21px; }
.home18 .v16-news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.home18 .v16-news-grid article { display:flex; flex-direction:column; }
.home18 .v16-news-art img { aspect-ratio:16/8; object-fit:cover; }.home18 .v16-news-copy { display:flex; flex-direction:column; flex:1; }
.home18 .v16-news-copy h3 { font-size:25px; line-height:1.3; }.home18 .v16-news-copy > p:not(.v16-news-meta) { font-size:14px; }
.home18 .v16-news-copy > .v4-text-link { margin-top:auto; padding-top:18px; }
.origin-section { padding-block:20px 70px; }.origin-grid { display:grid; grid-template-columns:1.12fr 1fr; gap:22px; }
.origin-grid a { text-decoration:none; color:#e8f4f9; border:1px solid #354d60; border-radius:20px; transition:border-color .2s; }
.origin-grid a:hover { border-color:#86bcdf; }.origin-story { padding:36px; background:radial-gradient(ellipse at top left,#20425c,#101e2c 80%); display:flex; align-items:flex-start; flex-direction:column; }
.card-icon { display:grid; place-items:center; width:46px; height:46px; flex-shrink:0; border:1px solid #496c84; border-radius:12px; background:#3d719128; color:#9accf0; font:600 26px Manrope,sans-serif; }.card-icon svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.5; }
.origin-story .card-icon { margin-bottom:30px; }.origin-grid .step-label { color:#96bddd; }.origin-grid h3 { font:600 28px/1.25 Manrope,sans-serif; letter-spacing:-.04em; margin:14px 0; }
.origin-grid p { color:#aec4d1; font-size:14px; line-height:1.8; margin:0; }.origin-path { display:flex; flex-wrap:wrap; gap:13px; align-items:center; padding:25px 0; margin-top:auto; font-size:12px; color:#c1dae9; }.origin-path i { font-style:normal; color:#679bbb; }
.card-action { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#a9d7f5; font-size:13px; }.origin-story > .card-action { width:100%; padding-top:22px; border-top:1px solid #375369; }
.origin-side { display:grid; gap:22px; }.origin-side > a { display:flex; align-items:flex-start; gap:24px; padding:30px; background:#10202e; }.origin-side h3 { font-size:23px; margin-top:10px; }.origin-side .card-action { margin-top:24px; }.origin-side > a > div { flex:1; }
.origin-founder .founder-avatar { display:grid; place-items:center; flex-shrink:0; width:52px; height:52px; border-radius:50%; background:#20425f; border:1px solid #477090; color:#c4e0f6; font:600 18px Manrope,sans-serif; }
.linkedin-symbol { background:#1a6593; color:#fff; border-radius:3px; padding:1px 4px; font-size:12px; }.origin-founder .card-action { justify-content:flex-start; }.origin-founder .card-action > span:last-child { margin-left:auto; }
.home18 .home18-social { padding-top:20px; }.home18 .home18-channel { max-width:350px; justify-self:end; }.home18-social-links a { min-height:78px; }
.home18 .home18-faq details { border:1px solid #2b424d; border-radius:12px; padding-inline:22px; margin-bottom:12px; background:#0d1e28; }.home18 .home18-faq summary { font-size:15px; }.home18 .home18-faq details[open] { border-color:#517d6e; }
.home18 .v4-final { padding:48px; margin-bottom:35px; border:1px solid #35594e; border-radius:22px; background:radial-gradient(ellipse at top,#163a32,#091820); }.home18 .v4-final h2 { font-size:clamp(28px,4vw,45px); }
@media(max-width:1050px) { .download-layout { grid-template-columns:.85fr 1.15fr; gap:18px; }.trial-card { padding:28px; }.installer-card { padding:25px; }.presentation { gap:30px; }.origin-grid { grid-template-columns:1fr 1fr; }.origin-side > a { padding:24px; gap:18px; } }
@media(max-width:760px) { .home18 .section-intro { display:block; }.home18 .section-intro > p { margin-top:18px; max-width:100%; }.download-layout,.origin-grid,.presentation { grid-template-columns:1fr; }.presentation { padding-top:50px; gap:24px; }.presentation-copy h2 { max-width:490px; }.video-start { inset:auto 12px 42px; gap:9px; padding:10px; }.video-start strong { font-size:12px; }.video-start > span { width:34px; height:34px; }.video-start small { font-size:10px; }.home18 .v16-product-cards article { display:flex; }.start-download { padding-block:0 20px; }.trial-card { padding:28px; }.trial-card h3 { margin:24px 0 18px; }.trial-card ul { margin:22px 0; }.installer-card { padding:22px; }.installer-heading h3 { font-size:23px; }.system-tabs { gap:7px; }.system-tabs button { flex-direction:column; font-size:12px; gap:7px; }.installer-panel { padding:20px; }.installer-help { align-items:start; flex-direction:column; }.mac-downloads { grid-template-columns:1fr; }.home18 .v16-news-grid { grid-template-columns:1fr; }.origin-section { padding-block:10px 55px; }.origin-story { padding:28px; }.origin-side > a { padding:25px; }.home18 .home18-channel { justify-self:center; max-width:350px; }.home18 .v4-final { padding:32px 24px; }.release-badge { font-size:9px; } }
@media(prefers-reduced-motion:reduce) { .origin-grid a { transition:none; } }
@media(max-width:760px) {
  .trial-card { padding:25px; }
  .trial-card h3 { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 10px; margin:22px 0 16px; }
  .trial-card h3 strong { font-size:39px; }
  .trial-card h3 > span { font-size:21px; }
  .trial-card ul { display:none; /* Benefits are already explained in the preceding three product cards. */ }
  .trial-price { margin-top:20px; padding-top:18px; }
  .trial-purchase { margin-top:18px; padding-top:18px; }
  .home18 .v4-support-trigger { padding:10px; width:48px; height:48px; min-width:0; right:14px; bottom:14px; justify-content:center; }
  .home18 .v4-support-trigger > span, .home18 .v4-support-trigger > i { display:none; }
}