.font-warning{color:#805d1f;background:#fff9eb;border:1px solid #efd6a8;border-radius:9px;align-items:center;gap:8px;margin-top:12px;padding:11px 13px;font-size:10px;display:flex}:root{color:#17211d;font-synthesis:none;--ink:#17211d;--muted:#68736d;--line:#dde3de;--surface:#fff;--green:#176b51;--green2:#2d8a69;--mint:#e5f2ec;--orange:#d86a2e;--shadow:0 18px 55px #23342b14;background:#f4f6f3;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 8% 0,#e9f2eb 0,#0000 30%),#f4f6f3;margin:0}button,input,select{font:inherit}button,a{tap-highlight-color:transparent}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#ffffffe0;align-items:center;height:76px;padding:0 clamp(20px,4vw,64px);display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:-.02em;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-size:15px;font-weight:800;text-decoration:none;display:flex}.brand small{color:#7a847f;letter-spacing:.03em;margin-top:2px;font-family:DM Sans;font-size:10px;font-weight:600;display:block}.brand-mark{color:#fff;background:linear-gradient(145deg,#1b775a,#124b3b);border-radius:12px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 7px 18px #176b5138}nav{align-items:center;gap:4px;margin:auto;display:flex}nav button{color:#727d77;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 14px;font-size:13px;font-weight:600}nav button:hover,nav button.active{color:#1b614b;background:#edf2ee}.privacy-chip{color:#226b52;background:#f3faf6;border:1px solid #cce0d5;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:12px;font-weight:700;display:flex}main{max-width:1230px;margin:0 auto;padding:0 28px 70px}.intro{justify-content:space-between;align-items:flex-end;gap:40px;padding:72px 12px 55px;display:flex}.intro h1,.info-page h1{letter-spacing:-.055em;max-width:760px;margin:13px 0 20px;font-family:Manrope,sans-serif;font-size:clamp(38px,5vw,64px);line-height:1.05}.intro h1 em{color:var(--green);font-style:normal}.intro>div>p{color:var(--muted);max-width:660px;margin:0;font-size:17px;line-height:1.7}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--green);align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.principle{color:#fff;background:#173e32;border-radius:15px;align-items:flex-start;gap:13px;width:310px;padding:18px;display:flex;box-shadow:0 14px 38px #173e322e}.principle svg{color:#8fd0b3;flex:none}.principle strong,.principle span{display:block}.principle strong{margin-bottom:4px;font-size:13px}.principle span{color:#bed4cb;font-size:11px;line-height:1.5}.workspace{box-shadow:var(--shadow);background:#ffffffe6;border:1px solid #d7e0d9e6;border-radius:24px;padding:36px}.section-title{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px;display:flex}.section-title.compact{align-items:center}.section-title h2,.analysis-block h2,.result h2{letter-spacing:-.035em;margin:7px 0;font-family:Manrope,sans-serif;font-size:27px}.section-title p,.subhead p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.secondary{border:1px solid var(--line);color:#56615b;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;font-weight:700;display:flex}.upload-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.upload-card{background:linear-gradient(#fff,#fbfcfb);border:1px solid #dce3dd;border-radius:17px;min-width:0;padding:21px;transition:all .2s}.upload-card:hover:not(.disabled){border-color:#bcd5c8;transform:translateY(-2px);box-shadow:0 12px 30px #30443914}.upload-card.complete{background:linear-gradient(#fbfffd,#f3faf6);border-color:#93c7b0}.upload-card.disabled{opacity:.65}.card-top{justify-content:space-between;align-items:center;display:flex}.step-number{width:28px;height:28px;color:var(--green);background:#e8f3ed;border-radius:8px;place-items:center;font:700 12px Manrope;display:grid}.optional{text-transform:uppercase;letter-spacing:.09em;color:#87908b;background:#f0f2f0;border-radius:5px;padding:5px 7px;font-size:10px}.file-icon{color:#27765a;background:#edf5f1;border-radius:14px;place-items:center;width:48px;height:48px;margin:25px 0 16px;display:grid}.file-icon.logo{color:#bd5a26;background:#fff3eb}.upload-card h3{margin:0 0 8px;font:700 16px Manrope}.upload-card>p{color:#727c76;min-height:57px;font-size:12px;line-height:1.55}.drop-zone{text-align:left;color:#53625a;cursor:pointer;background:#f8faf8;border:1px dashed #b7c4bc;border-radius:11px;align-items:center;gap:10px;width:100%;min-height:66px;padding:11px;display:flex}.drop-zone.drag{background:#e9f5ef;border-color:#58a382}.drop-zone:disabled{cursor:not-allowed}.drop-zone span,.drop-zone strong,.drop-zone small{min-width:0;display:block}.drop-zone strong{color:#236d53;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.drop-zone small{color:#8a938e;margin-top:3px;font-size:9px}.locked-note{color:#79827d;background:#fafbfa;border:1px dashed #d2d8d4;border-radius:11px;justify-content:center;align-items:center;gap:7px;height:66px;font-size:10px;display:flex}.primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#21785b,#15503f);border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:13px 19px;font-size:13px;font-weight:700;display:flex;box-shadow:0 8px 20px #176b5133}.primary:hover{filter:brightness(1.06)}.primary:disabled{box-shadow:none;cursor:not-allowed;background:#aab5af}.primary.analyse{min-width:225px;margin:28px auto 0}.error{color:#a4441f;background:#fff4ee;border:1px solid #f0c6b1;border-radius:10px;align-items:center;gap:9px;margin:18px 0 0;padding:13px 15px;font-size:12px;display:flex}.progress-panel{background:linear-gradient(145deg,#f8fcfa,#f3f8f5);border:1px solid #cfe1d7;border-radius:17px;margin-top:26px;padding:23px}.progress-heading{align-items:center;gap:12px;display:flex}.progress-heading h3{margin:3px 0;font:700 16px Manrope}.processing-icon{color:#237255;background:#dff0e7;border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.processing-icon svg{animation:1.5s linear infinite spin}.icon-button{cursor:pointer;background:0 0;border:0;margin-left:auto}.bar{background:#dce7e0;border-radius:8px;height:8px;margin:20px 0 7px;overflow:hidden}.bar span{background:linear-gradient(90deg,#3a9b77,#176b51);border-radius:8px;height:100%;transition:width .35s;display:block}.progress-meta{color:#76817b;justify-content:space-between;font-size:10px;display:flex}.stage-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:19px;display:grid}.stage-grid div{color:#9aa29e;align-items:center;gap:6px;font-size:9px;display:flex}.stage-grid div span{background:#e7ebe8;border-radius:50%;place-items:center;width:19px;height:19px;font-size:8px;display:grid}.stage-grid div.done{color:#32775c}.stage-grid div.done span{background:#d1e9dc}.stage-grid div.active{color:#17211d;font-weight:700}.stage-grid div.active span{color:#b65120;background:#ffeadc}@keyframes spin{to{transform:rotate(360deg)}}.analysis-block,.logos-section,.template-text,.advanced,.generate-bar,.result{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}.complete-badge{color:#257052;background:#eaf6ef;border-radius:999px;align-items:center;gap:6px;padding:8px 11px;font-size:10px;font-weight:700;display:flex}.summary-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.summary{border:1px solid var(--line);background:#fcfdfc;border-radius:16px;padding:21px}.summary-title{align-items:center;gap:9px;margin-bottom:16px;display:flex}.summary-title span{color:#267055;background:#e7f1eb;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.summary-title h3{margin:0;font:700 14px Manrope}.summary dl{background:#e6ebe7;border:1px solid #e6ebe7;border-radius:10px;grid-template-columns:1fr 1fr;gap:1px;margin:0;display:grid;overflow:hidden}.summary dl div{background:#fff;padding:10px 12px}.summary dt{text-transform:capitalize;color:#8a938e;margin-bottom:4px;font-size:9px}.summary dd{white-space:nowrap;text-overflow:ellipsis;margin:0;font:700 12px Manrope;overflow:hidden}.palette{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.palette>span{color:#8a938e;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.palette>div{gap:5px;display:flex}.palette i{border:2px solid #fff;border-radius:6px;width:21px;height:21px;box-shadow:0 0 0 1px #d4d9d5}.subhead{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.subhead h3{margin:0 0 5px;font:700 16px Manrope}.subhead>span{color:#62706a;background:#f0f3f1;border-radius:7px;padding:6px 8px;font-size:10px}.logo-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.logo-item{border:1px solid var(--line);border-radius:13px;align-items:center;gap:12px;padding:12px;display:flex}.logo-preview{background:#f4f6f4;border-radius:9px;flex:none;place-items:center;width:76px;height:62px;padding:8px;display:grid}.logo-preview img{object-fit:contain;max-width:100%;max-height:100%}.logo-item>div:last-child{min-width:0}.logo-item strong,.logo-item small{display:block}.logo-item strong{font:700 12px Manrope}.logo-item small{color:#8a938e;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 8px;font-size:8px;overflow:hidden}.replace-button{color:#1d6c50;cursor:pointer;align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.replace-button input{display:none}.empty-state{color:#69736e;background:#f7f9f7;border-radius:10px;align-items:center;gap:8px;padding:16px;font-size:11px;display:flex}.text-action{border-bottom:1px solid #edf0ee;grid-template-columns:65px 1fr 105px;align-items:center;gap:10px;padding:10px 0;display:grid}.text-action .location{text-transform:uppercase;color:#7c8781;font-size:8px;font-weight:800}.text-action p{color:#53605a;margin:0;font-size:11px}.text-action select,.text-action input,.setting-row select{background:#fff;border:1px solid #d6ded8;border-radius:8px;padding:8px;font-size:10px}.text-action input{grid-column:2/4}.advanced{border:1px solid var(--line);border-radius:15px;margin-top:28px;padding:0;overflow:hidden}.advanced-head{cursor:pointer;background:#fbfcfb;border:0;justify-content:space-between;align-items:center;width:100%;padding:16px 18px;display:flex}.advanced-head>div{align-items:center;gap:10px;display:flex}.advanced-head span,.advanced-head strong,.advanced-head small{text-align:left;display:block}.advanced-head strong{font:700 13px Manrope}.advanced-head small{color:#8a938e;margin-top:3px;font-size:9px}.advanced-head>svg{transition:all .2s}.advanced-head>svg.rotated{transform:rotate(180deg)}.settings-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.setting-row{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;gap:12px;min-height:72px;padding:14px 18px;display:flex}.setting-row:nth-child(odd){border-right:1px solid #edf0ee}.setting-row strong,.setting-row span{display:block}.setting-row strong{font-size:11px}.setting-row span{color:#89928d;margin-top:4px;font-size:9px}.switch{cursor:pointer;background:#cbd2ce;border:0;border-radius:20px;width:37px;height:21px;padding:3px;transition:all .2s}.switch i{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;display:block;box-shadow:0 1px 4px #0000002e}.switch.on{background:#287758}.switch.on i{transform:translate(16px)}.generate-bar{justify-content:space-between;align-items:end;gap:20px;display:flex}.generate-bar label{text-transform:uppercase;letter-spacing:.08em;color:#7f8984;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.filename{background:#fff;border:1px solid #ccd5cf;border-radius:9px;align-items:center;display:flex;overflow:hidden}.filename input{border:0;outline:0;width:300px;padding:10px 12px;font-size:12px}.filename span{color:#8b948f;border-left:1px solid #e1e5e2;padding:0 10px;font-size:9px}.result{text-align:center;background:linear-gradient(145deg,#f2faf5,#fff);border:1px solid #cce2d6;border-radius:18px;margin-top:30px;padding:30px}.success-icon{color:#fff;background:#237254;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 14px;display:grid;box-shadow:0 9px 25px #23725438}.result .eyebrow{justify-content:center}.result h2{font-size:28px}.result>p{color:#748078;font-size:12px}.score{color:#226a50;background:#e8f4ed;border-radius:10px;align-items:center;gap:10px;margin:9px 0 16px;padding:10px 15px;display:inline-flex}.score strong{font:800 19px Manrope}.score span{font-size:10px}.checks{flex-wrap:wrap;justify-content:center;gap:7px;max-width:700px;margin:auto;display:flex}.checks div{background:#fff;border:1px solid #dce5df;border-radius:7px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:flex}.checks .pass{color:#287359}.checks .fail{color:#b34b24}.downloads{grid-template-columns:1fr 1fr;gap:11px;max-width:640px;margin:22px auto 0;display:grid}.download{text-align:left;color:#fff;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.download.word{background:#195f49}.download.pdf{background:#d9682f}.download span{flex:1}.download strong,.download small{display:block}.download strong{font-size:12px}.download small{opacity:.75;margin-top:3px;font-size:9px}.info-page{max-width:1050px;padding-top:80px}.info-page h1{font-size:50px}.lead{color:var(--muted);max-width:700px;font-size:16px;line-height:1.7}.flow{border:1px solid var(--line);background:#fff;border-radius:20px;margin:40px 0;padding:16px}.flow-step{border-bottom:1px solid #edf0ee;grid-template-columns:38px 1fr 25px;align-items:center;gap:13px;min-height:74px;padding:10px 15px;display:grid}.flow-step:last-child{border:0}.flow-step>span{color:#277054;background:#e6f1eb;border-radius:10px;place-items:center;width:33px;height:33px;font:700 11px Manrope;display:grid}.flow-step strong{font:700 12px Manrope}.flow-step p{color:#7b8580;margin:4px 0;font-size:11px}.flow-step>svg{color:#a4ada8}.principles{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.principles article{border:1px solid var(--line);background:#fff;border-radius:15px;padding:21px}.principles svg{color:#257054}.principles h3{font:700 14px Manrope}.principles p{color:#748079;font-size:11px;line-height:1.65}.status-page{max-width:850px}.status-list{border:1px solid var(--line);background:#fff;border-radius:18px;margin-top:35px;overflow:hidden}.status-row{border-bottom:1px solid #edf0ee;align-items:center;gap:14px;padding:18px 20px;display:flex}.status-row:last-child{border:0}.status-icon{color:#287357;background:#e8f2ed;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.status-row>div{flex:1}.status-row strong,.status-row small{display:block}.status-row strong{font-size:12px}.status-row small{color:#87918c;margin-top:4px;font-size:9px}.healthy,.unhealthy{border-radius:8px;padding:7px 9px;font-size:9px;font-weight:800}.healthy{color:#247052;background:#e6f4ec}.unhealthy{color:#b64f22;background:#fff0e8}footer{border-top:1px solid var(--line);color:#85908a;justify-content:space-between;padding:24px clamp(20px,4vw,64px);font-size:10px;display:flex}footer span{align-items:center;gap:5px;display:flex}@media (width<=900px){.privacy-chip{display:none}.intro{flex-direction:column;align-items:flex-start}.principle{width:100%}.upload-grid,.logo-grid{grid-template-columns:1fr}.upload-card>p{min-height:auto}.summary-grid,.settings-grid,.principles{grid-template-columns:1fr}.setting-row:nth-child(odd){border-right:0}.stage-grid{grid-template-columns:repeat(2,1fr)}.generate-bar{flex-direction:column;align-items:stretch}.filename input,.filename{width:100%}.filename input{flex:1}}@media (width<=650px){.topbar{flex-wrap:wrap;height:auto;padding:13px 16px}.brand{width:100%;margin-bottom:9px}.brand-mark{width:34px;height:34px}.topbar nav{width:100%;margin:0;overflow:auto}.topbar nav button{white-space:nowrap;flex:1;padding:8px;font-size:11px}main{padding-left:14px;padding-right:14px}.intro{padding:45px 4px 35px}.workspace{border-radius:18px;padding:20px}.intro h1,.info-page h1{font-size:38px}.section-title{flex-direction:column;align-items:flex-start}.summary dl{grid-template-columns:1fr}.stage-grid{display:none}.text-action{grid-template-columns:55px 1fr}.text-action select,.text-action input{grid-column:2}.downloads{grid-template-columns:1fr}.progress-meta span:last-child{display:none}footer{flex-direction:column;gap:9px}}
