.flow-body{background:#f7f6fa;color:var(--ink)}.demo-ribbon{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 20px;background:#2c2143;color:white;font-size:12px;text-align:center;flex-wrap:wrap}.demo-ribbon>span:last-child{color:#d9cfe9}.flow-header{background:white;border-bottom:1px solid var(--line)}.flow-header>.container{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}.flow-header nav{display:flex;gap:30px;align-items:center;font-size:14px}.flow-header nav a{min-height:44px;display:flex;align-items:center;gap:6px}.flow-header a[aria-current]{color:var(--purple)}.tiny-label{font-size:9px;font-weight:750;letter-spacing:1px;background:#eee8fb;color:#654498;padding:4px 6px;border-radius:4px}.flow-shell{padding-top:30px}.flow-steps{display:flex;gap:0;max-width:750px;margin:0 auto 40px}.flow-steps a{position:relative;flex:1;display:flex;align-items:center;gap:10px;font-size:12px;color:#6f667a;padding:10px 0;min-height:44px}.flow-steps a:after{content:"";height:1px;background:var(--line);flex:1;margin:0 14px}.flow-steps a:last-child:after{display:none}.flow-steps b{display:grid;place-items:center;width:29px;height:29px;border:1px solid #d9cfea;border-radius:50%;font-size:12px;flex-shrink:0}.flow-steps a[aria-current]{color:var(--purple);font-weight:650}.flow-steps a[aria-current] b{background:var(--purple);color:white;border-color:var(--purple)}#flow-content:focus{outline:0}.page-heading{margin:0 0 28px}.page-heading h1{font-size:clamp(29px,3.3vw,43px);letter-spacing:-1.5px;line-height:1.14}.page-heading p{font-size:15px;line-height:1.7;color:#71667f;margin:12px 0 0}.overline{display:block;text-transform:uppercase;letter-spacing:1.5px;color:var(--purple);font-size:10px;font-weight:700;margin-bottom:12px}.flow-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.surface{background:white;border:1px solid var(--line);border-radius:18px;padding:30px;min-width:0}.surface h2{font-size:21px;letter-spacing:-.5px;margin:0 0 18px}.surface h3{margin-top:0}.surface p{line-height:1.7}.flow-aside{position:sticky;top:24px}.summary-card{background:#eee8fb;border:1px solid #ddd2f5;border-radius:18px;padding:26px}.summary-card h2{font-size:17px;margin:0 0 24px}.summary-route{display:flex;flex-direction:column;gap:12px;padding:0 0 22px;border-bottom:1px solid #d8cce9}.summary-route span{font-size:11px;color:#6b5f7a}.summary-route strong{font-size:22px;letter-spacing:.5px;display:block;margin-top:5px}.summary-route i{font-style:normal;color:var(--purple)}.summary-spec{font-size:13px;line-height:1.9;padding:18px 0;color:#675775}.summary-card .text-button{font-size:12px}.hint-card{margin-top:16px;padding:22px;border:1px dashed #d4c7e5;border-radius:16px;font-size:13px;line-height:1.7;color:#746481}.hint-card strong{color:var(--ink)}.text-button{border:0;background:none;color:var(--purple);padding:10px 0;text-decoration:underline;text-underline-offset:4px;min-height:44px;text-align:left}.secondary-button{display:inline-flex;justify-content:center;align-items:center;border:1px solid #d6cae6;background:white;border-radius:10px;padding:12px 18px;min-height:48px;font-size:13px;font-weight:600;color:var(--ink);gap:8px}.secondary-button:hover{background:#f5f1fc}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:25px}.actions .text-button{margin-left:auto}.flow-form fieldset{border:0;padding:0;margin:0 0 30px}.flow-form legend{font-size:17px;font-weight:650;margin-bottom:18px}.flow-form label{display:block;font-size:12px;font-weight:600}.flow-form input,.flow-form select,.sort-control select,.scenario-control select{width:100%;background:white;border:1px solid #d9d0e4;border-radius:9px;padding:13px 12px;margin-top:8px;min-height:48px;color:var(--ink);font:inherit}.flow-form input:focus,.flow-form select:focus{border-color:var(--purple);outline:2px solid #d8c8fa;outline-offset:2px}.flow-form input[aria-invalid=true]{border-color:#b72c40}.field-error{display:block;min-height:18px;font-size:11px;color:#a92136;margin:6px 0 0;line-height:1.5;font-weight:500}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-measures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.small-copy{font-size:12px;color:#776a82;line-height:1.7}.option-box{display:flex!important;align-items:flex-start;gap:13px;border:1px solid #e3d9ef;background:#faf8ff;border-radius:12px;padding:18px;font-weight:400!important;line-height:1.7}.option-box input{width:19px;height:19px;min-height:19px;flex-shrink:0;margin:3px 0;accent-color:var(--purple)}.option-box strong{font-size:14px;display:block}.option-box small{font-size:12px;color:#776a82}.notice{padding:15px 18px;border-radius:11px;background:#fff5df;border:1px solid #eedbb3;color:#7a521c;font-size:13px;line-height:1.65;margin-bottom:20px}.notice.success{background:#eff8e4;border-color:#d4e7bd;color:#406621}.results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.results-toolbar p{font-size:13px;color:#736780}.sort-control{display:flex;align-items:center;gap:10px;font-size:12px;white-space:nowrap}.sort-control select{font-size:12px;padding:9px;min-height:42px;margin:0;width:auto}.rate-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px;background:white;border:1px solid var(--line);border-radius:15px;margin-bottom:14px}.service-mark{width:54px;height:54px;border-radius:13px;background:#eee7fb;color:#7d55c7;display:grid;place-items:center;font-size:24px}.service-mark.green{background:#e6f0d6;color:#527734}.service-mark.sand{background:#faecd5;color:#9c7235}.rate-card h2{font-size:19px;margin:7px 0 4px;letter-spacing:-.5px}.rate-card p{font-size:12px;line-height:1.6;margin:0;color:#776a82}.rate-tag{font-size:10px;font-weight:600;color:#675584}.rate-price{text-align:right}.rate-price strong{display:block;font-size:25px;letter-spacing:-1px;margin:4px 0}.rate-price small{display:block;font-size:10px;color:#7d6f88}.rate-price button{margin-top:12px;padding:10px 16px;min-height:42px;font-size:12px}.scenario-control{margin:24px 0;color:#766884;font-size:12px}.scenario-control summary{cursor:pointer;padding:12px 0;min-height:44px}.scenario-control>div{display:flex;align-items:center;gap:12px;padding:15px;background:#eee9f5;border-radius:10px}.scenario-control select{width:auto;margin:0;font-size:12px}.skeleton{height:145px;border-radius:15px;background:linear-gradient(100deg,#ece7f2 20%,#faf8fc 45%,#ece7f2 70%);background-size:250% 100%;animation:loading-sweep 1.6s infinite;margin:15px 0}.empty-state{text-align:center;padding:55px 28px}.empty-state h2{margin-top:22px}.empty-state p{max-width:430px;margin:10px auto 25px;color:#776a82;font-size:14px}.package-icon{display:grid;place-items:center;width:80px;height:80px;background:#eee6fa;border-radius:24px;margin:auto;font-size:39px;color:var(--purple)}.review-list{margin:0}.review-list>div{display:flex;gap:24px;justify-content:space-between;padding:16px 0;border-bottom:1px solid #eee7f4;font-size:14px}.review-list dt{color:#786b84}.review-list dd{margin:0;font-weight:600;text-align:right}.review-list .total-row{font-size:18px;border-bottom:0}.review-list .total-row dd{color:var(--purple)}.service-selected{display:flex;gap:16px;align-items:center;margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}.service-selected h2{margin:0 0 5px}.service-selected p{margin:0;font-size:12px;color:#776a82}.account-card{max-width:630px;margin:auto}.account-card .form-pair{margin:24px 0}.account-card input[readonly]{background:#f5f2f9;color:#786b84}.preserved{padding:16px;background:#edf5e3;border-radius:10px;color:#49672d;font-size:13px;line-height:1.7}.dashboard-nav{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.dashboard-nav a{padding:12px 18px;border-radius:10px;background:white;border:1px solid var(--line);font-size:13px}.dashboard-nav a[aria-current]{background:var(--ink);color:white}.dashboard-top{display:flex;justify-content:space-between;align-items:start;gap:20px}.dashboard-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.metric{background:white;border:1px solid var(--line);border-radius:15px;padding:22px}.metric span{display:block;font-size:12px;color:#776a82}.metric strong{font-size:28px;display:block;margin-top:13px}.notification-card{display:flex;justify-content:space-between;gap:22px;align-items:center;background:#fff3db;border:1px solid #ecd5a7;border-radius:15px;padding:24px;margin-bottom:24px}.notification-card h2{font-size:17px;margin:0 0 7px}.notification-card p{font-size:13px;color:#806035;line-height:1.6;margin:0}.shipment-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.shipment-row:last-child{border-bottom:0}.shipment-row h3{font-size:15px;margin:0 0 8px}.shipment-row p{font-size:12px;color:#786b84;margin:0}.status-pill{display:inline-block;padding:7px 10px;border-radius:7px;background:#f0e9fb;color:#715496;font-size:11px;font-weight:600}.status-pill.amber{background:#fff0d1;color:#7f5920}.status-pill.green{background:#eaf5da;color:#496b28}.validation-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:24px}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-block:20px}.evidence-item{margin:0}.evidence-item svg{display:block;width:100%;height:auto;border-radius:12px;background:#eee7f6}.evidence-item figcaption{font-size:11px;color:#776a82;margin-top:8px}.timeline{list-style:none;padding:0;margin:0}.timeline li{position:relative;padding:0 0 24px 27px;border-left:1px solid #dfd4eb;margin-left:6px;font-size:13px;line-height:1.6}.timeline li:before{content:"";position:absolute;width:11px;height:11px;left:-6px;top:4px;border-radius:50%;background:#b19bd0;border:2px solid white}.timeline li:last-child{border-left-color:transparent}.timeline strong{display:block}.timeline small{color:#81718e}.decision-buttons{display:grid;gap:10px;margin-top:20px}.decision-buttons button{text-align:left;justify-content:start}.decision-confirm{margin-top:20px;padding:18px;border:1px solid #d8c5ed;border-radius:12px;background:#f7f1fc}.flow-footer{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:35px 0;margin-top:45px;border-top:1px solid var(--line);font-size:11px;color:#81728d}.flow-footer>span{margin-right:auto}.flow-footer button{border:0;background:none;color:inherit;text-decoration:underline;padding:10px 0;font-size:11px;min-height:44px}.help-layout{max-width:850px;margin:45px auto}.help-layout .faq-list{margin:28px 0}.help-layout .faq-list p{font-size:14px}.help-layout .faq-list summary{font-size:16px}.help-layout .notice{margin-top:25px}.decision-result{margin-top:22px}.demo-art-label{font-size:11px;fill:#77658a}.flow-body select:focus-visible,.flow-body summary:focus-visible,.flow-body input:focus-visible{outline:3px solid #a07bda;outline-offset:3px}@keyframes loading-sweep{to{background-position:-200% 0}}@media(min-width:1600px){.flow-shell{padding-top:45px}}@media(max-width:950px){.flow-grid{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.surface{padding:23px}.summary-card{padding:22px}.rate-card{gap:12px;padding:20px}.service-mark{width:43px;height:43px}.validation-layout{grid-template-columns:1fr}.flow-header nav{gap:20px}}@media(max-width:700px){.flow-body .container{width:calc(100% - 32px)}.demo-ribbon{font-size:10px;gap:5px 9px;padding:9px 16px}.flow-header>.container{min-height:74px;gap:12px}.flow-header .brand{font-size:25px}.flow-header .brand>i{width:22px;height:22px;font-size:18px}.flow-header nav{gap:14px;font-size:12px}.flow-header .tiny-label{display:none}.flow-shell{padding-top:20px}.flow-steps{margin-bottom:28px}.flow-steps a{font-size:10px;flex-direction:column;gap:7px;text-align:center}.flow-steps a:after{display:none}.page-heading{margin-bottom:24px}.page-heading h1{font-size:32px;letter-spacing:-1.2px}.page-heading p{font-size:13px}.flow-grid{display:flex;flex-direction:column;gap:22px}.flow-grid>div,.flow-aside{width:100%}.flow-aside{position:static;order:-1}.summary-card{padding:18px}.summary-card h2{display:none}.summary-route{flex-direction:row;align-items:center;justify-content:space-between;border-bottom:0;padding:0}.summary-route strong{font-size:19px;margin-top:3px}.summary-route span{font-size:10px}.summary-spec{padding:10px 0 0;font-size:12px}.summary-card .text-button{min-height:35px;font-size:11px;padding-bottom:0}.hint-card{display:none}.surface{padding:22px 18px;border-radius:13px}.form-pair{gap:12px}.form-measures{grid-template-columns:repeat(2,1fr)}.flow-form input{font-size:16px}.flow-form fieldset{margin-bottom:22px}.actions .button{width:100%;justify-content:space-between}.actions .text-button{margin-left:0}.rate-card{grid-template-columns:44px 1fr;gap:12px;padding:18px}.rate-price{grid-column:1/-1;border-top:1px solid #eee7f4;padding-top:14px;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;margin-top:4px}.rate-price small{grid-column:1}.rate-price strong{grid-column:1;grid-row:2}.rate-price button{grid-column:2;grid-row:1/4;margin:0;min-height:48px}.rate-card h2{font-size:19px}.rate-card p{font-size:11px}.results-toolbar{gap:10px;align-items:center}.results-toolbar p{font-size:11px;max-width:100px}.sort-control{font-size:10px;gap:6px}.sort-control select{font-size:11px;max-width:130px}.scenario-control>div{flex-wrap:wrap}.scenario-control select{width:100%}.review-list>div{font-size:12px;gap:15px}.review-list .total-row{font-size:16px}.dashboard-top{display:block}.dashboard-top>.button{margin-bottom:22px}.dashboard-cards{gap:8px}.metric{padding:16px 12px;border-radius:11px}.metric span{font-size:10px}.metric strong{font-size:22px}.notification-card{display:block;padding:20px}.notification-card .secondary-button{margin-top:15px;width:100%}.shipment-row{flex-wrap:wrap;gap:12px}.shipment-row .text-button{margin-left:auto;font-size:12px}.evidence-grid{gap:8px}.evidence-item figcaption{font-size:10px}.flow-footer{font-size:10px;gap:12px;margin-top:30px}.flow-footer>span{width:100%}.help-layout{margin:28px auto}.empty-state{padding:35px 20px}.account-card .form-pair{grid-template-columns:1fr}.overline{font-size:9px}.dashboard-nav{gap:8px}.dashboard-nav a{font-size:12px;padding:12px}.help-layout .faq-list summary{font-size:14px}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}.flow-body *{scroll-behavior:auto!important}}

@media(max-width:370px){.flow-header .brand{font-size:22px}.flow-header nav{gap:10px;font-size:11px}.flow-header>.container{gap:10px}}

.service-logo{display:flex;align-items:center;justify-content:center;width:100px;height:58px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:11px}.service-logo img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:700px){.rate-card{grid-template-columns:85px 1fr}.service-logo{width:85px;height:50px}.service-selected .service-logo{flex-shrink:0}}
