:root{--navy:#10243e;--navy2:#152f50;--blue:#235c88;--slate:#546477;--muted:#738298;--paper:#f5f7fa;--line:#e6ebf0;--white:#fff;--teal:#0d847e;--gold:#bc9961;--success:#118567;--danger:#bf4b4b;--shadow:0 14px 48px rgba(14,34,55,.065);--radius:17px;--font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);font:14px/1.6 var(--font);color:var(--navy);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}svg.ic{display:inline-block;width:18px;height:18px;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;fill:none;vertical-align:middle;flex-shrink:0}.icon-library{position:absolute;pointer-events:none}input,select,textarea{border:1px solid #dce4ec;border-radius:10px;padding:12px 13px;outline:0;background:#fff;color:#1b2c40;max-width:100%;width:100%}input:focus,select:focus,textarea:focus{border-color:#527d9f;box-shadow:0 0 0 3px rgba(44,104,150,.11)}textarea{resize:vertical;min-height:105px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.18;letter-spacing:-.035em}p{color:var(--slate)}.hidden{display:none!important}.container{max-width:1210px;margin:0 auto;padding:0 34px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 19px;border-radius:11px;font-weight:660;white-space:nowrap;border:1px solid transparent;min-height:44px;transition:.16s ease;background:none;color:inherit}.btn:hover{transform:translateY(-1px)}.btn:focus-visible,.navbtn:focus-visible,.clickable:focus-visible{outline:3px solid #9dbed2;outline-offset:2px}.btn-primary{background:var(--navy);color:white}.btn-primary:hover{background:#1f3c5c}.btn-outline{background:#fff;border-color:#d8e0e9;color:var(--navy)}.btn-outline:hover{border-color:#a3bacd}.btn-light{background:#eef2f6;color:#173752}.btn-white{color:var(--navy);background:white}.btn-soft{background:#eaf1f7;color:#214c70}.btn-sm{min-height:34px;padding:7px 12px;font-size:12px;border-radius:8px}.btn-danger{border:1px solid #f0c6c6;color:#a93636;background:#fff5f5}.kicker{color:#927448;letter-spacing:.15em;text-transform:uppercase;font-size:11px;font-weight:800}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:780;color:#a17c43}.eyebrow .dot{height:6px;width:6px;background:var(--gold);border-radius:50%}.muted{color:var(--muted)}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-right{text-align:right}.font-bold{font-weight:760}.margin-0{margin:0}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:28px}.mb-0{margin-bottom:0}.flex{display:flex;align-items:center;gap:10px}.between{display:flex;align-items:center;justify-content:space-between;gap:16px}.stack{display:flex;flex-direction:column;gap:12px}.divider{border:0;border-top:1px solid var(--line);margin:20px 0}.w-100{width:100%}
.logo{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;line-height:1}.logo-mark{height:39px;width:39px;background:var(--navy);display:grid;place-items:center;color:#fff;border-radius:9px;font-weight:800;font-size:22px;letter-spacing:-.09em;position:relative}.logo-mark:after{content:'';position:absolute;width:5px;height:5px;background:#cba871;right:7px;top:7px;border-radius:50%}.logo-title{font-size:17px;letter-spacing:.065em;font-weight:840}.logo-sub{font-size:9px;text-transform:uppercase;letter-spacing:.19em;color:#8894a1;font-weight:740;margin-top:5px}.demo-ribbon{background:#e6ecef;border-bottom:1px solid #d9e1e6;color:#627283;text-align:center;padding:7px 12px;font-size:11px;font-weight:620;letter-spacing:.02em}.demo-ribbon .ic{width:13px;height:13px;margin-right:5px}.topnav{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:20}.topnav-inner{width:100%;display:flex;align-items:center;justify-content:space-between;gap:22px}.topnav-links{display:flex;gap:27px;align-items:center}.topnav-links button{border:0;background:none;padding:9px 2px;color:#596779;font-size:13px;font-weight:600}.topnav-links button:hover{color:var(--navy)}.top-actions{display:flex;align-items:center;gap:10px}.lang-toggle{display:flex;align-items:center;border:1px solid #dfe6ed;border-radius:9px;background:#fff;overflow:hidden}.lang-toggle button{padding:9px 11px;background:none;border:0;color:#8491a0;font-size:11px;font-weight:760}.lang-toggle button.active{background:var(--navy);color:white}.hero{background:linear-gradient(117deg,#fafbfc 15%,#eef3f7 70%,#e4ebf1);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:50px;min-height:595px;padding-top:75px;padding-bottom:75px}.hero h1{font-size:clamp(39px,4.2vw,61px);line-height:1.095;letter-spacing:-.056em;font-weight:740;max-width:590px;margin:19px 0 22px}.hero h1 em{font-style:normal;color:#355f7f}.hero p{font-size:16px;line-height:1.85;color:#5a6b7c;max-width:495px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin:31px 0 30px}.hero-stats{display:flex;gap:28px;padding-top:24px;border-top:1px solid #dce4ec;max-width:510px}.hero-stat b{font-size:18px;display:block;font-weight:800;letter-spacing:-.03em}.hero-stat span{display:block;color:#738294;font-size:11px}.hero-visual{position:relative;min-height:405px;display:flex;align-items:center;justify-content:center}.hero-visual:before{content:"";position:absolute;width:490px;height:490px;border-radius:50%;border:1px solid #d8e2ea;box-shadow:0 0 0 70px rgba(255,255,255,.17);left:50%;top:50%;transform:translate(-50%,-50%)}.visual-card{position:relative;background:#fff;border:1px solid #e1e9ee;border-radius:19px;box-shadow:0 35px 80px rgba(23,54,76,.17);width:min(100%,455px);padding:25px 27px;transform:rotate(-2deg)}.visual-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:19px}.visual-mini{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7b8998;font-weight:700}.visual-title{font-size:18px;font-weight:790}.progress-track{height:8px;background:#e9eef2;border-radius:12px;overflow:hidden}.progress-track>span{display:block;height:100%;border-radius:12px;background:linear-gradient(90deg,#335f83,#4d8b9c)}.visual-step{display:flex;gap:14px;align-items:center;position:relative;padding:10px 0;color:#263a50}.step-check{height:29px;width:29px;border-radius:50%;background:#e7f4ee;color:var(--success);display:grid;place-items:center;flex-shrink:0}.step-check.current{background:#e9f0f7;color:#1e5b8b}.step-check.pending{background:#f1f3f5;color:#95a2ad}.step-check svg{width:15px;height:15px}.floating-badge{position:absolute;background:#fff;border:1px solid #e7edf1;border-radius:11px;box-shadow:0 12px 28px rgba(18,48,71,.12);padding:12px 15px;display:flex;align-items:center;gap:11px;font-size:11px;font-weight:720}.floating-badge svg{color:#14866a}.float-one{top:12px;right:-10px;transform:rotate(4deg)}.float-two{bottom:0;left:-30px;transform:rotate(2deg)}
.section{padding:88px 0}.section-header{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:34px}.section-header h2{font-size:clamp(28px,3vw,38px);margin:7px 0 8px}.section-header p{max-width:520px;margin:0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:0;min-height:250px;box-shadow:0 2px 4px rgba(16,36,62,.013);transition:.18s}.service-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:#cfdbe4}.service-icon{width:44px;height:44px;border-radius:12px;background:#eef3f7;color:#2a6284;display:grid;place-items:center;margin-bottom:20px}.service-icon svg{height:21px;width:21px}.service-card h3{font-size:17px;margin:0 0 9px}.service-card p{font-size:13px;line-height:1.73;margin:0 0 22px;flex:1}.service-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f4;padding-top:17px;gap:8px;font-size:12px;font-weight:750;color:#315f7e}.service-category{font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#a18559;margin-bottom:13px}.service-details{color:#2a5e85;border:0;padding:0;background:transparent;display:flex;align-items:center;gap:5px;font-weight:760;font-size:12px}.how{background:var(--navy);color:white}.how .section-header p,.how p{color:#b5c2d0}.how .eyebrow{color:#d6bb89}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.how-step{padding:28px 0;border-top:1px solid #496077}.how-step .number{font-size:13px;color:#d1b77f;font-weight:750;margin-bottom:19px}.how-step h3{font-size:21px;letter-spacing:-.03em;margin:0 0 13px}.how-step p{line-height:1.8}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.benefit{display:flex;gap:16px;padding:12px 0}.benefit .service-icon{flex-shrink:0}.benefit h3{font-size:16px;margin:0 0 8px}.benefit p{font-size:13px;line-height:1.7}.cta-band{background:#eaf0f4;padding:64px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-inner h2{font-size:33px;margin:6px 0 10px}.cta-inner p{margin:0}.footer{background:#0f2035;color:#fff;padding:46px 0 26px}.footer .logo-mark{background:#fff;color:var(--navy)}.footer .logo-sub{color:#90a5b7}.footer-bottom{border-top:1px solid #324255;margin-top:34px;padding-top:22px;color:#9baaba;font-size:12px;display:flex;gap:20px;justify-content:space-between}.footer p{color:#91a5b6;font-size:12px;max-width:360px}
/* Portal */
.portal{min-height:calc(100vh - 33px);display:grid;grid-template-columns:252px minmax(0,1fr);background:#f5f7fa}.sidebar{background:#10243e;color:#e2ebf3;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;padding:29px 15px 18px}.sidebar .logo{padding:0 13px 24px}.sidebar .logo-mark{background:#fff;color:var(--navy)}.sidebar .logo-sub{color:#91a5bd}.sidebar .logo-title{color:#fff}.side-caption{font-size:10px;font-weight:800;color:#8b9eb4;letter-spacing:.16em;text-transform:uppercase;padding:20px 17px 8px}.side-nav{display:flex;flex-direction:column;gap:3px}.navbtn{display:flex;align-items:center;gap:13px;background:none;color:#b9c8d9;border:0;border-radius:9px;padding:13px 14px;width:100%;font-size:13px;font-weight:600;text-align:left}.navbtn:hover{background:#1d3651;color:#fff}.navbtn.active{background:#294461;color:white}.navbtn .ic{height:18px;width:18px}.sidebar-footer{margin-top:auto;border-top:1px solid #30445e;padding:19px 10px 0}.user-pill{display:flex;gap:11px;align-items:center}.avatar{height:36px;width:36px;border-radius:50%;display:grid;place-items:center;background:#e4eef5;color:#2d526f;font-weight:850;flex-shrink:0}.sidebar-footer .avatar{background:#2b4866;color:#fff}.sidebar-footer .uname{font-weight:760;font-size:12px}.sidebar-footer .urole{font-size:10px;color:#a0b0c3}.portal-main{min-width:0}.portal-top{height:79px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 39px;gap:14px;position:sticky;top:0;z-index:12}.portal-top h2{font-size:17px;letter-spacing:-.015em;margin:0}.portal-top .subtitle{font-size:11px;color:#97a0aa;margin-top:3px}.portal-toolbar{display:flex;gap:13px;align-items:center}.portal-content{padding:35px 39px 70px;max-width:1510px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.page-heading h1{font-size:28px;margin:0 0 7px;font-weight:760}.page-heading p{font-size:13px;margin:0}.page-heading .actions{display:flex;gap:10px;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.stat-card{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;min-height:115px}.stat-card .label{color:#7c8997;font-size:12px;display:flex;align-items:center;justify-content:space-between}.stat-card .label svg{color:#8092a5}.stat-card .number{font-size:29px;line-height:1;font-weight:770;letter-spacing:-.045em;margin-top:20px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:24px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.card-header h3{font-size:16px;margin:0}.card-header .sub{font-size:12px;color:#8c98a5;margin-top:5px}.split-grid{display:grid;grid-template-columns:1.4fr .85fr;gap:18px}.dash-case{padding:20px;border:1px solid #e8edf1;border-radius:13px;display:flex;justify-content:space-between;gap:20px;margin-top:10px;transition:.16s}.dash-case:hover{background:#f9fbfd}.dash-case:first-child{margin-top:0}.case-name{font-weight:770;font-size:14px}.case-ref{font-size:11px;color:#8996a2;margin-top:5px}.case-right{text-align:right;min-width:135px}.case-right .progress-track{margin-top:13px;height:6px}.status{display:inline-flex;gap:6px;align-items:center;padding:4px 9px;border-radius:100px;font-size:10px;font-weight:770;white-space:nowrap;background:#eff3f6;color:#526b7e}.status.ok{background:#e8f5ef;color:#16815e}.status.active{background:#eaf1f9;color:#23618c}.status.warn{background:#fff5e4;color:#976a1a}.status.wait{background:#f0f2f4;color:#6d7b89}.activity-list{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f3}.activity-item:last-child{border:0}.activity-dot{height:28px;width:28px;border-radius:9px;display:grid;place-items:center;background:#edf3f7;color:#4a7792;flex-shrink:0}.activity-dot .ic{width:14px;height:14px}.activity-item b{font-size:12px;line-height:1.4;display:block}.activity-item span{font-size:11px;color:#8291a0}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:690px}.data-table th{text-transform:uppercase;letter-spacing:.08em;color:#8794a1;text-align:left;font-size:10px;padding:13px 14px;background:#f9fbfc;font-weight:790}.data-table td{border-bottom:1px solid #edf0f3;padding:16px 14px;color:#3e5064;font-size:12px}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcfd}.table-name{font-weight:740;color:#18334f;font-size:13px}.tabs{display:flex;gap:5px;border-bottom:1px solid #e3e9ee;margin-bottom:20px;overflow:auto}.tab{border:0;background:none;border-bottom:2px solid transparent;color:#718094;padding:10px 16px;font-weight:660;font-size:12px;white-space:nowrap}.tab.active{border-color:#1e587e;color:#184969}.empty{padding:42px 24px;text-align:center;border:1px dashed #dce5ed;border-radius:15px;background:#fcfdfe}.empty .empty-icon{height:54px;width:54px;border-radius:15px;background:#edf3f8;margin:auto auto 17px;display:grid;place-items:center;color:#46728e}.empty h3{font-size:16px;margin:0 0 8px}.empty p{max-width:410px;margin:0 auto 20px;font-size:13px}.quote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.quote-line{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#637284;padding:9px 0}.quote-line b{color:#1b334d}.quote-total{border-top:1px solid var(--line);margin-top:8px;padding-top:14px;display:flex;justify-content:space-between;font-size:15px;font-weight:760}.quote-summary{padding:16px;border-radius:12px;background:#f2f6f9}.quote-summary .quote-line{font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field label{display:block;font-size:11px;font-weight:760;color:#596b7f;margin-bottom:6px}.field small{display:block;color:#8796a6;font-size:11px;margin-top:6px}.field.span-2{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin-top:21px}.notice{padding:13px 15px;background:#f0f5f8;border:1px solid #dce7ef;border-radius:11px;color:#567086;font-size:12px;display:flex;gap:9px;align-items:flex-start}.notice svg{flex-shrink:0;margin-top:1px}.notice.warn{background:#fff9ed;border-color:#f3e3bd;color:#9e752f}.timeline{display:flex;flex-direction:column}.timeline-step{display:flex;gap:14px;padding-bottom:24px;position:relative}.timeline-step:last-child{padding-bottom:0}.timeline-step:not(:last-child):before{content:'';position:absolute;top:29px;left:14px;width:2px;height:calc(100% - 29px);background:#e0e6ea}.timeline-step.done:not(:last-child):before{background:#83b6bd}.timeline-circle{height:29px;width:29px;border:2px solid #d8e1e7;background:#fff;color:#abb7c0;border-radius:50%;display:grid;place-items:center;flex-shrink:0;z-index:1}.timeline-circle svg{width:14px;height:14px}.timeline-step.done .timeline-circle{background:#16847d;color:#fff;border-color:#16847d}.timeline-step.current .timeline-circle{background:#eaf2f9;color:#2c688e;border-color:#2c688e}.timeline-step strong{display:block;font-size:12px;margin:4px 0}.timeline-step p{font-size:11px;margin:0;color:#96a3ad}.pay-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pay-box{border:1px solid #e5ebf0;border-radius:12px;padding:17px}.pay-box .amount{font-size:22px;font-weight:800;letter-spacing:-.045em}.pay-box .small-label{font-size:11px;color:#81909f}.message-thread{height:300px;overflow-y:auto;padding:14px;border:1px solid #e5ebf0;background:#f9fbfc;border-radius:12px;display:flex;flex-direction:column;gap:12px}.bubble{max-width:83%;padding:11px 14px;background:white;border:1px solid #e5ebf0;border-radius:12px 12px 12px 3px;align-self:flex-start}.bubble.mine{background:#dfeef5;border-color:#d3e7f2;border-radius:12px 12px 3px 12px;align-self:flex-end}.bubble p{font-size:12px;color:#284158;margin:0 0 5px;white-space:pre-wrap}.bubble span{font-size:10px;color:#8294a3}.message-compose{display:flex;gap:9px;margin-top:12px}.message-compose input{flex:1}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:19px}.filters>*{width:auto;min-width:175px}.pill{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border:1px solid #dce5ec;background:#f6f8fa;color:#657688;border-radius:99px;font-size:11px;font-weight:720}.appointment-card{display:flex;justify-content:space-between;align-items:center;gap:17px;padding:17px;border:1px solid #e8edf1;border-radius:11px;margin-bottom:10px}.appointment-date{width:58px;flex-shrink:0;text-align:center;border-radius:10px;background:#edf3f7;padding:9px 0;color:#235a7b}.appointment-date b{display:block;font-size:20px;line-height:1.1}.appointment-date span{font-size:10px;text-transform:uppercase;font-weight:700}.appointment-main{flex:1}.appointment-main strong{font-size:13px}.appointment-main p{font-size:11px;margin:4px 0 0}.small-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.mini-card{border:1px solid var(--line);border-radius:11px;padding:18px}.mini-card .label{color:#8794a1;font-size:11px}.mini-card b{font-size:18px;display:block;margin-top:6px}.mobile-menu{display:none;border:0;background:transparent;padding:7px}.overlay-menu{display:none}
/* Modal and notifications */
.modal-backdrop{position:fixed;inset:0;background:rgba(9,25,42,.66);z-index:50;display:flex;justify-content:center;align-items:center;padding:22px;backdrop-filter:blur(4px)}.modal{background:#fff;border-radius:18px;width:min(100%,620px);max-height:min(92vh,930px);overflow:auto;box-shadow:0 22px 90px rgba(0,0,0,.24)}.modal.wide{width:min(100%,835px)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:23px 27px 17px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:21px;margin:0 0 6px}.modal-header p{font-size:12px;margin:0}.icon-button{height:32px;width:32px;display:grid;place-items:center;border:0;border-radius:8px;background:#f0f3f6;color:#61768a}.modal-body{padding:24px 27px 29px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.role-card{border:1px solid #dfe8ef;border-radius:13px;padding:25px 18px;background:#fbfcfd;text-align:left;transition:.18s}.role-card:hover{background:#f1f6f9;border-color:#acc6d9}.role-icon{height:48px;width:48px;border-radius:13px;display:grid;place-items:center;background:#e8f1f6;color:#1a587d;margin-bottom:18px}.role-card h3{font-size:16px;margin:0 0 9px}.role-card p{font-size:12px;min-height:50px}.role-card .link{font-size:12px;color:#1d6286;font-weight:760}.toasts{position:fixed;right:20px;bottom:20px;z-index:100}.toast{max-width:350px;padding:13px 17px;border-radius:11px;background:#173e56;color:#fff;box-shadow:0 18px 45px rgba(15,31,45,.18);margin-top:8px;font-size:12px;display:flex;gap:10px;align-items:center;animation:toastin .23s ease}@keyframes toastin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fineprint{font-size:11px;color:#96a1ac}.legal-note{padding-top:14px;border-top:1px solid var(--line);margin-top:15px}.admin-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.admin-row select{min-width:155px;width:155px;padding:8px 9px;font-size:11px}.admin-row .btn{min-height:35px}.mobile-only{display:none}.no-wrap{white-space:nowrap}
@media(max-width:1150px){.container{padding:0 27px}.hero-grid{gap:20px}.hero-visual{transform:scale(.9)}.stat-grid{grid-template-columns:repeat(2,1fr)}.split-grid{grid-template-columns:1fr}.portal-content{padding:28px}.portal-top{padding:0 28px}}
@media(max-width:880px){.topnav-links{display:none}.hero-grid{grid-template-columns:1fr;gap:0;padding-top:70px;padding-bottom:55px}.hero-visual{margin-top:30px;min-height:365px}.services-grid{grid-template-columns:repeat(2,1fr)}.how-grid,.benefits{grid-template-columns:1fr;gap:8px}.how-step{padding:20px 0}.cta-inner{align-items:flex-start;flex-direction:column;gap:20px}.portal{grid-template-columns:1fr}.sidebar{position:fixed;z-index:31;transform:translateX(-101%);transition:.22s;box-shadow:16px 0 55px rgba(0,0,0,.1);width:260px}.portal.menu-open .sidebar{transform:translateX(0)}.portal.menu-open .overlay-menu{position:fixed;inset:0;background:rgba(13,28,45,.5);z-index:30;display:block}.mobile-menu{display:inline-flex}.mobile-only{display:inline-flex}.portal-top{height:70px}.portal-content{padding:24px 23px 50px}}
@media(max-width:590px){.container{padding:0 20px}.topnav{height:73px}.top-actions .btn{padding:10px 12px;font-size:11px}.top-actions .btn svg{display:none}.logo-title{font-size:14px}.logo-sub{font-size:8px}.logo-mark{height:35px;width:35px}.hero-grid{padding-top:52px}.hero h1{font-size:37px}.hero p{font-size:14px}.hero-stats{gap:15px}.hero-stat b{font-size:16px}.hero-visual{min-height:330px;transform:scale(.85);margin:-10px -22px 0}.floating-badge{display:none}.section{padding:60px 0}.section-header{align-items:flex-start;flex-direction:column;gap:12px}.services-grid{grid-template-columns:1fr}.service-card{min-height:210px}.cta-inner h2{font-size:27px}.footer-bottom{flex-direction:column}.portal-content{padding:18px 13px 36px}.portal-top{padding:0 14px}.portal-top .subtitle{display:none}.portal-top h2{font-size:14px}.portal-toolbar{gap:6px}.portal-toolbar .btn{font-size:11px;padding:8px 10px}.page-heading{align-items:flex-start;flex-direction:column;gap:12px}.page-heading h1{font-size:23px}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:15px}.stat-card .number{font-size:24px}.card{padding:16px}.form-grid,.quote-grid,.small-grid,.pay-split{grid-template-columns:1fr}.field.span-2{grid-column:auto}.modal-backdrop{padding:9px}.modal-header{padding:20px 17px 15px}.modal-body{padding:18px 17px 22px}.role-grid{grid-template-columns:1fr}.role-card{padding:17px}.role-card p{min-height:0}.dash-case{padding:13px}.case-right{min-width:105px}.appointment-card{flex-wrap:wrap}.filters>*{flex:1;min-width:130px}.message-compose{gap:6px}}

@media(max-width:880px){.modal-body .split-grid,.portal-content .split-grid{grid-template-columns:1fr!important}}
.sidebar .logo{gap:8px;padding-left:6px;padding-right:3px}.sidebar .logo-title{font-size:14px;letter-spacing:.035em}.sidebar .logo-sub{font-size:7.6px;letter-spacing:.16em}
@media(max-width:590px){.portal-top .btn{max-width:139px}.portal-top .btn .ic{display:none}.sidebar .logo-title{font-size:14px}.sidebar .logo-sub{font-size:7.6px}}