@font-face{font-family:Noto Sans;src:url(/NotoSans-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{font-family:Noto Sans,sans-serif;color:#102c4e;background:#f4f7f5;font-synthesis:weight;--navy:#102c4e;--blue:#174f7a;--yellow:#ffd32a;--paper:#fbfcf8;--mist:#e8efed;--muted:#5e7184;--red:#a6372d;--green:#176e55;--radius:18px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(110deg,#f8faf6,#eff5f4);accent-color:var(--navy)}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}.app-shell{min-height:100vh}.topbar{height:78px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:#fbfcf8f0;border-bottom:1px solid #dbe3df;position:sticky;top:0;z-index:20}.brand{min-height:44px;border:0;background:none;display:flex;align-items:center;gap:14px;padding:0;text-align:left}.brand img{width:106px;height:42px;object-fit:contain}.brand span{border-left:1px solid #cdd9d5;padding-left:14px;display:flex;flex-direction:column}.brand b{font-family:Noto Sans,sans-serif;font-size:14px}.brand small{color:var(--muted);font-size:11px}.sial-logo{height:48px;max-width:100px;object-fit:contain}.home{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(380px,1.1fr);min-height:calc(100vh - 126px)}.welcome{padding:clamp(50px,9vw,126px) clamp(24px,8vw,112px);background:var(--navy);color:#f7fbf9;position:relative;overflow:hidden}.welcome:after{content:"";position:absolute;width:310px;height:310px;border:54px solid rgba(255,211,42,.12);border-radius:50%;right:-130px;bottom:-110px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:700;font-size:11px;margin:0 0 12px;color:#48758f}.welcome .eyebrow{color:var(--yellow)}h1,h2,h3{font-family:Noto Sans,sans-serif;margin:0;letter-spacing:-.035em}.welcome h1{font-size:clamp(42px,5.5vw,76px);line-height:.98;max-width:650px}.welcome h1 em{font-style:normal;color:var(--yellow)}.welcome>p:not(.eyebrow){font-size:clamp(16px,2vw,20px);line-height:1.55;max-width:500px;color:#cbd9e2;margin:26px 0 34px}.primary,.secondary,.hero-action,.text-button{min-height:48px;border-radius:10px;padding:0 20px;font-weight:700;border:0}.primary{background:var(--yellow);color:var(--navy);box-shadow:0 4px #d8ae00}.primary:hover{transform:translateY(-1px)}.primary:active{transform:translateY(2px);box-shadow:0 2px #d8ae00}.primary:disabled,.secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.hero-action{position:relative;z-index:1;display:flex;align-items:center;gap:12px;font-size:17px}.hero-action span{font-size:25px;font-weight:400}.secondary{background:#e6eeed;border:1px solid #c9d8d4;color:var(--navy)}.text-button{background:transparent;text-decoration:underline;text-underline-offset:3px}.device-list{padding:clamp(34px,6vw,82px) clamp(22px,6vw,82px)}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.section-title h2{font-size:clamp(26px,3vw,38px)}.section-title>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-weight:800}.empty{border-top:1px solid #cbd7d4;padding:30px 0;color:var(--muted)}.empty b{color:var(--navy);font-size:18px}.lead-rows{border-top:1px solid #cbd7d4}.lead-row{width:100%;border:0;border-bottom:1px solid #cbd7d4;background:transparent;padding:18px 2px;display:grid;grid-template-columns:1fr auto 28px;gap:12px;align-items:center;text-align:left}.lead-row:hover{background:#edf3f0}.lead-row>span:first-child{display:flex;flex-direction:column;gap:4px}.lead-row small{color:var(--muted)}.lead-row>strong{font-size:28px;font-weight:400}.status{font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.status i{width:8px;height:8px;border-radius:50%;background:#8495a0}.status-done i,.status-saved i{background:var(--green)}.status-attention i{background:#d59600}.status-progress i{background:#438cc1;animation:pulse 1.2s infinite}.status-error{color:var(--red)}.status-error i{background:var(--red)}@keyframes pulse{50%{opacity:.25}}footer{height:48px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:#e4ece9;color:#536b78;font-size:11px}.editor,.review{max-width:1180px;margin:auto;padding:22px clamp(16px,4vw,48px) 80px}.form-head{min-height:48px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #d4dfdc;padding-bottom:14px}.back{min-height:44px;border:0;background:transparent;padding:10px 0;font-weight:700}.autosave{margin-left:auto;color:var(--muted);font-size:12px}.autosave.is-saved{color:var(--green)}.form-intro{padding:42px 0 32px;display:grid;grid-template-columns:1fr auto;align-items:end}.form-intro h1,.review-title h1{font-size:clamp(38px,6vw,66px)}.form-intro>label{min-width:260px}.form-zone{display:grid;grid-template-columns:72px 1fr;border-top:1px solid #cbd7d4;padding:38px 0 54px}.zone-number{font-family:Noto Sans,sans-serif;color:#80939e;font-size:13px;font-weight:800}.zone-content>header{display:flex;align-items:start;justify-content:space-between;margin-bottom:28px}.zone-content>header h2{font-size:clamp(27px,4vw,42px)}.zone-content>header>small{padding:8px 12px;background:#e5ecea;border-radius:99px;font-weight:700}.zone-content>label,.client-review label,.form-intro label{font-weight:700;font-size:13px;display:flex;flex-direction:column;gap:8px;margin-bottom:22px}input,textarea,select{width:100%;border:1px solid #b8c8c6;border-radius:9px;background:var(--paper);padding:12px 13px;color:var(--navy);min-height:46px}textarea{resize:vertical;line-height:1.45}input:focus,textarea:focus,select:focus{outline:3px solid rgba(255,211,42,.55);border-color:#8c7420}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px;margin-top:28px}.field-grid label{font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:7px}.field-grid .wide{grid-column:1/-1}.photo-area{position:relative;margin-bottom:26px}.photo-strip{display:flex;gap:14px;overflow-x:auto;padding:3px 3px 12px;scroll-snap-type:x mandatory}.add-photo,.photo-tile{width:220px;flex:0 0 220px;min-height:168px;scroll-snap-align:start;border-radius:12px}.add-photo{border:2px dashed #9db0af;background:#edf3f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.add-photo span{font-size:28px}.add-photo small{font-size:11px;color:var(--muted)}.photo-tile{background:#dde7e4;padding:9px}.photo-preview{height:124px;border-radius:8px;overflow:hidden;background:#bccbc8;position:relative;display:grid;place-items:center}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-preview>b{position:absolute;top:7px;left:7px;background:var(--yellow);width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:12px}.photo-tile input{min-height:38px;padding:7px;margin-top:7px}.check{display:flex!important;flex-direction:row!important;align-items:center;gap:7px!important;font-size:11px!important;margin:8px 0!important}.check input{width:17px;min-height:17px}.photo-actions{display:flex;gap:5px;margin-top:7px}.photo-actions button{border:0;background:#c9d6d3;border-radius:6px;min-width:44px;min-height:44px;padding:0 9px;font-size:11px}.counter{position:absolute;right:2px;bottom:-8px;color:var(--muted)}.product-heading{margin:32px 0 15px;display:flex;justify-content:space-between}.product-heading>div{display:flex;flex-direction:column}.product-heading small{color:var(--muted)}fieldset{border:0;padding:0;margin:10px 0 28px}legend{font-weight:700;font-size:13px;margin-bottom:10px}.choice{display:inline-flex;align-items:center;gap:10px;background:#e7efed;border:1px solid #c9d8d4;padding:12px 18px;margin:0 10px 10px 0;border-radius:9px}.choice input{width:18px;min-height:18px}.choice span{display:flex;flex-direction:column}.choice small{color:var(--muted)}.zone-final{border-bottom:1px solid #cbd7d4}.submit-row,.review-actions,.pdf-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:22px}.fineprint{font-size:12px;color:var(--muted);max-width:600px}.alert,.global-error{padding:13px 16px;background:#fff4c2;border:1px solid #e5ca56;border-radius:9px;margin:16px 0;line-height:1.4}.alert.error,.global-error{background:#f9e5e2;border-color:#d8958d;color:#7c2b23}.global-error{position:fixed;top:88px;left:50%;transform:translate(-50%);z-index:50}.suggestions{margin:22px 0;background:#e5edeb;padding:18px;border-radius:12px}.suggestions>div:first-child{display:flex;flex-direction:column}.suggestions article{border-top:1px solid #becdca;margin-top:14px;padding-top:14px}.suggestions dl{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0}.suggestions dl div{display:flex;gap:8px}.suggestions dt{font-size:11px;color:var(--muted)}.suggestions dd{margin:0;font-weight:700}.suggestions button{min-height:42px;border:0;background:#cad8d5;border-radius:8px;margin:5px 8px 0 0}.review-title{padding:42px 0}.review-title>p:last-child{color:var(--muted);font-size:18px}.analysis-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,70px);border-top:1px solid #cbd7d4;border-bottom:1px solid #cbd7d4;padding:42px 0}.analysis-grid h2{font-size:32px;margin-bottom:18px}.analysis-grid h3{font-size:15px;margin:26px 0 8px}.analysis-grid p,.analysis-grid li{line-height:1.55}.analysis-grid details{margin-top:30px}.analysis-grid details a{display:block;color:var(--blue);margin:8px 0}.client-review{background:#e7efed;padding:26px;border-radius:14px}.review-actions{justify-content:flex-end}.pdf-actions{padding-top:24px}.pdf-actions button,.pdf-actions a{min-height:44px;padding:11px 15px;border:1px solid #bdcdca;border-radius:8px;background:transparent;text-decoration:none;font-weight:700}.waiting{text-align:center;padding:80px 20px;border-top:1px solid #cbd7d4}.waiting h2{font-size:32px}.spinner{width:42px;height:42px;border:4px solid #c7d5d2;border-top-color:var(--yellow);display:inline-block;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading{padding:80px;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.topbar{height:66px}.brand img{width:82px}.brand span{display:none}.sial-logo{height:38px;max-width:76px}.home{display:block}.welcome{padding:50px 22px 58px;min-height:390px}.welcome h1{font-size:45px}.device-list{padding:34px 20px 50px}.lead-row{grid-template-columns:1fr 24px}.lead-row .status{grid-column:1}.lead-row>strong{grid-column:2;grid-row:1/3}.editor,.review{padding:12px 16px 60px}.form-head{gap:12px;flex-wrap:wrap}.autosave{width:100%;margin-left:0}.form-intro{display:block;padding:32px 0}.form-intro>label{margin-top:22px;min-width:0}.form-zone{grid-template-columns:1fr;padding:30px 0 42px}.zone-number{margin-bottom:8px}.zone-content>header{display:block}.zone-content>header>small{display:inline-block;margin-top:12px}.field-grid{grid-template-columns:1fr;gap:14px}.field-grid .wide{grid-column:auto}.add-photo,.photo-tile{width:188px;flex-basis:188px}.analysis-grid{grid-template-columns:1fr}.review-actions{justify-content:stretch}.review-actions button,.submit-row button{width:100%}footer span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.photo-actions{flex-wrap:wrap}.replace-control{border:0;background:#c9d6d3;border-radius:6px;min-width:44px;min-height:44px;padding:0 9px;font-size:11px;display:inline-flex;align-items:center;cursor:pointer}.replace-control input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.suggestion-action{margin-bottom:18px}.stage-line{display:flex;flex-wrap:wrap;gap:8px;margin:-20px 0 28px}.stage-line span{background:#dfe9e6;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:700;text-transform:uppercase}.zone-content{min-width:0}
