@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#155bec;--ink:#11294b;--muted:#62748d;--border:#e1e9f3;--wash:#f4f8ff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:white;font:15px 'DM Sans',sans-serif;line-height:1.65}h1,h2,h3,.brand{font-family:Manrope,sans-serif;line-height:1.16;letter-spacing:-.04em}h1{font-size:40px;margin:16px 0}h2{font-size:34px}h3{font-size:20px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}header{height:86px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:white}.brand{font-size:32px;color:var(--blue);font-weight:800;letter-spacing:-2px}.brand span{display:block;font:10px 'DM Sans',sans-serif;letter-spacing:3px;color:var(--muted)}nav{display:flex;gap:24px;align-items:center}nav form{margin:0}button,.button{background:var(--blue);color:white;border:0;border-radius:9px;padding:13px 22px;font:600 14px 'DM Sans',sans-serif;cursor:pointer;display:inline-block}button:hover,.button:hover{background:#0643c2;text-decoration:none}.quiet{background:var(--wash);color:var(--ink)}.hero{padding:90px 7vw 80px;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;background:radial-gradient(ellipse at 90% 20%,#ebf5ff,transparent 70%)}.hero h1{font-size:clamp(46px,5.1vw,78px);font-weight:800;letter-spacing:-4px;margin:20px 0 26px}.hero h1 em{color:var(--blue);font-style:normal}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:700;color:var(--blue)}.lead{font-size:18px;color:var(--muted);max-width:540px;line-height:1.85}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.fine,small{font-size:12px;color:var(--muted)}.hero-art{border:1px solid #d4e4f6;border-radius:22px;padding:20px;background:#fff;box-shadow:0 30px 80px #17408b16;transform:rotate(-2deg);position:relative}.art-top{font-size:12px;display:flex;align-items:center;gap:8px}.art-top>span:last-child{margin-left:auto}.dot{width:8px;height:8px;background:#24b8a0;border-radius:50%}.map-art{height:270px;margin:20px 0;background:repeating-linear-gradient(0deg,transparent 0 43px,#fff 44px 52px),repeating-linear-gradient(90deg,#eaf3ee 0 60px,#fff 61px 70px);position:relative;border-radius:14px;overflow:hidden}.route{position:absolute;width:65%;height:140px;border:4px dashed #4d8ff3;border-radius:50%;transform:rotate(-25deg);top:55px;left:15%}.pin{position:absolute;background:var(--blue);color:white;border:4px solid white;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:12px;box-shadow:0 5px 20px #12345622}.p1{left:12%;top:140px}.p2{left:50%;top:20px}.p3{right:8%;top:140px}.map-label{position:absolute;bottom:12px;left:16px;font-size:9px;letter-spacing:2px;color:#547c69}.float-card{background:white;border:1px solid var(--border);border-radius:12px;margin:-38px 18px 0;padding:20px;position:relative;box-shadow:0 10px 30px #12345610}.float-card h3{margin:12px 0}.float-card p{font-size:12px;color:var(--muted)}.badge{display:inline-block;padding:5px 9px;border-radius:5px;background:#edf4ff;color:#215bd2;font-size:11px;font-weight:600;letter-spacing:.3px}.mini-row{display:flex;justify-content:space-between;font-size:11px;border-top:1px solid var(--border);padding-top:12px}.art-bottom{display:flex;justify-content:space-around;font-size:11px;color:var(--muted);text-align:center;padding-top:20px}.ribbon{display:flex;justify-content:space-around;gap:20px;padding:25px 6vw;border-block:1px solid var(--border);font-size:10px;letter-spacing:2px;color:var(--muted)}.section{padding:75px 7vw}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.cards article,.panel{border:1px solid var(--border);border-radius:13px;padding:27px;background:white}.cards p{color:var(--muted)}.icon{display:grid;place-items:center;width:45px;height:45px;background:#edf4ff;color:var(--blue);font-size:26px;border-radius:10px}.journey{background:var(--wash)}.steps{display:flex;justify-content:space-between;padding:25px 0;gap:15px}.steps span{color:var(--blue);line-height:2.5}.steps b{color:var(--ink);font-size:15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}.cta{margin:0 7vw 70px;background:var(--blue);border-radius:20px;padding:45px 55px;display:flex;align-items:center;justify-content:space-between;color:white}.light{background:white;color:var(--blue)}footer{padding:25px 5vw;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.shell{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 150px)}aside{background:#f9fbff;border-right:1px solid var(--border);padding:30px 20px;display:flex;flex-direction:column;gap:9px}aside h3{margin:3px 0 15px}aside>a{color:var(--muted);padding:10px;border-radius:7px}aside>a:hover{background:#e8f0ff;color:var(--blue);text-decoration:none}.aside-bottom{margin-top:auto;padding-top:50px;font-size:11px}.workspace{padding:38px;min-width:0;background:#f6f9fd}.page-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-title p{color:var(--muted)}.page-title h2{font-size:20px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:25px 0}.metrics article{border:1px solid var(--border);border-radius:12px;padding:23px;background:white}.metrics strong{display:block;font-size:39px;line-height:1.6}.metrics small{letter-spacing:1px;font-size:10px}.metrics p{font-size:11px;color:var(--muted);margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:15px 10px;border-bottom:1px solid var(--border)}td{padding:17px 10px;border-bottom:1px solid var(--border)}.empty{text-align:center;padding:55px 15px;color:var(--muted)}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #cbd8ea;border-radius:7px;background:white;color:var(--ink);font:inherit;margin:6px 0 12px}textarea{min-height:100px}label{font-size:12px;font-weight:600}.auth{max-width:590px;margin:60px auto;padding:0 20px}.auth h1{font-size:45px}.helptext{font-size:11px;color:var(--muted)}.errorlist{color:#b42f49;font-size:13px}.record-form{max-width:720px}.notice{padding:13px 20px;background:#eaf2ff;border:1px solid #b8d1ff;border-radius:8px;margin-bottom:20px}.search{display:flex;align-items:center;gap:15px;margin:25px 0}.search input{max-width:420px;margin:0}.detail{margin-top:25px}hr{border:0;border-top:1px solid var(--border);margin:23px 0}:focus-visible{outline:3px solid #f4a836;outline-offset:3px}@media(max-width:1000px){.shell{grid-template-columns:185px 1fr}.workspace{padding:25px}.metrics{grid-template-columns:repeat(2,1fr)}.hero{gap:30px}.hero h1{letter-spacing:-2px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){header{height:76px;padding:0 20px}.brand{font-size:26px}nav{gap:12px}nav .button{padding:10px;font-size:11px}.hero{grid-template-columns:1fr;padding:45px 24px}.hero h1{font-size:53px}.hero-art{margin:20px 0}.ribbon{flex-wrap:wrap;justify-content:center}.section{padding:45px 24px}.cards,.split{grid-template-columns:1fr}.steps{flex-wrap:wrap}.steps span{width:28%}.cta{padding:30px;display:block;margin:0 24px 40px}.cta h2{font-size:28px}.shell{display:block}aside{border-right:0;padding:15px;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}aside>small,aside h3,aside form,.aside-bottom{display:none}aside>a{font-size:11px;padding:5px}.workspace{padding:20px}.page-title{align-items:start;flex-wrap:wrap}.workspace h1{font-size:30px}.metrics article{padding:17px}.panel{padding:20px}.search{flex-wrap:wrap}.search label{width:100%}.actions{flex-wrap:wrap}.hero-art{transform:none}}@media print{header,aside,footer,button,form{display:none}.shell{display:block}.workspace{background:white;padding:0}.panel{border:0}}
.brand{display:flex;align-items:center;gap:14px;letter-spacing:0}.brand img{object-fit:contain}.brand span{letter-spacing:2px;line-height:1.7}.platform>.panel{margin-top:25px}.timeline-scroll{overflow:auto}.timeline-board{min-width:1200px}.timeline-head,.timeline-row{display:grid;grid-template-columns:160px 1fr}.timeline-head{font-size:10px;color:var(--muted);padding:12px 0}.hour-scale{display:grid;grid-template-columns:repeat(24,1fr)}.timeline-row{border-top:1px solid var(--border);min-height:72px}.agent-label{padding:22px 10px;font-size:12px;font-weight:700}.time-lane{position:relative;background:repeating-linear-gradient(90deg,transparent,transparent calc(100% / 24 - 1px),#e6edf7 calc(100% / 24 - 1px),#e6edf7 calc(100% / 24));min-height:72px}.job-block{position:absolute;top:13px;height:44px;border-radius:6px;background:#e3edff;border-left:3px solid var(--blue);padding:9px 5px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:8px}.status-completed,.status-verified,.status-closed{background:#e1f6ee;border-color:#16a47a;color:#14795e}.status-in_progress{background:#fff1d3;border-color:#df9c20;color:#996518}.event-timeline>article{display:grid;grid-template-columns:70px 1fr;gap:15px;position:relative;border-left:2px solid #d8e7ff;padding:18px 0 18px 15px}.event-timeline h3{font-size:15px;margin:10px 0}.event-timeline p{font-size:12px;color:var(--muted)}time{font-size:11px;color:var(--muted)}.checkin{border-bottom:1px solid var(--border);padding:15px 0}.tax-invoice{max-width:940px;margin:40px auto;padding:30px 35px;font-family:Arial,sans-serif;color:#162d54}.invoice-tools{display:flex;gap:30px;align-items:center;margin-bottom:35px}.invoice-header{display:flex;justify-content:space-between;gap:45px;align-items:center}.invoice-header>div{text-align:right;font-size:12px;max-width:580px}.invoice-header p{margin:7px 0}.invoice-heading{text-align:center;font-size:25px;margin:45px 0}.tax-table{border-collapse:collapse;width:100%;font-size:12px}.tax-table td,.tax-table th{border:1px solid #65738c;padding:12px;color:#162d54;font-size:12px;text-transform:none;letter-spacing:0}.tax-table h3{font-size:16px;letter-spacing:0}.tax-table th{background:#f4f6fa}.invoice-bottom{display:grid;grid-template-columns:1fr 1fr;border:1px solid #65738c;border-top:0;font-size:12px}.invoice-bottom>section{padding:18px}.invoice-bottom>section+section{border-left:1px solid #65738c}.invoice-bottom h3{font-size:16px;letter-spacing:0}.signature{margin-top:55px;text-align:right;font-weight:bold}@media(max-width:700px){.brand img{width:68px;height:48px}.brand{gap:7px}.brand span{font-size:8px}.tax-invoice{padding:15px;margin:10px}.invoice-header{gap:15px}.invoice-header img{width:85px}.invoice-header>div{font-size:10px}.tax-table td,.tax-table th{padding:7px;font-size:10px}.invoice-bottom{font-size:10px}.timeline-scroll{padding:12px}}@media print{.invoice-tools{display:none}.tax-invoice{margin:0;padding:0;max-width:none}@page{size:A4;margin:15mm}.tax-table tr{break-inside:avoid}.invoice-bottom{break-inside:avoid}.invoice-heading{margin:28px 0}}

.gateway-screen{max-width:950px;margin:40px auto;padding:24px}.gateway-screen>.panel{margin:20px 0}body>main:has(.record-form){padding:30px 5vw}.record-form{margin-bottom:25px}