/* VIVO client portal — light, calm, legible. Loaded after feature styles. */
:root{--navy:#122d40;--ink:#122d40;--emerald:#007c65;--green:#007c65;--paper:#f5f7f6;--muted:#566977;--line:#dce5e5;--vivo-mint:#007c65;--vivo-ink:#122d40;--vivo-panel:#fff;--vivo-border:#dce5e5;color-scheme:light}
body{background:var(--paper);color:var(--ink);font-family:Montserrat,Arial,sans-serif;line-height:1.65}
h1,h2,h3{color:var(--ink);font-family:Montserrat,Arial,sans-serif}h1{font-weight:650;letter-spacing:-1.7px;line-height:1.16}h1 em{color:#007c65;font-weight:600}button{font-family:inherit}a,button{touch-action:manipulation}button,a,select,summary{scroll-margin-block:90px}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #009d80;outline-offset:4px}button:disabled{cursor:default}
.app-header,body>header{background:#102b3e;color:#fff;border-bottom:0;max-width:none;height:80px}.app-header img,header .brand img{filter:brightness(0) invert(1)}.app-header .chat-link,header .help{background:transparent;border:1px solid #65808d;color:#fff}.app-header .chat-link:hover,header .help:hover{background:#234254}.header-label,.app-header .header-label{color:#d3e1e5;letter-spacing:1.5px}.app-layout{background:none;max-width:1510px;grid-template-columns:185px minmax(0,1fr) 270px;gap:38px;padding-top:36px}#flow{max-width:760px}.journey-nav{top:28px}.nav-intro{font-size:11px;color:#6a7c84;letter-spacing:.6px;margin-bottom:25px}.nav-intro strong{font-size:14px;color:#193847;letter-spacing:0}.nav-bottom{color:#657882}.nav-bottom a{color:#00735f;font-size:11px}.nav-bottom p{max-width:170px}#progress button{color:#4a6370;font-size:12px;padding:11px 9px;gap:10px;min-height:46px}#progress button span{color:#617983;border-color:#cddcdd;background:#fff;flex-shrink:0}#progress button:disabled{color:#71838b}#progress button.active{background:#e0f0e9;color:#00664f}#progress button.active span{color:#fff;background:#007c65;border-color:#007c65}#progress button.done span{color:#006b56;background:#dceee6;border-color:#dceee6}.step-caption,.step-caption span{color:#607783;border-color:#cbd9dc}.step-caption{margin-bottom:20px}.checkin-flightline{display:none}.welcome-tag,.eyebrow{color:#00765e}.intro{color:#526977;line-height:1.8;font-size:15px}.time-note,.fine{color:#586f7c}.fine{font-size:12px}.form-card,.companion-plan,.summary-card{background:#fff;border-color:#dbe5e5;box-shadow:0 5px 22px #17384505}.form-card{padding:28px}.form-card:before{color:#00765e;letter-spacing:1.2px}.form-card label{color:#233f4d;font-size:13px}select{background:#fff;color:#183744;border-color:#bdced1;color-scheme:light;min-height:50px}.error{color:#a32940}.bottom-bar{background:#fffffffa;border-color:#d6e2e3;box-shadow:0 -5px 24px #14364606;z-index:20}.bar-total small{font-size:11px;color:#5a707b}.bar-total strong{color:#123f39}.primary,.btn,.hero .btn,.basket .btn{background:#007c65;border:1px solid #007c65;color:#fff;font-weight:650;font-size:13px;min-height:50px;border-radius:8px;text-decoration:none}.primary:hover,.btn:hover,.basket .btn:hover{background:#006550;color:#fff;border-color:#006550}.back{color:#315665;min-height:44px}.text-button,.print-plan,.checkin-basket-link{color:#006e59;font-size:12px;min-height:44px}.text-button:hover,.print-plan:hover{color:#004f40}
/* Real photography is the colour; surfaces stay calm. */
.welcome-visual{height:300px;border:0;border-radius:13px}.welcome-consultation{object-position:50% 40%}.welcome-visual:after{background:linear-gradient(0deg,#0b263be8,transparent 90%),linear-gradient(90deg,#0b263b35,transparent)}.welcome-overlay h2{color:#fff;font-size:29px;font-weight:600}.welcome-overlay>span{color:#b7f1df}.welcome-overlay button{background:#ffffff18;border-color:#d7eee7a8;min-height:44px;font-size:12px}.checkin-benefits{gap:20px;margin:26px 0 30px}.checkin-benefits b{color:#008268}.checkin-benefits strong{color:#1a3b4a;font-size:12px}.checkin-benefits span{color:#637782;font-size:11px}.companion-photo{border:0;height:170px}.companion-photo:after{background:linear-gradient(transparent 10%,#0b263bdb)}.companion-photo h2,.companion-photo>div h2{color:white}.companion-plan{padding:20px;margin-top:18px}.companion-plan p{color:#5f7480}.mini-total{border-color:#dbe5e5;color:#536d78}.mini-total strong{color:#00735d}.companion .visit-pass{box-shadow:none}.visit-pass{background:#fff!important;color:#173947!important;border-color:#d7e2e1;box-shadow:0 4px 20px #17384506}.pass-head{background:#e8f0ec}.pass-head>span{color:#356454}.pass-divider{border-color:#cedbd6}.pass-divider:before,.pass-divider:after{background:var(--paper)}.pass-route strong{color:#174638!important}.pass-details strong,.pass-details span{color:#27493e!important}
/* Choice cards and prices. */
.goal,.extra,.future,.learn-actions>button{background:#fff;color:#193b4a;border-color:#d5e1e2;box-shadow:none}.goal:hover,.extra:hover,.future:hover{border-color:#7aaba0;background:#fafdfb}.goal.selected,.extra.selected,.future.selected{background:#e8f4ee;border-color:#00816a;box-shadow:inset 0 0 0 1px #00816a}.goal b{color:#65877b}.goal.selected b{color:#00725b}.quiet-note,.handover-note{background:#e8f2ed;color:#34574c;border-color:#00816a}.placement{background:#edf4ef;border-color:#d4e4db}.placement p,.placement small{color:#4b6b5d}.placement-visual span{background:#007c65;color:white;box-shadow:0 0 0 4px #d4eadd}.learn-actions small,details p{color:#526d79}.icon-tile{background:#e0f0e7;color:#00765e}details{border-color:#d7e2e2}summary{color:#244653;line-height:1.6;min-height:30px}.extra-list{gap:13px}.extra{min-height:96px;padding:20px;gap:15px}.extra .extra-name strong{font-size:14px;font-weight:600}.extra .extra-name small{font-size:12px;line-height:1.65;color:#5b7380}.extra-check{border-color:#a1bdb4;color:#00765f}.extra.selected .extra-check{background:#007c65;color:#fff;border-color:#007c65}.price,.extra-price .price{color:#006e58}.extra-price small,.extra.selected .extra-price small{color:#00715a}.extra-thumbnail{border:1px solid #e0e6e4}.tag{color:#55786b}.future h3{color:#1b3b49}.future p{color:#576f7c}.future>strong{color:#006c57}.future.skip span{color:#60776e}.package-action{border-color:#d4e2da;color:#006e58}.upgrade-spotlight{background:#e5f2eb;border-color:#b9d7c7;box-shadow:none;border-radius:13px}.upgrade-spotlight h2{color:#164b3d;font-size:28px}.upgrade-spotlight p{color:#3f6355;font-size:13px}.value-tag{color:#176044;background:#d2e9dc;font-size:10px}.spotlight-add{background:#007c65;color:#fff;min-height:48px;font-size:12px;border:1px solid #007c65}.spotlight-add:hover{background:#006550}.bundle-saving{color:#356f54}.bundle-saving b{color:#155a3b;background:#d0e9d9}.offer-context{background:#f0f6f1;border-color:#c8dece}.offer-context summary{color:#395d4a}.offer-context summary:after{color:#00765b}.offer-context summary>strong{color:#00674f}.offer-context del{color:#64786a}.offer-context-body p,.price-reference{color:#476452}.offer-context-body a{color:#006a52}.summary-title{color:#57766b;border-color:#d7e3dd}.summary-title button{color:#006f58;min-height:32px}.summary-card p,.summary-card>small{color:#5c766b}.cost-total{border-color:#d4e3db}.cost-total strong{color:#00715a}.checkout-saving{background:#e6f3e9;border-color:#bddcc6;color:#1f6945}.checkout-saving small{color:#4f715b}.review-checklist b{color:#006e52;background:#dcefe3;border-color:#b2d7c3}.review-checklist strong{color:#214635}.review-checklist span{color:#5b7368}
/* Treatment education, science and galleries. */
.personal-care-note,.science-panel,.placement-explorer{background:#fff;border:1px solid #d7e3e3;box-shadow:none}.personal-care-note p,.science-panel>p,.placement-explorer>p{color:#536f7b}.personal-care-note button,.science-details summary,.science-details a{color:#006f5c}.science-details{border-top-color:#d9e5e5}.science-details p,.science-details li{color:#526d78;font-size:13px}.science-details small{color:#687d86}.skin-diagram{background:#edf3f3}.skin-diagram .diagram-tool{fill:#e5fff5}.science-conversation{background:#edf4f2}.science-conversation>span{border-color:#a5c9bd;color:#29604e;background:#fff}.science-conversation>div{color:#5d7773}.science-conversation b{color:#007c62}.placement-comparison figure{background:#eef4f2;border-color:#cfdfdc}.placement-comparison figcaption{color:#356455}.placement-explorer small{color:#617b84}.placement-explorer [data-coverage-note]{color:#00765f}.coverage-controls button{background:white;color:#356754;border-color:#b5d1c8}.coverage-controls button[aria-pressed="true"]{background:#007c65;color:white;border-color:#007c65}.section-topline>span:last-child{color:#617986}.video-cover{border:0;background:#183d4d}.video-cover>img{opacity:.92}.video-cover:after{background:linear-gradient(transparent 15%,#0d293ee8)}.video-cover-text strong{font-family:Montserrat,Arial,sans-serif}.video-cover-text small{color:#d1f2e5}.video-cover-text>span{color:#e1f9ee}.play-orb{background:#007c65;border-color:#e8fff6}.gallery-heading button{color:#00755f;min-height:44px}.result-filmstrip button,.inline-comparisons button{background:#fff;border-color:#d5e1e2;color:#214c49}.result-filmstrip button>span,.inline-comparisons span{color:#2a6151;font-size:11px}.result-filmstrip img,.inline-comparisons img,.modal-gallery img{background:#edf0ee}.visual-visit{background:#edf4ef}.video-fallback,.video-fallback a{color:#476d63}
/* Aftercare uses real cartons without recolouring the artwork. */
.aftercare-collection{border-color:#d9e3e3}.aftercare-value span{color:#00765e;border-color:#d3e3da;font-size:12px}.aftercare-value strong{color:#446455;font-size:11px}.aftercare-card,.menu-care-item{background:#fff;border-color:#d6e2e1;box-shadow:none}.aftercare-card.selected{border-color:#00806a;box-shadow:0 0 0 1px #00806a}.product-card-photo,.product-hero-image{background:#edf1ef;border-color:#d7e3dd}.product-match{background:#e5f4ebf5;color:#216342;border-color:#b6d4bf;font-size:9px}.product-card-body>p,.product-modal p,.ingredient-group p{color:#566f7b}.ingredient-pills span{color:#456b5c;background:#f1f7f3;border-color:#d6e5da;font-size:10px}.product-details{color:#00725b;font-size:12px;min-height:40px}.product-price-line,.product-price-line>span{color:#00715a}.product-price-line small{color:#60776f}.product-price-line>span{background:#e1f1e6;color:#286a47}.product-quantity{color:#58726a;font-size:11px}.product-added{color:#506e62}.ingredient-group{border-color:#d7e4df}.product-tabs button{background:#fff;color:#3e6155;border-color:#c9ddd1;font-size:12px;min-height:46px}.product-tabs button.selected{background:#e0f0e6;color:#006b50;border-color:#078264}.product-benefits{color:#526f65}.product-order strong{color:#006f55}.product-hero-copy>#product-plan-status{color:#006e55}.aftercare-editorial,.aftercare-page-close{background:#e5f1e9;border-color:#bed8c8}.aftercare-editorial p,.aftercare-page-close p{color:#496f5e}.ingredients-section>div>p,.routine-section p{color:#57726a}.routine-section{background:#fff;border:1px solid #d6e3dc}.routine-questions>div{border-color:#d6e2dc}.routine-questions span{color:#00765a}.aftercare-footer{background:#102b3e;color:#e1ebee;border-color:#345362}.aftercare-footer a{color:#d9f2e8}.other-aftercare>summary{color:#006d58}.menu-care-item p{color:#576f7a}.menu-care-item strong{color:#006e56}
/* Trust feels editorial, with sources easy to inspect. */
.trust-score{background:#edf6f1;border-color:#cee2d8;box-shadow:none}.trust-star{color:#00805f}.trust-score strong{color:#163e35}.trust-score strong small{color:#608075}.trust-score>div>span{color:#536f65}.trust-score>button{color:#006a54;min-height:40px;font-size:11px}.portal-promises{color:#537366}.clinic-guide{background:#fff;border-color:#d7e3e3;min-height:0}.clinic-guide p{color:#526d7b}.clinic-guide .clinic-arrival{color:#567769}.clinic-guide a{color:#00715b;font-size:11px}.welcome-reassurance button{background:#fff;border-color:#d7e3e3;color:#2d505b}.welcome-reassurance span,.welcome-reassurance b{color:#00735b}.sidebar-review-label{color:#67818b}.trust-compact{color:#264c48}.trust-compact>span:first-child,.trust-compact>span:last-child{color:#00775b}.trust-compact-detail{color:#657e85}.review-snippet blockquote,.mobile-review blockquote{color:#496774;font-size:13px}.review-snippet>strong,.mobile-review>strong{color:#294f59}.review-snippet>small,.mobile-review>small{color:#687e86}.review-snippet>a,.mobile-review>a{color:#00715b}.sidebar-care-button{background:#fff;color:#356656;border-color:#cadfd5;min-height:42px}.step-trust-note{border-color:#d8e4df}.trust-note-check{background:#e0efe5;color:#007154}.step-trust-note strong{color:#2c5b46}.step-trust-note p{color:#627b6f}.step-trust-note button{color:#006d53;font-size:11px;min-height:32px}.mobile-review{background:#fff;border-color:#d7e4df}.secondary-trust-bar{background:#edf4f0;border-color:#d6e4dc;color:#3c6251}.secondary-trust-bar>span{color:#527663}.secondary-trust-bar>button{color:#006b52;min-height:34px}.trust-review-list article,.trust-care-grid section{background:#f5f9f6;border-color:#d4e3d9}.trust-review-list span,.trust-care-grid p,.trust-source-note,.trust-dialog .fine{color:#5b7669}.trust-review-list a,.trust-care-grid section>span,.trust-dialog .product-details{color:#006e54}
/* Secondary pages share exactly the same visual language. */
.content,.gallery-main{color:var(--ink)}.visual-hero{background:#edf3f2;color:var(--ink)}.visual-hero h1{color:#153a4b}.visual-hero h1 em{color:#00765e}.visual-hero p{color:#58717d}.hero .eyebrow{color:#00765e}.hero .textlink,.hero .trust a{color:#006c56}.trust{border-color:#d1dfdf}.trust span{color:#58727c}.hero-art.result-hero{background:#e0ede6}.result-label{color:#316e52}.hero-footnote{color:#5c7969}.hero-comparison{box-shadow:0 12px 30px #244c3810}.hero-comparison img,.result-teasers img,.comparison img{background:#edf0ee}.ribbon{background:#e0efe7;color:#386551}.ribbon span:before{color:#007b5b}.introline,.offer,.addon,.result-teasers a,.comparison{background:#fff;color:#1f4351;border-color:#d6e3df}.introline{padding:35px;border-radius:12px;margin-top:35px;gap:35px}.offer h3,.offer-bottom strong,.addon strong,.introline h2{color:#1a3e4d}.lead,.gallery-lead,.gallery-heading p,.last p,.watch p{color:#59717e}.filters button{background:#fff;color:#43695a;border-color:#c7dbd1;min-height:44px}.filters button.on{background:#007c65;color:#fff;border-color:#007c65}.result-note,.watch{background:#eaf3ed;color:#456655}.result-teasers span{color:#365d51}.review{background:#e5f1e9;color:#1e4939}.review .eyebrow,.review a{color:#007257}.visual-path a{color:#2e5749}.path-num{background:#dceee3;color:#006a4f}.comparison b,.gallery-main>h1 em,.gallery-next .textlink,.gallery-heading a{color:#007257}.gallery-video{background:#e8f1ed;color:#214d3b;border:1px solid #d0e2d5}.gallery-video .eyebrow{color:#007154}.gallery-video p{color:#5a7666}.gallery-video a{color:#006b50}.basket{background:#e1efe6;color:#1e523b}.addon:has(input:checked){background:#e4f3e9;border-color:#007b5b}.addon input{accent-color:#007c65}footer{background:#102b3e;color:#d8e8ec}footer a{color:#d9f2e8}
/* Dialogs are deliberately native and closed unless opened by the controller. */
dialog:not([open]){display:none!important}dialog,.trust-dialog{background:#fff;color:#1d3f4c;border:1px solid #c6dad7;box-shadow:0 24px 100px #072b3c44;width:min(900px,94vw);max-width:94vw;max-height:90vh;max-height:90dvh;overflow:auto;overscroll-behavior:contain;padding:20px 24px 28px;border-radius:14px}dialog::backdrop,.trust-dialog::backdrop{background:#092436b8;backdrop-filter:blur(3px)}#close-media,#close-viewer,.trust-dialog-close{position:sticky;top:0;z-index:10;display:block;margin:0 0 16px auto;min-height:46px;min-width:96px;padding:11px 18px;border:1px solid #007c65;background:#007c65;color:#fff;box-shadow:0 4px 12px #fff9;border-radius:8px;font-size:13px}dialog h2,.trust-dialog h2{color:#183d4b}dialog p{color:#536e7a}dialog a{color:#006f58}body.media-open{overflow:hidden}.dialog-fallback[open]{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;z-index:1000;box-shadow:0 0 0 100vmax #092436b8,0 24px 100px #072b3c44}dialog iframe{background:#f2f5f4}.trust-dialog-body{padding-top:0}.trust-dialog .fine,.trust-source-note{color:#5b7669!important}.portal-loading,.portal-recovery{background:#fff!important;color:#1e4350!important;border-color:#d0e1da!important}.portal-loading p,.portal-recovery p{color:#58717b!important}.portal-loading a,.portal-recovery a{color:#007257}.portal-recovery a.primary{color:#fff}
@media(min-width:1500px){.app-layout{grid-template-columns:190px minmax(0,1fr) 285px;gap:42px}}
@media(max-width:1150px){.app-layout{grid-template-columns:155px minmax(0,1fr);gap:28px;max-width:1050px}.companion{display:none}#flow{max-width:780px}.mobile-review{display:block}#progress button{font-size:11px}.extra-thumbnail{width:60px!important;height:70px!important}}
@media(max-width:700px){.app-header,body>header{height:68px}.app-layout{display:block;padding:20px 20px 135px}.journey-nav{position:static}.nav-intro,.nav-bottom{display:none}#progress{display:flex;flex-direction:row;gap:6px;margin:0 0 20px}#progress button{font-size:0;padding:0;min-height:5px;height:5px;flex:1;background:#d7e4df;border-radius:3px}#progress button span{display:none}#progress button.active,#progress button.done{background:#007c65}.step-caption{font-size:11px;margin-bottom:18px}.intro{font-size:15px}.welcome-visual{height:270px}.welcome-overlay h2{font-size:26px}.checkin-benefits{gap:13px}.checkin-benefits strong{font-size:11px}.checkin-benefits span{font-size:10px}.checkin-benefits b{font-size:12px}.form-card{padding:22px}.primary,.btn{font-size:12px;min-height:50px}.extra{flex-wrap:nowrap;display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px;min-height:112px}.extra-check{display:none}.extra-thumbnail{display:none!important}.extra .extra-name{min-width:0;flex-basis:auto}.extra .extra-name strong{font-size:14px}.extra .extra-name small{font-size:12px!important}.extra .extra-price{display:block;padding:0;width:auto;min-width:65px;max-width:95px;text-align:right}.extra .extra-price .price{font-size:18px}.extra .extra-price small{min-width:0;font-size:10px;line-height:1.6;margin-top:8px}.upgrade-spotlight{grid-template-columns:1.4fr .6fr}.spotlight-copy{padding:20px}.upgrade-spotlight h2{font-size:24px}.upgrade-spotlight p{font-size:12px}.upgrade-spotlight>img{min-height:280px}.spotlight-add{font-size:11px}.goal{font-size:13px}.bottom-bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}.bar-inner{gap:12px}.bar-total small{font-size:9px}.bar-total strong{font-size:20px}.back{font-size:18px}.back span{display:none}.bar-total{margin-left:0}.bar-inner>.primary{flex:1;padding:12px}.science-panel,.placement-explorer,.personal-care-note{padding:20px}.science-panel>p,.personal-care-note p{font-size:14px}.science-details p,.science-details li{font-size:13px}.placement-comparison figcaption{font-size:11px}.result-filmstrip button>span{font-size:12px}.product-card-body{padding:22px}.product-card-body>p{font-size:14px}.product-details{font-size:12px}.product-price-line small{font-size:12px}.product-controls{gap:10px}.product-add{font-size:12px}.product-quantity{width:65px;font-size:11px}.product-quantity select{font-size:16px}.aftercare-value strong{font-size:11px}.product-card-photo{height:300px}.product-tabs button{font-size:11px;flex:1;padding:11px 9px}.trust-score{align-items:center}.trust-score>button{font-size:10px;max-width:100px;line-height:1.6;text-align:right}.portal-promises{font-size:10px;gap:8px}.clinic-guide p{font-size:13px}.clinic-guide .clinic-arrival{font-size:12px}.step-trust-note strong,.step-trust-note p{font-size:12px}.step-trust-note button{font-size:11px}.summary-title{font-size:10px}.cost-row,.summary-card .cost-row{font-size:13px}.cost-total strong{font-size:23px}.summary-card>small{font-size:11px}.review-checklist span{font-size:13px}.handover-note p{font-size:13px}.introline{padding:24px;margin-top:25px;gap:15px}.visual-hero h1{font-size:42px;letter-spacing:-1.8px}.gallery-main{padding:32px 20px}.menu-care-item{grid-template-columns:100px 1fr}.menu-care-item>img{width:100px}.menu-care-item p{font-size:12px}.menu-care-item .primary{font-size:11px}.trust-dialog,dialog{padding:14px 16px 24px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:12px}#close-media,#close-viewer,.trust-dialog-close{top:0;margin-bottom:14px;min-height:46px}dialog h2,.trust-dialog h2{font-size:24px}dialog p{font-size:13px}.modal-gallery{grid-template-columns:1fr}.trust-dialog-body{padding:0}.secondary-trust-bar{gap:12px}.secondary-trust-bar>button{font-size:10px}.video-fallback{font-size:13px;line-height:1.7}.video-fallback a{font-size:13px}.trust-review-list blockquote{font-size:16px}}
@media(max-width:380px){.app-layout{padding-left:16px;padding-right:16px}.upgrade-spotlight{grid-template-columns:1fr}.upgrade-spotlight>img{height:140px;min-height:0;object-position:center}.checkin-benefits{grid-template-columns:1fr}.checkin-benefits div{display:grid;grid-template-columns:22px 1fr;gap:5px 10px}.checkin-benefits span{grid-column:2}.goal-grid{grid-template-columns:1fr}.bar-total small{max-width:65px;white-space:normal}.bar-inner>.primary{font-size:11px;padding:10px}.product-controls{flex-wrap:wrap}.product-quantity{width:65px}.trust-score>div>span{font-size:9px}}
@media print{body{background:white}.bottom-bar,.app-header,.journey-nav,.companion{display:none!important}.app-layout{display:block;padding:0}#flow{max-width:none}.summary-card,.visit-pass{box-shadow:none;break-inside:avoid}}
/* The mobile progress rail stays thin, but each stage has a full touch target. */
@media(max-width:700px){#progress{gap:6px;margin-bottom:5px}#progress button,#progress button.active,#progress button.done{position:relative;min-height:44px;height:44px;background:transparent;padding:0;border:0}#progress button:before{content:'';position:absolute;left:0;right:0;top:20px;height:4px;border-radius:3px;background:#d7e4df}#progress button.active:before,#progress button.done:before{background:#007c65}}
body.trust-open{overflow:hidden}
@media(max-width:700px){#progress button{font-size:11px;color:#647e77;justify-content:center;min-height:44px;height:44px;overflow:hidden}#progress button span{display:grid;background:transparent;border:0;color:inherit;width:auto;height:auto;font-size:11px;position:relative;top:-7px}#progress button.active{color:#006b54}#progress button.active span,#progress button.done span{background:transparent;border:0;color:#006b54}#progress button:before{top:auto;bottom:4px}#progress button{font-size:0}#progress button span{font-size:11px}}
@media(max-width:700px){#progress{counter-reset:stage}#progress button{counter-increment:stage}#progress button span{display:none}#progress button:after{content:counter(stage);position:absolute;left:0;right:0;top:8px;font-size:11px;font-weight:600;color:#647e77;text-align:center}#progress button.active:after,#progress button.done:after{color:#006b54}}