/* Owner portal presentation; scoped to this marketing page. */
.op-story{--op-navy:#202f43;--op-cream:#fcfaf7;--op-gold:#d7bd94;--op-ink:var(--text,#282f3d);--op-muted:var(--text-muted,#616d83);outline:none}
.op-story .container{max-width:1260px;padding-inline:40px}
.op-story p{line-height:1.8}
.op-story h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.13;letter-spacing:-.035em}
.op-story .op-eyebrow{font:600 .7rem/1.5 var(--font-sans);letter-spacing:.19em;text-transform:uppercase;margin:0 0 22px;color:#8c6e43}
.op-story a:focus-visible,.op-story button:focus-visible,.op-story summary:focus-visible{outline:3px solid #b68f58;outline-offset:5px}
.op-hero{background:radial-gradient(ellipse at 90% 20%,#3c4e61 0,transparent 55%),var(--op-navy);color:var(--op-cream);overflow:hidden}
.op-hero-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:40px;align-items:center;padding-block:88px 68px}
.op-hero .op-eyebrow{color:var(--op-gold)}
.op-hero h1{font-size:clamp(2.7rem,4.5vw,4.8rem);line-height:1.06;letter-spacing:-.04em;color:var(--op-cream);margin:0 0 26px}
.op-hero h1 em{font-weight:400;color:var(--op-gold)}
.op-lead{max-width:430px;font-size:1rem;color:#dce2e9;margin:0}
.op-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px}
.op-button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:50px;padding:14px 22px;border-radius:4px;font-size:.86rem;font-weight:600;text-align:center;line-height:1.5}
.op-button-gold{background:var(--op-gold);color:#1f2d3f;border:1px solid var(--op-gold)}
.op-button-gold:hover{background:#e5cfac;color:#172638;transform:translateY(-2px)}
.op-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:.82rem;gap:12px;text-decoration:underline;text-underline-offset:5px;color:inherit}
.op-hero-note{font-size:.75rem;color:#b9c4cf;margin:24px 0 0;line-height:1.7!important}
.op-hero-visual{margin:0;min-width:0;background:#f6f0e6;border:1px solid #ffffff38;border-radius:10px;box-shadow:0 30px 70px #09142266;transform:perspective(1500px) rotateY(-5deg)}
.op-browser-bar{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;color:#696359;background:#eee7db;border-radius:9px 9px 0 0;font-size:.65rem;letter-spacing:.03em}
.op-browser-bar>span:first-child{font-size:.5rem;letter-spacing:.2em;color:#ad9c83}
.op-screen-link{position:relative;display:block;background:#eee6d8;overflow:hidden}
.op-screen-link img{width:100%;height:auto}
.op-enlarge{position:absolute;right:12px;bottom:12px;background:#23344aee;color:#fff;font-size:.66rem;padding:8px 12px;border:1px solid #ffffff60;border-radius:4px;box-shadow:0 2px 12px #0002}
.op-hero-visual figcaption{display:flex;align-items:center;gap:8px;padding:12px 16px;color:#5c594f;font-size:.63rem}
.op-status-dot{width:6px;height:6px;background:#8c7855;border-radius:50%;flex-shrink:0}
.op-hero-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ffffff26}
.op-hero-index a{padding:23px 20px;display:flex;gap:16px;align-items:center;color:#e8e6e1;font-size:.78rem;min-height:64px}
.op-hero-index a+a{border-left:1px solid #ffffff26}
.op-hero-index a>span:first-child{color:var(--op-gold);font-size:.65rem}
.op-hero-index a>span:last-child{margin-left:auto;color:var(--op-gold)}
.op-hero-index a:hover{background:#ffffff08;color:#fff}
.op-section{padding-block:90px;scroll-margin-top:105px}
.op-section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;margin-bottom:40px}
.op-section-heading h2{margin-bottom:0}
.op-section-heading>p{max-width:420px;margin:0;color:var(--op-muted);font-size:.95rem}
.op-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--border,#ddd6cd);margin-bottom:40px;gap:16px}
.op-tabs[hidden],.op-tour-panel[hidden]{display:none}
.op-tabs button{padding:19px 10px;min-height:60px;display:flex;align-items:center;gap:14px;border-bottom:3px solid transparent;font-size:.68rem;color:var(--op-muted);text-align:left;line-height:1.4}
.op-tabs button span{font-size:.85rem}
.op-tabs button[aria-selected=true]{border-bottom-color:#a8895d;color:var(--op-ink);font-weight:600}
.op-tabs button:hover{background:#b9a27f12}
.op-tour-panel{display:grid;grid-template-columns:.7fr 1.3fr;gap:52px;align-items:center;min-height:370px}
.op-tour-panel+.op-tour-panel{margin-top:60px}
.op-tabs:not([hidden])~.op-tour-panel{margin-top:0}
.op-panel-copy h3{font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:1.18;letter-spacing:-.025em;margin-bottom:20px}
.op-panel-copy p:not(.op-eyebrow){font-size:.9rem;color:var(--op-muted)}
.op-feature-list{list-style:none;padding:0;margin:22px 0;font-size:.79rem;line-height:1.65}
.op-feature-list li{padding:9px 0 9px 22px;position:relative;border-bottom:1px solid var(--border,#e5dfd6)}
.op-feature-list li:before{content:'✓';position:absolute;left:0;color:#8c6e43;font-weight:600}
.op-inline-link{font-size:.8rem;display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.op-tour-screen{margin:0;min-width:0}
.op-tour-screen>a{display:block;position:relative;border:1px solid #d9d0c0;border-radius:8px;box-shadow:0 18px 50px #1c2d4317;overflow:hidden;background:#f8f4ed}
.op-tour-screen img{width:100%;height:auto}
.op-tour-screen figcaption{font-size:.65rem;line-height:1.6;color:var(--op-muted);margin-top:14px}
.op-team{background:var(--bg-alt,#f2eee7);border-block:1px solid var(--border,#e6dfd5)}
.op-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.op-team-grid>div>p:not(.op-eyebrow){max-width:450px;color:var(--op-muted);font-size:.94rem}
.op-team-steps article{display:flex;gap:24px;padding:25px 0;border-bottom:1px solid var(--border,#dcd5c9)}
.op-team-steps article>span{color:#8c6e43;font-size:.7rem;padding-top:5px}
.op-team-steps h3{font-size:1.4rem;margin-bottom:8px}
.op-team-steps p{font-size:.85rem;color:var(--op-muted);margin:0}
.op-details-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.op-details-grid>div>p:not(.op-eyebrow){font-size:.9rem;color:var(--op-muted)}
.op-accordions details{border-bottom:1px solid var(--border,#e4ddd2)}
.op-accordions details:first-child{border-top:1px solid var(--border,#e4ddd2)}
.op-accordions summary{padding:23px 30px 23px 0;min-height:64px;font-size:.94rem;font-weight:500;cursor:pointer;position:relative;list-style:none;line-height:1.5}
.op-accordions summary::-webkit-details-marker{display:none}
.op-accordions summary:after{content:'+';position:absolute;right:4px;color:#8c6e43;font-size:1.2rem;font-weight:400}
.op-accordions details[open] summary:after{content:'−'}
.op-accordions p{font-size:.85rem;color:var(--op-muted);padding-right:20px;margin:0 0 24px}
.op-accordions details>a{font-size:.8rem;display:inline-flex;align-items:center;min-height:44px;margin-bottom:20px;text-decoration:underline;text-underline-offset:4px}
.op-next{background:var(--op-navy);color:var(--op-cream)}
.op-next-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:90px;align-items:center}
.op-next .op-eyebrow{color:var(--op-gold)}
.op-next h2{color:var(--op-cream);font-size:clamp(2.4rem,4vw,3.8rem)}
.op-next p:not(.op-eyebrow){color:#d2dce4;max-width:500px;font-size:.92rem}
.op-next aside{border-left:1px solid #ffffff30;padding-left:48px}
.op-monogram{font-family:var(--font-serif);font-size:3.2rem;color:var(--op-gold);letter-spacing:.08em}
.op-next aside p{font-size:.8rem!important;line-height:1.9}
.op-resources{padding-block:30px}
.op-resources summary{min-height:50px;padding:12px 0;font-size:.8rem;color:var(--op-muted);cursor:pointer;line-height:1.7}
.op-resources-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-block:25px}
.op-resources-grid h3{font-size:1.3rem}
.op-resources-grid p{font-size:.8rem;color:var(--op-muted)}
.op-resources-grid a{display:flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px;font-size:.76rem}
@media(min-width:1500px){.op-hero-grid{padding-block:100px 80px}}
@media(max-width:1000px){.op-hero-grid{gap:28px;padding-block:64px 50px}.op-hero h1{font-size:3.3rem}.op-team-grid,.op-details-grid,.op-next-grid{gap:50px}.op-tour-panel{gap:30px}.op-section-heading{gap:40px}.op-hero-visual{transform:none}}
@media(max-width:760px){.op-story .container{padding-inline:24px}.op-hero-grid{grid-template-columns:1fr;padding-block:46px 32px;gap:36px}.op-hero h1{font-size:clamp(2.5rem,9.5vw,4.1rem)}.op-lead{font-size:.94rem;max-width:520px}.op-hero-note{margin-top:18px}.op-hero-visual{width:100%;max-width:620px}.op-hero-index{grid-template-columns:1fr}.op-hero-index a{padding:16px 0;min-height:52px}.op-hero-index a+a{border-left:0;border-top:1px solid #ffffff26}.op-section{padding-block:55px}.op-section-heading,.op-tour-panel,.op-team-grid,.op-details-grid,.op-next-grid{grid-template-columns:1fr;gap:28px}.op-section-heading>p{max-width:520px}.op-section-heading{margin-bottom:28px}.op-tabs{gap:8px;margin-bottom:28px}.op-tabs button{display:block;padding:14px 4px;min-height:68px;font-size:.65rem}.op-tabs button span{display:block;font-size:.75rem;margin-top:5px}.op-tour-screen{order:-1}.op-tour-panel{min-height:0}.op-panel-copy .op-eyebrow{margin-bottom:12px}.op-panel-copy h3 br{display:none}.op-panel-copy h3{font-size:2rem}.op-panel-copy h3 br:after{content:' '}.op-feature-list{margin-block:15px}.op-team-steps article{padding-block:20px}.op-next aside{padding-left:0;padding-top:30px;border-left:0;border-top:1px solid #ffffff30}.op-monogram{font-size:2.4rem}.op-resources-grid{grid-template-columns:1fr;gap:20px}.op-hero-copy .op-actions{gap:10px}.op-enlarge{font-size:.6rem;padding:7px 9px;bottom:8px;right:8px}}
@media(prefers-reduced-motion:reduce){.op-story *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.op-button-gold:hover{transform:none}}
@media(max-width:760px){.op-panel-copy h3 br{display:revert}}

/* Readable excerpts retain a link to the original demonstration screen. */
.op-story img[hidden]{display:none}
.op-preview-controls{display:flex;gap:4px;padding:8px;background:var(--bg-alt,#f1ece4);border:1px solid var(--border,#ded6ca);border-radius:8px 8px 0 0}
.op-preview-controls[hidden],[data-preview-detail][hidden],[data-preview-full][hidden],[data-guide-controls][hidden],[data-guide-panel][hidden]{display:none}
.op-preview-controls button{min-height:44px;padding:10px 16px;border-radius:5px;font-size:.76rem;line-height:1.4;color:var(--op-ink)}
.op-preview-controls button[aria-pressed=true]{background:var(--op-navy);color:var(--op-cream);box-shadow:0 2px 6px #142a4020}
.op-readable-preview{padding:26px;background:var(--bg,#fcfaf7);color:var(--op-ink);border:1px solid var(--border,#ded6ca);border-top:0}
.op-readable-preview .op-eyebrow{font-size:.65rem;margin-bottom:16px;color:#8c6e43}
.op-readable-preview h3{font-size:1.6rem;line-height:1.25;margin-bottom:18px;color:var(--op-ink)}
.op-readable-preview p:not(.op-eyebrow){font-size:.94rem;line-height:1.75;margin:18px 0 0}
.op-readable-preview .op-inline-link{margin-top:14px}
.op-preview-sections{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.op-preview-sections span{padding:8px 12px;border:1px solid var(--border,#ded6ca);border-radius:5px;font-size:.75rem}
.op-preview-amounts{margin:0;font-size:.9rem}
.op-preview-amounts div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:14px 0;border-bottom:1px solid var(--border,#ded6ca)}
.op-preview-amounts dd{margin:0;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.op-preview-amounts div:last-child{font-weight:600}
.op-preview-open-link{display:none!important}
[data-preview-mode=detail]>.op-preview-open-link{display:flex!important;align-items:center;min-height:48px;padding:10px 18px;border:1px solid var(--border,#ded6ca);border-top:0;font-size:.78rem;background:var(--bg,#fcfaf7);color:var(--op-ink)}
.op-hero-visual .op-preview-controls{border:0;border-radius:0;background:#eee7db}
.op-hero-visual .op-readable-preview{border:0;background:#fcfaf7;--op-ink:#282f3d;--text:#282f3d;--border:#ded6ca}
.op-hero-visual .op-preview-controls button{color:#282f3d}
.op-hero-visual .op-preview-controls button[aria-pressed=true]{color:#fcfaf7}
.op-hero-visual .op-preview-open-link{background:#fcfaf7;color:#282f3d;border:0}
.op-tour-screen [data-preview-full]>a{display:block;position:relative;border:1px solid #d9d0c0;border-top:0;border-radius:0 0 8px 8px;overflow:hidden;box-shadow:0 18px 50px #1c2d4317}
.op-example-status{display:inline-block;font-size:.7rem;line-height:1.65;padding:7px 10px;border:1px solid #b69a6b66;border-radius:5px;color:var(--op-ink);background:#b9a27f14}
.op-statement-guide{background:var(--bg-alt,#f4efe7);border-block:1px solid var(--border,#e5ddd0)}
.op-guide-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:42px}
.op-guide-controls-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.op-guide-controls button{display:flex;align-items:center;gap:14px;min-height:68px;padding:16px;text-align:start;border:1px solid var(--border,#dcd4c7);border-radius:6px;color:var(--op-muted);background:var(--bg,#fcfaf7);font-size:.65rem;line-height:1.5}
.op-guide-controls button span{font-size:.82rem}
.op-guide-controls button[aria-selected=true]{border-color:#b69a6b;color:var(--op-ink);box-shadow:inset 0 -3px #b69a6b}
.op-statement-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}
.op-guide-explanations h3,.op-care-stage h3{font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:1.18;letter-spacing:-.025em}
.op-guide-explanations [data-guide-panel]+[data-guide-panel]{margin-top:36px}
.op-guide-controls:not([hidden])+.op-statement-layout [data-guide-panel]{margin-top:0}
.op-guide-explanations p:not(.op-eyebrow),.op-care-stage>div>p:not(.op-eyebrow){font-size:.92rem;color:var(--op-muted)}
.op-story .op-guide-amount{font-family:var(--font-serif);font-size:clamp(2.5rem,4vw,3.9rem)!important;line-height:1.2!important;letter-spacing:-.025em;color:var(--op-ink)!important;margin:22px 0;font-variant-numeric:tabular-nums}
.op-guide-equation{font-size:.8rem!important;padding:16px 0;border-block:1px solid var(--border,#ded6ca);line-height:1.8}
.op-guide-note{font-size:.76rem!important}
.op-ledger-wrap{min-width:0}
.op-example-ledger{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border,#dcd4c7);border-radius:8px;background:var(--bg,#fcfaf7);font-size:.8rem;overflow:hidden}
.op-example-ledger caption{text-align:start;font-size:.72rem;line-height:1.6;color:var(--op-muted);padding-bottom:14px}
.op-example-ledger th,.op-example-ledger td{padding:13px 18px;border-bottom:1px solid var(--border,#e5ddd2);text-align:start;line-height:1.6;font-weight:400}
.op-example-ledger thead th{font-size:.65rem;color:var(--op-muted);letter-spacing:.03em}
.op-example-ledger td,.op-example-ledger thead th:last-child{text-align:end;white-space:nowrap;font-variant-numeric:tabular-nums}
.op-example-ledger tbody{transition:background .18s}
.op-example-ledger .op-ledger-current{background:#b9a27f20}
.op-example-ledger .op-ledger-current th{box-shadow:inset 3px 0 #ac8b59}
.op-ledger-total th,.op-ledger-total td,.op-ledger-subtotal th,.op-ledger-subtotal td{font-weight:600}
.op-ledger-total th,.op-ledger-total td{border-bottom:0}
.op-ledger-recovery td{color:#39705b}
.op-care-story{border-bottom:1px solid var(--border,#e5ddd0)}
.op-care-stage{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.op-care-stage+.op-care-stage{margin-top:60px}
.op-guide-controls:not([hidden])~.op-care-stage{margin-top:0}
.op-care-photo{margin:0;min-width:0}
.op-care-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:65% 50%;border-radius:8px}
.op-care-photo figcaption{font-size:.69rem;line-height:1.6;color:var(--op-muted);margin-top:12px}
.op-proposal-example,.op-completion-example{border:1px solid var(--border,#ded6ca);padding:32px;border-radius:8px;background:var(--bg-alt,#f4efe7)}
.op-proposal-example h4{font-size:1.6rem;line-height:1.3}
.op-proposal-example .op-inline-link{display:flex;margin-top:20px}
.op-completion-example dl{margin:0}
.op-completion-example dl>div{padding:14px 0;border-bottom:1px solid var(--border,#ded6ca)}
.op-completion-example dt{font-size:.82rem;font-weight:600}
.op-completion-example dd{font-size:.8rem;line-height:1.7;color:var(--op-muted);margin:5px 0 0}
.op-completion-example .op-example-status{margin-top:22px}
@media(max-width:1000px){.op-statement-layout,.op-care-stage{gap:35px}.op-guide-controls button{display:block}.op-guide-controls button span{display:block;margin-top:5px}}
@media(max-width:760px){.op-statement-layout,.op-care-stage{grid-template-columns:1fr;gap:30px}.op-guide-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}.op-guide-controls-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.op-guide-controls button{padding:12px;min-height:72px}.op-guide-controls-three button{padding:12px 8px}.op-guide-controls-three button span{font-size:.72rem}.op-readable-preview{padding:22px}.op-readable-preview h3{font-size:1.45rem}.op-preview-amounts{font-size:.83rem}.op-example-ledger{font-size:.77rem}.op-example-ledger th,.op-example-ledger td{padding:11px 10px}.op-guide-explanations{min-height:0}.op-proposal-example,.op-completion-example{padding:24px}.op-care-photo img{aspect-ratio:16/10}.op-guide-equation bdi{white-space:normal}}
@media(prefers-reduced-motion:reduce){.op-example-ledger tbody{transition:none}}