:root{--blue:var(--red);--orange:var(--red);--panel:var(--card)}
*{box-sizing:border-box;}
body{margin:0;}
button,a{-webkit-tap-highlight-color:transparent;}
button{cursor:pointer;}
.wrap{max-width:1280px;margin:auto;padding:28px;}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px;}
.label{font-size:12px;letter-spacing:3px;font-weight:700;}
.actions{display:flex;gap:10px;flex-wrap:wrap;}
.btn{border:1px solid var(--border);border-radius:12px;padding:10px 18px;font-weight:600;}
.btn.primary{border-color:var(--ink);}
.hero{padding:35px 0 20px;}
h1{font-size:clamp(35px,6vw,72px);line-height:1.1;letter-spacing:-3px;margin:10px 0 20px;}
.intro{max-width:760px;margin-bottom:30px;}
.grid{display:grid;gap:20px;}
.brands{grid-template-columns:1fr 1fr;}
.services{grid-template-columns:repeat(3,1fr);}
.contacts{grid-template-columns:1fr 1fr;}
.card{position:relative;border:1px solid var(--border);border-radius:20px;padding:28px;min-width:0;}
.card:before{content:"";position:absolute;top:0;left:28px;width:58px;height:3px;border-radius:5px;}
.card h2,.card h3{padding-right:30px;line-height:1.3;margin:10px 0 14px;}
.card h2{font-size:28px;}
.card h3{font-size:21px;}
.card p{white-space:pre-line;margin:0;}
.edit{position:absolute;right:14px;top:14px;border:1px solid var(--border);border-radius:50%;width:36px;height:36px;font-size:21px;line-height:1;}
.edit:hover{border-color:var(--blue);}
.logo-box{height:160px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:16px;}
.logo-box img{max-width:100%;max-height:155px;object-fit:contain;}
.logo-fallback{font-size:30px;font-weight:800;letter-spacing:2px;}
.pick{padding:6px 12px;border:1px solid var(--border);border-radius:8px;font-size:13px;margin-bottom:12px;}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:44px 0 18px;}
.section-head h2{font-size:30px;margin:0;letter-spacing:-1px;}
.section-head span{font-size:14px;}
.number{font-size:13px;font-weight:700;letter-spacing:2px;}
.links{display:grid;gap:8px;}
.links a{display:block;text-decoration:none;overflow-wrap:anywhere;padding:8px 12px;border-radius:9px;border:1px solid var(--border);}
.wide{grid-column:1/-1;}
.websites .links{grid-template-columns:repeat(3,1fr);}
footer{text-align:center;padding:32px 0;font-size:13px;}
dialog{width:min(600px,calc(100% - 28px));border:1px solid var(--border);border-radius:20px;padding:28px;}
dialog::backdrop{backdrop-filter:blur(4px);}
dialog h2{margin-top:0;}
dialog label{display:block;font-weight:600;margin:15px 0 6px;}
input,textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px;}
textarea{min-height:200px;resize:vertical;}
input:focus,textarea:focus{outline:2px solid var(--border);border-color:var(--blue);}
.hint{font-size:13px;}
.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;}
#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:12px;z-index:10;}
@media (max-width:900px){.services{grid-template-columns:1fr 1fr;}
.websites .links{grid-template-columns:1fr 1fr;}}
@media (max-width:600px){.wrap{padding:18px;}
.brands,.services,.contacts,.websites .links{grid-template-columns:1fr;}
.card{padding:24px;}
.hero{padding-top:12px;}
h1{letter-spacing:-1.5px;}
.section-head{align-items:start;flex-direction:column;gap:2px;}
.toolbar .label{font-size:10px;}}
@media  print{.toolbar,.edit,.pick,footer,#notice{display:none!important;}
.wrap{max-width:none;padding:0;}
.card{break-inside:avoid;}
.services{grid-template-columns:1fr 1fr;}
dialog{display:none!important;}}
.btn,.edit,.pick,.links a,input,textarea{border-color:var(--border);}
body{background:var(--background);color:var(--text);font:400 16px/1.7 var(--font-body)}
.card,dialog{background:var(--card);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow)}
.card p,.intro,.hint,.section-head span{color:var(--muted)}
.btn,.edit,.pick,.links a,input,textarea{background:var(--surface);color:var(--text);border-color:var(--border);font-family:var(--font-body)}
.btn.primary{background:var(--red);color:var(--white);border-color:var(--red)}
.label,.number,h1 span{color:var(--red)}.links a:hover{background:var(--card);color:var(--red)}
.logo-box img{filter:drop-shadow(0 0 1px var(--white))}.hero h1{font-family:var(--font-display);color:var(--text);font-weight:400;letter-spacing:0}
.card h2,.card h3,.section-head h2{font-family:var(--font-display);font-weight:400;letter-spacing:0;color:var(--text)}
#notice{background:var(--red);color:var(--white)}
@media print{body{background:white;color:black}.card{background:white;color:black;box-shadow:none}}