@import url('/report.css');
:root{--ink:#292a28;--muted:#676d68;--teal:#1fccb5;--line:#dce1db;--paper:#f5f6f1;--white:#fff;--error:#a5322c;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button,.button{cursor:pointer;border:1px solid var(--line);border-radius:5px;padding:12px 18px;background:#fff;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1.3}button:hover,.button:hover{border-color:var(--ink)}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--teal);border-color:var(--teal);color:#102d28}.dark{background:var(--ink);color:white;border-color:var(--ink)}.quiet{background:transparent}.small{padding:8px 12px;font-size:13px}.danger{color:var(--error)}:focus-visible{outline:3px solid #117a6e;outline-offset:3px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:white;z-index:100}.skip:focus{top:10px}.topbar{background:var(--ink);color:white;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);gap:20px}.wordmark{font-size:23px;font-weight:900;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:12px}.mark{width:30px;height:28px;display:inline-block;background:var(--teal);clip-path:polygon(0 36%,50% 0,100% 36%,100% 100%,65% 100%,65% 50%,35% 50%,35% 100%,0 100%)}.topbar nav{display:flex;align-items:center;gap:24px;font-size:13px}.topbar nav a{text-decoration:none;color:#cdd2cc}.partner{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:1px;color:#b9c1ba}.partner img{width:102px}.wrap{width:min(1180px,90%);margin:auto}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:72px 0 60px}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;display:block}.eyebrow:before{content:'';width:8px;height:8px;background:var(--teal);display:inline-block;margin-right:9px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,4.5vw,62px);line-height:1.02;letter-spacing:-2.5px;margin:22px 0}h1 em{font-style:normal;color:#168b7b}h2{font-size:27px;letter-spacing:-.7px}h3{font-size:17px}.hero p{color:var(--muted);line-height:1.7;max-width:460px}.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.micro{font-size:12px;color:var(--muted);line-height:1.6}.hero .micro{margin:18px 0 0}.visual{background:#e1e7df;position:relative;padding:32px 40px;border-radius:4px;overflow:hidden}.visual:before{position:absolute;content:'';width:240px;height:240px;background:var(--teal);border-radius:100%;right:-90px;top:-100px;opacity:.45}.paper-mini{position:relative;background:white;padding:30px;box-shadow:0 12px 28px #243d2922;transform:rotate(-3deg);font-size:10px;min-height:330px}.mini-brand{display:flex;justify-content:space-between;border-bottom:4px solid var(--teal);padding-bottom:18px;font-size:12px;font-weight:900;letter-spacing:1px}.paper-mini h3{font-size:24px;margin:28px 0 8px;letter-spacing:-1px}.paper-mini p{font-size:10px;margin:0}.mini-line{height:6px;background:#e4e8e2;margin:9px 0;width:100%}.mini-line.short{width:65%}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0;background:#f2f5ef;padding:12px;gap:10px}.mini-grid b{display:block;margin-top:4px;font-size:13px}.visual-label{position:absolute;bottom:18px;right:14px;background:var(--ink);color:white;padding:15px 20px;font-size:12px;border-radius:4px}.visual-label b{color:var(--teal);margin-right:8px}.feature-bar{border-block:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;font-size:13px}.feature-bar span{display:block;color:var(--muted);font-size:12px;margin-top:6px}.feature-bar b{font-size:14px}.section{padding:44px 0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2{margin:0}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.template{background:white;border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;align-items:start;text-align:left;min-height:190px}.template:hover{border-color:#158f7e;box-shadow:0 3px 12px #1b48280a}.template .num{font-size:11px;color:#168b7b;border-bottom:1px solid var(--teal);padding-bottom:8px;margin-bottom:25px;letter-spacing:2px}.template strong{font-size:18px}.template p{font-size:13px;font-weight:400;color:var(--muted);line-height:1.6;margin:10px 0 0}.drafts{display:grid;gap:10px}.draft{background:white;border:1px solid var(--line);padding:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.draft h3{margin:0 0 7px}.draft p{margin:0;font-size:12px;color:var(--muted)}.empty{border:1px dashed #c0c8bd;padding:32px;color:var(--muted);font-size:14px;line-height:1.7}.footer{border-top:1px solid var(--line);padding:28px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.footer div{display:flex;gap:22px}.editor-title{padding:32px 0 25px;display:flex;justify-content:space-between;align-items:center;gap:18px}.editor-title h1{font-size:32px;letter-spacing:-1px;margin:9px 0}.save-status{font-size:12px;color:var(--muted)}.workspace{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;padding-bottom:55px}.steps{display:flex;flex-direction:column;align-items:stretch;gap:5px}.step{background:transparent;border-color:transparent;justify-content:start;color:var(--muted);font-size:14px;padding:14px}.step.active{color:var(--ink);background:#e2eae1;border-color:#d0dbce}.step span{border:1px solid currentColor;border-radius:100%;width:23px;height:23px;display:grid;place-items:center;font-size:11px}.step.active span{background:var(--ink);color:white}.side-note{font-size:12px;line-height:1.7;color:var(--muted);margin:28px 14px}.panel{background:white;border:1px solid var(--line);border-radius:5px;padding:32px;min-width:0}.panel-head{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:25px}.panel-head h2{margin:0 0 8px;font-size:25px}.panel-head p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700}.wide{grid-column:1/-1}input,select,textarea{width:100%;padding:12px;border:1px solid #cbd2c8;border-radius:4px;color:var(--ink);background:#fff;font-weight:400;min-width:0}textarea{resize:vertical;min-height:98px;line-height:1.6}.field small{font-weight:400;color:var(--muted)}.step-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.condition{display:grid;grid-template-columns:1fr 155px;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}.condition h3{margin:10px 0}.condition textarea{grid-column:1/-1;min-height:65px}.core{background:#f7f8f4;border:1px solid var(--line);padding:22px;border-radius:4px;margin-bottom:18px}.core-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.core-top h3{margin:0}.layer{display:grid;grid-template-columns:1.6fr .7fr 1fr 34px;gap:9px;margin:12px 0}.layer button{padding:5px}.layer small{display:block;font-size:11px;margin-bottom:6px;color:var(--muted)}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.photo-card{border:1px solid var(--line);padding:12px;min-width:0}.photo-card img{width:100%;height:180px;object-fit:contain;background:#f4f6f1}.photo-card textarea{margin:8px 0;min-height:65px}.logo-control{display:flex;align-items:center;gap:20px;border:1px dashed #bcc7b7;border-radius:4px;padding:20px}.logo-control img{max-width:130px;max-height:65px;object-fit:contain}.logo-control p{margin:5px 0;font-size:12px;color:var(--muted);font-weight:400}.logo-preview{background:#fff;padding:8px}.check{display:flex;align-items:flex-start;gap:11px;font-size:13px;line-height:1.6;font-weight:400}.check input{width:18px;height:18px;flex:0 0 18px;margin-top:2px;accent-color:#168b7b}.notice{background:#edf6ee;padding:15px 18px;border-left:3px solid #168b7b;font-size:13px;line-height:1.7;margin:22px 0}.error{background:#fff2ef;border-color:var(--error);color:#8b2924}.preview-toolbar{display:flex;justify-content:space-between;gap:15px;margin:25px 0}.preview{max-width:870px;margin:0 auto 50px}.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;color:white;background:var(--ink);border-radius:4px;box-shadow:0 5px 20px #0003;z-index:80;max-width:90%;display:none;font-size:14px}#toast.show{display:block}.loading{padding:80px;font-size:20px}#print-root{display:none}.embedded .topbar{height:65px}.embedded .partner,.embedded .topbar nav{display:none}.embedded .wrap{width:94%}.status-pill{font-size:11px;background:#e6eee3;padding:5px 8px;border-radius:3px}.service-note{margin:0 0 20px}.inline-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}
@media(max-width:800px){.topbar{height:70px;padding:0 5%}.partner{display:none}.topbar nav{gap:14px}.hero{gap:30px;padding:42px 0}.hero h1{font-size:43px}.visual{padding:24px}.paper-mini{padding:20px;min-height:290px}.workspace{grid-template-columns:1fr}.steps{flex-direction:row;overflow:auto;gap:4px;padding-bottom:6px}.step{white-space:nowrap;padding:10px}.side-note{display:none}.panel{padding:24px}.templates{gap:10px}.template{padding:20px}.layer{grid-template-columns:1.2fr .7fr 1fr 30px}}
@media(max-width:560px){.hero{grid-template-columns:1fr;padding:35px 0;gap:30px}.hero h1{font-size:46px;max-width:370px}.hero p{font-size:14px}.visual{padding:22px 44px}.paper-mini{min-height:260px}.paper-mini h3{margin-top:20px;font-size:22px}.feature-bar{grid-template-columns:1fr;gap:18px}.templates{grid-template-columns:1fr}.template{min-height:auto}.template .num{margin-bottom:16px}.topbar nav a{display:none}.topbar .wordmark{font-size:20px}.section{padding:30px 0}.section-head{align-items:start;flex-direction:column;gap:15px}.section-head h2{font-size:24px}.fields{grid-template-columns:1fr;gap:16px}.panel{padding:20px}.editor-title{align-items:start;flex-direction:column}.editor-title h1{font-size:28px}.editor-title .actions{width:100%;justify-content:space-between}.draft{align-items:start;flex-direction:column}.draft .actions{width:100%}.photo-grid{grid-template-columns:1fr}.layer{grid-template-columns:1fr 1fr}.layer label:first-child{grid-column:1/-1}.layer button{align-self:end;height:44px}.condition{grid-template-columns:1fr 130px}.condition h3{font-size:14px}.core{padding:15px}.logo-control{align-items:start;flex-direction:column}.preview-toolbar{flex-wrap:wrap}.footer{flex-direction:column}.steps .step{font-size:12px}.steps .step span{width:20px;height:20px;flex-shrink:0}.visual-label{right:9px;padding:12px;font-size:11px}.step-footer button{font-size:13px;padding:12px}.preview .report-document{padding:22px}}
@media(prefers-reduced-motion:no-preference){button,.button{transition:background .15s,border-color .15s;}.hero{animation:appear .35s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
.workspace>aside{min-width:0}.steps{max-width:100%}
@media(max-width:800px){.workspace{grid-template-columns:minmax(0,1fr)}}
@media print{body{background:white}#app,#toast,.skip,body>input{display:none!important}#print-root{display:block}.report-document{border:0!important;box-shadow:none!important;padding:0!important;margin:0!important}@page{size:letter;margin:17mm}}
