/* Small illustrative websites, using no new fonts or external media. */
.option-example{--option-demo-height:245px;margin-top:auto;padding-top:15px;width:100%;min-width:0}.option-example .option-demo-label{font:12px/1.6 'DM Sans',Arial!important;color:var(--muted)!important;margin:0 0 12px!important;min-height:3.2em}.option-example .option-demo-caption{font:12px/1.6 'DM Sans',Arial!important;color:var(--muted)!important;margin:12px 0 0!important;min-height:4.8em}.option-demo-frame,.option-example .p2-comparison{height:var(--option-demo-height);box-sizing:border-box;width:100%;position:relative;overflow:hidden;border:1px solid #777d72;background:#151e23}.option-demo-frame{isolation:isolate}.option-example .p2-comparison-block{padding-top:0}
.option-demo-expand,.option-auto-toggle{position:absolute;z-index:5;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #a89b7e;color:#ead3a9;background:#1b2428;font:18px/1 'DM Sans',Arial;cursor:pointer}.option-demo-expand{right:6px;top:6px}.option-auto-toggle{left:6px;top:6px;font-size:13px}.option-auto-toggle:disabled{opacity:.65;cursor:default}.option-demo-expand:focus-visible,.option-auto-toggle:focus-visible{outline:2px solid #f0d5a3;outline-offset:2px}.option-phone-stage{display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 85%,#3b424850,transparent 70%),#141d22}
.mini-one-phone{font-size:10px;position:relative;flex:0 0 auto;width:178px;height:100%;box-sizing:border-box;background:#171b25;border:5px solid #555b5c;border-radius:24px;box-shadow:0 10px 30px #0005;overflow:hidden}.mini-phone-camera{position:absolute;left:50%;top:4px;transform:translateX(-50%);width:40px;height:6px;border-radius:8px;background:#020811;z-index:2;pointer-events:none}.mini-phone-home{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);width:48px;height:3px;border-radius:3px;background:#d8d9d2;z-index:2;pointer-events:none}.mini-phone-scroll{height:100%;overflow:auto;overscroll-behavior:contain;scroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#918879 #171b25;padding:12px 0 10px;color:#f3eadb;background:#171b25}.mini-phone-scroll:focus-visible{outline:2px solid #e4c896;outline-offset:-3px}.mini-one-masthead{padding:6px 12px 12px;font-family:Manrope,Arial;font-weight:650;font-size:1.08em;border-bottom:1px solid #ffffff20}.mini-one-masthead span{display:block;font:400 .7em/1.5 'DM Sans',Arial;letter-spacing:.05em;color:#d4cbbd;margin-top:3px}.mini-phone-scroll section{padding:14px 12px}.mini-phone-scroll p{font:400 1em/1.7 'DM Sans',Arial!important;color:#ddd6cc!important;margin:8px 0!important}.mini-phone-scroll .mini-one-kicker{font-size:.7em!important;letter-spacing:.08em;text-transform:uppercase;color:#ddc8a3!important}.mini-phone-scroll h4{font:500 2.25em/1.04 Georgia,serif;letter-spacing:-.03em;color:#f5ecdb;margin:5px 0 12px}.mini-phone-scroll h5{font:550 1.2em/1.3 Manrope,Arial;color:#f1e8d8;margin:0 0 9px;letter-spacing:-.02em}.mini-one-hero-art{width:100%;aspect-ratio:4/3;background:#7c817d;margin:10px 0}.mini-one-hero-art svg,.mini-photo-strip svg,.mini-business-art svg{display:block;width:100%;height:100%}.mini-phone-scroll button{font:600 .86em/1.5 'DM Sans',Arial;min-height:30px;max-width:100%;padding:7px 9px;background:#dcc5a0;color:#171b25;border:0;text-align:left;cursor:pointer}.mini-phone-scroll button:focus-visible{outline:2px solid #fff4da;outline-offset:3px}.mini-one-services{background:#252c36}.mini-one-services ul{margin:0;padding-left:13px;font:.95em/1.9 'DM Sans',Arial;color:#e4dbce}.mini-one-about{border-bottom:1px solid #ffffff20}.mini-photo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.mini-photo-strip figure{margin:0;min-width:0}.mini-photo-strip svg{aspect-ratio:3/4;object-fit:cover}.mini-photo-strip figcaption{font:.62em/1.4 'DM Sans',Arial;margin-top:4px;color:#d8c7af}.mini-phone-scroll .mini-one-words{background:#e4d9c6;color:#252732;padding-block:18px}.mini-phone-scroll .mini-words-label{font-size:.65em!important;text-transform:uppercase;letter-spacing:.06em;color:#514d45!important}.mini-phone-scroll .mini-words{font:italic 1.5em/1.25 Georgia,serif!important;color:#30313b!important}.mini-one-contact{background:#202935}.mini-one-end{font:.65em/1.6 'DM Sans',Arial;color:#c4c1bb;padding:0 12px 8px}.mini-demo-status:empty{display:none}.mini-phone-scroll .mini-demo-status{font-size:.83em!important;color:#f2d4a4!important}
.mini-browser-chrome{height:31px;display:flex;align-items:center;gap:7px;padding:5px 42px 5px 8px;background:#20272a;border-bottom:1px solid #777d72;color:#d5cbb7}.mini-window-dots{font:10px/1 Arial;color:#bcb6a6;letter-spacing:2px;flex:0 0 auto}.mini-demo-address{display:block;min-width:0;flex:1;background:#10191d;color:#e4d1b0;padding:2px 7px;border-radius:3px;font:10px/1.5 'DM Sans',Arial;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-browser-chrome .option-demo-expand{width:25px;height:24px;top:3px;right:5px;font-size:16px}.mini-business-site{font-size:10px;height:calc(100% - 31px);display:flex;flex-direction:column;background:#f3f4eb;color:#153b30;min-height:0}.mini-business-brand{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;font:700 1.05em/1.3 Manrope,Arial;background:#e0e9dc;color:#16392f}.mini-business-brand span{font:400 .68em/1.4 'DM Sans',Arial;max-width:90px;text-align:right}.mini-business-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:0!important;margin:0!important;padding:0!important;flex:0 0 auto;border-bottom:1px solid #b3c6b9;background:#f9f8f0;outline:1px solid transparent;outline-offset:-1px}.mini-business-nav button{font:550 .83em/1.3 'DM Sans',Arial;min-width:0;min-height:30px;white-space:nowrap;border:0;border-bottom:2px solid transparent;padding:4px 1px;color:#183c30;background:transparent;cursor:pointer}.mini-business-nav button[aria-current=page]{border-bottom-color:#846224;background:#e2e8db;color:#14382e}.mini-business-nav button:focus-visible{outline:2px solid #705419;outline-offset:-3px}.mini-business-nav.is-hinted{animation:mini-menu-hint .65s ease-in-out 2}@keyframes mini-menu-hint{50%{box-shadow:inset 0 0 0 2px #bd985b,0 0 10px #d4af6a60}}
.mini-business-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#849c8d #f3f4eb}.mini-business-scroll:focus-visible{outline:2px solid #705419;outline-offset:-3px}.mini-business-page{padding:12px 10px;animation:mini-page-in .18s ease-out}.mini-business-page[hidden]{display:none!important}@keyframes mini-page-in{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.mini-business-page h4{font:650 1.9em/1.08 Manrope,Arial;letter-spacing:-.03em;margin:0 0 9px;color:#153b30}.mini-business-page h4:focus{outline:0}.mini-business-page h4:focus-visible{outline:2px solid #9b763a;outline-offset:2px}.mini-business-page h5{font:650 1.12em/1.3 Manrope,Arial;letter-spacing:0;margin:3px 0 6px;color:#153b30}.mini-business-page p{font:400 1em/1.6 'DM Sans',Arial!important;color:#27463b!important;margin:5px 0 9px!important}.mini-business-page .mini-business-kicker{font-size:.7em!important;letter-spacing:.08em;text-transform:uppercase;color:#624b22!important}.mini-business-hero{display:grid;grid-template-columns:1.2fr .9fr;gap:8px;align-items:center}.mini-business-art{aspect-ratio:1/1.2;background:#dce6dd;overflow:hidden;border-radius:28px 0 28px 0}.mini-business-art svg{width:150%;max-width:none;transform:translateX(-17%)}.mini-business-button{background:#194536;color:#f6f7ec;font:550 .87em/1.5 'DM Sans',Arial;padding:7px 9px;min-height:30px;border:0;text-align:left;cursor:pointer;max-width:100%}.mini-business-button:focus-visible{outline:2px solid #8b6523;outline-offset:3px}.mini-business-strip{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px;border-top:1px solid #c4cebf;padding-top:9px;font:.72em/1.5 'DM Sans',Arial;color:#304e3f}.mini-business-strip span{padding:3px 5px;background:#e1e8db}.mini-business-services{display:grid;gap:7px;margin:12px 0}.mini-business-services article{padding:9px;border:1px solid #bccab8;background:#fbfaf1}.mini-service-icon{font-size:1.5em;color:#77591e}.mini-business-values{padding-left:16px;font:1em/1.8 'DM Sans',Arial;color:#27463b}.mini-business-form{display:grid;gap:8px}.mini-business-form label{font:550 .9em/1.5 'DM Sans',Arial;color:#153b30}.mini-business-form input,.mini-business-form textarea{display:block;width:100%;box-sizing:border-box;border:1px solid #879f8d;padding:6px;background:#fffdf5;color:#183b30;font:1.1em/1.5 'DM Sans',Arial;min-height:30px;border-radius:0;resize:vertical}.mini-business-form :is(input,textarea):focus-visible{outline:2px solid #846224;outline-offset:1px}.mini-business-page .mini-business-disclaimer{font-size:.83em!important}.mini-business-page .mini-demo-status{color:#173f30!important;font-weight:650!important}.mini-business-page details{border-bottom:1px solid #bccab8;padding:8px 0}.mini-business-page summary{font:600 1em/1.5 'DM Sans',Arial;cursor:pointer;padding:3px 0}.mini-business-page summary:focus-visible{outline:2px solid #846224;outline-offset:2px}
.option-demo-dialog{background:#192122;color:var(--text);border:1px solid #c7ae7c;padding:18px;max-width:min(940px,96vw);width:900px;max-height:92vh;overflow:auto}.option-demo-dialog::backdrop{background:#07100fe8;backdrop-filter:blur(4px)}.option-dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:14px}.option-dialog-top h2{font:500 18px/1.5 Manrope,Arial;margin:0;letter-spacing:0}.option-dialog-close{border:1px solid #a99a7b;color:#eee9dd;background:transparent;font:13px/1.5 'DM Sans',Arial;min-height:44px;padding:8px 12px;cursor:pointer}.option-dialog-close:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.option-demo-dialog .option-demo-frame{height:min(70vh,660px)}.option-demo-dialog .option-demo-expand{display:none}.option-demo-dialog .mini-one-phone{width:min(310px,85%);font-size:14px;border-width:7px;border-radius:30px}.option-demo-dialog .mini-phone-scroll{padding-top:15px}.option-demo-dialog .mini-phone-scroll section{padding:22px 18px}.option-demo-dialog .mini-one-masthead{padding:10px 18px 16px}.option-demo-dialog .mini-business-site{font-size:14px}.option-demo-dialog .mini-business-brand{padding:15px 22px}.option-demo-dialog .mini-business-brand span{max-width:none}.option-demo-dialog .mini-business-nav button{min-height:44px;font-size:1em}.option-demo-dialog .mini-business-page{padding:28px}.option-demo-dialog .mini-business-hero{gap:30px;max-width:740px;margin:auto}.option-demo-dialog .mini-business-page h4{font-size:2.7em;max-width:600px}.option-demo-dialog .mini-business-services{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.option-demo-dialog .mini-business-form{max-width:600px;grid-template-columns:1fr 1fr;gap:14px}.option-demo-dialog .mini-business-form label:nth-child(3),.option-demo-dialog .mini-business-form .mini-demo-status{grid-column:1/-1}.option-demo-dialog .mini-business-form :is(input,textarea){min-height:42px}.option-demo-placeholder{display:block}
@media(max-width:640px){.option-example{--option-demo-height:260px}.option-demo-dialog{padding:12px}.option-dialog-top{gap:12px;align-items:start}.option-dialog-top h2{font-size:15px}.option-dialog-close{flex:0 0 auto;font-size:12px}.option-demo-dialog .mini-business-site{font-size:12px}.option-demo-dialog .mini-business-page{padding:18px 13px}.option-demo-dialog .mini-business-page h4{font-size:2em}.option-demo-dialog .mini-business-services,.option-demo-dialog .mini-business-form{grid-template-columns:1fr}.option-demo-dialog .mini-business-nav button{font-size:.9em}.option-demo-dialog .mini-business-hero{gap:13px}.option-demo-dialog .mini-one-phone{font-size:13px}}
@media(prefers-reduced-motion:reduce){.mini-business-page,.mini-business-nav{animation:none!important;transition:none!important}}
.p2-reduced .mini-business-page,.p2-reduced .mini-business-nav{animation:none!important;transition:none!important}