*{box-sizing:border-box}
.contact-privacy{font-size:16px;line-height:1.7;color:var(--clara-muted);margin-top:24px}.contact-privacy a{text-decoration:underline;text-underline-offset:4px}
body{margin:0;background:var(--clara-paper);color:var(--clara-ink);font:400 18px/1.5 var(--clara-font-body)}
button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.65}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:var(--clara-focus);outline-offset:4px}
[hidden]{display:none!important}small{font-size:15px}h1,h2,h3,p{margin-top:0}figure{margin:0}
.trial-header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid var(--clara-line);background:#fff;gap:24px}
.trial-header img{display:block;width:160px;height:auto}.trial-header>a:last-child{font-size:17px;font-weight:600}.trial-header-note{font-size:16px;display:flex;gap:12px;align-items:center}.trial-header-note span{width:8px;height:8px;border-radius:50%;background:#426740}
.trial-footer{display:flex;justify-content:space-between;padding:32px 4%;font-size:15px;color:var(--clara-muted);gap:24px}.trial-footer nav{display:flex;gap:28px}
.trial-wizard{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);max-width:1600px;margin:auto;min-height:calc(100svh - 190px)}
.trial-aside{background:var(--clara-pink);position:relative;padding:74px clamp(32px,5vw,80px);overflow:hidden}
.aside-label{font-size:15px;font-weight:600;letter-spacing:1px;position:relative;display:inline-block;line-height:1.6}
.trial-aside h2{font:700 clamp(40px,4vw,60px)/1.08 var(--clara-font-body);letter-spacing:-2.5px;margin:30px 0 40px;position:relative}.trial-aside em{font:inherit;font-style:normal}
.aside-orbit{position:absolute;right:-32px;top:10px;font-size:240px;line-height:1;color:#dfc4c4;transform:rotate(12deg);pointer-events:none}
.trial-aside>p{font-size:20px;line-height:1.8;color:var(--clara-muted);margin:32px 0;position:relative}
.aside-bottom{display:flex;flex-wrap:wrap;gap:12px;font-size:15px}.aside-bottom span{border:1px solid #14141445;border-radius:5px;padding:8px 12px}
.reference-map{display:grid;gap:20px;margin:40px 0;padding:28px 0;border-block:1px solid #14141435;font-size:18px;position:relative}
.trial-form-area{padding:48px clamp(28px,4vw,70px) 42px;min-width:0}
.trial-steps{list-style:none;display:flex;flex-wrap:wrap;gap:20px;margin:0 0 40px;padding:0;font-size:15px;color:var(--clara-muted)}.trial-steps li{display:flex;gap:9px;align-items:center}.trial-steps li>span{border:1px solid var(--clara-line);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:15px;flex:none}.trial-steps [aria-current]{color:var(--clara-ink);font-weight:600}.trial-steps [aria-current]>span,.trial-steps .done>span{background:var(--clara-ink);color:#fff;border-color:var(--clara-ink)}
.step-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:15px;color:var(--clara-muted);margin-bottom:22px}
.trial-form-area h1{font:600 clamp(32px,3.2vw,46px)/1.12 var(--clara-font-display);letter-spacing:-1.5px;margin:0 0 22px;outline:none}
.step-copy{color:var(--clara-muted);font-size:18px;line-height:1.8;margin:0 0 32px;max-width:590px}
.field{display:block;margin:0 0 24px;min-width:0}.field>span{font-size:17px;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:10px;font-weight:600;gap:8px}.field small{font-size:15px;font-weight:400;color:var(--clara-muted);line-height:1.6}.field>small{display:block;margin-top:9px}
.field input,.field textarea{display:block;width:100%;border:1px solid #bfc2ba;border-radius:5px;background:#fff;color:var(--clara-ink);padding:14px 16px;outline:none;font:400 16px/1.6 var(--clara-font-body);min-width:0}.field input::placeholder,.field textarea::placeholder{color:#656760;font-size:16px}.field input:focus,.field textarea:focus{border-color:var(--clara-ink);box-shadow:0 0 0 3px var(--clara-lavender)}.field textarea{resize:vertical;min-height:130px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.logo-details{border:1px dashed #afb4a8;border-radius:5px;margin:24px 0}.logo-details summary{padding:18px;font-size:16px;cursor:pointer;list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.logo-details summary>small{color:var(--clara-muted)}.logo-row{padding:6px 18px 20px;display:flex;align-items:center;flex-wrap:wrap;gap:18px}.logo-row img{max-width:90px;max-height:55px;object-fit:contain}.logo-row small{font-size:15px;color:var(--clara-muted)}
.upload-button{position:relative;padding:11px 15px;border:1px solid #bfc2ba;border-radius:5px;font-size:15px;cursor:pointer;overflow:hidden}.upload-button:focus-within{outline:var(--clara-focus);outline-offset:3px}.upload-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}
.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:34px}.wizard-actions>.primary-button{margin-left:auto;min-width:185px}
.primary-button,.secondary-button{border:1px solid var(--clara-ink);background:var(--clara-ink);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:var(--clara-radius-button);padding:17px 24px;min-height:60px;font:600 18px/1.35 var(--clara-font-body);transition:background .2s,color .2s,transform .2s;text-align:center}.primary-button:hover{background:#333;transform:translateY(-2px)}.secondary-button{background:#fff;color:var(--clara-ink)}.secondary-button:hover{background:var(--clara-lime)}
.text-button{padding:9px 0;border:0;background:none;color:var(--clara-ink);font-size:16px;font-weight:500}.text-button:hover{text-decoration:underline}.wizard-reassurance{text-align:right;color:var(--clara-muted);font-size:15px;line-height:1.8;margin:22px 0 0}
.service-list,.reference-list{display:grid;gap:18px}.service-input,.reference-input{background:var(--clara-sage);border:1px solid var(--clara-line);border-radius:10px;padding:24px;min-width:0}.service-heading{display:flex;justify-content:space-between;align-items:center;font-size:15px;color:var(--clara-muted);margin-bottom:18px;gap:16px}.service-heading button{padding:0;font-size:15px}.service-input .field{margin-bottom:18px}.service-input .field:last-child{margin:0}.add-service{border:1px dashed #a2a99b;color:var(--clara-ink);background:#fff;border-radius:5px;width:100%;padding:16px;margin-top:18px;font-size:17px}.add-service:hover{background:var(--clara-sage)}
.gentle-note{display:flex;align-items:start;gap:16px;margin:26px 0 0;padding:22px;background:var(--clara-cream);border-radius:10px}.gentle-note>span{font-size:28px;line-height:1.2}.gentle-note p{font-size:16px;line-height:1.8;color:var(--clara-muted);margin:0}
.reference-input .field textarea{min-height:90px}.capture-row{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.capture-row img{width:130px;height:90px;object-fit:cover;object-position:top;border:1px solid var(--clara-line);border-radius:5px}.capture-row small{color:var(--clara-muted);font-size:15px}.trial-consent{display:flex;align-items:start;gap:12px;font-size:15px;line-height:1.8;color:var(--clara-muted);margin-top:26px}.trial-consent input{margin-top:6px;flex:none;accent-color:var(--clara-ink);width:18px;height:18px}.trial-contact-fields{padding:8px 18px 0}
.trial-status{max-width:1000px;margin:0 auto;padding:70px 36px 90px;min-height:70vh}.trial-status h1{font:600 clamp(34px,4vw,58px)/1.12 var(--clara-font-display);letter-spacing:-1.8px}.trial-status>p{font-size:20px;line-height:1.8;color:var(--clara-muted)}.trial-status>.primary-button{margin-top:28px}.trial-status>.text-button{margin-left:24px}.trial-status .reference-input{margin:24px 0;overflow-wrap:anywhere}.reference-thumb{max-width:100%;max-height:240px}.reference-input a{text-decoration:underline}
/* The proposal is the main screen; commercial content opens only on request. */
.result-layout{display:block;max-width:none;margin:0;min-height:calc(100svh - 190px)}.result-canvas{background:var(--clara-sage);padding:24px 3%;min-width:0}.result-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 20px;gap:24px}.result-title h1{font:600 28px/1.2 var(--clara-font-display);letter-spacing:-.8px;margin:0;overflow-wrap:anywhere}.result-title p{font-size:15px;color:var(--clara-muted);margin:7px 0 0}.result-actions{display:flex;gap:12px;flex:none}.result-actions .primary-button,.result-actions .secondary-button{font-size:16px;min-height:50px;padding:12px 20px}.private-badge{font-size:15px;color:var(--clara-muted);display:flex;align-items:center;gap:8px}.private-badge:before{content:'';display:block;width:8px;height:8px;background:#426740;border-radius:50%}
.preview-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px}.page-buttons,.device-buttons{display:flex;gap:4px;padding:4px;background:#e4e8e0;border-radius:5px;flex-wrap:wrap}.preview-toolbar button{border:0;background:none;padding:10px 16px;border-radius:5px;color:var(--clara-muted);font-size:16px}.preview-toolbar .active{background:#fff;color:var(--clara-ink);box-shadow:0 1px 4px #14141412}.device-buttons button{min-width:48px}.preview-shell{border:1px solid #bfc2ba;border-radius:10px;overflow:hidden;background:#e4e8e0;box-shadow:0 18px 40px -32px #14141455}.preview-chrome{display:flex;justify-content:space-between;gap:16px;padding:12px 18px;background:#fff;font-size:15px;color:var(--clara-muted)}.preview-chrome span:first-child{letter-spacing:3px;color:#777}.preview-chrome span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.preview-viewport{width:100%;height:max(580px,calc(100svh - 320px));margin:auto;transition:width .2s;background:#fff}.preview-viewport.mobile{width:min(390px,100%)}.preview-viewport iframe{display:block;border:0;width:100%;height:100%;background:#fff}.result-caption{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:15px;color:var(--clara-muted);margin-top:18px}.saved-ideas{background:#fff;padding:20px 24px;border:1px solid var(--clara-line);border-radius:5px;margin-top:24px}.saved-ideas summary{cursor:pointer;font-size:16px;font-weight:600}.saved-ideas li{margin-block:16px;overflow-wrap:anywhere}.saved-ideas p{font-size:16px;margin-bottom:0}
.trial-plans{max-width:1320px;margin:auto;padding:70px 5%}.plans-heading{text-align:center;margin:0 auto 50px}.plans-heading>span{font-size:15px;letter-spacing:1px;font-weight:600}.plans-heading h2{font:600 clamp(34px,4vw,60px)/1.08 var(--clara-font-display);letter-spacing:-2px;margin:24px 0}.plans-heading p{font-size:18px;color:var(--clara-muted)}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.plan-card{border:1px solid var(--clara-ink);padding:30px;border-radius:10px;background:#fff;display:flex;flex-direction:column;min-width:0}.plan-card.recommended{background:var(--clara-lime)}.plan-tag{font-size:15px;font-weight:600;line-height:1.6}.plan-card h3{font:600 28px/1.2 var(--clara-font-body);letter-spacing:-.5px;margin:24px 0 12px}.plan-card>p{font-size:17px;color:var(--clara-muted);min-height:52px}.plan-price{font:600 56px/1.1 var(--clara-font-body);letter-spacing:-2px;margin-top:16px}.plan-price small{font-size:16px;letter-spacing:0;color:var(--clara-muted);margin-left:6px;display:block;line-height:1.8}.plan-setup{font-size:15px;margin-top:12px}.plan-card ul{padding-left:20px;margin:30px 0;display:grid;gap:16px;font-size:16px;line-height:1.7}.plan-card>a{margin-top:auto;font-size:17px;padding:16px;overflow-wrap:anywhere}.plan-card>small{font-size:15px;text-align:center;margin-top:16px;color:var(--clara-muted)}.plans-after{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:40px auto 0;color:var(--clara-muted);font-size:17px}.plans-after b{font-weight:600;color:var(--clara-ink)}.plans-after p{line-height:1.8;margin-bottom:0}
#trial-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--clara-ink);color:#fff;padding:16px 24px;border-radius:5px;max-width:min(90%,600px);font-size:16px;box-shadow:0 6px 20px #14141433;transition:.2s;z-index:100}#trial-toast.visible{opacity:1;transform:translate(-50%,0)}.trial-loading{padding:60px;text-align:center}
@media(max-width:1100px){.trial-aside{padding-inline:30px}.trial-aside h2{font-size:48px}.trial-form-area{padding-inline:30px}.field-pair{grid-template-columns:1fr;gap:0}.trial-steps{gap:12px}.trial-steps li{gap:6px}.result-title{flex-wrap:wrap}.plan-card{padding:24px}.plan-grid{gap:18px}}
@media(max-width:760px){.trial-header{height:80px;padding:0 24px}.trial-header img{width:126px}.trial-header-note{display:none}.trial-header>a:last-child{font-size:15px}.trial-wizard{display:block}.trial-aside{display:none}.trial-form-area{padding:30px 24px}.trial-steps{margin-bottom:30px;gap:12px;font-size:15px}.trial-steps li{gap:6px}.trial-steps li>span{width:26px;height:26px}.trial-form-area h1{font-size:34px;letter-spacing:-1px}.step-copy{font-size:17px}.field-pair{grid-template-columns:1fr;gap:0}.wizard-reassurance{text-align:left}.service-input,.reference-input{padding:18px}.wizard-actions{margin-top:28px;gap:18px}.wizard-actions>.primary-button{min-width:0}.trial-footer{padding:26px 24px;flex-wrap:wrap}.trial-footer nav{gap:20px}.trial-status{padding:40px 24px}.trial-status h1{font-size:36px}.trial-status>.text-button{display:block;margin:14px 0 0}.result-canvas{padding:20px 14px}.result-title{align-items:flex-start;gap:18px}.result-title h1{font-size:24px}.result-actions{width:100%;gap:10px}.result-actions>button{flex:1;padding:12px;font-size:15px}.preview-toolbar{flex-wrap:wrap;gap:12px}.page-buttons{width:100%;justify-content:space-between}.preview-toolbar button{padding:10px;font-size:15px}.preview-chrome{padding:12px;font-size:15px}.preview-chrome>span:last-child{display:none}.preview-viewport{height:70svh;min-height:500px}.result-caption{align-items:flex-start;flex-direction:column;gap:8px}.trial-plans{padding:50px 24px}.plans-heading h2{font-size:36px;letter-spacing:-1.3px}.plan-grid{grid-template-columns:1fr;gap:24px}.plan-card{padding:28px}.plan-card>p{min-height:0}.plans-after{grid-template-columns:1fr;gap:24px}.trial-consent{font-size:15px}.logo-details summary{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
/* Free notes, with payment requested only when the visitor commissions changes. */
.result-sticky{position:sticky;top:0;z-index:20;background:var(--clara-sage);padding:16px 0 1px;margin-top:-16px;border-bottom:1px solid var(--clara-line)}
.result-actions .primary-button{background:var(--clara-lime);color:var(--clara-ink);border:2px solid var(--clara-ink);font-size:18px;min-height:58px;box-shadow:3px 3px 0 var(--clara-ink)}.result-actions .primary-button:hover{background:#d4f6b8}.result-actions [data-note-count]{background:var(--clara-ink);color:#fff;min-width:26px;padding:2px 6px;border-radius:20px;font-size:15px}.result-actions [aria-pressed=true]{background:var(--clara-lavender);box-shadow:inset 0 0 0 1px var(--clara-ink)}
.annotation-guide{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin:18px 0;background:var(--clara-lavender);border:1px solid var(--clara-line);border-radius:10px}.annotation-guide b{font-size:19px;font-weight:600}.annotation-guide p{font-size:16px;margin:8px 0;line-height:1.6}.annotation-guide span{font-size:15px;color:var(--clara-muted)}.annotation-guide>button{flex:none;text-decoration:underline}
.preview-viewport{position:relative;overflow:hidden}.annotation-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}.annotation-selection{position:absolute;border:2px solid #7052bb;background:#7052bb18;pointer-events:none}.annotation-layer button{position:absolute;pointer-events:auto;width:34px;height:34px;border:2px solid #fff;border-radius:50%;background:#141414;color:#fff;box-shadow:0 2px 6px #14141455;font:600 15px/1 var(--clara-font-body);padding:0}
.saved-ideas{scroll-margin-top:180px}.trial-note-card{padding:24px 0;border-bottom:1px solid var(--clara-line);scroll-margin-top:180px}.trial-note-card:last-child{border-bottom:0}.trial-note-card>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.note-device,.note-state{padding:5px 10px;background:var(--clara-lavender);border-radius:5px;font-size:15px}.note-state{background:var(--clara-lime)}.trial-note-card blockquote,.trial-note-dialog blockquote{margin:18px 0;border-left:3px solid var(--clara-ink);padding:10px 16px;background:var(--clara-sage);font-size:16px;overflow-wrap:anywhere;max-height:120px;overflow:auto}.trial-note-card p{white-space:pre-wrap;line-height:1.7}
.trial-note-dialog{border:1px solid var(--clara-line);border-radius:10px;background:#fff;color:var(--clara-ink);width:min(640px,calc(100% - 32px));max-height:90svh;padding:32px;overflow:auto;font:400 18px/1.6 var(--clara-font-body)}.trial-note-dialog::backdrop{background:#14141488;backdrop-filter:blur(4px)}.trial-note-dialog header{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:16px}.trial-note-dialog h2{font:600 32px/1.2 var(--clara-font-display);letter-spacing:-1px}.trial-note-dialog textarea{min-height:160px}.note-dialog-actions{display:flex;justify-content:space-between;gap:18px;align-items:center}.note-dialog-actions .primary-button{font-size:17px;gap:10px;padding:16px 20px}.note-error{font-size:16px;color:#9c2525}.note-error:empty{display:none}.conversion-saved-notes{background:var(--clara-lime);border-radius:5px;padding:16px 20px;font-size:17px;line-height:1.6}
@media(max-width:760px){.result-actions{flex-wrap:wrap}.result-actions .primary-button{font-size:16px;gap:10px;padding:12px}.annotation-guide{padding:18px;display:block}.annotation-guide>button{margin-top:10px}.annotation-guide b{font-size:18px}.device-buttons{width:100%}.device-buttons button{flex:1}.trial-note-dialog{padding:22px}.trial-note-dialog h2{font-size:27px}.trial-note-dialog header{align-items:flex-start}.note-dialog-actions{gap:10px;flex-wrap:wrap}.note-dialog-actions .primary-button{font-size:16px}.saved-ideas,.trial-note-card{scroll-margin-top:280px}}

.result-title p{font-size:22px!important;line-height:1.5}.sections-label{font-size:16px;font-weight:600}.preview-toolbar{gap:16px;flex-wrap:wrap}.device-buttons button{display:inline-flex;align-items:center;gap:8px}.preview-viewport,.preview-viewport iframe{height:88vh!important;min-height:760px}.plan-setup del{margin-right:8px}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.result-title p{font-size:19px!important}.preview-viewport,.preview-viewport iframe{height:82vh!important;min-height:640px}.plan-grid{grid-template-columns:1fr}.sections-label{width:100%}}