:root{--navy:#102d43;--navy2:#183a53;--ink:#1a2d3a;--paper:#f5f3ee;--white:#fff;--gold:#c7aa70;--line:#d8ddd9;--muted:#64727a;--sans:Manrope,Arial,sans-serif;--mono:"DM Mono",monospace;--serif:"Playfair Display",Georgia,serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}.topbar{min-height:34px;background:#091d2c;color:#dbe3e4;padding:8px max(4vw,20px);display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:.09em}.shell-header{height:82px;padding:0 max(4vw,20px);display:flex;align-items:center;gap:26px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;text-decoration:none;color:var(--navy);line-height:1;letter-spacing:.08em;min-width:188px}.brand b{font-size:19px}.brand small{color:#9d834e;font-size:9px;letter-spacing:.32em;margin-top:6px}.header-title{border-left:1px solid var(--line);padding-left:24px}.header-title b{display:block;font-size:13px}.header-title span{font-size:11px;color:var(--muted)}.language{margin-left:auto;display:flex;border:1px solid var(--line);padding:3px}.language button{border:0;background:transparent;padding:6px 9px;font:700 11px var(--sans);cursor:pointer;color:var(--navy)}.language button.active{background:var(--navy);color:#fff}.main{max-width:1240px;margin:0 auto;padding:44px 24px 108px}.home-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;margin:10px 0 36px}.eyebrow{font:10px var(--mono);letter-spacing:.12em;color:#9d834e;text-transform:uppercase}.home-hero h1{font:500 clamp(38px,5vw,66px)/1.04 var(--serif);margin:16px 0}.home-hero p{color:#53636d;line-height:1.75;max-width:650px}.prepare{background:#102d43;color:#fff;padding:30px}.prepare h2{font:500 26px var(--serif);margin:0 0 10px}.prepare p,.prepare li{color:#d1dcdf;font-size:12px;line-height:1.75}.prepare ul{padding-left:18px}.badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.badge{font-size:10px;background:rgba(255,255,255,.1);padding:7px 9px}.choice-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.choice-group{background:#fff;border:1px solid var(--line);padding:22px}.choice-group h2{margin:0 0 16px;font:500 22px var(--serif)}.choice{width:100%;display:grid;grid-template-columns:52px 1fr;gap:12px;text-align:left;background:#fff;border:1px solid #e1e4e2;padding:14px;margin:8px 0;cursor:pointer;color:var(--ink);transition:.15s}.choice:hover{border-color:var(--gold);background:#fcfaf4}.choice b{font:10px var(--mono);color:#9d834e;padding-top:3px}.choice strong{display:block;font-size:13px}.choice span{display:block;font-size:11px;color:var(--muted);line-height:1.55;margin-top:4px}.app-layout{display:grid;grid-template-columns:240px 1fr;gap:22px}.side{background:#102d43;color:#fff;padding:22px 12px;height:max-content;position:sticky;top:12px}.side .company-name{font:500 18px var(--serif);padding:0 10px 16px;border-bottom:1px solid rgba(255,255,255,.18);margin-bottom:12px}.side button{width:100%;border:0;background:transparent;color:#ccd8dc;text-align:left;padding:12px 10px;margin:2px 0;cursor:pointer;font:600 12px var(--sans)}.side button.active{background:#fff;color:var(--navy)}.side .number{font:10px var(--mono);color:#d6b978;margin-right:8px}.workspace{min-width:0}.company-tabs{display:flex;align-items:center;gap:8px;overflow:auto;border-bottom:1px solid var(--line);padding-bottom:12px}.company-tab{border:1px solid var(--line);background:#fff;padding:9px 12px;font:600 11px var(--sans);cursor:pointer;white-space:nowrap}.company-tab.active{border-color:var(--navy);background:var(--navy);color:#fff}.add-company{margin-left:auto;border:0;background:#c7aa70;color:#102d43;padding:10px 12px;font:700 11px var(--sans);white-space:nowrap;cursor:pointer}.form-card{margin-top:18px;background:#fff;border:1px solid var(--line);padding:clamp(20px,4vw,42px)}.form-card h1{font:500 32px var(--serif);margin:0 0 4px}.form-card>.hint{margin:0 0 28px;color:var(--muted);font-size:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#344a58}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:1px solid #cfd5d5;padding:11px 12px;font:400 13px var(--sans);color:var(--ink);background:#fff}.field textarea{resize:vertical}.help{font-weight:400;color:var(--muted);font-size:10px}.radio-row{display:flex;gap:14px;align-items:center;padding-top:5px;font-weight:400}.radio-row label{display:flex;gap:5px;align-items:center}.list-head{display:flex;justify-content:space-between;align-items:center;margin:28px 0 10px}.list-head h2{margin:0;font:500 21px var(--serif)}.mini-add{border:1px solid var(--navy);background:#fff;color:var(--navy);padding:7px 10px;font:700 11px var(--sans);cursor:pointer}.person{border:1px solid var(--line);padding:16px;margin:10px 0;background:#fbfcfb}.person-top{display:flex;justify-content:space-between;margin-bottom:12px;font-size:11px;font-weight:700}.remove{border:0;background:none;color:#a22e2e;cursor:pointer;font:600 10px var(--sans)}.info{background:#f4f0e6;padding:13px 15px;color:#5f5743;font-size:11px;line-height:1.6;margin-top:20px}.actionbar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:12px max(4vw,20px);display:flex;gap:9px;align-items:center;z-index:5}.actionbar .status{margin-right:auto;font-size:11px;color:#64727a}.actionbar button{border:1px solid var(--line);background:#fff;color:var(--navy);padding:10px 13px;font:700 11px var(--sans);cursor:pointer}.actionbar button.primary{border-color:var(--navy);background:var(--navy);color:#fff}.toast{position:fixed;right:24px;bottom:72px;background:#102d43;color:#fff;padding:12px 16px;font-size:12px;box-shadow:0 5px 20px #0002;z-index:8}.error{border-color:#ba4c43!important}.required{color:#b33b32}@media(max-width:800px){.topbar{font-size:8px}.shell-header{height:auto;min-height:70px;gap:12px}.brand{min-width:auto}.brand b{font-size:15px}.header-title{display:none}.main{padding:26px 16px 100px}.home-hero,.choice-groups,.app-layout,.grid{grid-template-columns:1fr}.side{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:2px}.side .company-name{grid-column:1/-1}.company-tabs{padding-bottom:10px}.add-company{margin-left:0}.form-card{padding:20px}.actionbar{overflow:auto}.actionbar .status{display:none}.actionbar button{white-space:nowrap}.choice-group{padding:16px}}
