/* Home experience — problem-first landing page */
.home-new { --home-ink: #102b22; --home-forest: #073d31; --home-emerald: #0c5a47; --home-jade: #176b4b; --home-gold: #8a671f; --home-paper: #fbfcf8; --home-line: #dce6de; overflow: hidden; background: #f8faf7; color: var(--home-ink); }
.home-new h1, .home-new h2, .home-new h3, .home-new p { margin-top: 0; }
.home-new-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, .82fr); gap: clamp(46px, 8vw, 120px); align-items: center; max-width: 1320px; margin: 0 auto; padding: clamp(72px, 9vw, 128px) 30px clamp(76px, 10vw, 132px); }
.home-new-hero:before { content: ""; position: absolute; z-index: 0; inset: 0 0 auto; height: 100%; pointer-events: none; opacity: .72; background: linear-gradient(rgba(12,90,71,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(12,90,71,.035) 1px, transparent 1px); background-size: 44px 44px; mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.6) 48%, transparent 87%); }
.home-new-hero-text, .home-new-hero-visual { position: relative; z-index: 1; }
.home-new-hero-text { max-width: 680px; }
.home-new-kicker { display: inline-flex; align-items: center; gap: 9px; color: #5c7b6d; font-size: 10px; font-weight: 800; letter-spacing: 1.55px; text-transform: uppercase; }
.home-new-kicker-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--home-gold); box-shadow: 0 0 0 4px rgba(185,139,55,.13); }
.home-new-hero h1 { max-width: 680px; margin: 19px 0 22px; color: var(--home-forest); font-size: clamp(48px, 6.2vw, 82px); font-weight: 700; line-height: .98; letter-spacing: -4.7px; }
.home-new h1 em, .home-new h2 em { color: var(--home-gold); font-family: var(--serif); font-weight: 400; letter-spacing: -.9px; }
.home-new-lead { max-width: 590px; margin-bottom: 0; color: #587268; font-size: 17px; line-height: 1.67; }
.home-new-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 31px; }
.home-new-button { display: inline-flex; min-height: 47px; align-items: center; justify-content: center; gap: 10px; padding: 0 19px; border-radius: 8px; font-size: 13px; font-weight: 800; transition: transform 180ms var(--ease-out), box-shadow 180ms var(--ease-out), background 180ms var(--ease-out), border-color 180ms var(--ease-out); }
.home-new-button:hover { transform: translateY(-2px); }
.home-new-button:active { transform: scale(.97); }
.home-new-button-primary { color: #fff; background: var(--home-emerald); box-shadow: 0 12px 25px rgba(12,90,71,.19); }
.home-new-button-primary:hover { background: #083d31; box-shadow: 0 15px 30px rgba(12,90,71,.27); }
.home-new-button-quiet { color: var(--home-forest); border: 1px solid #d4e1d7; background: rgba(255,255,255,.72); }
.home-new-button-quiet:hover { border-color: #a7c2b0; background: #fff; }
.home-new-demo { display: flex; align-items: center; gap: 8px; margin: 23px 0 0; color: #73897f; font-size: 11px; font-weight: 600; }
.home-new-demo svg { flex: 0 0 auto; color: var(--home-gold); }
.home-new-hero-visual { min-height: 430px; display: grid; place-items: center; }
.home-new-visual-orbit { position: absolute; border: 1px solid rgba(185,139,55,.28); border-radius: 50%; transform: rotate(-22deg); }
.home-new-visual-orbit-one { width: 420px; height: 205px; background: rgba(255,255,255,.28); }
.home-new-visual-orbit-two { width: 510px; height: 270px; border-color: rgba(12,90,71,.1); transform: rotate(26deg); }
.home-new-paper { position: relative; width: min(100%, 383px); min-height: 375px; padding: 29px 30px; border: 1px solid #e3ebe4; border-radius: 10px; background: var(--home-paper); box-shadow: 0 30px 70px rgba(7,61,49,.15), 0 3px 8px rgba(7,61,49,.05); transform: rotate(2.6deg); }
.home-new-paper:before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(140deg, rgba(255,255,255,.88), transparent 46%); }
.home-new-paper > * { position: relative; }
.home-new-paper-head { display: flex; justify-content: space-between; color: #8b9d92; font-size: 9px; font-weight: 800; letter-spacing: 1.2px; }
.home-new-paper-head span:first-child { color: var(--home-emerald); }
.home-new-paper-title { margin-top: 48px; color: var(--home-forest); font-size: 28px; font-weight: 700; line-height: 1.04; letter-spacing: -1.4px; }
.home-new-paper-lines { display: grid; gap: 12px; margin-top: 42px; }
.home-new-paper-lines i { display: block; height: 7px; border-radius: 20px; background: #e7eee8; }
.home-new-paper-lines i:nth-child(1) { width: 91%; background: #c8ded0; }.home-new-paper-lines i:nth-child(2) { width: 68%; }.home-new-paper-lines i:nth-child(3) { width: 79%; }.home-new-paper-lines i:nth-child(4) { width: 46%; }
.home-new-paper-check { display: flex; align-items: center; gap: 7px; margin-top: 39px; padding: 12px; border-radius: 6px; color: #1e6b53; background: #e9f4ea; font-size: 10px; font-weight: 800; }
.home-new-paper-check svg { color: var(--home-gold); }
.home-new-note { position: absolute; z-index: 2; display: grid; gap: 2px; min-width: 150px; padding: 12px 14px; border: 1px solid rgba(215,227,218,.95); border-radius: 7px; background: rgba(255,255,255,.93); box-shadow: 0 12px 27px rgba(7,61,49,.1); }
.home-new-note-top { top: 34px; right: -10px; }.home-new-note-bottom { bottom: 44px; left: -19px; display: flex; align-items: center; gap: 8px; color: #527467; font-size: 10px; font-weight: 800; }.home-new-note-bottom svg { color: var(--home-emerald); }
.home-new-note span { color: var(--home-gold); font: 18px var(--serif); }.home-new-note strong { color: var(--home-forest); font-size: 11px; }.home-new-note small { color: #81968b; font-size: 9px; }
.home-new-audience { padding: 105px 30px 88px; background: #fff; }
.home-new-section-intro { max-width: 660px; margin: 0 auto 40px; text-align: center; }.home-new-section-intro-wide { max-width: 790px; }.home-new-section-intro h2, .home-new-after-intro h2 { margin: 12px 0 14px; color: var(--home-forest); font-size: clamp(35px, 4vw, 56px); line-height: 1.01; letter-spacing: -2.7px; }.home-new-section-intro p, .home-new-after-intro > p { max-width: 620px; margin: 0 auto; color: #6a8176; font-size: 15px; line-height: 1.65; }
.home-new-audience-grid { max-width: 1000px; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 15px; margin: 0 auto; }
.home-new-audience-card { position: relative; min-height: 292px; display: flex; flex-direction: column; padding: 28px 29px; border: 1px solid var(--home-line); border-radius: 10px; background: #f8fbf8; transition: transform 180ms var(--ease-out), box-shadow 180ms var(--ease-out), border-color 180ms var(--ease-out); }.home-new-audience-card:hover { transform: translateY(-4px); border-color: #b4cdbb; box-shadow: 0 18px 38px rgba(10,62,48,.1); }.home-new-audience-business { color: #fff; border-color: var(--home-forest); background: var(--home-forest); }.home-new-card-index { color: #759186; font-size: 9px; font-weight: 800; letter-spacing: 1.4px; }.home-new-audience-business .home-new-card-index { color: #b9d2c4; }.home-new-card-icon { width: 41px; height: 41px; display: grid; place-items: center; margin: 27px 0 17px; border-radius: 9px; color: var(--home-emerald); background: #e5f0e7; }.home-new-audience-business .home-new-card-icon { color: #f1d58f; background: rgba(255,255,255,.12); }.home-new-audience-card h3 { max-width: 390px; margin-bottom: 10px; color: var(--home-forest); font-size: 25px; line-height: 1.05; letter-spacing: -1.1px; }.home-new-audience-business h3 { color: #fff; }.home-new-audience-card p { max-width: 430px; margin-bottom: 20px; color: #6b8277; font-size: 12px; line-height: 1.6; }.home-new-audience-business p { color: #b9d1c5; }.home-new-card-link { display: flex; align-items: center; gap: 8px; margin-top: auto; color: var(--home-emerald); font-size: 11px; font-weight: 800; }.home-new-audience-business .home-new-card-link { color: #ecd18e; }.home-new-secondary-link { max-width: 1000px; display: flex; align-items: center; gap: 8px; margin: 18px auto 0; color: #6f877a; font-size: 11px; font-weight: 700; }.home-new-secondary-link svg:first-child { color: var(--home-gold); }.home-new-secondary-link span { margin-left: auto; color: #a1afa6; font-weight: 500; }
.home-new-shortcuts { max-width: 1320px; margin: 0 auto; padding: 112px 30px 118px; }.home-new-shortcuts .home-new-section-intro { margin-bottom: 43px; }.home-new-shortcut-list { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); max-width: 1000px; margin: 0 auto; border-top: 1px solid var(--home-line); border-left: 1px solid var(--home-line); }.home-new-shortcut { min-height: 112px; display: grid; grid-template-columns: 29px 41px minmax(0,1fr) 18px; gap: 15px; align-items: center; padding: 17px 19px; border-right: 1px solid var(--home-line); border-bottom: 1px solid var(--home-line); background: #fbfcfa; transition: background 180ms var(--ease-out), transform 180ms var(--ease-out); }.home-new-shortcut:hover { z-index: 1; background: #fff; box-shadow: 0 11px 27px rgba(10,62,48,.08); transform: translateY(-2px); }.home-new-shortcut-number { align-self: start; padding-top: 3px; color: #9daf9f; font: 17px var(--serif); }.home-new-shortcut-icon { width: 41px; height: 41px; display: grid; place-items: center; border-radius: 9px; color: var(--home-emerald); background: #e7f0e8; }.home-new-shortcut-copy { display: grid; gap: 4px; min-width: 0; }.home-new-shortcut-copy strong { color: var(--home-forest); font-size: 14px; line-height: 1.15; }.home-new-shortcut-copy small { color: #789085; font-size: 11px; line-height: 1.35; }.home-new-shortcut-arrow { color: #93a99c; transition: transform 180ms var(--ease-out), color 180ms var(--ease-out); }.home-new-shortcut:hover .home-new-shortcut-arrow { color: var(--home-gold); transform: translateX(3px); }.home-new-shortcut-footer { max-width: 1000px; display: flex; justify-content: space-between; gap: 20px; margin: 16px auto 0; padding: 17px 19px; border-radius: 7px; color: #668075; background: #eef5ef; font-size: 11px; font-weight: 700; }.home-new-shortcut-footer span, .home-new-shortcut-footer a { display: flex; align-items: center; gap: 8px; }.home-new-shortcut-footer svg { color: var(--home-gold); }.home-new-shortcut-footer a { color: var(--home-emerald); }
.home-new-after { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: clamp(45px, 8vw, 130px); align-items: center; padding: 112px max(30px, calc((100vw - 1260px) / 2)); background: #eef5ef; }.home-new-after-intro { max-width: 475px; }.home-new-after-intro h2 { font-size: clamp(39px, 4.2vw, 58px); }.home-new-after-intro > p { margin: 0 0 28px; }.home-new-after-intro .home-new-button { margin-top: 1px; }.home-new-steps { display: grid; border-top: 1px solid #d5e2d7; }.home-new-step { display: grid; grid-template-columns: 45px minmax(0,1fr) 20px; gap: 16px; align-items: start; padding: 22px 0; border-bottom: 1px solid #d5e2d7; }.home-new-step > span { color: var(--home-gold); font: 22px var(--serif); }.home-new-step strong { color: var(--home-forest); font-size: 15px; }.home-new-step p { margin: 5px 0 0; color: #71877c; font-size: 12px; line-height: 1.5; }.home-new-step > svg { margin-top: 4px; color: #77a386; }
.home-new-confidence { max-width: 1260px; margin: 0 auto; padding: 72px 30px 82px; }
.home-new-faq { padding: 88px 30px 98px; border-block: 1px solid var(--home-line); background: #fff; }
.home-new-faq-list { max-width: 860px; margin: 0 auto; border-top: 1px solid var(--home-line); }
.home-new-faq-list details { border-bottom: 1px solid var(--home-line); }
.home-new-faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 4px; color: var(--home-forest); cursor: pointer; font-size: 15px; font-weight: 800; line-height: 1.4; list-style: none; }
.home-new-faq-list summary::-webkit-details-marker { display: none; }
.home-new-faq-list summary:focus-visible { border-radius: 4px; outline: 3px solid var(--home-gold); outline-offset: 4px; }
.home-new-faq-list summary svg { flex: 0 0 auto; color: var(--home-gold); transition: transform .18s var(--ease-out); }
.home-new-faq-list details[open] summary svg { transform: rotate(180deg); }
.home-new-faq-list p { max-width: 760px; margin: 0; padding: 0 4px 23px; color: #647b70; font-size: 14px; line-height: 1.7; }.home-new-confidence-heading { display: flex; align-items: center; gap: 14px; }.home-new-confidence-heading > svg { flex: 0 0 auto; color: var(--home-gold); }.home-new-confidence-heading h2 { margin: 8px 0 0; color: var(--home-forest); font-size: 25px; letter-spacing: -1px; }.home-new-confidence-items { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; margin: 33px 0 24px 34px; }.home-new-confidence-items > div { display: grid; gap: 6px; padding-left: 15px; border-left: 2px solid #dfe9e1; }.home-new-confidence-items strong { color: var(--home-forest); font-size: 12px; }.home-new-confidence-items span { color: #789085; font-size: 11px; line-height: 1.45; }.home-new-confidence-link { display: inline-flex; align-items: center; gap: 7px; margin-left: 34px; color: var(--home-emerald); font-size: 11px; font-weight: 800; }.home-new-final { max-width: 1260px; display: flex; align-items: center; justify-content: space-between; gap: 35px; margin: 0 auto 84px; padding: 43px 45px; border-radius: 11px; color: #fff; background: linear-gradient(112deg, #073d31, #0c5a47); box-shadow: 0 20px 42px rgba(7,61,49,.18); }.home-new-final .home-new-kicker { color: #a8cbbb; }.home-new-final h2 { margin: 10px 0 8px; font-size: 31px; letter-spacing: -1.5px; }.home-new-final p { max-width: 540px; margin: 0; color: #bdd4c8; font-size: 12px; }.home-new-final-actions { display: grid; gap: 14px; justify-items: start; }.home-new-button-light { color: var(--home-forest); background: #fff; }.home-new-button-light:hover { box-shadow: 0 12px 25px rgba(0,0,0,.14); }.home-new-final-text-link { display: inline-flex; align-items: center; gap: 8px; color: #ecd18e; font-size: 11px; font-weight: 800; }
@media (max-width: 980px) { .home-new-hero { grid-template-columns: 1fr; gap: 48px; }.home-new-hero-text { max-width: 720px; }.home-new-hero-visual { max-width: 550px; width: 100%; margin: 0 auto; }.home-new-after { grid-template-columns: 1fr; gap: 48px; }.home-new-after-intro { max-width: 690px; }.home-new-after-intro > p { margin-left: 0; }.home-new-confidence-items { margin-left: 0; }.home-new-confidence-link { margin-left: 0; } }
@media (max-width: 680px) { .home-new-hero { padding: 62px 20px 70px; }.home-new-hero h1 { font-size: clamp(46px, 13vw, 67px); letter-spacing: -3.4px; }.home-new-lead { font-size: 15px; }.home-new-actions { display: grid; }.home-new-actions > a { width: 100%; }.home-new-demo { align-items: flex-start; }.home-new-hero-visual { min-height: 355px; }.home-new-paper { min-height: 332px; padding: 23px; }.home-new-paper-title { margin-top: 38px; font-size: 23px; }.home-new-paper-lines { margin-top: 32px; }.home-new-paper-check { margin-top: 30px; }.home-new-visual-orbit-one { width: 330px; height: 180px; }.home-new-visual-orbit-two { width: 375px; height: 220px; }.home-new-note-top { top: 11px; right: 0; }.home-new-note-bottom { bottom: 10px; left: 0; }.home-new-audience, .home-new-shortcuts { padding: 74px 20px 78px; }.home-new-section-intro { margin-bottom: 30px; text-align: left; }.home-new-section-intro h2, .home-new-after-intro h2 { font-size: 39px; letter-spacing: -2px; }.home-new-section-intro p, .home-new-after-intro > p { font-size: 14px; margin-left: 0; }.home-new-audience-grid, .home-new-shortcut-list { grid-template-columns: 1fr; }.home-new-audience-card { min-height: 260px; padding: 24px; }.home-new-card-icon { margin-top: 22px; }.home-new-audience-card h3 { font-size: 22px; }.home-new-secondary-link { flex-wrap: wrap; }.home-new-secondary-link span { width: 100%; order: 3; margin-left: 23px; }.home-new-shortcut { grid-template-columns: 26px 38px minmax(0,1fr) 17px; gap: 11px; min-height: 98px; padding: 15px 12px; }.home-new-shortcut-icon { width: 38px; height: 38px; }.home-new-shortcut-copy strong { font-size: 13px; }.home-new-shortcut-copy small { font-size: 10px; }.home-new-shortcut-footer { display: grid; gap: 10px; }.home-new-after { padding: 76px 20px 82px; }.home-new-confidence { padding: 57px 20px 67px; }.home-new-confidence-items { grid-template-columns: 1fr; gap: 18px; margin: 28px 0 23px; }.home-new-final { display: grid; margin: 0 20px 60px; padding: 31px 23px; }.home-new-final h2 { font-size: 28px; }.home-new-final-actions, .home-new-final-actions > a { width: 100%; }.home-new-final-actions { justify-items: stretch; }.home-new-final-text-link { justify-content: center; } }
@media (max-width: 680px) { .home-new-faq { padding: 68px 20px 74px; }.home-new-faq-list summary { padding: 19px 2px; font-size: 14px; }.home-new-faq-list p { padding-inline: 2px; font-size: 13px; } }
@media (max-width: 430px) { .public-breadcrumbs { font-size: 10px; }.public-breadcrumbs ol { gap: 6px; }.public-breadcrumbs li { gap: 6px; }.home-new-faq { padding-inline: 18px; } }
@media (prefers-reduced-motion: reduce) { .home-new-button, .home-new-audience-card, .home-new-shortcut, .home-new-shortcut-arrow, .home-new-faq-list summary svg { transition: none; } }