@import url('/tokens.css');
*{box-sizing:border-box}body{margin:0;background:#f7f6f0;color:#122f40;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:var(--accent,#087f8c);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 22px;border:0;border-radius:12px;background:var(--accent,#087f8c);color:white;font-weight:700;cursor:pointer;text-decoration:none}button:disabled{opacity:.45;cursor:wait}button:hover:not(:disabled),.button:hover{filter:brightness(.95);text-decoration:none}.secondary{background:#e9eeec;color:#123444}.danger{background:#fff0eb;color:#a13e27}.full{width:100%}input,select{width:100%;border:1px solid #cad7d4;border-radius:10px;padding:13px;background:#fff;color:#122f40;min-height:48px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #73cfca;outline-offset:3px}label{display:block;font-size:14px;font-weight:650;margin:16px 0 6px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,5vw,46px);line-height:1.13;letter-spacing:-1.5px}h2{font-size:25px;line-height:1.25;letter-spacing:-.6px}h3{font-size:18px}p{color:#546b74}.beta-strip{background:#123444;color:#fff;text-align:center;padding:7px 12px;font-size:11px;font-weight:750;letter-spacing:1.5px}.beta-strip span{font-weight:400;letter-spacing:.2px;margin-left:14px;color:#c2dadb}header{max-width:1120px;margin:auto;padding:27px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{font-size:25px;letter-spacing:-1.5px;font-weight:800;color:#123444}.wordmark span{font-weight:450}.wordmark i{font-style:normal;color:#087f8c;margin-left:7px}nav{display:flex;gap:22px;font-size:13px}main{max-width:1080px;margin:28px auto 70px;padding:0 24px;min-height:65vh}.quote-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start;max-width:980px;margin:auto}.intro{padding-top:32px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:750;letter-spacing:2px;color:#087f8c;margin-bottom:19px}.intro h1{max-width:420px}.intro>p{font-size:17px;max-width:360px}.steps{margin:35px 0;display:grid;gap:19px}.step{display:flex;gap:13px;align-items:center;font-size:14px}.step b{background:#e2efeb;color:#087f8c;display:grid;place-items:center;border-radius:50%;width:30px;height:30px}.card{background:white;border:1px solid #e1e6df;border-radius:22px;padding:30px;box-shadow:0 14px 45px #12344406}.quote-card{border-top:4px solid var(--accent,#087f8c)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-weight:750}.avatar{background:#123444;color:#fff;border-radius:13px;width:43px;height:43px;display:grid;place-items:center}.brand img{width:45px;height:45px;object-fit:contain;border-radius:8px}.banner{width:100%;max-height:130px;object-fit:cover;border-radius:12px;margin-bottom:18px}.amount-wrap{position:relative}.amount-wrap input{font-size:31px;font-weight:650;padding-right:65px;letter-spacing:-1px}.amount-wrap span{position:absolute;right:15px;top:24px;color:#71848b;font-size:13px}.result{background:#eff7f3;border-radius:14px;padding:21px;margin:18px 0}.result p{font-size:13px;margin:0}.result strong{display:block;font-size:32px;line-height:1.2;letter-spacing:-1px;margin:9px 0;color:#123444}.hint,.small{font-size:12px;line-height:1.5;color:#667b82}.hint{margin:12px 0 0;text-align:center}.error{color:#aa3d2c;font-size:14px}.success{color:#077b60}.muted{color:#667b82}.center{max-width:530px;margin:30px auto}.row{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.pill{display:inline-block;background:#fff4d6;color:#785f17;border-radius:30px;padding:5px 12px;font-size:12px;font-weight:650}.pill.completed{background:#dff5e9;color:#086e44}.pill.rejected{background:#fce8e3;color:#9c3723}.ticket{border-top:1px dashed #cbd7d2;border-bottom:1px dashed #cbd7d2;padding:20px 0;margin:20px 0}.ticket strong{font-size:25px;display:block}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:24px 0}.stat{background:white;border:1px solid #dfe5df;padding:16px 10px;border-radius:13px}.stat strong{display:block;font-size:25px}.stat span{font-size:11px;color:#667b82}.orders{display:grid;gap:10px;margin:20px 0}.order{background:white;padding:18px;border:1px solid #e0e5de;border-radius:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.order button{min-height:40px;padding:8px 14px}.order p{font-size:13px;margin:4px 0 0}.order strong{font-size:15px}.wide{max-width:900px}.stack{display:grid;gap:16px}.history{border-left:2px solid #d9e8df;padding-left:20px;list-style:none}.history li{margin:16px 0;font-size:13px}.hero{max-width:690px;padding:24px 0 35px}.hero h1{font-size:clamp(37px,6vw,60px)}.hero p{font-size:18px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:35px}.benefits .card{box-shadow:none}.benefits b{display:block;margin-bottom:12px}.benefits p{font-size:14px;margin:0}details{margin-top:25px}summary{cursor:pointer;font-weight:700;padding:15px 0}#notice:not(:empty){position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#123444;color:#fff;border-radius:12px;padding:12px 20px;max-width:90vw;z-index:10}footer{border-top:1px solid #e1e5dc;max-width:1080px;margin:0 auto;padding:23px;color:#667b82;font-size:11px;display:flex;justify-content:space-between;gap:14px}hr{border:0;border-top:1px solid #e1e5dc;margin:24px 0}.loading{opacity:.5}.code{overflow-wrap:anywhere;font-size:13px}textarea{font:inherit} .checkline{display:flex;align-items:start;gap:9px;font-weight:400;font-size:12px}.checkline input{width:18px;min-height:18px;margin-top:2px} .login-title{margin-bottom:25px}
@media(max-width:760px){header{padding:19px 18px}nav{gap:13px;font-size:12px}.wordmark{font-size:21px}main{padding:0 18px;margin-top:15px}.quote-layout{grid-template-columns:1fr;gap:14px}.intro{padding-top:0}.intro h1{font-size:29px;max-width:none;margin-bottom:10px;letter-spacing:-1px}.intro>p,.steps{display:none}.eyebrow{margin-bottom:10px}.card{padding:23px;border-radius:18px}.quote-card{padding:24px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(4,1fr)}.benefits{grid-template-columns:1fr}.hero{padding-top:12px}.hero h1{font-size:40px}.center{margin-top:15px}footer span{display:none}.result strong{font-size:30px}.actions button{flex:1}.intro .brand{margin-bottom:13px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,opacity .15s}}
