/* CFFB product presentation — local assets, responsive layout. */
:root{--soft:#f3f3ed;--ink:#13242b;--tour-panel:#13262d;--muted:#b5c7cc}
body{font-size:16px}h1,h2,h3{font-weight:700}.container{max-width:1200px}.prototype-strip{font-size:12px;height:auto;min-height:34px;padding:5px 16px}.brand-sub{font-size:11px}.header-inner nav{font-size:14px}.button{font-size:15px}.button-small{font-size:13px;min-height:44px}.text-link{font-size:14px}.eyebrow{font-size:11px}.hero{grid-template-columns:1.35fr 1fr;gap:50px;padding-block:54px 63px;min-height:735px}.hero h1{font-size:clamp(48px,5.6vw,76px);line-height:1.09;letter-spacing:-.055em}.hero-lead{max-width:510px;font-size:17px;line-height:1.8}.hero-perks{font-size:12px;gap:9px 18px}.hero-perks .icon{width:15px;height:15px}.hero-product{position:relative;isolation:isolate;margin:0;display:flex;flex-direction:column;align-items:center;max-width:100%;min-width:0}.hero-product>.hero-image-window{width:280px;height:auto;border-radius:24px;box-shadow:0 28px 70px #0008;transform:rotate(3deg);z-index:1;display:block}.hero-product-halo{position:absolute;inset:8% -12%;border-radius:50%;background:radial-gradient(ellipse,#21d3df25,transparent 69%);z-index:-1}.hero-product:before{content:"";position:absolute;inset:12% -4% 15%;border:1px solid #35565e;border-radius:50%;transform:rotate(-24deg);z-index:-1}.hero-product figcaption{font-size:11px;color:#b5c7cc;position:relative;margin-top:25px;z-index:2;line-height:1.5;text-align:center}.product-badge{position:absolute;bottom:85px;left:-14px;z-index:3;display:flex;gap:12px;align-items:center;background:#142c33;border:1px solid #45626b;border-radius:12px;padding:14px 18px;box-shadow:0 16px 40px #0005;font-size:12px;line-height:1.5;color:#b9d0d6}.product-badge>.icon{width:28px;height:28px;color:var(--accent)}.product-badge strong{display:block;font-weight:600;color:var(--text)}.benefit-band p{font-size:13px}.section{padding-block:96px}.section-heading>p{font-size:15px;max-width:360px}.section h2,.closing h2{font-size:clamp(36px,4.1vw,53px);font-weight:700}.product-tour{padding-bottom:105px}.tour-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:8px;background:#14262c;border:1px solid var(--line);border-radius:12px;margin-bottom:24px}.tour-tabs button{border:0;background:transparent;color:#bcd0d5;border-radius:7px;min-height:48px;padding:10px 12px;font-size:14px;font-weight:600}.tour-tabs button:hover{background:#203a43;color:var(--text)}.tour-tabs button[aria-selected=true]{background:var(--accent);color:var(--bg)}.tour-panel{display:grid;grid-template-columns:1fr 1.08fr;border-radius:25px;overflow:hidden;background:var(--tour-panel);border:1px solid #34515b;margin-bottom:20px;min-width:0}.tour-visual{margin:0;display:flex;align-items:center;justify-content:center;padding:34px;background:var(--soft);color:var(--ink);min-width:0}.image-enlarge{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:100%}.image-enlarge img{display:block;width:245px;height:auto;max-width:100%;border-radius:14px;box-shadow:0 15px 35px #172b321c}.image-enlarge>span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:650;border-bottom:1px solid #87979b;padding-bottom:3px}.image-enlarge .icon{width:17px;height:17px}.image-enlarge:focus-visible{outline-color:#087f89}.tour-copy{padding:55px 44px;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative}.tour-count{display:block;font-size:36px;font-weight:500;line-height:1;color:var(--accent);letter-spacing:-.04em;margin-bottom:37px}.tour-count>span{font-size:14px;color:#abc2c8;letter-spacing:0}.tour-copy .eyebrow{margin-bottom:14px}.tour-copy h3{font-size:32px;letter-spacing:-.03em;line-height:1.2;max-width:360px}.tour-copy>p:not(.eyebrow):not(.tour-caption){margin-top:20px;line-height:1.8;font-size:15px}.tour-copy ul{list-style:none;padding:0;margin:26px 0 23px;display:grid;gap:12px}.tour-copy li{display:flex;align-items:center;gap:10px;font-size:14px;color:#d8e5e8}.tour-copy li .icon{color:var(--accent);width:18px;height:18px}.tour-caption{font-size:11px;line-height:1.6;margin-top:18px;color:#aac0c6}.workflow-note,.step>span>span{font-size:13px}.step strong{font-size:17px}.demo-top{font-size:12px}.step-kicker{font-size:11px}.demo-screen-heading p,.field-feedback,.demo-disclaimer{font-size:13px}.demo-disclaimer{line-height:1.7}.demo-fields input{font-size:20px}.features .eyebrow{color:#12616b}.features h2{color:var(--ink)}.features .vehicle-tabs button{font-size:14px}.features .example-caption{font-size:12px}.features p{color:#4c666e}.feature-list p{font-size:14px}.features :focus-visible{outline-color:#0c7984}.export-section{background:var(--soft);color:var(--ink);overflow:hidden}.export-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.export-section .eyebrow{color:#12616b}.export-copy>p:not(.eyebrow):not(.export-caption){font-size:16px;line-height:1.8;color:#4c666e;margin-top:24px;max-width:420px}.export-points{padding:0;margin:32px 0;list-style:none;display:grid;gap:22px}.export-points li{display:flex;gap:17px;align-items:flex-start}.export-points li>span{font-size:12px;color:#176c76;line-height:25px;font-weight:700}.export-points strong{font-size:15px}.export-points p{color:#4c666e;font-size:14px;line-height:1.65;margin-top:5px;max-width:350px}.export-caption{font-size:12px;line-height:1.7;color:#54696f;margin-top:17px;max-width:420px}.export-paper{display:block;background:white;border-radius:12px;padding:19px;box-shadow:0 20px 50px #182d3320;border:1px solid #d6dfe0;transform:rotate(2deg)}.export-paper img{width:100%;height:auto;display:block;border:1px solid #e9eded;margin-top:15px}.paper-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650}.paper-label>.icon{color:#147b86;width:18px;height:18px}.paper-label>span{margin-left:auto;background:#e2f1f1;color:#155f68;padding:3px 8px;font-size:11px;border-radius:4px}.paper-action{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;font-weight:650;color:#146c76}.paper-action .icon{width:17px;height:17px}.export-section :focus-visible{outline-color:#0c7984}.privacy-copy>p{font-size:15px}.backup-callout p{font-size:13px}.backup-simulator{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding-top:44px;margin-top:48px;align-items:start}.backup-simulator h3{font-size:27px;letter-spacing:-.025em;line-height:1.25}.backup-simulator>div>p:not(.eyebrow){font-size:14px;line-height:1.8;margin-top:18px;max-width:420px}.backup-simulator>div>p.simulation-caption{font-size:12px;color:#adc3c9}.backup-controls fieldset{padding:0;border:0;margin:0;min-width:0}.backup-controls legend{font-size:13px;color:#b8cbd0;line-height:1.6;margin-bottom:15px}.backup-controls label{display:flex;align-items:center;gap:13px;background:#182d35;border:1px solid #3b535c;border-radius:10px;cursor:pointer;padding:16px;margin-bottom:10px;min-height:76px}.backup-controls input{width:21px;height:21px;flex:0 0 21px;accent-color:var(--accent);margin:0}.backup-controls strong{font-size:14px;line-height:1.5;display:block}.backup-controls small{font-size:12px;line-height:1.6;color:#b1c6cd;display:block;margin-top:4px}.recovery-result{display:flex;align-items:flex-start;gap:12px;padding:18px;background:#173c3e;border:1px solid #3f7174;border-radius:10px;margin-top:17px;min-height:151px}.recovery-result>.icon{color:var(--accent);margin-top:2px;width:20px;height:20px}.recovery-result strong{font-size:14px;color:#dcedec;line-height:1.6}.recovery-result p{font-size:13px;color:#c0d7d8;line-height:1.7;margin-top:5px}.recovery-result.is-incomplete{background:#302d24;border-color:#6c6046}.recovery-result.is-incomplete .icon{color:#efd48f}.recovery-result.is-incomplete p{color:#d5cbb6}.fit-note p{font-size:14px}.faq-layout>div:first-child>p:not(.eyebrow){font-size:15px}.faq-list summary{font-size:15px;padding-block:21px}.faq-list details p{font-size:14px;line-height:1.85}.closing{gap:45px;align-items:center}.closing>div:first-child{max-width:570px}.closing>div>p:not(.eyebrow){font-size:15px;line-height:1.8}.closing-actions{display:flex;flex-direction:column;align-items:flex-start;max-width:325px;gap:13px}.closing .closing-actions p{font-size:12px;line-height:1.7}.site-footer p,.footer-links{font-size:12px}.image-dialog{background:var(--bg);border:1px solid #4a6670;color:var(--text);border-radius:16px;padding:22px;max-width:95vw;max-height:95vh;width:540px;overflow:auto}.image-dialog::backdrop{background:#031014e8;backdrop-filter:blur(7px)}.image-dialog img{display:block;height:auto;width:100%;margin:0 auto;border-radius:8px}.image-dialog p{font-size:12px;text-align:center;margin-top:14px}.dialog-close{position:sticky;top:0;display:flex;align-items:center;justify-content:center;background:#183a43;border:1px solid #5c7c85;color:white;border-radius:50%;height:44px;width:44px;margin-left:auto;margin-bottom:14px;z-index:2}.image-dialog:not([open]){display:none}
@media(min-width:1400px){.hero-product>.hero-image-window{width:310px}.hero{min-height:790px}.hero-product{margin-left:15px}}
@media(max-width:1100px){.hero{gap:25px}.hero h1{font-size:clamp(46px,5.8vw,64px)}.hero-product>.hero-image-window{width:255px}.hero-product-halo{inset:8% 0}.hero-product:before{inset:12% 0 15%}.product-badge{left:-10px;max-width:100%;padding:12px 14px}.header-inner nav{gap:19px}.tour-copy{padding:34px}.tour-copy h3{font-size:29px}.tour-count{margin-bottom:27px}.export-layout{gap:45px}}
@media(max-width:900px){.container{width:calc(100% - 64px)}.header-inner nav{gap:14px;font-size:12px}.hero{grid-template-columns:1.2fr 1fr;min-height:620px;gap:20px}.hero h1{font-size:47px}.hero-lead{font-size:15px}.hero-product>.hero-image-window{width:235px}.product-badge{bottom:72px;left:-4px;font-size:11px}.product-badge>.icon{width:22px;height:22px}.hero-perks{font-size:11px}.tour-panel{grid-template-columns:.9fr 1fr}.tour-visual{padding:24px}.image-enlarge img{width:220px}.tour-copy{padding:28px}.tour-copy h3{font-size:27px}.tour-copy ul{gap:10px}.tour-copy li{font-size:13px}.tour-tabs{gap:2px}.tour-tabs button{font-size:12px;padding-inline:6px}.backup-simulator{gap:30px}.export-layout{gap:30px}.export-copy h2{font-size:36px}.export-caption{font-size:11px}.closing{gap:30px}}
@media(max-width:700px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.prototype-strip{font-size:10px;gap:12px}.header-inner{min-height:74px}.header-inner nav{font-size:15px;gap:0}.header-inner nav>a:not(.button){padding:13px 4px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-block:47px 42px;gap:45px}.hero h1{font-size:clamp(39px,9.3vw,63px);line-height:1.08}.hero .eyebrow{font-size:10px;margin-bottom:22px}.hero-lead{font-size:16px;max-width:510px;margin-top:23px}.hero-actions{gap:12px 20px;margin-top:25px}.hero-perks{font-size:12px;gap:10px 18px;margin-top:22px}.hero-product{align-self:center;max-width:360px;width:100%;margin:0}.hero-product>.hero-image-window{width:260px;transform:rotate(2deg)}.hero-product:before{inset:15% -3% 18%}.hero-product-halo{inset:8% -2%}.product-badge{left:0;bottom:75px;padding:12px 15px;font-size:12px}.hero-product figcaption{font-size:10px;margin-top:23px}.benefit-band>.container{gap:19px 10px;padding-block:23px}.benefit-band p{font-size:12px;justify-content:flex-start}.section{padding-block:66px}.section-heading{gap:21px;margin-bottom:32px}.section h2,.closing h2{font-size:36px}.section-heading>p{max-width:none;font-size:15px;line-height:1.8}.tour-tabs{grid-template-columns:repeat(3,1fr);padding:6px;gap:4px;margin-bottom:18px}.tour-tabs button{font-size:13px;min-height:46px}.tour-panel{grid-template-columns:1fr;border-radius:18px}.tour-visual{padding:27px 24px}.image-enlarge img{width:230px}.tour-copy{padding:29px 24px 31px}.tour-count{font-size:29px;margin-bottom:24px}.tour-copy h3{font-size:28px;max-width:400px}.tour-copy li{font-size:14px}.tour-copy>p:not(.eyebrow):not(.tour-caption){font-size:15px}.tour-caption{font-size:12px}.export-layout{display:flex;flex-direction:column;gap:42px;align-items:stretch}.export-copy h2{font-size:36px}.export-copy>p:not(.eyebrow):not(.export-caption){font-size:15px}.export-caption{font-size:12px}.export-paper{max-width:420px;width:95%;align-self:center;transform:rotate(1deg);padding:12px}.paper-label{font-size:11px}.backup-simulator{grid-template-columns:1fr;gap:26px;padding-top:32px;margin-top:32px}.backup-simulator h3{font-size:26px}.backup-simulator .eyebrow{margin-bottom:17px}.backup-controls legend{font-size:13px}.recovery-result{min-height:160px}.closing{gap:27px;padding-block:54px}.closing-actions{max-width:100%}.closing .closing-actions p{max-width:340px}.footer-links{font-size:13px}.image-dialog{padding:12px;max-height:94vh}.image-dialog img{width:100%}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.hero h1{font-size:39px}.hero-lead{font-size:15px}.hero-actions .button{width:100%}.hero-product>.hero-image-window{width:235px}.product-badge{font-size:10px;left:0}.product-badge>.icon{width:22px;height:22px}.hero-product:before{inset:15% 0 18%}.prototype-strip a{font-size:9px}.prototype-strip{gap:10px}.tour-copy{padding:27px 19px}.tour-copy h3{font-size:26px}.tour-copy li{font-size:13px}.section h2,.closing h2{font-size:33px}.benefit-band p{font-size:11px}.backup-controls label{padding:13px}.closing-actions .button{padding-inline:15px;font-size:14px}.paper-action{font-size:11px}}
@media(prefers-reduced-motion:reduce){.export-paper,.hero-product>.hero-image-window{transform:none}}
@media(forced-colors:active){.tour-tabs button[aria-selected=true]{border:2px solid Highlight}.product-badge,.tour-panel,.recovery-result,.export-paper{border:1px solid CanvasText}.backup-controls input{forced-color-adjust:auto}}
/* Without scripting all product views remain readable; inactive controls disappear. */
.tour-tabs{display:none}.js-ready .tour-tabs{display:grid}
.notes-main .notes-source{padding:22px;margin-top:22px}.notes-main a:not(.button){text-decoration:underline;text-underline-offset:3px}.notes-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.notes-main code{font-size:.9em;background:#20353d;border-radius:4px;padding:2px 5px}.notes-main li+li{margin-top:12px}.notes-main p+p{margin-top:15px}
.vehicle-tabs>button{min-height:44px}.footer-links a{min-height:44px;display:inline-flex;align-items:center;gap:5px}

/* Hero: same Version 2 layout; crop only the supplied artwork. */
.hero-image-window{position:relative;aspect-ratio:.58;overflow:hidden;background:#ede8df}
.hero-image-window>img{position:absolute;display:block;width:116%;max-width:none;height:auto;left:-8%;top:-29%;margin:0;transform:none;border:0;border-radius:0;box-shadow:none}
.hero-store{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:100%}
.hero-store .store-availability{font-size:11px;line-height:1.6;color:var(--muted);margin:0;max-width:310px}
.closing-actions .store-availability{margin:0;max-width:310px}
.backup-callout h4,.backup-controls strong,.recovery-result strong{overflow-wrap:anywhere}
.price-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center;padding:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pricing h2{font-size:50px;line-height:1.15;margin:0}
.pricing h2 span{display:block;font-size:24px;font-weight:500;color:var(--muted);margin-top:8px}
.price-terms{font-size:15px;line-height:1.7;margin-top:18px;color:var(--muted)}
.price-includes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:18px 24px}
.price-includes li{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.6}
.price-includes .icon{width:18px;height:18px;flex:0 0 18px;color:var(--accent)}
@media(max-width:900px){.price-layout{gap:32px}.price-includes{grid-template-columns:1fr;gap:12px}}
@media(max-width:700px){.price-layout{grid-template-columns:1fr;gap:27px;padding-block:28px}.pricing h2{font-size:38px}.pricing h2 span{font-size:21px}.price-includes li{font-size:14px}.hero-store .store-availability{font-size:12px}.hero-store{gap:9px}}