:root{font:16px/1.5 system-ui,sans-serif;color:#10233a;background:#f0f7f5}*{box-sizing:border-box}body{margin:0}header{padding:18px 4%;background:white;display:flex;align-items:center;gap:25px;border-bottom:1px solid #d8e8e2}header b{font-size:25px}span{color:#009c72}header button{margin-left:auto}main{max-width:1240px;margin:auto;padding:28px}button{background:#008966;color:white;border:0;border-radius:10px;padding:12px 17px;cursor:pointer;font:inherit;margin:4px}button:disabled{opacity:.4;cursor:default}h1{font-size:36px}small{color:#557367}#welcome{padding:60px 20px;text-align:center}nav{display:flex;gap:5px;overflow:auto;margin-bottom:22px}nav button{background:white;color:#183c31;white-space:nowrap;font-size:12px;padding:8px}nav button.active{background:#008966;color:white}.presentation{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:center}aside{background:white;border:1px solid #86d6ba;padding:20px;border-radius:16px;position:relative}aside:before{content:'←';position:absolute;left:-26px;color:#008966;font-size:25px}aside h2{font-size:19px}aside p{font-size:14px}.controls{display:flex}.controls button{font-size:13px;padding:8px}#contact{font-size:12px;background:#e5f7f0;color:#07553e}#screen{min-height:540px;background:#dfeee8;border-radius:24px;padding:28px;display:grid;place-items:center}.phone{background:#fff;border:8px solid #132c27;border-radius:34px;width:320px;max-width:100%;padding:22px;min-height:480px}.browser{background:white;border-radius:14px;padding:25px;width:100%;box-shadow:0 15px 40px #10233a13}.bar{border-bottom:1px solid #dce9e4;padding-bottom:14px;margin-bottom:24px;font-size:13px;color:#64776f}.target{outline:3px solid #04aa7c;outline-offset:6px;border-radius:6px;background:#f0fff8;padding:8px}.badge{display:inline-block;background:#ddf8ed;padding:6px 12px;border-radius:20px;color:#087954}input:not([type=checkbox]),textarea,select{width:100%;padding:10px;border:1px solid #c8dcd3;border-radius:8px;font:inherit;margin:5px 0 12px}label{display:block;font-size:14px;margin:8px 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}#contactForm{background:white;padding:25px;border-radius:20px;max-width:800px;margin:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:12px;border-bottom:1px solid #dce9e4;text-align:left}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tile{background:#f0f8f5;padding:18px;border-radius:12px}.muted{font-size:12px;color:#607970}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px} [hidden]{display:none!important}@media(max-width:760px){main{padding:14px}.presentation{grid-template-columns:1fr;gap:15px}aside:before{content:'↑';left:20px;top:-25px}#screen{min-height:440px;padding:16px}.fields{grid-template-columns:1fr}header{flex-wrap:wrap;gap:8px}header small{display:none}h1{font-size:27px}.browser{padding:14px}aside{position:relative}.phone{min-height:400px}}