@import url("/logo.css?v=logo-v15");
:root{font-family:'DM Sans',sans-serif;color:#171916;background:#fafbf8;font-synthesis:none;--yellow:#ffeb00;--green:#173e30;--muted:#7a7d76}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a,label{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,label:focus-within{outline:3px solid #278565;outline-offset:4px}button:disabled{opacity:.4;cursor:not-allowed}button{border:0;background:none}svg{flex-shrink:0}.icon{width:24px;height:24px}.site-header{max-width:1440px;margin:auto;height:112px;padding:0 64px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.wordmark{font-family:'Manrope',sans-serif;font-size:43px;font-weight:800;letter-spacing:-3px;line-height:1}.wordmark span{color:inherit}.bee{width:40px;height:40px}.brand .bee{width:35px;height:35px}.header-label{font-size:12px;color:#73776f;display:flex;align-items:center;gap:10px}.header-label>span,.little-dot{width:6px;height:6px;border-radius:100%;background:#628774;display:inline-block}.help-link{display:flex;gap:15px;align-items:center;font-size:12px;font-weight:600}.help-link .icon{width:15px;height:15px}main{max-width:1312px;margin:0 auto;padding:0 24px}.welcome{display:grid;grid-template-columns:1.12fr 1fr;background:white;border:1px solid #e6e8df;border-radius:26px;overflow:hidden;min-height:670px;box-shadow:0 12px 40px #243c2410}.honey{position:relative;isolation:isolate;overflow:hidden;background-color:var(--yellow)}.honey:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='174' viewBox='0 0 100 174'%3E%3Cpath d='M50 0 100 29v58l-50 29L0 87V29ZM0 87l50 29v58M100 87l-50 29' fill='none' stroke='%23c5b600' stroke-width='1'/%3E%3C/svg%3E");background-size:88px 153px;mask-image:linear-gradient(120deg,transparent,black)}.hero{padding:38px 38px 0;display:flex;flex-direction:column}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700}.location{font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:5px;background:#161915;color:white;border-radius:30px;padding:8px 10px;white-space:nowrap}.location .icon{width:11px;height:11px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif}.hero h1{font-size:clamp(46px,4.8vw,69px);line-height:1.08;letter-spacing:-3.5px;font-weight:800;margin-top:53px}.hero p{margin-top:22px;font-size:15px;line-height:1.75;color:#444a17}.question{display:inline-block;transform:rotate(-9deg)}.hero-bee{position:absolute;top:335px;right:30px;transform:rotate(9deg)}.hero-bee .bee{width:52px;height:52px;position:absolute;right:0;top:-34px}.hero-bee>svg:not(.bee){width:165px;fill:none;stroke:#655d00;stroke-dasharray:4 6;stroke-width:1.5}.city{width:110%;height:auto;margin:auto -5% 0;display:block}.hero-bottom{display:flex;justify-content:space-between;padding:19px 0 23px;font-size:8px;letter-spacing:1.2px;font-weight:600}.welcome-body{padding:43px 47px 25px}.intro-tag{display:flex;align-items:center;gap:8px;font-size:9px;font-weight:700;letter-spacing:1.8px;color:#777d72}.intro-tag>span{height:6px;width:6px;background:#79967a;border-radius:50%}.welcome-body h2{font-size:34px;letter-spacing:-1.4px;line-height:1.23;margin-top:19px;font-weight:800}.welcome-body h2>span{color:#a6b618}.muted{color:var(--muted)}.intro-copy{font-size:12px;line-height:1.8;margin-top:16px}.benefits{margin-top:26px;display:grid;gap:8px}.benefits>div{display:flex;align-items:center;background:#f5f6f2;border-radius:11px;padding:13px 15px;gap:16px}.benefits .icon{width:26px;height:26px}.benefits strong{font-size:12px;font-weight:600;display:block}.benefits small{font-size:10px;color:#868980;display:block;margin-top:3px}.benefit-number{margin-left:auto;font-size:10px;color:#a7aaa1}.mission{margin-top:20px;display:flex;align-items:center;background:var(--green);color:#eaf3e7;width:100%;padding:16px 18px;gap:16px;text-align:left;border-radius:12px;font-size:12px;line-height:1.6;background-image:radial-gradient(ellipse at 90% 10%,#37624d,transparent 70%)}.mission>.icon:first-child{width:32px;height:32px;color:#b3deca}.mission>.icon:last-child{margin-left:auto;width:18px}.mission strong{color:#bfe0cf;font-weight:500}.primary{background:var(--yellow);border:1px solid #eee000;border-radius:30px;min-height:51px;padding:13px 22px;display:flex;align-items:center;justify-content:center;gap:18px;font-size:13px;font-weight:700;width:100%;transition:background .2s,transform .2s}.primary:hover:not(:disabled){background:#f5e100;transform:translateY(-1px)}.primary .icon{width:22px}.start{margin-top:12px}.resume{display:block;text-decoration:underline;text-underline-offset:4px;font-size:11px;margin:16px auto 0}.secure{display:flex;justify-content:center;align-items:center;gap:7px;color:#8c9085;font-size:9px;margin-top:20px}.secure .icon{width:13px;height:13px}.welcome-bottom{padding:22px 2px;display:flex;justify-content:space-between;font-size:10px;color:#7d8277}.welcome-bottom .little-dot{margin-right:8px}.welcome-bottom i{font-style:normal;color:#b7bbb0;margin:0 12px}.site-footer{display:flex;max-width:1440px;padding:27px 64px;margin:18px auto 0;justify-content:space-between;color:#989c93;font-size:9px;border-top:1px solid #eceee7}.site-footer>div{display:flex;align-items:center;gap:24px}.site-footer>div>span:first-child{display:flex;align-items:center;gap:6px}.site-footer .icon{width:12px;height:12px}.site-footer button{font-size:9px;color:inherit;padding:0}.locale{color:#656b5e}.locale span{margin:0 7px}.onboarding{display:grid;grid-template-columns:360px 1fr;border:1px solid #e4e7dd;border-radius:24px;overflow:hidden;background:white;height:720px}.onboarding-side{padding:36px}.onboarding-side h2{font-size:39px;line-height:1.16;letter-spacing:-1.6px;margin-top:38px}.onboarding-side h2 span{color:#77922e}.onboarding-side>p{font-size:12px;line-height:1.8;margin-top:16px;color:#555a20}.steps{list-style:none;margin:31px 0 0;padding:0;display:grid;gap:21px}.steps li{display:flex;gap:12px;align-items:center;opacity:.43;font-size:12px;font-weight:600}.steps li>span{border:1px solid #252b2860;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:10px}.steps li.active,.steps li.done{opacity:1}.steps li.active>span{background:#181d17;color:var(--yellow)}.steps li.done>span{background:#ffffff70;border:0}.steps .icon{width:17px}.steps small{display:block;font-size:9px;font-weight:400;margin-top:4px}.side-note{margin-top:30px;font-size:9px;line-height:1.6;display:flex;gap:9px}.side-note .icon{width:14px;height:14px}.onboarding-side .city{position:absolute;bottom:-8px;left:0;opacity:.45;pointer-events:none}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-header{display:flex;align-items:center;padding:26px 32px;gap:20px;border-bottom:1px solid #f0f1eb}.icon-button{padding:5px;display:grid;place-items:center;border-radius:50%}.assistant-heading{display:flex;align-items:center;gap:13px}.assistant-heading h2{font-size:21px;letter-spacing:-.8px}.assistant-heading span{font-size:10px;color:#85897e;display:block;margin-top:4px}.assistant-heading i{display:inline-block;background:#80b195;width:5px;height:5px;border-radius:50%;margin-right:4px}.more{margin-left:auto;font-size:26px}.progress-row{display:flex;align-items:center;gap:22px;padding:22px 37px;font-size:11px}.progress-track{height:7px;flex:1;background:#f0f1ec;border-radius:20px;overflow:hidden}.progress-track>div{background:var(--yellow);height:100%;border-radius:20px;transition:width .3s}.progress-row b{font-weight:600}.chat-scroll{flex:1;overflow:auto;padding:0 36px 24px;scroll-behavior:smooth}.chat-date{font-size:8px;text-align:center;letter-spacing:1.5px;color:#9ca292;margin:7px 0 27px}.message{display:flex;align-items:flex-start;gap:10px;margin-bottom:19px;animation:appear .25s ease}.avatar{width:31px;height:31px;border-radius:50%;background:#faf9eb;display:grid;place-items:center;flex-shrink:0;margin-top:3px}.avatar .bee{width:25px;height:25px}.bubble{padding:14px 17px;background:#f3f4ef;border-radius:4px 17px 17px 17px;font-size:13px;line-height:1.7;max-width:85%;overflow-wrap:anywhere}.user{justify-content:flex-end;align-items:center}.user .bubble{background:var(--yellow);border-radius:17px 4px 17px 17px;order:2}.edit-answer{opacity:.35}.edit-answer:hover{opacity:1}.edit-answer .icon{height:14px;width:14px}.options{margin-left:41px;display:grid;gap:10px}.options button{display:flex;align-items:center;justify-content:space-between;border:1px solid #a0a49b;border-radius:9px;padding:17px;text-align:left;font-size:12px}.options button:hover{background:#fffde3;border-color:#c7bb00}.options .icon{width:17px}.composer-area{padding:17px 36px 24px;background:#fff}.saved{display:flex;align-items:center;gap:7px;font-size:9px;color:#929789;margin-bottom:14px}.saved .icon{width:16px;height:16px}.saved>span{margin-left:auto;font-size:8px}.composer{border:1px solid #e3e6db;border-radius:40px;display:flex;padding:7px;gap:10px;background:#fafbf8}.composer input{border:0;outline:0!important;background:transparent;min-width:0;flex:1;padding:0 13px;font-size:12px}.composer input::placeholder{color:#a0a49b}.send{height:41px;width:41px;background:#1d211a;color:var(--yellow);border-radius:50%;display:grid;place-items:center}.composer-hint{font-size:10px;color:#9b9f94;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px}.composer-hint .icon{width:14px;height:14px}.document-list,.review-card{margin-left:41px}.document-card{display:flex;align-items:center;gap:13px;border:1px solid #e3e6dc;border-radius:12px;padding:17px;margin-bottom:12px}.document-icon{width:45px;height:53px;background:#f3f4eb;display:grid;place-items:center;border-radius:7px;flex-shrink:0}.document-preview{width:45px;height:53px;object-fit:cover;border-radius:7px}.document-card>div:nth-child(2){min-width:0}.document-card strong{font-size:12px;display:block}.document-card small{font-size:9px;color:#999d91;display:block;margin-top:5px;overflow-wrap:anywhere}.upload-button{font-size:10px;border:1px solid #dedfd5;border-radius:20px;padding:9px 11px;margin-left:auto;cursor:pointer;flex-shrink:0}.upload-button input{position:absolute;width:1px;height:1px;opacity:0}.received{display:inline-flex;font-size:9px;align-items:center;gap:4px;margin-top:7px;color:#207753}.received .icon{width:12px;height:12px}.file-note{font-size:9px;line-height:1.7;color:#93998b;margin:15px 0}.review-card{border:1px solid #e4e6dd;border-radius:13px;padding:20px}.review-card h3{font-size:15px;margin-bottom:15px}.review-card h3 span{display:block;font-family:'DM Sans';font-size:8px;letter-spacing:1px;font-weight:500;color:#a0a393;margin-top:4px}.review-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;border-top:1px solid #eeefe9;font-size:10px}.review-row>span{color:#8b9183;width:100%}.review-row strong{font-size:12px;font-weight:500;overflow-wrap:anywhere;max-width:85%}.review-row button{margin-left:auto}.review-row .icon{width:14px;height:14px}.consent{display:flex;align-items:flex-start;font-size:10px;line-height:1.6;gap:8px;margin-top:15px}.consent input{accent-color:#233e28;flex-shrink:0}.demo-note{font-size:10px;line-height:1.7;background:#f5f6ef;padding:12px;border-radius:8px;color:#7c8473;margin:17px 0}.success{max-width:740px;margin:auto;border:1px solid #e3e5db;border-radius:24px;overflow:hidden;background:#fff;text-align:center}.success-top{height:167px;padding:30px;display:flex;align-items:flex-start;justify-content:space-between}.success-top .eyebrow{margin-top:13px}.success-content{max-width:455px;margin:auto;position:relative;padding:0 25px 28px}.success-check{width:111px;height:111px;margin:-57px auto 20px;background:#a5e9cf;border:13px solid white;box-sizing:content-box;border-radius:50%;display:grid;place-items:center;color:#103e2c}.success-check .icon{width:59px;height:59px;stroke-width:4}.success-content>.intro-tag{justify-content:center;font-size:8px}.success h1{font-size:36px;line-height:1.2;letter-spacing:-1.7px;margin-top:15px}.success h1>span{color:#a5bc23}.success p{font-size:12px;line-height:1.8;color:#888f7d;margin-top:18px}.dossier{border:1px solid #e4e7db;border-radius:13px;padding:20px;text-align:left;margin:26px 0 16px}.dossier-title>strong{font-size:13px;display:block;margin-bottom:10px}.status-pill{display:inline-block;background:#fff598;color:#605914;border-radius:20px;padding:5px 10px;font-size:9px}.dossier-row{display:flex;gap:11px;align-items:center;margin-top:19px;font-size:11px}.dossier-row>.icon{width:21px;height:21px}.green-check{margin-left:auto;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#d2f5e7;color:#19523d}.green-check .icon{width:14px;height:14px}.dossier-row>span:last-child{width:76px;font-size:10px}.success-note{font-size:9px;color:#8a957e;margin-top:28px;display:flex;align-items:center;justify-content:center;gap:6px}.success-note .icon{width:15px;height:15px}.modal-layer{position:fixed;inset:0;background:#15241666;backdrop-filter:blur(5px);z-index:10;display:grid;place-items:center;padding:20px}.modal{background:white;max-width:460px;width:100%;padding:36px;border-radius:22px;position:relative;max-height:90dvh;overflow:auto;box-shadow:0 20px 100px #16211733}.modal-close{position:absolute;right:16px;top:16px}.modal-bee{background:var(--yellow);height:58px;width:58px;display:grid;place-items:center;border-radius:18px;margin-bottom:23px}.modal h2{font-size:26px;line-height:1.2;letter-spacing:-1px;margin-bottom:18px}.modal p{font-size:13px;color:#747c6d;line-height:1.8;margin:15px 0}.help-item{display:flex;align-items:center;gap:12px;font-size:12px;padding:12px 0}.secondary{border:1px solid #cbd0c2;padding:13px;border-radius:8px;font-size:12px}.track-row{border-bottom:1px solid #eef0e8;padding:13px 0;display:grid;gap:5px;font-size:12px;overflow-wrap:anywhere}.track-row>span{color:#8b9280;font-size:10px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1c3527;color:white;padding:15px 23px;border-radius:14px;box-shadow:0 8px 30px #0002;font-size:12px;max-width:90%;z-index:20}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.site-header{height:130px}.welcome{min-height:720px}.welcome-body{padding:47px 56px 30px}.welcome-body h2{font-size:39px}.benefits>div{padding:15px}.intro-copy{font-size:13px}.hero h1{font-size:73px}.hero p{font-size:17px}.hero-bee{top:360px}.welcome-bottom{padding:25px 0}.site-footer{margin-top:30px}}
@media(max-width:1050px){.site-header{padding:0 30px;height:90px}.welcome-body{padding:30px}.hero{padding:30px 26px 0}.hero-top .eyebrow{font-size:7px;letter-spacing:1px}.hero h1{font-size:52px}.welcome-body h2{font-size:29px}.hero-bottom{font-size:6px}.onboarding{grid-template-columns:290px 1fr}.onboarding-side{padding:30px}.onboarding-side h2{font-size:34px}.site-footer{padding:25px 30px}.site-footer>div{gap:15px}.header-label{font-size:10px}.document-card{padding:13px;gap:9px}.document-list,.review-card{margin-left:0}}
@media(max-width:760px){.site-header{height:76px;padding:0 22px}.wordmark{font-size:35px}.brand .bee{width:30px;height:30px}.header-label{display:none}.help-link{font-size:10px;gap:4px}main{padding:0 14px}.welcome{grid-template-columns:1fr;border-radius:21px}.hero{height:360px;padding:24px 25px 0}.hero-top .eyebrow{font-size:8px}.hero h1{font-size:53px;letter-spacing:-2.8px;margin-top:25px;line-height:1.02;position:relative;z-index:1}.hero p{font-size:11px;line-height:1.6;margin-top:14px}.hero .city{position:absolute;bottom:-4px;right:10px;width:65%;max-height:155px;margin:0}.hero-bee{top:189px;right:38px}.hero-bee .bee{width:38px;height:38px}.hero-bee>svg:not(.bee){width:90px}.hero-bottom{display:none}.welcome-body{padding:28px 24px 25px}.welcome-body h2{font-size:30px;margin-top:14px}.welcome-body h2 br:nth-child(2){display:none}.intro-copy{font-size:12px;margin-top:12px}.intro-copy br{display:none}.benefits{margin-top:21px}.benefits>div{padding:12px 14px}.benefits strong{font-size:13px}.benefits small{font-size:10px}.mission{font-size:13px;margin-top:16px}.primary{font-size:13px;min-height:50px}.resume{font-size:12px}.secure{font-size:9px;margin-top:18px}.welcome-bottom{font-size:9px;justify-content:center;padding:21px 0}.welcome-bottom>span:last-child{display:none}.site-footer{padding:20px;margin-top:0;display:block;text-align:center;font-size:8px}.site-footer>div{margin-top:14px;justify-content:center}.site-footer>div>span:first-child{display:none}.onboarding{display:block;height:calc(100dvh - 94px);min-height:500px;border-radius:19px}.onboarding-side{display:none}.chat-panel{height:100%}.chat-header{background:var(--yellow);padding:21px 16px;gap:13px;border-radius:0 0 19px 19px}.assistant-heading h2{font-size:21px}.assistant-heading span{color:#596015}.assistant-heading .bee{width:35px;height:35px}.progress-row{padding:22px 19px;font-size:10px;gap:12px}.chat-scroll{padding:0 16px 15px}.chat-date{font-size:7px;margin-bottom:23px}.bubble{font-size:13px;padding:13px;max-width:87%}.avatar{width:27px;height:27px}.avatar .bee{width:22px;height:22px}.message{gap:8px}.options{margin-left:35px}.options button{padding:17px 13px}.composer-area{padding:12px 17px 17px}.saved>span{display:none}.saved{margin-bottom:9px}.composer input{font-size:13px}.document-card{padding:13px 10px}.document-list{margin-left:0}.document-card strong{font-size:12px}.document-card small{font-size:9px}.upload-button{font-size:9px;padding:8px}.review-card{padding:15px}.success-top{height:145px;padding:25px}.success-top .eyebrow{display:none}.success-content{padding:0 20px 27px}.success h1{font-size:31px}.success-content>.intro-tag{font-size:7px}.success p{font-size:12px}.success-check{height:93px;width:93px}.dossier{padding:17px}.success{margin-bottom:25px}.modal{padding:28px}.modal h2{font-size:24px}.site-header:has(+main .onboarding){height:66px}.site-footer:has(.locale){margin-top:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the application inside the visible viewport, including browser chrome. */
html,body{height:100%;overflow:hidden}
#app{height:100dvh;display:flex;flex-direction:column}
.site-header{width:100%;height:clamp(60px,10dvh,112px);flex-shrink:0}
main{width:100%;flex:1;min-height:0;display:flex;flex-direction:column}
.welcome{flex:1;min-height:0}
.welcome-body{min-height:0;padding:clamp(18px,3.5dvh,43px) clamp(24px,3.3vw,47px);display:flex;flex-direction:column;justify-content:center}
.welcome-body h2{font-size:clamp(26px,3.8dvh,39px);margin-top:clamp(10px,1.8dvh,19px)}
.intro-copy{margin-top:clamp(8px,1.5dvh,16px)}
.benefits{margin-top:clamp(12px,2.3dvh,26px);gap:clamp(5px,.9dvh,8px)}
.benefits>div{padding:clamp(8px,1.3dvh,15px) 15px}
.mission{margin-top:clamp(10px,1.8dvh,20px);padding:clamp(9px,1.4dvh,16px) 18px}
.primary{min-height:44px;padding:10px 22px;flex-shrink:0}
.resume{margin-top:clamp(10px,1.4dvh,16px)}
.secure{margin-top:clamp(10px,1.7dvh,20px)}
.hero{min-height:0;padding-top:clamp(24px,4dvh,38px)}
.hero h1{margin-top:clamp(24px,5dvh,53px);font-size:clamp(46px,7.2dvh,73px)}
.hero p{margin-top:clamp(14px,2.5dvh,22px)}
.hero .city{min-height:0;flex:1;width:110%;object-fit:contain;object-position:bottom}
.hero-bee{top:49%}
.hero-bottom{padding:16px 0;flex-shrink:0}
.welcome-bottom{padding:clamp(10px,1.8dvh,22px) 2px;flex-shrink:0}
.site-footer,.site-footer:has(.locale){width:100%;flex-shrink:0;margin:0 auto;padding-top:clamp(12px,2dvh,27px);padding-bottom:clamp(12px,2dvh,27px)}
.onboarding{flex:1;height:auto;min-height:0}
.onboarding-side{padding-top:clamp(20px,3dvh,36px)}
.onboarding-side h2{margin-top:clamp(20px,3dvh,38px)}
.steps{margin-top:clamp(18px,3dvh,31px);gap:clamp(12px,2dvh,21px)}
.onboarding-side .city{max-height:24%;z-index:-1}
.chat-header{padding-top:clamp(14px,2.5dvh,26px);padding-bottom:clamp(14px,2.5dvh,26px)}
.progress-row{padding-top:16px;padding-bottom:16px}
.chat-header,.progress-row,.composer-area{flex-shrink:0}
.chat-scroll{min-height:0;overscroll-behavior:contain}
.success{width:100%;min-height:0;margin:0 auto}
.success-top{height:clamp(80px,16dvh,167px)}
.success-content{padding-bottom:16px}
.success-check{width:70px;height:70px;border-width:9px;margin:-45px auto 10px}
.success-check .icon{width:40px;height:40px}
.success h1{font-size:clamp(26px,4dvh,36px);margin-top:10px}
.success p{margin-top:10px}
.dossier{padding:14px 20px;margin:14px 0}
.dossier-row{margin-top:12px}
.success-note{margin-top:14px}
@media(max-width:760px){
  .site-header{height:58px}
  main{padding:0 12px}
  .welcome{grid-template-rows:auto 1fr}
  .hero{height:auto;padding:14px 20px}
  .hero-top{gap:6px}
  .hero-top .eyebrow{font-size:6px;letter-spacing:.6px}
  .location{font-size:7px;padding:5px 8px}
  .hero h1{font-size:28px;letter-spacing:-1.2px;line-height:1.1;margin-top:10px}
  .hero h1 br{display:none}
  .hero p,.hero .city,.hero-bee{display:none}
  .welcome-body{padding:14px 20px}
  .welcome-body h2{font-size:25px;margin-top:9px}
  .welcome-body h2 br:nth-child(2){display:none}
  .intro-tag{font-size:8px}
  .intro-copy{font-size:11px;line-height:1.5;margin-top:8px}
  .benefits{margin-top:12px;gap:5px}
  .benefits>div{padding:8px 12px;gap:12px}
  .benefits strong{font-size:11px}
  .benefits small{font-size:9px}
  .benefits .icon{width:22px;height:22px}
  .mission{font-size:11px;padding:8px 12px;margin-top:10px;line-height:1.4}
  .mission br{display:none}
  .mission strong:before{content:' '}
  .mission>.icon:first-child{width:24px;height:24px}
  .start{margin-top:10px}
  .resume{font-size:11px;margin-top:10px}
  .secure{font-size:8px;margin-top:10px}
  .welcome-bottom{padding:9px 0;font-size:8px}
  .site-footer,.site-footer:has(.locale){padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:7px;text-align:left}
  .site-footer>div{margin:0;gap:12px}
  .site-footer button{font-size:8px}
  .locale{white-space:nowrap}
  .site-header:has(+main .onboarding){height:58px}
  .onboarding{height:auto;min-height:0}
  .success{margin-bottom:0}
}
@keyframes answer-send{from{opacity:0;transform:translateY(4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes beez-reply{0%{opacity:0;transform:translateY(4px)}70%{opacity:.7}100%{opacity:1;transform:translateY(0)}}
.message{animation:none}
.message.answer-enter{animation:answer-send .38s cubic-bezier(.2,.75,.25,1) both}
.message.reply-enter{animation:beez-reply .58s cubic-bezier(.2,.75,.25,1) .32s both}
@media(prefers-reduced-motion:reduce){.message.answer-enter,.message.reply-enter{animation:none}}
.options:has([data-action="skip-question"]){display:none}
.options:has([data-action="skip-question"]) button{display:inline-flex;width:auto;min-height:30px;justify-content:flex-start;gap:6px;padding:5px 9px;border:0;border-radius:20px;background:#f5f6f2;color:#81877c;font-size:11px;font-weight:500}
.expiry-later{margin-top:8px;padding:6px 0;color:#77806f;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.options:has([data-action="skip-question"]) button:hover{background:#ecefe8;color:#596354}
.options:has([data-action="skip-question"]) button .icon{width:14px;height:14px}
.chat-dashboard-link,.dashboard-chat-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dfe4d8;border-radius:22px;padding:8px 12px;color:#53684f;font-size:11px;font-weight:600;white-space:nowrap}
.chat-dashboard-link .icon,.dashboard-chat-link .icon{width:16px;height:16px}
.chat-dashboard-link:hover,.dashboard-chat-link:hover{background:#f4f6ef}
.dashboard-header-actions{display:flex;align-items:center;gap:12px}
@media(max-width:760px){.chat-dashboard-link{width:36px;height:36px;padding:8px;border:0;background:#fff7;}.chat-dashboard-link span{display:none}.chat-header{gap:9px}.assistant-heading{gap:8px}.assistant-heading .bee{width:28px;height:28px}.assistant-heading h2{font-size:17px}.dashboard-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.dashboard-chat-link{font-size:10px;padding:7px 9px}}
.site-footer{font-size:12px;color:#70766d;padding-top:20px;padding-bottom:20px}
.site-footer button{font-size:12px;color:#596354}
.dashboard-note{font-size:11px;min-height:40px}
.dashboard-header .intro-tag{font-size:10px}
.dashboard-header p{font-size:13px}
.document-group{font-size:10px}
.document-status{font-size:10px}
.document-manage{font-size:12px}
.camera-intro p,.onboarding-photo-copy p{font-size:12px;line-height:1.5}
.onboarding-photo-copy strong{font-size:14px}
.camera-https-required{font-size:12px!important}
@media(max-width:760px){.site-footer,.site-footer:has(.locale){font-size:11px;padding:12px 14px;line-height:1.5}.site-footer button{font-size:11px}.site-footer>div{gap:14px;flex-wrap:wrap}.welcome-bottom{font-size:11px}.benefits small{font-size:12px;line-height:1.4}.benefits strong{font-size:14px}.dashboard-header .intro-tag{font-size:10px}.dashboard-header p{font-size:13px}.dashboard-summary strong{font-size:12px}.dashboard-summary span{font-size:11px}.document-filters button{font-size:11px}.document-status{font-size:10px}.document-group{font-size:9px}.dashboard-card h2{font-size:14px}.document-manage{font-size:12px}.dashboard-note{font-size:11px;min-height:38px}.camera-intro p,.onboarding-photo-copy p{font-size:12px}.onboarding-photo-footnote{display:none}}
@media(max-height:700px){
  .welcome-body{padding-top:12px;padding-bottom:12px}
  .welcome-body h2{font-size:26px;margin-top:8px}
  .intro-copy{line-height:1.5;margin-top:8px}
  .benefits{margin-top:10px;gap:5px}
  .benefits>div{padding-top:7px;padding-bottom:7px}
  .mission{margin-top:8px;padding-top:7px;padding-bottom:7px}
  .resume,.secure{margin-top:8px}
  .onboarding-side h2{font-size:30px;margin-top:18px}
  .onboarding-side>p{margin-top:10px}
  .side-note{margin-top:18px}
  .success-top{height:75px}
  .success-check{width:50px;height:50px;margin-top:-35px}
  .success h1{font-size:26px}
  .success p{font-size:11px;line-height:1.5}
  .dossier{padding:10px 16px;margin:10px 0}
  .dossier-row{margin-top:9px}
}
@media(max-width:760px) and (max-height:700px){
  .site-header{height:50px}
  .hero{padding:10px 18px}
  .hero h1{font-size:24px;margin-top:6px}
  .welcome-body{padding:10px 16px}
  .welcome-body h2{font-size:22px}
  .welcome-bottom{padding:7px 0}
}

@media(max-width:760px){
  #app:has(.onboarding){position:absolute;top:var(--visible-top,0px);left:0;right:0;height:var(--visible-height,100dvh)}
  .composer input{font-size:16px} /* Prevent iOS from zooming when the field receives focus. */
  #app.keyboard-open>.site-header,#app.keyboard-open>.site-footer{display:none}
  .keyboard-open main{padding:0}
  .keyboard-open .onboarding{border:0;border-radius:0}
  .keyboard-open .chat-header{padding:7px 12px;gap:8px;border-radius:0 0 14px 14px}
  .keyboard-open .assistant-heading{gap:8px}
  .keyboard-open .assistant-heading h2{font-size:17px}
  .keyboard-open .assistant-heading .bee{width:25px;height:25px}
  .keyboard-open .assistant-heading span,.keyboard-open .chat-date,.keyboard-open .saved{display:none}
  .keyboard-open .progress-row{padding:8px 16px;font-size:9px}
  .keyboard-open .chat-scroll{padding:8px 14px 4px;scroll-behavior:auto}
  .keyboard-open .message{margin-bottom:12px}
  .keyboard-open .bubble{padding:10px 13px}
  .keyboard-open .composer-area{padding:6px 12px 8px;border-top:1px solid #f0f1eb}
}

/* The keyboard may change height, but content must never widen the page. */
html,body,#app{width:100%;max-width:100%;min-width:0}
#app{overflow-x:clip}
main,.onboarding,.chat-panel,.chat-header,.assistant-heading,.chat-scroll,
.composer-area,.document-list,.document-card,.review-card{min-width:0;max-width:100%}
.onboarding{grid-template-columns:360px minmax(0,1fr)}
.document-card>div:nth-child(2){flex:1;overflow-wrap:anywhere}
.upload-button{position:relative}
.upload-button input{left:0;top:0;font-size:16px}
@media(max-width:1050px){.onboarding{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:760px){
  #app:has(.onboarding){width:100%;max-width:100%}
  .chat-header{gap:10px}
  .assistant-heading{flex:1}
  .assistant-heading>div{min-width:0}
  .assistant-heading h2{overflow-wrap:anywhere}
  .document-card strong,.document-card small{overflow-wrap:anywhere}
}

/* Persistent driver workspace: only the document list scrolls. */
.dashboard{display:grid;grid-template-columns:280px minmax(0,1fr);flex:1;min-height:0;overflow:hidden;border:1px solid #e4e7dd;background:white;border-radius:24px;margin-bottom:18px}
.dashboard-side{padding:34px 26px;background:#f1f4e9;display:flex;flex-direction:column;min-width:0}
.dashboard-side{position:relative;isolation:isolate;overflow:hidden;background:#f1f4e9}
.dashboard-side::before,.dashboard-side::after{content:"";position:absolute;z-index:-1;inset:-12%;pointer-events:none}
.dashboard-side::before{background:radial-gradient(circle at 14% 18%,#ffeb00a8 0 5px,transparent 6px),radial-gradient(circle at 77% 13%,#83b79575 0 9px,transparent 10px),radial-gradient(circle at 83% 39%,#ffeb0080 0 4px,transparent 5px),radial-gradient(circle at 21% 51%,#83b79580 0 8px,transparent 9px),radial-gradient(circle at 71% 68%,#ffeb0090 0 7px,transparent 8px),radial-gradient(circle at 30% 83%,#83b79570 0 4px,transparent 5px),radial-gradient(circle at 90% 91%,#ffeb0080 0 10px,transparent 11px);animation:dashboardBubblesFloat 17s ease-in-out infinite alternate}
.dashboard-side::after{background:radial-gradient(circle at 42% 10%,transparent 0 8px,#83b79565 9px 10px,transparent 11px),radial-gradient(circle at 91% 26%,transparent 0 13px,#ffeb00a0 14px 15px,transparent 16px),radial-gradient(circle at 51% 37%,transparent 0 5px,#83b79570 6px 7px,transparent 8px),radial-gradient(circle at 9% 71%,transparent 0 12px,#ffeb0090 13px 14px,transparent 15px),radial-gradient(circle at 57% 91%,transparent 0 7px,#83b79570 8px 9px,transparent 10px);animation:dashboardBubblesFloat 23s ease-in-out infinite alternate-reverse}
@keyframes dashboardBubblesFloat{0%{transform:translate3d(-1.5%,1%,0)}50%{transform:translate3d(1.5%,-1%,0)}100%{transform:translate3d(-.5%,-2%,0)}}
@media(prefers-reduced-motion:reduce){.dashboard-side::before,.dashboard-side::after{animation:none}}
.dashboard-side>.intro-tag{font-size:8px;letter-spacing:1.5px;color:#5d7159}
.dashboard-side h2{font-size:37px;letter-spacing:-1.7px;line-height:1.15;margin-top:28px}
.dashboard-side h2 span,.dashboard-header h1 span{color:#afbf24}
.dashboard-side>p{font-size:12px;line-height:1.8;color:#76816e;margin-top:20px}
.dash-profile{display:flex;align-items:center;gap:10px;margin-top:34px;padding:18px 0;border-top:1px solid #dfe5d5}
.dash-profile>div{min-width:0;flex:1}.dash-profile strong{display:block;font-size:12px;overflow-wrap:anywhere}.dash-profile small{display:block;font-size:9px;color:#6e8269;margin-top:5px}.dash-profile>.icon:last-child{width:16px;color:#327750}
.dash-profile-link{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:12px 0;text-align:left}.dash-profile-link .icon{width:18px}
.dash-reminder{margin-top:auto;display:flex;gap:12px;padding-top:30px;color:#7a8872}.dash-reminder .icon{width:20px}.dash-reminder p{font-size:10px;line-height:1.8}
.dashboard-main{display:flex;flex-direction:column;min-height:0;min-width:0}
.dashboard-header{padding:30px 30px 20px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-shrink:0}
.dashboard-header .intro-tag{font-size:8px;letter-spacing:1.4px}.dashboard-header h1{font-size:34px;letter-spacing:-1.5px;margin-top:8px}.dashboard-header p{font-size:11px;line-height:1.6;color:#7f8777;margin-top:8px}
.dashboard-counter{background:#f3f5ee;padding:9px 12px;border-radius:20px;font-size:10px;white-space:nowrap;color:#526748}
.dashboard-summary{margin:0 30px;padding:16px 18px;border-radius:12px;background:#173e30;color:#e9f3e6;flex-shrink:0}
.dashboard-summary>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px}.dashboard-summary strong{font-weight:600}.dashboard-summary span{font-size:9px;color:#b5ccb6}.dashboard-summary .progress-track{margin-top:12px;background:#3c5e47;height:5px}
.document-filters{display:flex;gap:6px;padding:18px 30px 14px;flex-shrink:0}.document-filters button{border:1px solid #e5e8df;border-radius:24px;padding:9px 16px;font-size:11px;color:#77806e}.document-filters button[aria-pressed=true]{background:#ffeb00;border-color:#ffeb00;color:#272b1a;font-weight:600}.document-filters .mobile-profile{display:none}
.dashboard-scroll{flex:1;min-height:0;overflow:auto;padding:0 30px 22px;overscroll-behavior:contain;scrollbar-width:thin}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dashboard-card{min-width:0;padding:18px;border:1px solid #e5e8de;border-radius:15px;display:flex;flex-direction:column}.document-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.dash-file-icon{display:grid;place-items:center;background:#f4f5ed;width:36px;height:40px;border-radius:9px}.dash-file-icon .icon{width:21px;height:21px}.document-status{font-size:9px;padding:5px 9px;border-radius:20px;background:#f4f5f0;color:#878d7f}.document-status.is-added{background:#e0f2e7;color:#2b7650}
.document-group{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#959d89;margin-top:16px}.dashboard-card h2{font-size:15px;letter-spacing:-.3px;margin-top:5px}.dashboard-card p{font-size:10px;line-height:1.65;color:#8b9380;margin:8px 0 15px}.document-manage{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef0e7;padding:12px 0 0;margin-top:auto;font-size:11px;font-weight:600;text-align:left}.document-manage .icon{width:16px;height:16px}
.dashboard-note{display:flex;gap:10px;align-items:center;padding:13px 30px;font-size:9px;color:#86917d;line-height:1.7;border-top:1px solid #edf0e5;flex-shrink:0}.dashboard-note .icon{width:15px;height:15px}.dashboard-note strong{font-weight:400;color:#596c50}
.dashboard-empty,.storage-error{padding:25px;font-size:12px;line-height:1.8;background:#f7f8f2;border-radius:12px}.storage-error button{text-decoration:underline}
.stored-files{max-height:34dvh;overflow:auto;margin:16px 0}.stored-file{padding:12px 0;border-top:1px solid #eaede3}.stored-file>div:first-child{display:flex;gap:10px;align-items:center}.stored-file span{min-width:0}.stored-file strong{display:block;font-size:12px;overflow-wrap:anywhere}.stored-file small{display:block;font-size:9px;color:#929987;margin-top:5px}.stored-actions{display:flex;gap:16px;margin-top:12px}.stored-actions button{padding:5px 0;font-size:11px;text-decoration:underline;text-underline-offset:3px}.stored-actions button:last-child{color:#9a574d}
.document-upload{position:relative;display:flex;justify-content:center;align-items:center;gap:10px;border:1px dashed #94a17d;border-radius:12px;padding:20px;font-size:12px;background:#f6f8ef;cursor:pointer}.document-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}.document-upload:has(input:disabled){opacity:.5;cursor:wait}
.modal .upload-details,.modal .upload-status{font-size:10px;line-height:1.7}.modal .upload-status{color:#4b7751}.file-full-preview{max-width:100%;max-height:50dvh;object-fit:contain;display:block;margin:0 auto 18px}.profile-edit{display:flex;align-items:center;gap:8px;justify-self:start;padding:7px 0;font-size:10px;color:#6d805f}.profile-edit .icon{width:14px;height:14px}
@media(max-width:1050px){.dashboard{grid-template-columns:225px minmax(0,1fr)}.dashboard-side{padding:25px 20px}.dashboard-header{padding:24px 20px 16px}.dashboard-counter{display:none}.dashboard-summary{margin:0 20px}.document-filters{padding:16px 20px 12px}.dashboard-scroll{padding:0 20px 18px}.dashboard-note{padding:12px 20px}.dashboard-header h1{font-size:30px}}
@media(max-width:760px){.dashboard{display:flex;flex-direction:column;border-radius:18px;margin-bottom:8px}.dashboard-side{display:none}.dashboard-main{flex:1}.dashboard-header{padding:18px 16px 14px}.dashboard-header h1{font-size:27px}.dashboard-header p{font-size:10px;margin-top:5px}.dashboard-summary{margin:0 16px;padding:12px}.dashboard-summary>div:first-child{display:block}.dashboard-summary span{display:block;margin-top:5px}.dashboard-summary .progress-track{margin-top:9px}.document-filters{padding:12px 16px;gap:5px}.document-filters button{font-size:10px;padding:8px 10px}.document-filters .mobile-profile{display:block;margin-left:auto;border-color:transparent;padding-right:0}.dashboard-scroll{padding:0 16px 16px}.dashboard-grid{grid-template-columns:1fr;gap:10px}.dashboard-card{padding:14px}.document-group{margin-top:10px}.dashboard-card p{margin-bottom:12px}.dashboard-note{padding:10px 16px;font-size:8px}.dashboard-note .icon{display:none}}
.profile-tabs{display:flex;gap:7px}.profile-tabs button{padding:9px 14px;border-radius:20px;background:#f3f5ee;font-size:11px}.profile-tabs button[aria-pressed=true]{background:var(--yellow)}
.profile-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.profile-fields label{font-size:11px;color:#67735b;min-width:0}.profile-fields input,.profile-fields select,.expiry-form input{display:block;width:100%;min-width:0;height:42px;margin-top:6px;border:1px solid #dfe5d6;border-radius:8px;padding:8px;font:inherit;color:#242b20;background:#fafbf8;font-size:16px}.profile-fields input:focus,.profile-fields select:focus{border-color:#7c9471}.modal .account-state{font-size:10px;background:#f5f7ef;padding:12px;border-radius:9px}
.expiry-form{margin-top:12px;font-size:10px;color:#67755e}.expiry-form>div{display:flex;gap:10px;align-items:center}.expiry-form input{flex:1;width:0}.expiry-form button{font-size:10px;padding:9px;background:#f0f4e8;border-radius:7px}.replace-file{font-size:11px;text-decoration:underline;position:relative;padding:5px 0;cursor:pointer}.replace-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:16px;cursor:pointer}
@media(max-width:760px){.document-filters{flex-wrap:wrap}.document-filters button{font-size:9px;padding:8px}.document-filters .mobile-profile{margin-left:0}.dashboard-summary strong{font-size:11px}.profile-fields{grid-template-columns:1fr}.dashboard-card h2{font-size:14px}}
.document-status.needs-attention{background:#fff4ce;color:#8a6613}
@media(max-width:760px){.modal-layer{top:var(--visible-top,0px);bottom:auto;height:var(--visible-height,100dvh);padding:12px}.modal{max-height:calc(var(--visible-height,100dvh) - 24px)}}

/* A clearer welcome on phones: fewer competing messages, larger type. */
@media(max-width:760px){
  .welcome{grid-template-rows:auto minmax(0,1fr)}
  .hero{padding:18px 20px;min-height:92px}
  .hero-top .eyebrow{font-size:8px;letter-spacing:.8px}
  .location{font-size:8px;padding:6px 9px}
  .hero h1{font-size:clamp(27px,7vw,32px);letter-spacing:-1.2px;line-height:1.08;margin-top:12px}
  .welcome-body{padding:22px clamp(20px,6vw,28px);justify-content:center}
  .intro-tag{font-size:10px;letter-spacing:1.4px}
  .welcome-body h2{font-size:clamp(29px,7.4vw,35px);letter-spacing:-1.4px;line-height:1.13;margin-top:14px}
  .welcome-body h2 br{display:none}
  .intro-copy{font-size:14px;line-height:1.5;margin-top:12px}
  .intro-copy br{display:none}
  .benefits{margin-top:22px;gap:9px}
  .benefits>div{min-height:68px;padding:12px 14px;gap:14px;border-radius:13px}
  .benefits .icon{width:24px;height:24px}
  .benefits strong{font-size:14px;line-height:1.25}
  .benefits small{font-size:11px;line-height:1.35;margin-top:4px}
  .benefit-number{font-size:11px}
  .mission{display:none}
  .primary{min-height:54px;font-size:15px;padding:12px 18px}
  .start{margin-top:18px}
  .resume{font-size:13px;margin-top:15px}
  .secure{font-size:10px;margin-top:14px}
  .welcome-bottom{padding:8px 0;font-size:9px}
  .welcome-bottom>span:last-child{display:none}
  .site-footer,.site-footer:has(.locale){padding:9px 12px;font-size:8px}
}
@media(max-width:760px) and (max-height:700px){
  .hero{padding:12px 18px;min-height:80px}
  .hero h1{font-size:26px;margin-top:8px}
  .welcome-body{padding:14px 20px}
  .welcome-body h2{font-size:28px;margin-top:10px}
  .intro-copy{margin-top:8px;font-size:13px}
  .benefits{margin-top:14px;gap:7px}
  .benefits>div{min-height:58px;padding:9px 12px}
  .start{margin-top:12px}
  .resume,.secure{margin-top:10px}
}
@media(max-width:760px){
  .hero-top .eyebrow{font-size:9px;letter-spacing:.7px}
  .benefits{gap:8px}
  .benefits>div{min-height:64px;padding:9px 13px}
  .benefits small{font-size:12px;line-height:1.25;white-space:nowrap}
  .benefits strong{font-size:15px}
  .secure,.welcome-bottom{display:none}
  .welcome-body{padding-top:20px;padding-bottom:20px}
  .intro-tag{font-size:11px}
  .intro-copy{font-size:15px}
  .resume{font-size:14px;padding:2px 4px}
}
@media(max-width:760px) and (max-height:700px){
  .benefits>div{min-height:56px;padding-top:7px;padding-bottom:7px}
  .benefits small{font-size:11px}
  .secure{display:none}
}
@media(max-width:760px) and (max-height:700px){
  .benefits{margin-top:16px}
  .benefits>div{min-height:54px}
  .benefits small{display:none}
  .welcome-body{padding-top:16px;padding-bottom:16px}
  .welcome-body h2{font-size:27px}
  .intro-copy{font-size:14px}
}
@media(max-width:760px){
  .dashboard-header{padding:12px 14px 10px;gap:8px}
  .dashboard-header .intro-tag{font-size:8px}
  .dashboard-header h1{font-size:24px;margin-top:3px}
  .dashboard-header p{font-size:11px;line-height:1.35;margin-top:3px}
  .dashboard-summary{padding:9px 12px}
  .dashboard-summary>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:6px}
  .dashboard-summary strong{font-size:11px}
  .dashboard-summary span{font-size:9px;margin:0;text-align:right}
  .dashboard-summary .progress-track{margin-top:7px;height:4px}
  .document-filters{padding:9px 12px;gap:5px;flex-wrap:nowrap;overflow-x:auto}
  .document-filters button{white-space:nowrap;padding:7px 10px;font-size:10px}
  .document-filters .mobile-profile{margin-left:auto}
  .dashboard-scroll{padding:0 12px 10px}
  .dashboard-grid{grid-template-columns:minmax(0,1fr);gap:7px}
  .dashboard-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:0 8px;min-height:78px;padding:10px 10px 9px 59px;border-radius:12px}
  .document-card-top{display:contents}
  .dash-file-icon{position:absolute;left:10px;top:15px;width:38px;height:40px}
  .document-status{position:absolute;right:10px;top:9px;font-size:8px;padding:4px 7px}
  .document-group{grid-column:1;grid-row:1;margin:0 78px 2px 0;font-size:8px;letter-spacing:.7px;line-height:1.2}
  .dashboard-card h2{grid-column:1/-1;grid-row:2;margin:0;padding-right:0;font-size:12px;line-height:1.3;letter-spacing:-.1px}
  .dashboard-card p{display:none}
  .document-manage{grid-column:1/-1;grid-row:3;justify-self:start;border:0;padding:4px 0 0;margin:0;font-size:10px;line-height:1.2;gap:5px}
  .document-manage .icon{width:13px;height:13px}
  .dashboard-note{padding:7px 12px;min-height:30px;font-size:8px;line-height:1.3}
  .dashboard-note .icon{display:block;width:12px;height:12px;flex-shrink:0}
  .dashboard-note span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dashboard-note br,.dashboard-note strong{display:none}
}
@media(max-width:760px){
  .dashboard-header p{font-size:12px}
  .dashboard-summary>div:first-child{display:block}
  .dashboard-summary span{display:none}
  .dashboard-card h2{font-size:13px}
  .document-status{font-size:9px}
  .document-manage{font-size:11px}
}
.camera-intro{display:flex;align-items:flex-start;gap:12px;padding:13px;background:#f4f6ed;border-radius:12px;margin:14px 0}.camera-intro>.icon{color:#5e7861;width:21px;height:21px}.camera-intro p{margin:0;font-size:11px;line-height:1.55}
.camera-frame{position:relative;width:min(100%,280px);aspect-ratio:4/5;margin:16px auto 10px;border-radius:45%;background:#202520;isolation:isolate}
.camera-frame[hidden],.camera-capture[hidden]{display:none}
.camera-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:45%;transform:scaleX(-1)}
.camera-guide{position:absolute;inset:-9px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;pointer-events:none}
.camera-ring{width:100%;height:calc(100% - 44px);position:relative;border-radius:45%;border:3px solid #30c99f;box-shadow:0 0 0 5px #30c99f22,0 0 26px #30c99f35;animation:camera-pulse 2.2s ease-in-out infinite}
.camera-ring:before{content:'';position:absolute;inset:-13px;border-radius:47%;background:repeating-conic-gradient(from 1deg,#36c8a4 0deg 1.1deg,transparent 1.1deg 5.2deg);mask:radial-gradient(closest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));}
.camera-ring span{position:absolute;bottom:14%;left:50%;width:22px;height:8px;border-bottom:2px solid #fff;border-radius:0 0 50% 50%;transform:translateX(-50%);opacity:.85}
.camera-guide>p{margin:10px 0 0;padding:6px 12px;border-radius:20px;background:#173e30;color:#fff;font-size:10px}
.camera-error{min-height:0;margin:8px 0!important;text-align:center;color:#63785d!important;font-size:11px!important}
.camera-error:empty{display:none}
html.camera-open,html.camera-open body{overflow:hidden;overscroll-behavior:none}
.camera-fullscreen{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:0;background:#fff;color:#171d17;overflow:auto;overscroll-behavior:contain}
.camera-fullscreen[open]{display:grid;grid-template-rows:minmax(110px,1fr) auto minmax(110px,1fr)}
.camera-fullscreen::backdrop{background:#fff}
.camera-toolbar{display:flex;align-items:flex-start;justify-content:flex-end;padding:calc(20px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left))}
.camera-toolbar .icon-button{min-width:44px;min-height:44px;background:#f3f4ef;color:#171d17}
.camera-stage{display:grid;place-items:center;padding:20px 28px}
.camera-fullscreen .camera-frame{width:min(64vw,320px,calc((100dvh - 280px)*.8));margin:0;flex-shrink:0}
.camera-fullscreen .camera-guide{inset:-9px}
.camera-fullscreen .camera-ring{height:100%}
.camera-fullscreen .camera-guide>p{display:none}
.camera-controls{align-self:end;display:grid;justify-items:center;gap:12px;padding:12px max(24px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}
.camera-fullscreen .camera-error{color:#63785d!important;font-size:12px!important;max-width:360px;margin:0!important}
.camera-fullscreen .camera-capture{max-width:360px;min-height:52px;margin:0;color:#171d17}
@media(max-height:480px){.camera-fullscreen[open]{grid-template-rows:minmax(64px,1fr) auto minmax(64px,1fr)}.camera-fullscreen .camera-frame{width:min(36vw,calc((100dvh - 180px)*.8))}.camera-toolbar{padding-top:8px}.camera-controls{padding-bottom:8px;gap:4px}.camera-fullscreen .camera-guide>p{display:none}}
.camera-capture{margin:12px 0}
@keyframes camera-pulse{50%{box-shadow:0 0 0 8px #30c99f16,0 0 32px #30c99f55}}
@media(prefers-reduced-motion:reduce){.camera-ring{animation:none}}
.camera-https-required{display:flex;align-items:flex-start;gap:9px;padding:13px;background:#fff5d8;border-radius:11px;color:#655a2b!important;font-size:11px!important;line-height:1.55!important;margin:12px 0!important}.camera-https-required .icon{width:17px;height:17px;flex-shrink:0}.modal .document-upload{width:100%;min-height:48px}
.onboarding-photo{margin:8px 0 12px 41px;max-width:500px}.onboarding-photo-copy{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#f5f6f1;border-radius:13px}.onboarding-photo-copy>.icon{width:23px;height:23px;color:#506c54}.onboarding-photo-copy>div{min-width:0}.onboarding-photo-copy strong{font-size:12px;line-height:1.4}.onboarding-photo-copy p{margin:5px 0 0;font-size:10px;line-height:1.6;color:#77806f}.onboarding-photo .camera-frame{width:min(100%,220px);margin:15px auto 14px}.onboarding-photo .document-upload{width:100%;min-height:48px}.onboarding-photo .camera-capture{max-width:320px;margin:12px auto}.onboarding-photo .camera-error{text-align:center}.onboarding-photo-footnote{margin:10px 0 0!important;text-align:center;font-size:9px!important;color:#94998c!important}.onboarding-photo .camera-https-required{font-size:10px!important}
@media(max-width:760px){
  .onboarding-photo{margin:6px 0 10px 35px}
  .onboarding-photo-copy{padding:11px;gap:9px}
  .onboarding-photo-copy strong{font-size:12px}
  .onboarding-photo-copy p{font-size:10px}
  .onboarding-photo .camera-frame{width:min(62vw,190px);margin:10px auto}
  .onboarding-photo .document-upload{min-height:44px;padding:10px;font-size:12px}
  .onboarding-photo .camera-capture{min-height:48px;margin:9px 0}
  .onboarding-photo-footnote{font-size:9px!important}
  .dashboard-summary{position:fixed;left:0;right:0;bottom:calc(30px + env(safe-area-inset-bottom));z-index:8;margin:0;padding:10px 16px;border-radius:13px 13px 0 0;box-shadow:0 -5px 22px #15241620}
  .dashboard-summary>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:8px}
  .dashboard-summary strong{font-size:12px}
  .dashboard-summary span{display:block;font-size:12px;font-weight:700;white-space:nowrap;color:#ffeb00}
  .dashboard-summary .progress-track{height:7px;margin-top:8px;background:#466454}
  .dashboard-summary .progress-track>div{background:linear-gradient(90deg,#ffeb00,#b7e979);transition:width .45s ease}
  .dashboard-scroll{padding-bottom:82px}
}
@media(max-width:760px){
  .dashboard-grid{gap:6px}
  .dashboard-card{min-height:54px;padding:7px 8px 6px 48px;grid-template-rows:20px 16px;gap:0 5px;border-radius:9px}
  .dash-file-icon{left:8px;top:10px;width:32px;height:32px;border-radius:7px}
  .dash-file-icon .icon{width:18px;height:18px}
  .document-group{display:none}
  .dashboard-card h2{grid-row:1;align-self:center;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:72px;font-size:12px;line-height:1.2}
  .document-status{top:8px;right:8px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;padding:3px 5px}
  .document-manage{grid-row:2;align-self:center;padding:0;font-size:10px;line-height:1}
  .document-manage .icon{width:12px;height:12px}
}
@media(max-width:760px){
  #app:has(.dashboard)>.site-footer{background:#e9eee7;color:#46564a;border-top-color:#dce4da}
  #app:has(.dashboard)>.site-footer button{color:#304b38}
  #app:has(.dashboard)>.site-footer .locale{color:#46564a}
}
.wordmark>span{color:var(--yellow)}

/* On desktop, let the dossier page scroll as a whole and show more compact cards. */
@media(min-width:761px){
  html:has(.dashboard),body:has(.dashboard){height:auto;min-height:100%;overflow-y:auto}
  #app:has(.dashboard){height:auto;min-height:100dvh}
  main:has(.dashboard){flex:none;min-height:auto}
  .dashboard{flex:none;min-height:0;overflow:visible}
  .dashboard-main{min-height:0}
  .dashboard-scroll{flex:none;min-height:0;overflow:visible;padding-bottom:18px}
  .dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .dashboard-card{padding:14px;border-radius:13px}
  .dash-file-icon{width:32px;height:34px}
  .dash-file-icon .icon{width:18px;height:18px}
  .document-group{margin-top:10px;font-size:7px}
  .dashboard-card h2{font-size:14px;line-height:1.3}
  .dashboard-card p{font-size:9px;line-height:1.45;margin:6px 0 9px}
  .document-manage{padding-top:8px;font-size:10px}
}
@media(min-width:761px) and (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.save-status{font-size:10px;color:#567548;border:0;background:transparent;padding:4px}.save-status[data-error="true"]{color:#9d3b2d;text-decoration:underline;cursor:pointer}.submit-dossier{margin-left:auto;min-height:34px;padding:8px 14px;font-size:11px}.submit-dossier:disabled{opacity:.45;cursor:not-allowed}.boot-error{padding:36px;max-width:650px;margin:auto;gap:18px}.boot-error button{padding:14px;background:#ffeb00;border-radius:12px}.dashboard-note{flex-wrap:wrap}.site-footer{gap:10px}.site-footer .save-status{max-width:230px}@media(max-width:760px){.site-header .help-link{font-size:9px}.site-footer .save-status{display:block;margin:auto}.dashboard-note .submit-dossier{padding:6px 10px;font-size:10px}}

/* BEEZ: the same photographic identity as the main landing. */
:root{--yellow:#FFE130;--ivory:#fbf9f4;--green:#080808;--muted:#6d7280;color:#080808;background:#f4f2ed;font-family:'DM Sans',Arial,Helvetica,sans-serif}
body{background:#f4f2ed;color:#080808}h1,h2,h3,.wordmark{font-family:'DM Sans',Arial,Helvetica,sans-serif}button,input,select{font-family:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,label:focus-within{outline:3px solid #a87800;outline-offset:4px}
.site-header{max-width:1920px;height:92px;padding:0 56px;gap:24px}.wordmark{font-size:46px;font-weight:1000;letter-spacing:-.075em;line-height:1}.brand{min-height:44px}.brand .bee{display:none}.header-label{font-size:10px;font-weight:650;letter-spacing:1.8px;color:var(--muted);margin-left:auto}.header-links{display:flex;align-items:center;gap:26px}.help-link{min-height:44px;font-size:13px;font-weight:600;gap:7px}.help-link .icon{width:17px;height:17px}main{max-width:1920px;padding:0 24px}.primary{background:var(--yellow);color:#080808;border:1px solid #efca13;min-height:50px;border-radius:999px;font-size:15px;font-weight:750;line-height:1.3}.primary:hover:not(:disabled){background:#ffda15}.primary .icon{width:21px;height:21px}.intro-tag{color:var(--muted);font-weight:650;letter-spacing:1.5px}.intro-tag>span,.little-dot{background:#080808}.site-footer,.site-footer:has(.locale){max-width:1920px;min-height:64px;padding:10px 56px;color:var(--muted);font-size:11px;border:0;gap:18px;flex-wrap:wrap}.site-footer>div{gap:20px}.site-footer button{min-height:44px;font-size:12px;color:#080808}.footer-brand{display:flex;align-items:center;gap:22px}.footer-brand .wordmark{font-size:28px;color:#080808}.footer-divider{width:1px;height:16px;background:#777}.site-footer .save-status{font-size:11px;color:#6d7280}.locale{color:var(--muted)}
html:has(#app[data-page=welcome]),body:has(#app[data-page=welcome]){height:auto;overflow:auto}
#app[data-page=welcome]{display:block;position:relative;max-width:1920px;min-height:100dvh;height:auto;margin:auto;padding:24px}
#app[data-page=welcome] main{display:block;padding:0;max-width:none}
#app[data-page=welcome] .site-header{position:absolute;top:24px;left:24px;right:24px;width:auto;z-index:2;height:100px;padding:18px 42px;color:white}
#app[data-page=welcome] .site-header .wordmark{font-size:58px}
#app[data-page=welcome] .header-label{color:#ffffffb3}
#app[data-page=welcome] .site-header :focus-visible{outline-color:var(--yellow)}
.welcome{display:block;min-height:0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.welcome .hero{position:relative;isolation:isolate;display:block;height:clamp(600px,calc(100svh - 250px),920px);padding:0;min-height:0;border-radius:18px;background:#315f7f;color:white;overflow:hidden}
.driver-scene,.driver-wash{position:absolute;inset:0;z-index:-1}.driver-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}.driver-wash{background:linear-gradient(90deg,#08161d66,transparent 73%),linear-gradient(180deg,#08161d55,transparent 40%)}
.driver-hero-copy{padding:clamp(156px,21svh,225px) 42px 130px}.driver-badge{display:inline-block;border-radius:999px;padding:9px 22px;background:var(--yellow);color:#080808;font-size:16px;font-weight:750;line-height:1.35;margin-bottom:18px}
.welcome .hero h1{font-size:clamp(76px,min(7.5vw,12svh),132px);line-height:.96;letter-spacing:-.06em;font-weight:1000;margin:0 0 20px}.welcome .hero p{display:block;margin:0;font-size:clamp(22px,2.05vw,30px);font-weight:600;line-height:1.25;letter-spacing:-.025em;color:white}
.welcome-body{position:relative;z-index:1;width:calc(100% - 120px);max-width:1560px;margin:-90px auto 0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px 50px;padding:32px 44px;background:var(--ivory);border:0;border-radius:28px;box-shadow:0 14px 32px #32291c13}
.welcome-body .intro-tag,.action-eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:650;color:var(--muted)}.welcome-body h2{font-size:clamp(28px,2.5vw,40px);font-weight:900;letter-spacing:-.05em;line-height:1.08;margin:12px 0 0}.welcome-body .intro-copy{font-size:16px;line-height:1.5;margin:12px 0 0}.welcome-actions{display:flex;flex-direction:column;justify-content:center;min-width:0}.welcome-actions .start{margin-top:14px;min-height:54px;font-size:16px}.welcome-actions .resume{font-size:13px;min-height:44px;display:flex;align-items:center;justify-content:center;margin:8px 0 0}.welcome-actions .secure{justify-content:flex-start;align-items:flex-start;color:var(--muted);font-size:11px;line-height:1.6;margin:8px 0 0;gap:8px}.welcome-actions .secure .icon{width:16px;height:16px;margin-top:2px}
.welcome-body .mission{display:flex;background:none;color:#080808;border:0;border-radius:0;width:auto;min-height:44px;padding:4px 0;margin:12px 0 0;font-size:12px;line-height:1.4;gap:8px}.welcome-body .mission>.icon:first-child{width:19px;height:19px;color:#080808}.welcome-body .mission>.icon:last-child{width:15px;height:15px;margin:0}
.welcome-body .benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding-top:20px;border-top:1px solid #e4e1d9}.welcome-body .benefits>div{background:none;padding:0;gap:12px;min-height:44px;border-radius:0}.benefit-icon{display:grid;place-content:center;width:42px;height:42px;background:#FFE13045;border-radius:12px;flex-shrink:0}.welcome-body .benefits .icon{width:21px;height:21px}.welcome-body .benefits strong{font-size:13px;font-weight:700;line-height:1.3}.welcome-body .benefits small{font-size:12px;color:var(--muted);line-height:1.4;margin-top:3px}
#app[data-page=welcome] .site-footer{padding:12px 42px 0;min-height:64px}.honey:before{display:none}
.onboarding{border:1px solid #e2ded5;border-radius:24px;background:var(--ivory);box-shadow:0 12px 36px #32291c0b;grid-template-columns:340px 1fr}.onboarding-side,.dashboard-side{position:relative;isolation:isolate;background:linear-gradient(180deg,#08161dc9,#08161dba),url('/assets/brussels-green-1280.webp') 64% 0/cover;color:white}
.onboarding-side{padding:30px}.onboarding-side h2{font-size:42px;font-weight:900;line-height:1.02;letter-spacing:-.05em;margin:24px 0 0}.onboarding-side h2 span,.dashboard-side h2 span{color:var(--yellow)}.onboarding-side>p{font-size:14px;line-height:1.6;color:#ffffffe0;margin-top:18px}.onboarding-side .city{display:none}.steps{margin-top:32px;gap:24px}.steps li{font-size:13px;opacity:.65}.steps li.active,.steps li.done{opacity:1}.steps li>span{border-color:#ffffff70;width:34px;height:34px;color:white}.steps li.active>span{background:var(--yellow);color:#080808;border-color:var(--yellow)}.steps li.done>span{background:#ffffff24;color:var(--yellow)}.steps small{font-size:11px;color:#ffffffbd;line-height:1.5}.side-note{font-size:11px;line-height:1.6;color:#ffffffce;margin-top:36px}.side-note .icon{width:16px;height:16px}
.chat-header{border-bottom:1px solid #e7e3da;padding:20px 30px;background:var(--ivory)}.assistant-heading h2{font-size:24px;font-weight:800;letter-spacing:-.04em}.assistant-heading span{font-size:12px;color:var(--muted)}.assistant-heading i{background:#080808}.assistant-heading .bee{width:36px;height:36px;color:#080808}.icon-button{min-width:44px;min-height:44px}.chat-dashboard-link,.dashboard-chat-link{border-color:#dedbd3;background:white;color:#080808;font-size:12px;min-height:44px}.progress-row{padding:18px 30px;font-size:12px}.progress-track{background:#e9e5dc;height:7px}.chat-date{font-size:10px;color:var(--muted);letter-spacing:1px;margin-bottom:24px}.chat-scroll{padding:0 30px 24px}.avatar{background:var(--yellow);width:33px;height:33px}.avatar .bee{width:24px;height:24px}.bubble{background:white;border:1px solid #e7e2d9;border-radius:5px 20px 20px 20px;font-size:14px;line-height:1.7;padding:14px 18px}.user .bubble{background:var(--yellow);border-color:var(--yellow);border-radius:20px 5px 20px 20px}.edit-answer{min-height:44px;min-width:36px}.options button{min-height:50px;border:1px solid #c9c6be;border-radius:14px;background:white;font-size:14px;color:#080808}.options button:hover{background:#fff9d8;border-color:#c6a800}.composer-area{padding:16px 30px 22px;background:var(--ivory)}.composer{background:white;border-color:#dedad0;padding:6px;border-radius:999px}.composer input{font-size:16px;padding:0 18px}.send{height:44px;width:44px;background:#080808;color:var(--yellow)}.saved,.composer-hint{color:var(--muted);font-size:11px}.saved>span{font-size:10px}
.dashboard{border-radius:24px;border-color:#e2ded5;background:var(--ivory);box-shadow:0 12px 36px #32291c0b}.dashboard-side{padding:30px}.dashboard-side .intro-tag{color:var(--yellow);font-size:10px}.dashboard-side h2{font-size:40px;font-weight:900;line-height:1.06;letter-spacing:-.05em}.dashboard-side>p{color:#ffffffd6;font-size:14px;line-height:1.6}.dash-profile{border-color:#ffffff3b;background:#ffffff18;color:white}.dash-profile small{color:#ffffffb8}.dash-profile-link{color:white;border-color:#ffffff35;font-size:13px;min-height:44px}.dash-profile-link:hover{background:#ffffff12}.dash-reminder{color:white;background:#ffffff13;border:1px solid #ffffff24}.dash-reminder p{color:#ffffffe0}.dashboard-main{background:var(--ivory)}.dashboard-header{padding:28px 30px 18px}.dashboard-header h1{font-size:42px;font-weight:900;letter-spacing:-.055em;line-height:1.12}.dashboard-header h1 span{color:#080808}.dashboard-header p{font-size:14px;color:var(--muted)}.dashboard-counter{font-size:12px;color:var(--muted);background:white;border:1px solid #e4dfd6}.dashboard-summary{background:white;border-color:#e4dfd6;border-radius:16px;margin:0 30px;color:#080808}.dashboard-summary strong{font-size:13px}.document-filters{padding:18px 30px;gap:8px}.document-filters button{font-size:12px;min-height:44px;border-color:#ddd9d1;border-radius:999px;background:white;color:#080808}.document-filters button[aria-pressed=true]{background:var(--yellow);border-color:#efca13}.dashboard-scroll{padding:0 30px 24px}.dashboard-grid{gap:16px}.dashboard-card{padding:22px;border:1px solid #e4dfd6;border-radius:20px;background:white;box-shadow:none}.dash-file-icon{background:#FFE13040;color:#080808;border-radius:13px}.dashboard-card h2{font-size:18px;font-weight:750;letter-spacing:-.025em;line-height:1.35}.document-group{color:var(--muted);font-size:11px}.dashboard-card p{font-size:13px;line-height:1.6;color:var(--muted)}.document-manage{font-size:13px;min-height:44px;border-color:#dfdbd2;background:var(--ivory);color:#080808;border-radius:999px}.document-manage:hover{background:var(--yellow)}.dashboard-note{padding:14px 30px;color:var(--muted);font-size:12px;border-top:1px solid #e4dfd6;gap:12px}.submit-dossier{min-height:44px;font-size:13px}.document-status{font-size:11px;background:#f1eee7;color:#6d7280}.document-status.needs-attention{background:#fff2c5;color:#805d00}
.modal{background:var(--ivory);border:1px solid #e4dfd6;border-radius:26px;padding:32px;max-width:540px}.modal h2{font-size:30px;font-weight:850;letter-spacing:-.045em}.modal p{color:var(--muted);font-size:14px}.modal-bee{border-radius:16px;background:var(--yellow)}.profile-tabs{flex-wrap:wrap}.profile-tabs button{min-height:44px;background:white;border:1px solid #e2ded5;font-size:12px}.profile-tabs button[aria-pressed=true]{background:var(--yellow);border-color:#efca13}.profile-fields label,.expiry-form{font-size:12px;color:#52545c}.profile-fields input,.profile-fields select,.expiry-form input{min-height:48px;background:white;border-color:#d8d9de;border-radius:12px;color:#080808;font-size:16px;padding:10px 12px}.profile-fields input:focus,.profile-fields select:focus{border-color:#b7a000}.secondary{min-height:44px;border-radius:999px;font-size:13px}.stored-file{background:white;border-color:#e2ded5;border-radius:16px}.stored-actions button,.replace-file,.expiry-form button{min-height:44px;display:inline-flex;align-items:center;font-size:12px}.document-upload{background:var(--yellow);border-color:#efca13;color:#080808;min-height:50px;font-size:14px;border-radius:999px}.camera-intro,.onboarding-photo{background:white;border-color:#e2ded5;border-radius:18px}.toast{background:#080808;color:white;border-radius:16px;font-size:14px}.boot-error button{background:var(--yellow)}
@media(max-width:1100px) and (min-width:761px){.site-header{padding-left:36px;padding-right:36px}.header-label{display:none}.welcome-body{width:calc(100% - 60px);gap:20px 28px;padding:28px}.welcome-body h2{font-size:30px}.welcome-body .benefits{gap:14px}.welcome-body .benefits strong{font-size:12px}.welcome-body .benefits small{font-size:11px}.onboarding{grid-template-columns:280px 1fr}.onboarding-side{padding:24px}.onboarding-side h2{font-size:36px}.dashboard-side{padding:24px}}
@media(max-width:760px){
 .site-header{height:70px;padding:0 22px;gap:10px}.site-header .wordmark{font-size:36px}.header-label{display:none}.header-links{gap:16px}.help-link{font-size:11px;gap:5px}.help-link .icon{width:15px;height:15px}main{padding:0 12px}.site-footer,.site-footer:has(.locale){padding:8px 20px;min-height:58px;gap:4px 12px;justify-content:space-between}.footer-brand .wordmark{font-size:25px}.footer-brand>span:last-child,.footer-divider,.site-footer .locale{display:none}.site-footer .save-status{font-size:10px;max-width:180px}.site-footer>div{gap:10px}.site-footer button{font-size:11px}
 #app[data-page=welcome]{padding:0;overflow:clip}#app[data-page=welcome] .site-header{top:0;left:0;right:0;height:88px;padding:20px 24px}#app[data-page=welcome] .site-header .wordmark{font-size:40px}#app[data-page=welcome] .header-links{gap:16px}#app[data-page=welcome] .header-links .help-link{font-size:11px}
 .welcome .hero{height:clamp(510px,67svh,620px);min-height:0;border-radius:0;padding:0}.driver-scene img{object-position:67% 0}.driver-wash{background:linear-gradient(180deg,#08161d44,transparent 35%),linear-gradient(90deg,#08161d66,transparent 100%)}.driver-hero-copy{padding:clamp(180px,24svh,225px) 24px 100px}.driver-badge{font-size:14px;padding:9px 18px;margin-bottom:16px}.welcome .hero h1{font-size:clamp(42px,11.7vw,68px);line-height:1;letter-spacing:-.05em;margin:0 0 18px}.welcome .hero h1 br{display:block}.welcome .hero p{display:block;font-size:22px;line-height:1.22;margin:0;max-width:310px}
 .welcome-body{width:100%;max-width:none;display:flex;flex-direction:column;gap:0;margin:-22px auto 0;padding:30px 24px 26px;border-radius:30px 30px 0 0;box-shadow:none}.welcome-body h2{font-size:32px;line-height:1.07;margin-top:12px}.welcome-body h2 br{display:block}.welcome-body .intro-tag{font-size:10px}.welcome-body .intro-copy{font-size:15px;margin-top:14px}.welcome-body .intro-copy br{display:block}.welcome-body .mission{font-size:12px;margin:12px 0 0}.welcome-actions{margin-top:22px}.action-eyebrow{display:none}.welcome-actions .start{margin:0;font-size:15px;min-height:54px}.welcome-actions .resume{font-size:13px;margin-top:6px}.welcome-actions .secure{font-size:11px;margin-top:6px}.welcome-body .benefits{display:flex;flex-direction:column;gap:18px;margin-top:24px;padding-top:24px}.welcome-body .benefits>div{min-height:44px;padding:0}.welcome-body .benefits strong{font-size:14px}.welcome-body .benefits small{font-size:12px}.benefit-icon{width:42px;height:42px}#app[data-page=welcome] .site-footer{padding:10px 24px 18px;background:var(--ivory);border-top:1px solid #e4e1d9}
 .onboarding{display:block;border-radius:20px}.onboarding-side{display:none}.site-header:has(+main .onboarding){height:70px}.chat-header{background:var(--ivory);padding:15px 14px;gap:10px;border-radius:0}.assistant-heading{gap:8px}.assistant-heading h2{font-size:20px}.assistant-heading span{font-size:10px}.assistant-heading .bee{width:28px;height:28px}.chat-dashboard-link{width:44px;height:44px;min-width:44px;padding:10px;background:white;border:1px solid #dedbd3}.chat-header .more{margin-left:auto;min-width:32px}.progress-row{padding:16px;font-size:11px;gap:12px}.chat-date{font-size:9px;line-height:1.5;margin:4px 0 22px}.chat-scroll{padding:0 16px 18px}.bubble{font-size:14px;max-width:87%;padding:13px 14px}.avatar{width:29px;height:29px}.options{margin-left:37px}.options button{font-size:14px;min-height:50px;padding:14px}.composer-area{padding:12px 16px 16px}.composer input{font-size:16px;padding:0 12px}.saved{font-size:10px}.composer-hint{font-size:11px}.keyboard-open .chat-header{padding:7px 12px}.keyboard-open .onboarding{border-radius:0}.keyboard-open .assistant-heading h2{font-size:17px}
 .dashboard{border-radius:20px;margin-bottom:0}.dashboard-side{display:none}.dashboard-header{padding:20px 16px 16px;align-items:start;gap:12px;flex-wrap:wrap}.dashboard-header h1{font-size:32px}.dashboard-header p{font-size:13px}.dashboard-header-actions{gap:8px;justify-content:flex-start}.dashboard-chat-link{font-size:11px;padding:8px 12px}.dashboard-counter{font-size:11px}.dashboard-summary{margin:0 16px;border-radius:14px;padding:14px}.dashboard-summary strong{font-size:12px}.dashboard-summary span{font-size:11px}.document-filters{padding:14px 16px;gap:7px;flex-wrap:wrap}.document-filters button{font-size:11px;min-height:44px;padding:9px 12px}.dashboard-scroll{padding:0 16px 18px}.dashboard-grid{gap:12px}.dashboard-card{padding:20px;border-radius:18px}.dashboard-card h2{font-size:18px}.dashboard-card p{font-size:13px}.document-group{font-size:10px}.document-status{font-size:10px}.document-manage{font-size:13px;min-height:44px}.dashboard-note{padding:12px 16px;font-size:11px;flex-wrap:wrap}.submit-dossier{font-size:12px;min-height:44px}.modal{padding:28px 24px}.modal h2{font-size:27px}.modal p{font-size:14px}.profile-fields{gap:16px}.document-upload{font-size:14px}.camera-intro p,.onboarding-photo-copy p{font-size:13px}
}
@media(max-width:760px){
 .welcome-actions .secure{display:flex;line-height:1.6}
 #app[data-page=welcome] .site-footer .footer-brand{display:flex;width:100%;justify-content:center}
 .dashboard-summary{position:static;box-shadow:none;flex-shrink:0}
 .dashboard-summary span{color:#6d7280}
 .dashboard-summary .progress-track{background:#e8e4db}
 .dashboard-summary .progress-track>div{background:#FFE130}
 .dashboard-card{display:flex;flex-direction:column;gap:10px;min-height:0}
 .document-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
 .dash-file-icon{position:static;width:40px;height:40px;flex-shrink:0}
 .document-status{position:static;max-width:none;font-size:11px;padding:5px 8px}
 .document-group{display:block;margin:0;font-size:10px}
 .dashboard-card h2{white-space:normal;overflow:visible;padding:0;margin:0;line-height:1.3}
 .dashboard-card p{display:block;margin:0;font-size:13px}
 .document-manage{align-self:flex-start;padding:10px 14px;border:1px solid #dfdbd2;line-height:1.3}
 .document-manage .icon{width:16px;height:16px}
 #app:has(.dashboard)>.site-footer{background:#f4f2ed;color:#6d7280;border-top-color:#e4dfd6}
 #app:has(.dashboard)>.site-footer button{color:#080808}
}
.dashboard-side::before,.dashboard-side::after{display:none}
.dashboard-summary span{color:#6d7280}
.dashboard-summary .progress-track{background:#e8e4db}
.dashboard-summary .progress-track>div{background:#FFE130}
@media(max-width:760px){.dashboard-card h2{align-self:stretch;text-align:left}}

.onboarding-side,.dashboard-side{background-image:linear-gradient(180deg,#08161dc9,#08161dba),url('/assets/driver-cinquantenaire-1280.webp');background-position:center,66% center}
.driver-scene img{object-position:65% 25%}
@media(max-width:760px){.driver-scene img{object-position:66% 20%}}

/* Give the mobile document list the available browser viewport. */
@media(max-width:760px){
  #app[data-page="dashboard"]{height:100dvh;height:var(--visible-height,100dvh);min-height:0;overflow:hidden}
  #app[data-page="dashboard"]>.site-header,
  #app[data-page="dashboard"]>.site-footer{display:none}
  #app[data-page="dashboard"]>main{padding:0;flex:1;min-height:0;overflow:hidden}
  #app[data-page="dashboard"] .dashboard{height:100%;min-height:0;margin:0;border:0;border-radius:0;display:flex;flex-direction:column;box-shadow:none}
  #app[data-page="dashboard"] .dashboard-main{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
  #app[data-page="dashboard"] .dashboard-header{padding:8px 16px;min-height:60px;gap:8px;flex-wrap:nowrap;align-items:center;flex-shrink:0}
  #app[data-page="dashboard"] .dashboard-header .intro-tag,
  #app[data-page="dashboard"] .dashboard-header p,
  #app[data-page="dashboard"] .dashboard-counter{display:none}
  #app[data-page="dashboard"] .dashboard-header h1{font-size:24px;line-height:1.1;letter-spacing:-.04em;margin:0}
  #app[data-page="dashboard"] .dashboard-header-actions{flex-wrap:nowrap;margin-left:auto}
  #app[data-page="dashboard"] .dashboard-chat-link{min-height:44px;padding:8px 10px;font-size:11px}
  #app[data-page="dashboard"] .dashboard-summary{margin:0 16px;padding:9px 12px;border-radius:12px;flex-shrink:0}
  #app[data-page="dashboard"] .dashboard-summary strong{font-size:12px}
  #app[data-page="dashboard"] .dashboard-summary .progress-track{margin-top:6px;height:5px}
  #app[data-page="dashboard"] .document-filters{padding:8px 16px;gap:6px;flex-wrap:nowrap;overflow-x:auto;flex-shrink:0;scrollbar-width:none}
  #app[data-page="dashboard"] .document-filters button{flex-shrink:0;min-height:44px;padding:8px 11px;font-size:12px;white-space:nowrap}
  #app[data-page="dashboard"] .document-filters .mobile-profile{margin-left:0}
  #app[data-page="dashboard"] .dashboard-scroll{flex:1;min-height:0;padding:0 16px 20px;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
  #app[data-page="dashboard"] .dashboard-note{flex-shrink:0;min-height:60px;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px));gap:8px;flex-wrap:nowrap;align-items:center}
  #app[data-page="dashboard"] .dashboard-note>.icon{display:none}
  #app[data-page="dashboard"] .dashboard-note>span{font-size:11px;flex:1;min-width:0}
  #app[data-page="dashboard"] .submit-dossier{width:auto;flex:0 0 auto;min-height:44px;font-size:12px;padding:10px 14px;margin-left:auto}
}

/* Keep the driver welcome and application inside the available viewport. */
html:has(#app[data-page="welcome"]),body:has(#app[data-page="welcome"]){height:100%;overflow:hidden}
#app[data-page="welcome"]{box-sizing:border-box;height:100dvh;min-height:0;display:flex;flex-direction:column;padding:clamp(12px,2dvh,24px);overflow:hidden}
#app[data-page="welcome"]>main{display:flex;flex:1;min-height:0}
#app[data-page="welcome"] .welcome{display:grid;grid-template-rows:minmax(0,1fr) auto;flex:1;min-height:0}
#app[data-page="welcome"] .site-header{top:clamp(12px,2dvh,24px);left:clamp(12px,2dvh,24px);right:clamp(12px,2dvh,24px);height:70px;padding:10px 36px}
#app[data-page="welcome"] .site-header .wordmark{font-size:44px}
#app[data-page="welcome"] .welcome .hero{height:auto;min-height:0}
#app[data-page="welcome"] .driver-hero-copy{padding:clamp(82px,14dvh,150px) 36px 24px}
#app[data-page="welcome"] .driver-badge{padding:7px 18px;font-size:14px;margin-bottom:12px}
#app[data-page="welcome"] .hero h1{font-size:clamp(42px,min(7.5vw,10dvh),112px);margin:0 0 12px}
#app[data-page="welcome"] .hero p{font-size:clamp(18px,3dvh,28px)}
#app[data-page="welcome"] .welcome-body{margin-top:-50px;padding:20px 32px;gap:12px 28px}
#app[data-page="welcome"] .welcome-body h2{font-size:clamp(24px,2.5vw,34px);margin-top:8px}
#app[data-page="welcome"] .welcome-body .intro-copy{font-size:14px;margin-top:8px;line-height:1.4}
#app[data-page="welcome"] .welcome-body .mission{margin-top:4px}
#app[data-page="welcome"] .welcome-body .benefits{padding-top:12px;gap:14px}
#app[data-page="welcome"] .site-footer{flex-shrink:0;min-height:44px;margin:0;padding:0 36px;flex-wrap:nowrap}
#app[data-page="welcome"] .site-footer .save-status{display:none}
#app[data-page="chat"] .onboarding{flex:1;min-height:0;height:auto}
html:has(#app[data-page="dashboard"]),body:has(#app[data-page="dashboard"]){height:100%;min-height:0;overflow:hidden}
#app[data-page="dashboard"]{height:100dvh;min-height:0;overflow:hidden}
#app[data-page="dashboard"]>main{flex:1;min-height:0;overflow:hidden}
#app[data-page="dashboard"] .dashboard{flex:1;min-height:0;overflow:hidden}
#app[data-page="dashboard"] .dashboard-main{min-height:0;overflow:hidden}
#app[data-page="dashboard"] .dashboard-scroll{flex:1;min-height:0;overflow:auto}
#app[data-page="dashboard"] .dashboard-side{overflow-y:auto}
@media(max-width:760px){
 #app[data-page="welcome"]{padding:0}
 #app[data-page="welcome"] .site-header{top:0;left:0;right:0;height:60px;padding:8px 22px}
 #app[data-page="welcome"] .site-header .wordmark{font-size:36px}
 #app[data-page="welcome"] .header-links{gap:10px;flex-wrap:nowrap}
 #app[data-page="welcome"] .help-link{font-size:11px}
 #app[data-page="welcome"] .driver-hero-copy{padding:clamp(68px,12dvh,105px) 22px 24px}
 #app[data-page="welcome"] .hero h1{font-size:clamp(32px,min(11vw,7.5dvh),58px);line-height:.98;margin-bottom:12px}
 #app[data-page="welcome"] .hero p{font-size:clamp(17px,2.8dvh,22px);line-height:1.2}
 #app[data-page="welcome"] .welcome-body{width:100%;margin-top:-18px;padding:16px 22px 10px;gap:0;border-radius:26px 26px 0 0}
 #app[data-page="welcome"] .welcome-body h2{font-size:24px;margin-top:6px;line-height:1.1}
 #app[data-page="welcome"] .welcome-body .intro-tag{font-size:9px}
 #app[data-page="welcome"] .intro-copy,#app[data-page="welcome"] .mission,#app[data-page="welcome"] .benefits{display:none}
 #app[data-page="welcome"] .welcome-actions{margin-top:12px}
 #app[data-page="welcome"] .welcome-actions .start{min-height:46px;font-size:14px;margin:0}
 #app[data-page="welcome"] .welcome-actions .resume{min-height:44px;margin:2px 0 0;font-size:12px}
 #app[data-page="welcome"] .welcome-actions .secure{font-size:11px;margin-top:2px;line-height:1.4}
 #app[data-page="welcome"] .site-footer{padding:0 22px calc(env(safe-area-inset-bottom,0px));justify-content:flex-end;background:var(--ivory);min-height:44px}
 #app[data-page="welcome"] .footer-brand{display:none}
 #app[data-page="chat"]>.site-header,#app[data-page="chat"]>.site-footer{display:none}
 #app[data-page="chat"]>main{padding:0;min-height:0;flex:1}
 #app[data-page="chat"] .onboarding{height:100%;min-height:0;border:0;border-radius:0}
 #app[data-page="chat"] .composer-area{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}
}
@media(min-width:761px) and (max-height:480px){
 #app[data-page="dashboard"]>.site-header,#app[data-page="dashboard"]>.site-footer,
 #app[data-page="chat"]>.site-header,#app[data-page="chat"]>.site-footer{display:none}
 #app[data-page="dashboard"]>main,#app[data-page="chat"]>main{padding:0}
 #app[data-page="dashboard"] .dashboard{margin:0;border-radius:0}
 #app[data-page="dashboard"] .dashboard-header{padding:8px 18px;min-height:60px}
 #app[data-page="dashboard"] .dashboard-header .intro-tag,#app[data-page="dashboard"] .dashboard-header p,#app[data-page="dashboard"] .dashboard-counter{display:none}
 #app[data-page="dashboard"] .dashboard-header h1{font-size:24px;margin:0}
 #app[data-page="dashboard"] .dashboard-summary{margin:0 18px;padding:8px 12px}
 #app[data-page="dashboard"] .document-filters{padding:8px 18px}
 #app[data-page="dashboard"] .document-filters button{min-height:44px;padding:7px 10px}
 #app[data-page="dashboard"] .dashboard-note{padding:8px 18px;flex-wrap:nowrap}
 #app[data-page="welcome"] .welcome{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:minmax(0,1fr);gap:16px}
 #app[data-page="welcome"] .site-header{right:calc(55% + 8px);height:58px;padding:6px 16px}
 #app[data-page="welcome"] .header-label,#app[data-page="welcome"] .header-links{display:none}
 #app[data-page="welcome"] .driver-hero-copy{padding:70px 16px 16px}
 #app[data-page="welcome"] .hero h1{font-size:clamp(30px,9dvh,42px)}
 #app[data-page="welcome"] .hero p{font-size:17px}
 #app[data-page="welcome"] .welcome-body{width:100%;margin:0;padding:16px;display:flex;flex-direction:column;justify-content:center;gap:8px}
 #app[data-page="welcome"] .welcome-body h2{font-size:22px}
 #app[data-page="welcome"] .welcome-body .intro-copy{font-size:12px}
 #app[data-page="welcome"] .welcome-body .mission,#app[data-page="welcome"] .welcome-body .benefits,#app[data-page="welcome"] .action-eyebrow{display:none}
 #app[data-page="welcome"] .welcome-actions .start{min-height:44px;margin-top:4px;font-size:13px}
}

/* A balanced photo and application panel on desktop. */
@media(min-width:761px){
 #app[data-page="welcome"]{padding:0 clamp(16px,2vw,32px) 12px;gap:0}
 #app[data-page="welcome"] .site-header{position:static;width:100%;height:68px;min-height:60px;padding:0 18px;color:#080808;flex-shrink:0}
 #app[data-page="welcome"] .site-header .wordmark{font-size:40px}
 #app[data-page="welcome"] .header-label{color:#6d7280;display:block}
 #app[data-page="welcome"] .header-links{display:flex;gap:24px}
 #app[data-page="welcome"] .site-header :focus-visible{outline-color:#a87800}
 #app[data-page="welcome"] .welcome{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:clamp(18px,2.5vw,40px)}
 #app[data-page="welcome"] .welcome .hero{border-radius:26px;height:100%;min-width:0}
 #app[data-page="welcome"] .driver-scene img{object-position:62% center}
 #app[data-page="welcome"] .driver-wash{background:linear-gradient(90deg,#08161d88,#08161d22 70%),linear-gradient(180deg,#08161d33,transparent 60%)}
 #app[data-page="welcome"] .driver-hero-copy{padding:clamp(44px,10dvh,105px) clamp(24px,3vw,48px) 30px}
 #app[data-page="welcome"] .driver-badge{font-size:13px;padding:9px 18px;margin-bottom:20px}
 #app[data-page="welcome"] .hero h1{font-size:clamp(34px,min(4.8vw,8dvh),78px);line-height:.98;letter-spacing:-.055em;margin-bottom:20px}
 #app[data-page="welcome"] .hero p{font-size:clamp(17px,1.6vw,25px);font-weight:600;line-height:1.35;max-width:520px}
 #app[data-page="welcome"] .welcome-body{width:100%;height:100%;min-width:0;margin:0;padding:clamp(22px,3vw,46px);display:flex;flex-direction:column;justify-content:center;gap:0;border:1px solid #e4dfd6;border-radius:26px;box-shadow:0 12px 36px #32291c08}
 #app[data-page="welcome"] .welcome-body .intro-tag{font-size:10px;letter-spacing:1.5px}
 #app[data-page="welcome"] .welcome-body h2{font-size:clamp(26px,min(3vw,5dvh),44px);line-height:1.05;margin-top:12px}
 #app[data-page="welcome"] .welcome-body .intro-copy{font-size:clamp(13px,1.1vw,16px);line-height:1.5;margin-top:16px}
 #app[data-page="welcome"] .welcome-body .mission,#app[data-page="welcome"] .action-eyebrow{display:none}
 #app[data-page="welcome"] .welcome-actions{width:100%;margin-top:24px}
 #app[data-page="welcome"] .welcome-actions .start{width:100%;min-height:54px;display:flex;justify-content:center;font-size:15px;padding:13px 18px;margin:0;white-space:nowrap;gap:10px}
 #app[data-page="welcome"] .welcome-actions .start .icon{flex-shrink:0}
 #app[data-page="welcome"] .welcome-actions .resume{min-height:44px;margin:4px 0 0;font-size:12px;line-height:1.4}
 #app[data-page="welcome"] .welcome-actions .secure{font-size:11px;line-height:1.45;gap:8px;margin-top:8px;max-width:none}
 #app[data-page="welcome"] .welcome-body .benefits{display:grid;grid-template-columns:1fr;gap:14px;margin-top:24px;padding-top:22px}
 #app[data-page="welcome"] .welcome-body .benefits>div{min-height:36px;gap:12px}
 #app[data-page="welcome"] .benefit-icon{width:34px;height:34px;border-radius:11px}
 #app[data-page="welcome"] .benefit-icon .icon{width:18px;height:18px}
 #app[data-page="welcome"] .welcome-body .benefits strong{font-size:13px}
 #app[data-page="welcome"] .welcome-body .benefits small{font-size:11px;margin-top:2px}
 #app[data-page="welcome"] .site-footer{padding:0 18px;min-height:42px}
}
@media(min-width:761px) and (max-height:750px){
 #app[data-page="welcome"] .welcome-body{padding:20px 26px}
 #app[data-page="welcome"] .welcome-body .benefits{display:none}
 #app[data-page="welcome"] .welcome-actions{margin-top:18px}
}
@media(min-width:761px) and (max-height:480px){
 #app[data-page="welcome"] .site-header{height:50px;min-height:50px}
 #app[data-page="welcome"] .header-label{display:none}
 #app[data-page="welcome"] .driver-hero-copy{padding:25px 22px}
 #app[data-page="welcome"] .driver-badge{margin-bottom:12px;font-size:12px}
 #app[data-page="welcome"] .hero h1{font-size:32px;margin-bottom:12px}
 #app[data-page="welcome"] .welcome-body{padding:14px 20px}
 #app[data-page="welcome"] .welcome-body .intro-tag,#app[data-page="welcome"] .welcome-body .intro-copy{display:none}
 #app[data-page="welcome"] .welcome-body h2{font-size:25px;margin-top:0}
 #app[data-page="welcome"] .welcome-actions{margin-top:14px}
 #app[data-page="welcome"] .welcome-actions .start{font-size:12px;min-height:44px;padding:10px}
}
/* Public language controls; the administration keeps its own French interface. */
.site-language{flex-shrink:0;color:inherit}
.site-language .language-buttons{display:flex;align-items:center;gap:0}
.site-language button{min-height:44px;min-width:44px;font:inherit;font-size:12px;padding:5px;color:inherit;opacity:.65}
.site-language button[aria-pressed=true]{opacity:1;font-weight:800;text-decoration:underline;text-underline-offset:5px}
.site-language select{display:none;font:inherit;font-size:16px;min-height:44px;min-width:64px;border:1px solid #dcd8ce;background:var(--ivory);color:#080808;border-radius:12px;padding:0 8px}
.progress-row .site-language{margin-left:auto}
.header-links{display:flex;align-items:center;gap:20px}
.dashboard-header-actions .site-language{margin-left:8px}
@media(max-width:1100px){#app[data-page="welcome"] .header-label{display:none}#app[data-page="welcome"] .header-links{gap:14px}}
@media(max-width:760px){
 .site-language .language-buttons{display:none}.site-language select{display:block}
 #app[data-page="welcome"] .site-header .header-links{flex-wrap:nowrap;gap:12px}
 #app[data-page="welcome"] .header-links>a{display:none}
 #app[data-page="chat"] .progress-row{gap:10px;padding:8px 16px}
 #app[data-page="chat"] .progress-row>span{font-size:10px;max-width:95px}
 #app[data-page="dashboard"] .dashboard-chat-link{font-size:0;padding:8px;min-width:44px}
 #app[data-page="dashboard"] .dashboard-chat-link .icon{width:20px;height:20px}
 #app[data-page="dashboard"] .dashboard-header h1{font-size:21px}
 #app[data-page="dashboard"] .dashboard-header-actions{gap:4px}
 #app[data-page="dashboard"] .dashboard-header-actions .site-language{margin-left:0}
}
@media(min-width:761px) and (max-width:1000px){.dashboard-header .site-language .language-buttons{display:none}.dashboard-header .site-language select{display:block}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.wordmark{display:inline-flex;align-items:center;--beez-logo-width:134px}.footer-brand .wordmark{--beez-logo-width:78px}#app[data-page="welcome"] .site-header .brand{background:#fbf9f4;padding:8px 12px;border-radius:12px;box-shadow:0 3px 14px #0000000d}@media(max-width:760px){.site-header .wordmark{--beez-logo-width:106px}#app[data-page="welcome"] .site-header .brand{padding:6px 10px;border-radius:10px}.footer-brand .wordmark{--beez-logo-width:72px}}
.company-suggestion{display:grid;gap:9px;border:1px solid #e7d674;border-radius:16px;background:#fffbee;padding:16px;margin:16px 0;max-width:100%;overflow-wrap:anywhere;text-align:left}.company-suggestion p{margin:0;font-size:14px;line-height:1.5}.company-suggestion strong{font-size:17px;line-height:1.35}.company-suggestion small{font-size:12px;line-height:1.5;color:#6e716c}.company-suggestion label{display:grid;gap:7px;font-size:13px;min-width:0}.company-suggestion select{width:100%;max-width:100%;font:inherit;font-size:16px;min-height:44px;padding:10px;border:1px solid #ddd7bd;border-radius:9px;background:#fff}.company-match-label{font-size:11px;font-weight:800;letter-spacing:.04em;color:#7f7133}.company-apply{justify-self:start;min-height:44px;background:#ffe130;padding:10px 16px;border:1px solid #e0c726;border-radius:24px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.company-apply:disabled{opacity:.6;cursor:wait}.profile-fields>.company-suggestion{grid-column:1/-1}.company-suggestion select:focus-visible,.company-apply:focus-visible{outline:3px solid #958122;outline-offset:3px}
.service-zone-picker{width:100%;max-width:560px;margin:16px 0;padding:18px;border:1px solid #ddd9cd;border-radius:18px;background:#fffdf7;overflow:hidden}.zone-heading strong{display:block;font-size:17px;line-height:1.35}.zone-heading p{font-size:13px;line-height:1.5;color:#737669;margin:8px 0 14px}.zone-toolbar{display:flex;gap:8px;flex-wrap:wrap}.zone-toolbar button{min-height:44px;padding:8px 14px;font:inherit;font-size:13px;font-weight:650;background:#f2f0e9;border:1px solid #dfdbd0;border-radius:22px;cursor:pointer}.communes-map{display:block;width:100%;height:320px;margin:10px 0;background:#f5f5ed;border-radius:14px;touch-action:manipulation}.commune-region{cursor:pointer;outline:none}.commune-region path{fill:#dce4d8;stroke:#fffdf7;stroke-width:2;vector-effect:non-scaling-stroke;transition:fill .15s}.commune-region.is-selected path{fill:#ffe130}.commune-region:hover path{stroke:#7c825f;stroke-width:2}.commune-region:focus-visible path{stroke:#151611;stroke-width:3}.commune-region text{font-size:21px;font-weight:750;fill:#39442e;pointer-events:none}.zone-map-name{min-height:24px;color:#434d36;font-size:13px;margin:10px 0;line-height:1.5}.zone-list summary{cursor:pointer;font-size:13px;font-weight:650;padding:12px 0;min-height:44px}.zone-checkboxes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px;margin:8px 0 12px}.zone-checkboxes label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;line-height:1.4;cursor:pointer;overflow-wrap:anywhere}.zone-checkboxes input{width:18px;height:18px;min-height:18px;margin:0;accent-color:#a68b00;flex-shrink:0}.zone-count{font-size:13px;font-weight:700;margin:12px 0;line-height:1.5}.zone-chips{display:flex;gap:6px;flex-wrap:wrap;max-height:144px;overflow-y:auto}.zone-chip{min-height:44px;padding:8px 11px;background:#fff7ce;border:1px solid #e2d69d;border-radius:24px;font:inherit;font-size:12px;cursor:pointer}.zone-map-source{display:block;font-size:10px;color:#7a8070;margin:16px 0 4px;text-decoration:underline;line-height:1.5}.zone-confirm{min-height:48px;width:100%;margin-top:12px;border:1px solid #e3c927;border-radius:30px;background:#ffe130;font:inherit;font-size:14px;font-weight:750;cursor:pointer}.zone-confirm:disabled{background:#f0eee5;border-color:#dfddcf;color:#9c9e94;cursor:default}.profile-zone-field{grid-column:1/-1;min-width:0}.profile-zone-field>strong{font-size:13px}.profile-zone-field .service-zone-picker{max-width:none;margin:10px 0}.service-zone-picker button:focus-visible,.zone-list summary:focus-visible,.zone-checkboxes input:focus-visible{outline:3px solid #ac961b;outline-offset:3px}@media(max-width:480px){.service-zone-picker{padding:14px}.communes-map{height:295px}.zone-checkboxes{grid-template-columns:1fr}.zone-checkboxes label{font-size:14px}.zone-toolbar button{font-size:13px}.profile-zone-field{grid-column:auto}}
.communes-map .commune-number{font-size:21px;font-weight:750;fill:#39442e;pointer-events:none;paint-order:stroke;stroke:#fffdf780;stroke-width:2px}.composer-area .zone-confirm{margin:0}
/* V18: the working area occupies the complete right-hand panel. */
.zone-panel{background:#f6f5ee;overflow:hidden}
.zone-panel-header{display:flex;align-items:center;gap:12px;padding:12px 22px;border-bottom:1px solid #e4e1d7;flex-shrink:0;background:var(--ivory)}
.zone-panel-header h2{font-size:20px;letter-spacing:-.03em;margin-right:auto}
.zone-panel-header .chat-dashboard-link{min-width:44px;padding:8px;margin-left:0}
.zone-workspace{flex:1;min-height:0;min-width:0;display:flex}
.zone-workspace .service-zone-picker{max-width:none;width:100%;height:100%;margin:0;padding:18px 24px 8px;border:0;border-radius:0;background:transparent;display:flex;flex-direction:column;position:relative;overflow:hidden}
.zone-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-shrink:0}
.zone-heading strong{font-size:18px}
.zone-heading p{margin:5px 0 0}
.zone-top .zone-toolbar{flex-shrink:0}
.zone-map-stage{min-width:0}
.commune-map-label{pointer-events:none}.commune-map-label.is-callout{cursor:pointer;pointer-events:auto}
.commune-map-label .commune-name{font-size:var(--commune-font-size,18px);font-weight:700;fill:#26382c;paint-order:stroke;stroke:#f6f5eef2;stroke-width:5px;stroke-linejoin:round}
.commune-map-label.is-selected .commune-name{fill:#151c12;stroke:#fff3a6;stroke-width:6px}
.commune-leaders{pointer-events:none}
.commune-leaders polyline{fill:none;stroke:#73836f;stroke-width:1;vector-effect:non-scaling-stroke}
.commune-leaders circle{fill:#53654e}
.commune-region path{stroke-width:1.4}
.commune-region:hover path{fill:#bfd0b9}
.commune-region.is-selected:hover path{fill:#f4d417}
.zone-map-stage .communes-map{height:420px;background:transparent;margin:6px 0;width:100%}
.zone-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.zone-bottom .zone-count{margin:0}
.zone-bottom .zone-list summary{padding:8px 0}
.zone-workspace .zone-map-stage{flex:1;min-height:0;display:flex;overflow:hidden}
.zone-workspace .communes-map{height:100%;margin:0;border-radius:0}
.zone-workspace .zone-chips,.zone-workspace .zone-map-name{display:none}
.zone-workspace .zone-map-source{font-size:9px;margin:2px 0 0;flex-shrink:0;opacity:.75}
.zone-workspace .zone-list[open]{position:absolute;right:24px;bottom:30px;width:min(470px,calc(100% - 48px));max-height:calc(100% - 100px);overflow:auto;padding:8px 16px;background:#fffdf7;border:1px solid #d7d5c9;border-radius:16px;box-shadow:0 10px 35px #24302420;z-index:2}
.zone-panel-footer{padding:10px 24px 16px;border-top:1px solid #e4e1d7;background:var(--ivory)}
.zone-panel-footer .zone-confirm{max-width:600px;margin:0 auto}
.profile-zone-field .service-zone-picker{padding:14px}
.profile-zone-field .zone-top{display:block}
.profile-zone-field .zone-toolbar{margin-top:12px}
.profile-zone-field .zone-bottom{display:block}
.profile-zone-field .zone-map-name{display:none}
@media(max-width:1050px){.zone-top{align-items:start;flex-direction:column;gap:10px}.zone-heading p{font-size:12px}.zone-map-stage .communes-map{height:360px}}
@media(max-width:760px){
 .zone-panel-header{padding:8px 12px;gap:8px}
 .zone-panel-header h2{font-size:17px}
 .zone-panel-header .chat-dashboard-link{display:none}
 .zone-workspace .service-zone-picker{padding:12px 12px 4px}
 .zone-heading strong{font-size:16px}
 .zone-heading p{font-size:12px;line-height:1.4;max-width:340px}
 .zone-top{gap:8px}
 .zone-toolbar button{font-size:12px;min-height:44px;padding:7px 13px}
 .zone-bottom{align-items:start;flex-direction:column;gap:0}
 .zone-bottom .zone-count{font-size:12px}
 .zone-bottom .zone-list summary{font-size:12px}
 .zone-workspace .zone-list[open]{right:12px;bottom:20px;width:calc(100% - 24px);max-height:calc(100% - 80px)}
 .zone-panel-footer{padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px))}
}
@media(max-height:650px){.zone-panel-header{padding-top:4px;padding-bottom:4px}.zone-workspace .service-zone-picker{padding-top:8px}.zone-heading p,.zone-workspace .zone-map-source{display:none}.zone-top{flex-direction:row;align-items:center;gap:8px}.zone-heading strong{font-size:14px}.zone-toolbar button{padding:5px 10px}.zone-panel-footer{padding-top:6px;padding-bottom:6px}}
/* V19 — individual document decisions */
.driver-document-review{display:inline-block;width:fit-content;padding:5px 8px;margin:6px 0;background:#f0eee8;border-radius:8px;font-size:12px}.driver-document-review.review-accepted{background:#e5f6e8;color:#236b39}.driver-document-review.review-rejected{background:#fff0e9;color:#963d20}.driver-document-reason{margin:8px 0;color:#963d20;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.stored-file>div>span{min-width:0}

.driver-logout{min-height:44px;padding:0 14px;border:1px solid #ddd9d1;border-radius:999px}.driver-logout:disabled{opacity:.6;cursor:wait}@media(max-width:760px){.site-header .header-links{gap:8px;flex-wrap:wrap;justify-content:flex-end}.driver-logout{padding:0 9px}}