:root{--paper:#f8f5ef;--forest:#253a32;--clay:#a05c3f;--line:#d7dccf;--muted:#737e6c;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--forest);font-family:var(--sans);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased}body.zoom-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--clay);outline-offset:4px}button[hidden]{display:none}p,h1,h2{margin:0}.wrap{width:calc(100% - 80px);max-width:1160px;margin:auto}.top{border-bottom:1px solid var(--line)}.top>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:92px}.agency{font-size:22px;font-weight:500;letter-spacing:.25em;line-height:1.2}.agency>span{display:block;font-size:7px;letter-spacing:.18em;margin-top:7px;color:var(--muted)}.demo-badge{font-size:9px;letter-spacing:.15em;display:flex;align-items:center;gap:8px}.demo-badge i{display:inline-block;width:6px;height:6px;background:var(--clay);border-radius:50%}.intro{padding:55px 0 40px;display:grid;grid-template-columns:1.2fr .7fr;gap:12%;align-items:end}.eyebrow{font-size:9px;letter-spacing:.17em;font-weight:500;color:var(--clay);margin-bottom:20px}h1{font-family:var(--serif);font-size:60px;font-weight:500;line-height:1;letter-spacing:-.035em}h1 em{font-weight:500;color:var(--clay)}.intro-note>p{font-size:13px;line-height:1.85;color:var(--muted);max-width:300px}.intro-note>span{display:block;font-size:10px;margin-top:16px}.intro-note b{font-size:17px;font-weight:400;margin-left:12px}.viewer{background:#fffefa;border:1px solid var(--line)}.viewer-head{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.modes{display:flex;padding:4px;background:#eeefe7;gap:4px}.mode{display:flex;align-items:center;justify-content:center;gap:10px;border:0;background:none;font-size:12px;padding:9px 16px;min-height:42px}.mode svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.4}.mode.selected{background:var(--forest);color:var(--paper)}.marked-note{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px}.marked-note svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.4}.screen-nav{display:flex;gap:8px;padding:16px 22px;flex-wrap:wrap}.screen{display:flex;gap:10px;align-items:center;min-height:42px;border:1px solid transparent;padding:9px 13px;font-size:9px;background:none;color:#87917c}.screen>span{color:#66725b;font-size:11px}.screen.selected{border-color:#bbc6ad;background:#f4f5ed}.screen.selected>span{color:var(--forest)}.screen:hover{background:#f2f3eb}.stage{background:#e9e8df;padding:24px 22px 28px;border-block:1px solid #e1e4d8;min-height:340px;display:flex;align-items:flex-start;justify-content:center}.preview-frame{position:relative;width:100%;max-width:1110px;border:1px solid #c7cdbf;background:#f8f5ef;box-shadow:0 12px 35px #253a3210;overflow:hidden;border-radius:7px}.frame-top{display:flex;align-items:center;gap:15px;min-height:35px;padding:8px 13px;background:#f3f2ec;border-bottom:1px solid #d7dbcf;font-size:9px;color:#7b8571}.dots{display:flex;gap:5px;flex-shrink:0}.dots i{height:5px;width:5px;border-radius:50%;border:1px solid #b7c0ac}.frame-mark{margin-left:auto;font-size:7px;letter-spacing:.13em;color:#9ba48f}#preview-image{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.preview-frame.phone{max-width:390px;border:5px solid #35453c;border-radius:25px;box-shadow:0 15px 40px #253a3220}.preview-frame.phone .frame-top{min-height:34px;justify-content:center;font-size:8px;padding-inline:10px}.preview-frame.phone .dots,.preview-frame.phone .frame-mark{display:none}.preview-frame.phone #preview-image{height:auto}.enlarge{position:absolute;right:14px;bottom:14px;min-height:40px;font-size:10px;display:flex;align-items:center;gap:7px;background:#fffdf8f2;border:1px solid #c4cbb9;padding:8px 12px;box-shadow:0 3px 12px #253a3210}.enlarge>span{font-size:19px;line-height:1}.enlarge:hover{background:var(--forest);color:#fff}.viewer-bottom{padding:20px 22px;display:flex;justify-content:space-between;gap:25px;align-items:center}.viewer-bottom>p{max-width:650px;color:var(--muted);font-size:12px;line-height:1.8}.arrows{display:flex;gap:13px;align-items:center;flex-shrink:0}.arrows button{border:1px solid #c5ceb9;background:none;width:44px;height:44px;font-size:20px}.arrows button:hover{background:var(--forest);color:var(--paper)}.arrows>span{font-size:10px;letter-spacing:.06em}.view-notice{padding:18px 0 0;display:flex;gap:10px;color:#7d8874;align-items:flex-start}.view-notice>span{font-size:22px;line-height:1.3}.view-notice>p{font-size:11px;line-height:1.8;max-width:820px}.concept-points{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:53px 0 56px}.concept-points article{border-top:1px solid var(--line);padding-top:17px}.concept-points article>span{font-size:8px;letter-spacing:.13em;color:var(--clay)}h2{font-family:var(--serif);font-weight:500;font-size:31px;line-height:1.1;letter-spacing:-.025em}.concept-points h2{margin:20px 0 11px}.concept-points p{font-size:12px;line-height:1.8;color:var(--muted);max-width:310px}.footer{border-top:1px solid var(--line);padding:24px 0}.footer>.wrap{display:flex;justify-content:space-between;gap:20px;color:#89937f;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#zoom-dialog{padding:0;border:0;background:var(--paper);color:var(--forest);width:min(1420px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 25px 80px #0005}#zoom-dialog::backdrop{background:#15271ce3;backdrop-filter:blur(4px)}.zoom-head{position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--line);z-index:2;padding:13px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.zoom-head h2{font-family:var(--sans);font-size:12px;font-weight:500;letter-spacing:0;line-height:1.5}.zoom-head button{border:1px solid #c5ceb9;background:none;width:44px;height:44px;font-size:26px}.zoom-body{padding:12px;overflow:auto}.zoom-body img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.zoom-body.phone img{width:min(100%,390px);margin:auto}.zoom-note{text-align:center;font-size:8px;letter-spacing:.15em;padding:0 12px 15px;color:var(--muted)}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.intro{gap:7%;padding-top:40px}h1{font-size:49px}.intro-note>p{font-size:12px}.screen-nav{gap:5px}.screen{gap:6px;padding-inline:9px}.concept-points{gap:24px}.viewer-head{padding-inline:17px}.marked-note{font-size:9px}}@media(max-width:600px){.wrap{width:calc(100% - 28px)}.top>.wrap{min-height:76px;gap:12px}.agency{font-size:18px;letter-spacing:.18em}.agency>span{font-size:6px}.demo-badge{font-size:6px;gap:5px;letter-spacing:.08em}.demo-badge i{width:4px;height:4px}.intro{display:block;padding:34px 0 26px}.eyebrow{font-size:8px;margin-bottom:17px}h1{font-size:47px}.intro-note{margin-top:21px}.intro-note>p{max-width:420px;font-size:12px}.intro-note>span{font-size:9px;margin-top:10px}.viewer-head{flex-direction:column;align-items:flex-start;padding:13px;gap:11px}.modes{width:100%}.mode{width:50%;font-size:11px;padding:8px 12px;min-height:43px}.marked-note{font-size:10px}.screen-nav{padding:12px;gap:5px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.screen{justify-content:center;gap:6px;min-height:44px;padding:8px 5px}.screen>span{font-size:10px;white-space:nowrap}.screen{font-size:8px}.stage{padding:15px 9px;min-height:220px}.preview-frame.phone{border-width:3px;border-radius:20px}.frame-top{min-height:28px;font-size:8px;padding:6px 8px;gap:8px}.frame-mark{font-size:6px}.dots{gap:3px}.dots i{width:4px;height:4px}.enlarge{right:8px;bottom:8px;font-size:9px;min-height:38px;padding:7px 9px}.viewer-bottom{padding:15px 13px;align-items:flex-start;gap:14px;flex-direction:column}.viewer-bottom>p{font-size:11px}.arrows{width:100%;justify-content:space-between;gap:15px}.view-notice{padding-top:14px;gap:8px}.view-notice>p{font-size:10px}.concept-points{grid-template-columns:1fr;gap:25px;padding:35px 0}.concept-points h2{font-size:31px;margin:15px 0 10px}.concept-points p{font-size:12px;max-width:450px}.concept-points article>span{font-size:8px}.footer>.wrap{display:block;font-size:9px;line-height:1.8}.footer>.wrap>span{display:block}.zoom-body{padding:7px}.zoom-body:not(.phone) img{min-width:1000px;width:1000px}.zoom-head{padding:10px}.zoom-head h2{font-size:11px}.zoom-note{font-size:7px;padding-top:6px}#zoom-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Full mobile page with its own natural scroll, including the whole form. */
.intro-link{display:inline-flex;align-items:center;gap:12px;font-size:10px;margin-top:16px;min-height:30px}.intro-link b{font-size:17px;font-weight:400}.intro-link:hover{text-decoration:underline;text-underline-offset:4px}.next-step{margin:0 0 56px;padding:45px 42px;background:var(--forest);color:var(--paper);display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:center;scroll-margin-top:24px}.next-step .eyebrow{color:#d9b29b;margin-bottom:19px}.next-step h2{font-size:45px;line-height:1.05}.next-step h2 em{color:#e4b89d;font-weight:500}.next-copy{font-size:12px;line-height:1.85;color:#d8dfd1;max-width:445px;margin-top:20px}.next-contact{justify-self:end;width:100%;max-width:290px}.contact-button{display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--paper);color:var(--forest);padding:17px 19px;min-height:54px;font-size:12px;font-weight:500;transition:background .2s}.contact-button span{font-size:20px;line-height:1}.contact-button:hover{background:#e7d0ba}.next-contact p{margin-top:18px;font-size:11px;line-height:1.8;color:#d8dfd1}.next-contact p a{text-decoration:underline;text-underline-offset:4px}.next-step a:focus-visible{outline-color:#e4b89d}@media(max-width:800px){.next-step{padding:32px;gap:30px}.next-step h2{font-size:39px}}@media(max-width:600px){.intro-link{margin-top:10px;font-size:10px;min-height:36px}.next-step{grid-template-columns:1fr;padding:30px 23px;gap:26px;margin-bottom:35px}.next-step h2{font-size:39px}.next-step .eyebrow{font-size:8px;margin-bottom:16px}.next-copy{font-size:12px;line-height:1.85;margin-top:18px}.next-contact{max-width:none;justify-self:stretch}.contact-button{min-height:54px;font-size:12px}.next-contact p{font-size:11px;margin-top:16px}}
[hidden]{display:none!important}
.preview-viewport{width:100%;position:relative}
.preview-frame.phone .preview-viewport{height:min(74dvh,740px);min-height:380px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#9aa98c #eeefe7;touch-action:pan-y}
.preview-viewport:focus-visible{outline:2px solid #a05c3f;outline-offset:-2px}
.preview-frame.phone .preview-viewport img{display:block;height:auto;width:100%;max-width:100%}
.phone-scroll-hint{display:flex;align-items:center;gap:8px;margin:0;padding:0 22px 14px;font-size:11px;line-height:1.6;color:#627258}
.phone-scroll-hint>span{font-size:18px;line-height:1}
@media(max-width:600px){.phone-scroll-hint{padding:0 13px 13px;font-size:10px}.preview-frame.phone .preview-viewport{height:min(72dvh,660px);min-height:360px}}