/* One compact card, with an ivory face and a forest-and-brass header. */
:root{color-scheme:light;--outside:#efede5;--paper:#fcfaf4;--surface:#fffef9;--ink:#173c35;--muted:#636f64;--line:#e2e1d5;--gold:#956f39;--gold-light:#ddc391;--soft:#f3f1e7;--panel:#143b32;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 15%,#fbfaf6 0,transparent 65%),var(--outside);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body[data-theme=dark]{color-scheme:dark;--outside:#101b18;--paper:#1a2c26;--surface:#21372e;--ink:#f4f0df;--muted:#b6c0b0;--line:#3c4e40;--gold:#dec18a;--gold-light:#e6d1a5;--soft:#243a30;--panel:#143b32;background:radial-gradient(ellipse at 50% 15%,#20342b 0,transparent 65%),var(--outside)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.page-shell{width:min(440px,calc(100% - 32px));margin:32px auto;background:var(--paper);border:1px solid #a7915e30;border-radius:25px;overflow:hidden;box-shadow:0 20px 70px #263c2418,0 3px 10px #263c2408}.topbar{position:relative;height:151px;padding:19px 21px;display:flex;align-items:flex-start;justify-content:space-between;background:linear-gradient(125deg,#12352e,#1d4739);overflow:hidden}.header-orbits{position:absolute;inset:0;width:100%;height:100%;color:#dfc28b;stroke-width:.65;opacity:.28;pointer-events:none}.header-orbits .orbit-dot{fill:currentColor;stroke:none}.header-mark{height:30px;width:38px;color:#ddc391;stroke-width:1.1;position:relative;margin-top:3px}.header-mark circle{fill:currentColor;fill-opacity:.9;stroke:none}.header-mark ellipse{stroke:#ebd8af;stroke-width:1.4}.topbar-actions{display:flex;gap:7px;position:relative;z-index:1}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--surface);transition:background .2s,transform .2s}.topbar .icon-button{color:#fff7e6;border-color:#e6d4ac44;background:#fff9e60d;box-shadow:0 3px 8px #00000006}.icon-button:hover{background:var(--soft);transform:translateY(-1px)}.topbar .icon-button:hover{background:#ffffff20}.icon-button svg{width:17px;height:17px}main{padding:0 25px}.profile{position:relative;text-align:center;margin-top:-61px}.portrait-frame{width:122px;height:122px;padding:5px;margin:0 auto 19px;border:1px solid #d5b578;border-radius:25px;background:var(--paper);box-shadow:0 5px 18px #0d241a20}.portrait-frame img{display:block;object-fit:cover;object-position:50% 34%;width:100%;height:100%;border-radius:19px}.brand-eyebrow{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:3px;line-height:1.5;margin:0 0 9px}h1{font:normal clamp(29px,8.1vw,35px)/1.15 var(--serif);letter-spacing:-1px;margin:0 0 12px}.role{font-size:11px;line-height:1.65;margin:0 0 16px;color:var(--ink)}.role span{color:var(--gold);margin:0 5px}.intro{font-size:12px;line-height:1.85;color:var(--muted);margin:0 auto;max-width:330px}.connect-strip{padding-top:24px}.section-label{display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:8px;line-height:1.5;letter-spacing:2.2px;font-weight:700;color:var(--muted);margin:0 0 15px}.section-label>span{width:26px;height:1px;background:var(--line)}.contact-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.contact-actions a{display:flex;align-items:center;flex-direction:column;gap:9px;font-size:10px;font-weight:700;white-space:nowrap;min-height:71px}.action-icon{display:flex;align-items:center;justify-content:center;width:49px;height:49px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--surface),var(--soft));box-shadow:0 3px 5px #173c3506,inset 0 1px 0 #ffffff50;transition:background .2s,color .2s,transform .2s}.action-icon svg{width:20px;height:20px}.contact-actions a:hover .action-icon{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:13px 10px;border:1px solid transparent;border-radius:10px;font-size:11px;font-weight:700;line-height:1.4;transition:transform .2s,filter .2s}.button-primary{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:0 5px 12px #173c3512}.button-secondary{border-color:var(--line);background:var(--surface);box-shadow:0 2px 3px #173c3503}.button:hover{transform:translateY(-1px);filter:brightness(1.08)}.button:disabled{opacity:.55;cursor:wait;transform:none}.button svg{height:17px;width:17px}.install-button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:var(--muted);width:100%;min-height:42px;margin-top:4px;padding:9px}.install-button>svg{height:15px;width:15px;color:var(--gold)}.install-button>.tiny-arrow{height:12px;width:12px;margin-left:3px}.install-button:hover{color:var(--ink)}.video-section{margin-top:18px}.video-section .section-label{margin-bottom:13px}.video-card{aspect-ratio:16/9;position:relative;overflow:hidden;border-radius:13px;background:var(--panel);border:1px solid #b5945933;box-shadow:0 5px 12px #10291c0a}.video-poster{position:absolute;inset:0;width:100%;height:100%;text-align:left;background:linear-gradient(135deg,#10332d,#244b3b);color:#fff9e8}.video-orbit{position:absolute;inset:0;width:100%;height:100%;color:#dec18a;opacity:.2;stroke-width:.65;pointer-events:none}.video-brand{position:absolute;top:19px;left:20px;font-size:11px;letter-spacing:3px;font-weight:700}.video-brand>span{display:block;font-size:6px;letter-spacing:3.1px;margin-top:5px;color:var(--gold-light)}.play-circle{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid #e4d3b67a;border-radius:50%;background:#ffffff0d;box-shadow:0 4px 15px #00000010;transition:background .2s,transform .2s}.play-circle svg{fill:#e4cfa6;stroke:none;width:21px;height:21px;margin-left:2px}.video-poster:hover .play-circle{background:#ffffff20;transform:translate(-50%,-50%) scale(1.06)}.video-bottom{position:absolute;bottom:18px;left:20px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;line-height:1.5;color:#e0e7d9}.video-bottom svg{height:15px;width:15px;color:#dec18a}.video-card iframe{width:100%;height:100%;border:0;display:block}.details-section{margin-top:22px}.contact-row{display:flex;align-items:center;gap:12px;min-height:67px;border-bottom:1px solid var(--line)}.contact-row:first-child{border-top:1px solid var(--line)}.contact-row-icon{color:var(--gold);display:flex;align-items:center;justify-content:center;width:25px}.contact-row-icon svg{width:18px;height:18px}.contact-row>span:nth-child(2){min-width:0;flex:1}.detail-label{display:block;font-size:7px;font-weight:700;letter-spacing:1.6px;color:var(--muted);line-height:1.4;margin-bottom:5px}.detail-value{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.row-arrow{width:15px;height:15px;color:var(--gold)}.conversation-button{width:100%;margin-top:19px;min-height:66px;justify-content:space-between;text-align:left;padding:14px 17px;border:1px solid #b59b6950;background:var(--soft);font-size:12px}.button-caption{display:block;margin-top:5px;font-size:9px;font-weight:400;color:var(--muted)}.conversation-button>svg{color:var(--gold)}footer{display:flex;align-items:center;justify-content:center;gap:7px;font-size:8px;color:var(--muted);letter-spacing:.1px;text-align:center;line-height:1.6;padding:24px 15px 25px}
/* Share, inquiry and home-screen instructions use the same card language. */
.modal{border:1px solid var(--line);border-radius:18px;padding:44px 30px 28px;background:var(--surface);color:var(--ink);width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 25px 100px #0004}.modal::backdrop{background:#061d18bb;backdrop-filter:blur(6px)}.modal-close{position:absolute;right:12px;top:12px;width:32px;height:32px;background:var(--soft);border:0}.eyebrow{font-size:8px;letter-spacing:1.7px;font-weight:700;color:var(--gold);line-height:1.6}.modal h2{font:normal 31px/1.13 var(--serif);letter-spacing:-.9px;margin:19px 0 10px}.modal>p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 15px}.share-identity{display:flex;gap:12px;align-items:center}.share-identity>img{width:48px;height:48px;border-radius:13px;object-fit:cover;border:1px solid var(--gold-light);padding:2px;background:var(--paper)}.share-identity .eyebrow{font-size:7px;letter-spacing:1.5px}.share-name{display:block;font:normal 21px/1.2 var(--serif);margin-top:3px}.share-modal h2{font-size:28px;margin-top:22px}.qr-code{display:flex;justify-content:center;align-items:center;background:white;padding:20px;width:252px;min-height:252px;margin:20px auto;border:1px solid #e6e6df;border-radius:12px;box-shadow:0 3px 12px #173c3507}.qr-code img,.qr-code canvas{max-width:100%;height:auto}.field-label{display:block;color:var(--muted);font-size:7px;font-weight:700;letter-spacing:1.5px;margin:0 0 8px}.share-url{display:block;width:100%;padding:12px 10px;border:1px solid var(--line);background:var(--paper);border-radius:7px;font-size:11px;color:var(--muted);min-height:41px}.modal-copy{width:100%;margin-top:11px}.modal-native-share{width:100%;margin-top:9px}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.share-actions .button{min-height:44px}.download-actions{display:grid;grid-template-columns:.85fr 1.15fr;gap:5px;margin-top:15px;padding-top:11px;border-top:1px solid var(--line)}.download-actions button{display:flex;justify-content:center;align-items:center;gap:6px;font-size:9px;line-height:1.5;min-height:40px;padding:7px 2px;color:var(--muted)}.download-actions button:hover{color:var(--ink)}.download-actions svg{height:14px;width:14px;color:var(--gold)}.qr-unavailable{text-align:center}.conversation-modal{width:min(450px,calc(100% - 32px))}form{display:flex;flex-direction:column;gap:15px;margin-top:22px}form label{display:block;font-size:11px;font-weight:700}form input,form textarea,form select{display:block;width:100%;border:1px solid var(--line);padding:12px;border-radius:7px;background:var(--paper);color:var(--ink);font-size:13px;line-height:1.4;margin-top:7px}form textarea{resize:vertical;min-height:90px}form select{min-height:44px}.optional{display:inline;font-weight:normal;color:var(--muted)}.remember-choice{display:flex;align-items:flex-start;gap:9px;font-weight:400;line-height:1.6;margin:1px 0}.remember-choice input{width:16px;height:16px;flex-shrink:0;margin:1px 0 0;accent-color:var(--ink);padding:0}.form-note{font-size:10px!important;line-height:1.65!important;color:var(--muted);margin:0}.form-status{font-size:11px;line-height:1.6;color:var(--ink);margin:0}.form-status:empty{margin:0}.install-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:1px solid var(--line);border-radius:16px;background:var(--soft);color:var(--gold);margin-bottom:22px}.install-icon svg{width:28px;height:28px}.install-instructions{padding:17px;background:var(--paper);border:1px solid var(--line);border-radius:9px;font-size:12px;line-height:1.85;margin:20px 0}.install-instructions ol{margin:0;padding-left:20px}.install-instructions li+li{margin-top:7px}.install-modal>.button{width:100%;margin-bottom:18px}.install-demo-note{border-top:1px solid var(--line);padding-top:15px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,15px);z-index:20;background:var(--ink);color:var(--paper);border:1px solid var(--line);padding:15px 22px;border-radius:9px;box-shadow:0 8px 30px #0002;font-size:12px;line-height:1.5;max-width:calc(100% - 32px);text-align:center;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.dialog-status{margin:0;font-size:12px!important;line-height:1.6;color:var(--ink)!important}.dialog-status:not(:empty){margin-top:14px}[hidden]{display:none!important}
@media(max-width:480px){.page-shell{width:calc(100% - 24px);margin:12px auto;border-radius:22px}.topbar{height:145px;padding:17px 18px}main{padding:0 22px}.profile{margin-top:-59px}.portrait-frame{width:118px;height:118px;margin-bottom:19px}.modal{padding:44px 24px 25px}.modal h2{font-size:30px}.share-modal h2{font-size:27px}.qr-code{width:244px;min-height:244px;padding:16px}.toast{bottom:18px;width:max-content}}
@media(max-width:350px){main{padding-left:17px;padding-right:17px}.card-actions{gap:7px}.button{font-size:10px;gap:7px}.role{font-size:10px}.intro{font-size:11px}.action-icon{width:45px;height:45px}.contact-actions a{font-size:9px}.video-brand{top:15px;left:16px}.video-bottom{left:16px;right:14px;bottom:14px;font-size:8px}.detail-value{font-size:11px}.modal{padding-left:19px;padding-right:19px}.qr-code{width:232px;min-height:232px;padding:10px}.download-actions button{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.export-preview{margin-top:18px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}.export-preview img{display:block;width:100%;max-height:260px;object-fit:contain;height:auto;border-radius:8px;background:#fff}.export-preview #export-save{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:11px;font-weight:700;color:var(--ink)}

.iphone-share-guide{padding:12px 14px;margin:10px 0 14px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.iphone-share-guide p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.iphone-share-guide .button{width:100%;margin-top:10px}.qr-scan-note{font-size:11px!important;line-height:1.6!important;text-align:center;margin-top:-10px!important;margin-bottom:18px!important}

.contact-help-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:38px;margin-top:8px;font-size:11px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.contact-help-button svg{height:13px;width:13px;color:var(--gold)}.contacts-share-setup,.contacts-open{width:100%;margin-top:10px}.contacts-steps{padding-left:21px;margin:22px 0;font-size:12px;line-height:1.75;color:var(--ink)}.contacts-steps li+li{margin-top:12px}.contacts-fallback{padding:13px;border:1px solid var(--line);border-radius:10px;margin-top:18px;background:var(--soft);font-size:11px;line-height:1.7;color:var(--muted)}.contacts-fallback summary{cursor:pointer;color:var(--ink);font-weight:700}.contacts-fallback p{margin-bottom:0}

.ai-contact-options{margin-top:18px;padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--soft);font-size:11px;line-height:1.7;color:var(--muted)}.ai-contact-options summary{cursor:pointer;font-weight:700;color:var(--ink)}.ai-contact-options p{margin:11px 0}.ai-contact-options .share-actions{margin-top:12px}

/* Proposal request beside the primary card actions. */
.proposal-cta{margin:14px 0 10px}.proposal-button{width:100%;justify-content:space-between;padding-left:16px;padding-right:15px;background:var(--gold-light);border-color:#b59b6970;color:#173c35;box-shadow:0 3px 8px #173c3508;font-size:12px}.proposal-button svg{width:17px;height:17px}.proposal-cta p{margin:8px 0 0;font-size:12px;line-height:1.6;text-align:center;color:var(--muted)}