/* Visual navigation keeps detail available without showing every paragraph. */
.hero-sales-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.hero-sales-step{display:flex;align-items:center;gap:9px;min-width:0;min-height:62px;padding:12px;border:1px solid var(--visual-border);border-radius:10px;background:var(--paper);color:var(--ink);text-align:left;font:inherit;cursor:pointer}
.hero-sales-step>span{min-width:0}.hero-sales-step strong{display:block;font-size:13px;line-height:1.4;font-weight:600}.hero-sales-step small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:3px}
.hero-sales-step>.home-icon{width:20px;height:20px;color:var(--icon-ink)}.hero-sales-step>.home-icon:last-child{width:15px;height:15px;margin-left:auto}
.hero-sales-step:hover{background:var(--icon-surface)}.hero-sales-step:focus-visible{outline:2px solid var(--icon-ink);outline-offset:3px}
.feature-integration-note{margin-top:14px;border:1px solid var(--visual-border);border-radius:12px;background:var(--visual-surface)}
.feature-integration-note>summary{display:flex;align-items:center;gap:10px;padding:13px 16px;font-size:15px;line-height:1.4;list-style:none;cursor:pointer}.feature-integration-note>summary::-webkit-details-marker{display:none}
.feature-integration-note>summary>.home-icon{width:22px;height:22px;color:var(--icon-ink)}.feature-integration-note>summary>span:last-child{margin-left:auto;font-size:22px;color:var(--icon-ink)}
.feature-integration-note small{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-top:3px}.feature-integration-note>p{padding:0 16px 16px;font-size:16px;line-height:1.6;color:var(--muted)}
.feature-integration-note>summary:focus-visible{outline:2px solid var(--icon-ink);outline-offset:3px;border-radius:12px}
.desktop-nav a{display:inline-flex;align-items:center;gap:7px}
.desktop-nav .home-icon{width:17px;height:17px;color:var(--icon-ink)}
.desktop-nav a[aria-current=location]{color:var(--ink)}
.value-overview{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center;margin-bottom:24px}
.value-overview h2{font-size:28px;line-height:1.3;margin-top:12px;max-width:550px}
.value-shortcut{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--visual-border);border-radius:16px;background:var(--visual-surface)}
.value-shortcut>span{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted)}
.value-shortcut>span .home-icon{width:20px;height:20px}
.value-shortcut>.home-icon{width:20px;height:20px;color:var(--icon-ink)}
.value-shortcut strong{display:flex;align-items:center;gap:10px;font-size:16px;line-height:1.5;font-weight:500}
.value-shortcut strong .home-icon{color:var(--icon-ink)}
.feature-browser-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.feature-browser-heading>p{font-size:19px;font-weight:600;line-height:1.4}
.feature-browser-heading>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;line-height:1.4}
.feature-browser-heading .home-icon{width:17px;height:17px}
.feature-group-tabs{display:flex;gap:8px;padding:5px;border:1px solid var(--visual-border);border-radius:14px;background:var(--visual-surface);width:max-content;max-width:100%}
.feature-group-tabs[hidden],.feature-group-panel[hidden]{display:none}
.feature-group-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 22px;border:1px solid transparent;border-radius:10px;background:none;color:var(--muted);font:inherit;font-size:15px;font-weight:500}
.feature-group-tabs .home-icon{width:20px;height:20px}
.feature-group-tabs button[aria-selected=true]{color:var(--ink);background:var(--icon-surface);border-color:var(--visual-border)}
.feature-group-tabs button:hover{color:var(--ink)}
.feature-browser .benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.feature-browser .benefit-grid .benefit-card{display:block;padding:0;overflow:hidden;background:var(--paper);border-radius:16px}
.feature-card-details>summary{list-style:none;cursor:pointer}
.feature-card-details>summary::-webkit-details-marker{display:none}
.feature-card-details>summary:focus-visible{outline:2px solid var(--icon-ink);outline-offset:-3px;border-radius:15px}
.feature-card-title{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px}
.feature-browser .feature-card-title h3{font-size:17px;font-weight:600;line-height:1.4;margin:0}
.feature-open-glyph{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid var(--visual-border);font-size:22px;flex:none;color:var(--icon-ink);transition:transform .18s}
.feature-card-details[open] .feature-open-glyph{transform:rotate(45deg)}
.feature-description{padding:0 18px 18px}
.feature-browser .feature-description p{font-size:16px;line-height:1.6}
.feature-card-details>summary:hover .feature-sketch{background-color:var(--icon-surface)}
.feature-sketch{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;height:142px;border-bottom:1px solid var(--line);background:var(--visual-surface);color:var(--icon-ink);overflow:hidden;transition:background-color .18s}
.sketch-url-stack{display:grid;gap:6px;transform:rotate(-4deg)}
.sketch-url-stack>span{display:flex;align-items:center;gap:10px;width:150px;background:var(--paper);border:1px solid var(--visual-border);border-radius:7px;padding:7px 10px;font-size:12px;color:var(--ink)}
.sketch-url-stack .home-icon{width:14px;height:14px;color:var(--icon-ink)}
.sketch-url-stack .home-icon:last-child{margin-left:auto}
.sketch-round{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--visual-border);border-radius:50%;background:var(--icon-surface)}
.sketch-language-cards{display:flex;align-items:center;gap:9px}
.sketch-language-cards b{display:grid;place-items:center;width:46px;height:54px;border-radius:10px;border:1px solid var(--visual-border);background:var(--paper);font-size:17px;color:var(--ink);transform:rotate(-7deg)}
.sketch-language-cards b:first-child{background:var(--icon-surface)}
.sketch-language-cards b:last-child{transform:rotate(7deg)}
.sketch-language-cards .home-icon{width:18px}
.sketch-pill{position:absolute;right:15px;bottom:12px;display:flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid var(--visual-border);border-radius:20px;background:var(--paper);font-size:11px;font-weight:600;color:var(--icon-ink)}
.sketch-pill .home-icon{width:13px;height:13px}
.sketch-photo-frame{position:relative;width:170px;height:94px;border:1px solid var(--visual-border);border-radius:10px;background:var(--paper);display:grid;place-items:center;transform:rotate(-3deg)}
.sketch-photo-frame>.home-icon{width:64px;height:64px;color:var(--icon-ink)}
.sketch-photo-frame>b{position:absolute;left:9px;top:9px;padding:5px;border-radius:5px;background:var(--action);color:var(--action-text);font-size:9px}
.sketch-photo-frame>span{position:absolute;bottom:7px;right:9px;font-size:9px;color:var(--muted)}
.sketch-frames{display:grid;place-items:center;width:56px;height:56px;background:var(--paper);border:1px solid var(--visual-border);border-radius:9px;transform:rotate(-8deg)}
.sketch-frames .home-icon{width:33px;height:33px}
.sketch-reel{display:grid;place-items:center;gap:5px}
.sketch-reel .home-icon{width:46px;height:73px}
.sketch-reel b{font-size:11px;font-weight:500}
.sketch-social-logo{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--paper);border:1px solid var(--visual-border);transform:rotate(-5deg)}
.sketch-social-logo:last-of-type{transform:rotate(5deg)}
.sketch-social-logo .home-icon{width:32px;height:32px}
.sketch-page{display:grid;justify-items:center;gap:4px;width:136px;padding:7px 10px;border-radius:10px;background:var(--paper);border:1px solid var(--visual-border);transform:rotate(3deg)}
.sketch-window-dots{font-size:7px;justify-self:start;color:var(--muted);letter-spacing:1px}
.sketch-page .home-icon{width:44px;height:44px}
.sketch-page b{border-radius:5px;background:var(--icon-surface);padding:5px 17px;font-size:9px;font-weight:500}
.sketch-chat{display:grid;gap:7px;width:126px;padding:12px;border:1px solid var(--visual-border);border-radius:12px 12px 12px 2px;background:var(--paper);transform:rotate(-4deg)}
.sketch-chat>.home-icon{width:24px;height:24px;margin-bottom:2px}
.sketch-chat i,.sketch-quote i,.sketch-business-paper i{display:block;height:5px;border-radius:4px;background:var(--visual-border);width:100%}
.sketch-chat i:last-child{width:68%}
.sketch-follow-up{display:grid;gap:9px;place-items:center;background:var(--icon-surface);border:1px solid var(--visual-border);border-radius:12px;padding:12px}
.sketch-follow-up .home-icon:first-child{width:26px;height:26px}.sketch-follow-up .home-icon:last-child{width:17px;height:17px}
.sketch-quote,.sketch-business-paper{display:grid;gap:8px;width:122px;background:var(--paper);border:1px solid var(--visual-border);border-radius:10px;padding:13px;transform:rotate(-5deg)}
.sketch-quote b{font-size:11px;margin-bottom:3px}.sketch-quote strong{font-size:9px;border-top:1px solid var(--visual-border);padding-top:6px;font-weight:500}
.sketch-quote i:nth-of-type(2){width:75%}
.sketch-business-paper{position:relative;width:164px;transform:rotate(4deg);padding-top:40px;gap:7px}
.sketch-business-paper>b{position:absolute;top:10px;left:12px;width:24px;height:24px;display:grid;place-items:center;border-radius:5px;background:var(--action);color:var(--action-text);font-size:8px}
.sketch-business-paper>span{position:absolute;left:44px;top:17px;font-size:9px;font-weight:600;color:var(--ink)}
.sketch-business-paper i{width:87%}.sketch-business-paper i:nth-of-type(2){width:63%}.sketch-business-paper small{font-size:8px}
.workflow-steps{gap:10px;margin-bottom:16px}
.workflow-step{align-items:center;padding:11px 14px;min-height:56px}
.workflow-step-symbol{flex-direction:row;align-items:center;width:auto}
.workflow-step-number{display:none}
.tour-tabs .home-icon{width:16px;height:16px}
.home-mobile-nav{display:none}
@media(max-width:1050px){
  .desktop-nav{display:none}
  .home-mobile-nav{display:flex;position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:30;gap:4px;padding:5px;border:1px solid var(--visual-border);border-radius:18px;background:var(--visual-surface);box-shadow:0 6px 30px #0003;max-width:calc(100% - 24px)}
  .home-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:90px;min-height:53px;padding:6px 12px;border-radius:12px;color:var(--muted);font-size:12px;line-height:1.3}
  .home-mobile-nav .home-icon{width:20px;height:20px}
  .home-mobile-nav a[aria-current=location]{background:var(--icon-surface);color:var(--ink)}
  .home-mobile-nav[hidden]{display:none}
  .site-footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}
}
@media(max-width:800px){.value-overview{grid-template-columns:1fr;gap:16px}.value-shortcut{width:max-content;max-width:100%;padding:15px}.feature-browser-heading{align-items:start;flex-direction:column;gap:7px}}
@media(max-width:600px){
  .hero-sales-flow{gap:8px;margin-top:12px}.hero-sales-step{padding:10px 8px;gap:7px;min-height:64px}.hero-sales-step strong{font-size:14px}.hero-sales-step small{display:none}.hero-sales-step>.home-icon{width:19px;height:19px}.hero-sales-step>.home-icon:last-child{display:none}
  .value-overview{margin-bottom:18px}.value-overview h2{font-size:24px}.value-shortcut{gap:10px;padding:12px}.value-shortcut strong{font-size:14px}.value-shortcut>span{gap:6px}.value-shortcut>span .home-icon{width:17px;height:17px}
  .feature-browser-heading>p{font-size:18px}.feature-browser-heading>span{font-size:13px}
  .feature-group-tabs{width:100%;gap:3px}.feature-group-tabs button{flex:1;min-width:0;padding:9px 6px;gap:6px;font-size:14px}.feature-group-tabs .home-icon{width:18px;height:18px}
  .feature-browser .benefit-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:12px;padding-bottom:12px;align-items:flex-start}
  .feature-browser .benefit-grid .benefit-card{flex:0 0 84%;min-width:0;scroll-snap-align:start}
  .feature-card-title{padding:15px}.feature-sketch{height:130px}.feature-description{padding:0 15px 15px}
  .feature-browser .feature-description p{font-size:16px;line-height:1.5}
  .workflow-steps{gap:8px}.workflow-step{padding:10px;gap:9px}.workflow-step-symbol>.home-icon{width:20px;height:20px}
}
@media(max-width:370px){.value-shortcut>span{display:none}.home-mobile-nav a{min-width:82px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.feature-sketch,.feature-open-glyph{transition:none}}