@import url("colors_and_type.css");
*{box-sizing:border-box}body{margin:0;background:#eaf1f3;color:var(--bqt-navy);font-family:var(--bqt-font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:wait;opacity:.55}button:active{transform:scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--bqt-teal);outline-offset:3px}h1,h2,h3,p{margin:0}svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.workspace{display:grid;grid-template-columns:440px 440px;gap:100px;justify-content:center;align-items:start;padding:36px 32px}.design-note{position:sticky;top:64px;padding-top:28px}.wordmark{font-size:28px;font-weight:700;letter-spacing:4px;color:var(--bqt-teal-deep)}.wordmark span{display:block;font-family:var(--bqt-font-display);font-size:9px;letter-spacing:3px}.edition{font-size:12px;color:#566b75;letter-spacing:2px;margin-top:64px}.design-note h1{font-size:36px;line-height:1.5;margin:20px 0}.design-note p{font-size:17px;color:#566b75}.design-note nav{display:grid;margin-top:48px;gap:12px}.design-note nav a{border-top:1px solid #ccdadd;padding:16px 0;font-weight:700}.design-note nav span{display:block;font-size:13px;color:#63747d;font-weight:400}.aside-footer{font-size:12px;margin-top:56px;color:#63747d}.app{min-height:850px;background:var(--bqt-mint-bg);box-shadow:0 16px 60px #13204012;border-radius:28px;overflow:clip;position:relative}.app-header{padding:20px 20px 12px;display:flex;align-items:center;gap:10px;background:#d9f0f2}.logo-dot{width:34px;height:34px;border-radius:50%;object-fit:cover}.app-header strong{font-size:17px}.app-header .header-link{margin-left:auto;font-size:12px;border:1px solid #b4d7da;padding:5px 10px;border-radius:20px;color:#34616a}.switcher{display:flex;padding:4px;background:#fff9;border-radius:12px;gap:4px;margin:0 20px}.switcher a{flex:1;text-align:center;font-size:13px;padding:8px;border-radius:9px}.switcher .active{background:white;color:var(--bqt-teal-deep);box-shadow:0 2px 8px #13204009;font-weight:700}.sky{background:linear-gradient(180deg,#d9f0f2,#f4f9fa);padding-bottom:12px}.hero{padding:26px 20px 22px;position:relative;min-height:190px}.eyebrow{font-size:12px;letter-spacing:1px;color:#356e75;margin-bottom:10px}.hero h1{font-size:29px;line-height:1.35;letter-spacing:-.8px;position:relative;z-index:1}.hero h1 em{font-style:normal;color:var(--bqt-teal-deep)}.hero p{font-size:13px;margin-top:12px;color:#546c77;max-width:260px}.hero-avatar{position:absolute;width:90px;height:100px;object-fit:contain;right:17px;top:36px;filter:drop-shadow(0 8px 8px #00828c12)}.hero .greeting{max-width:calc(100% - 90px)}.content{padding:0 20px 24px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:10px 0 12px}.section-head h2{font-size:18px}.section-head span{font-size:12px;color:#667c85}.scenes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scene{background:white;border-radius:16px;padding:18px 14px;text-align:left;color:var(--bqt-navy);position:relative;min-height:120px;box-shadow:0 3px 16px #13204004}.scene .icon-box{width:34px;height:34px;border-radius:10px;background:#e7f7f7;color:var(--bqt-teal-deep);display:grid;place-items:center;margin-bottom:10px}.scene strong{font-size:16px;display:block}.scene small{font-size:12px;color:#62727e;display:block;margin-top:4px}.scene .corner{position:absolute;right:12px;top:22px;width:16px;color:#8eb0b5}.scene.featured{grid-column:1/-1;display:flex;align-items:center;background:#fff;padding:18px;min-height:96px;border:1px solid #cee9e9}.scene.featured .icon-box{width:48px;height:48px;background:#d9f0f2;margin:0 14px 0 0}.scene.featured .corner{top:40px}.scene.featured strong{font-size:18px}.tag{display:inline-block;background:#e5f5f7;color:#00717a;padding:2px 8px;border-radius:6px;font-size:11px}.featured .tag{margin-left:10px;vertical-align:2px}.free-flow{display:flex;align-items:center;justify-content:space-between;padding:16px 4px;margin-top:6px;color:#637780;font-size:12px}.free-flow span{display:flex;align-items:center;gap:5px}.free-flow b{color:#00828c;font-family:var(--bqt-font-display);font-weight:700}.entry{background:var(--bqt-grad-teal-deep);border-radius:18px;padding:20px;color:white;margin-top:10px}.entry h3{font-size:18px}.entry p{font-size:13px;color:#cbe6e8;margin:6px 0 16px}.entry button{background:#fff;color:#006d75;width:100%;padding:12px;border-radius:10px;font-weight:700}.footnote{font-size:11px;color:#667d86;text-align:center;margin-top:20px;line-height:1.8}.footnote a{text-decoration:underline}.subnav{display:flex;align-items:center;gap:8px;padding:14px 16px;background:#d9f0f2}.subnav button{background:none;color:#244e57;width:36px;height:36px;display:grid;place-items:center}.subnav strong{font-size:16px}.subnav .reset{margin-left:auto;font-size:12px;width:auto}.stepper{display:flex;gap:6px;margin:24px 0 10px}.stepper span{height:4px;border-radius:4px;background:#dfebec;flex:1}.stepper .done{background:var(--bqt-teal-deep)}.step-label{font-size:12px;color:#66818a;display:flex;justify-content:space-between}.question{background:white;padding:24px 20px;border-radius:20px;margin-top:20px;min-height:360px}.question h1{font-size:24px;line-height:1.5;margin:14px 0 8px}.question p{font-size:13px;color:#617781;margin-bottom:20px}.options{display:grid;gap:10px}.option{background:#f4f9fa;border:1px solid #e0edef;color:#24424b;padding:15px 14px;border-radius:12px;text-align:left;display:flex;justify-content:space-between;align-items:center}.option.selected{background:#e5f7f8;border-color:#00828c;color:#00717a}.option svg{width:18px}.primary{background:var(--bqt-teal-deep);color:white;border-radius:12px;padding:14px 18px;font-weight:700;min-height:48px}.wide{width:100%}.question .primary{margin-top:20px}.input-label{display:block;font-size:13px;margin:14px 0 6px}input,textarea{width:100%;border:1px solid #c7dadf;border-radius:10px;background:white;color:#132040;font-size:16px;padding:12px;min-width:0}textarea{resize:vertical;min-height:80px}.amount-result{font-size:14px;background:#e5f5f7;border-radius:10px;padding:12px;margin-top:12px;color:#00717a}.muted{font-size:12px;color:#657b84}.back-step{margin-top:14px;color:#59757d;background:none;padding:8px}.chat-screen{display:flex;flex-direction:column;min-height:850px;height:calc(100dvh - 72px);max-height:1000px}.chat-top{flex:none;background:#d9f0f2;padding-bottom:12px}.disclosure{text-align:center;font-size:10px;color:#57727b;margin:8px 12px 0}.chat-scroll{padding:20px;overflow-y:auto;overscroll-behavior:contain;flex:1;scroll-behavior:smooth;min-height:0}.chat-welcome{display:flex;align-items:center;gap:14px;margin:6px 0 24px}.chat-welcome img{width:68px;height:74px;object-fit:contain}.chat-welcome h1{font-size:24px;line-height:1.45}.chat-welcome p{font-size:13px;color:#5c737e}.chat-scene-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:22px}.chat-scene-grid button{background:#fff;padding:12px 8px;border:1px solid #deebed;border-radius:12px;color:#32636a;text-align:left;font-size:13px;display:flex;align-items:center;gap:8px}.chat-scene-grid svg{width:18px;height:18px}.bubble{padding:16px;background:#fff;border-radius:0 16px 16px;line-height:1.85;margin:10px 0 18px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.bubble.user{background:#d5f2f3;border-radius:16px 0 16px 16px;margin-left:35px}.sender{font-size:11px;color:#66808a;display:flex;align-items:center;gap:6px}.sender i{width:6px;height:6px;border-radius:50%;background:#00828c}.quick-replies{display:flex;flex-wrap:wrap;gap:8px;margin:-2px 0 24px}.quick-replies button{background:#fff;border:1px solid #c8e2e5;color:#00757c;padding:8px 12px;border-radius:20px;font-size:12px}.composer-wrap{background:white;border-top:1px solid #e0edef;padding:12px 16px max(12px,env(safe-area-inset-bottom));flex:none}.composer{display:flex;align-items:flex-end;gap:8px}.composer textarea{border:0;background:#f3f7f8;min-height:48px;max-height:120px;height:48px;resize:none;font-size:16px;line-height:24px;padding:12px}.composer button{height:48px;width:48px;flex:none;background:#00828c;border-radius:12px;display:grid;place-items:center;color:white}.composer-hint{font-size:10px;color:#6b8089;margin-top:7px;text-align:center}.typing{color:#46747c;display:flex;gap:10px;align-items:center;padding:16px;font-size:13px}.pulse{height:7px;width:7px;border-radius:50%;background:#00828c;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.25}}.error{background:#fff4ee;border-radius:12px;color:#884624;padding:14px;font-size:13px;margin-bottom:15px}.error button{background:white;border:1px solid #ddbca8;border-radius:8px;color:#884624;margin-top:8px;padding:6px 14px;display:block}.service-card{background:#fff;border:1px solid #c5e2e5;border-radius:16px;margin:-4px 0 22px;overflow:hidden}.service-card .service-body{padding:18px}.service-card h3{font-size:17px;margin:8px 0}.service-card p{font-size:13px;color:#586f7b}.service-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:10px}.price{font-family:var(--bqt-font-display);color:var(--bqt-orange);font-size:24px}.price small{font-family:var(--bqt-font-body);font-size:12px}.service-bottom button{background:#00828c;color:white;border-radius:9px;font-size:13px;padding:10px 14px}.service-caption{background:#f1f8f9;color:#607982;font-size:11px;padding:8px 18px}.summary{border-left:3px solid #00828c;background:#e8f4f4;border-radius:0 12px 12px 0;margin-bottom:20px;padding:12px 14px;font-size:13px}.summary strong{display:block;font-size:12px;color:#38727a;margin-bottom:5px}.compare{padding:24px 20px 32px}.compare h1{font-size:28px;line-height:1.4;margin:14px 0}.compare .intro{color:#586f7b;font-size:14px}.proposal{margin-top:24px;background:#fff;border-radius:20px;padding:24px 20px}.proposal .letter{font-family:var(--bqt-font-display);font-size:48px;line-height:1;color:#00828c}.proposal h2{font-size:23px;margin:12px 0 6px}.proposal p{font-size:14px;color:#526a75;margin:10px 0}.proposal ul{padding-left:20px;font-size:13px;color:#526a75}.proposal .primary{display:block;text-align:center;margin-top:20px}.flow-line{font-size:12px;background:#eef7f8;padding:12px;border-radius:10px;color:#326d73}.compare details{margin-top:20px;padding:16px;background:white;border-radius:14px;font-size:13px}.compare summary{font-weight:700;cursor:pointer}.compare details p{margin-top:12px;color:#536b76}.compare table{width:100%;border-collapse:collapse;font-size:12px;margin:24px 0;table-layout:fixed}.compare th,.compare td{padding:12px 6px;text-align:left;border-bottom:1px solid #d4e4e6;vertical-align:top}.compare th:first-child{width:22%}dialog{border:0;padding:24px;width:calc(100% - 32px);max-width:420px;border-radius:22px;color:#132040;box-shadow:0 24px 80px #00232644;max-height:85dvh;overflow:auto}dialog::backdrop{background:#00232666;backdrop-filter:blur(3px)}dialog h2{font-size:22px;margin:10px 0}dialog p{font-size:14px;color:#546d77;margin:12px 0}dialog ul{font-size:14px;padding-left:20px}.text-button{background:none;color:#00828c;padding:12px;min-height:44px}.close-dialog{display:block;margin:8px auto 0}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:10;background:#002326;color:white;border-radius:12px;font-size:13px;padding:12px 18px;max-width:90%;display:none}.needs-note{border-radius:12px;background:#fff5df;padding:12px;font-size:12px;color:#765124;margin-top:16px}.consent{font-size:11px;color:#637982;margin-top:14px}.compare .recommend{background:#e1f1f2;border-left:3px solid #00828c;padding:16px;margin:20px 0;font-size:13px}.app a:hover,.text-button:hover{color:#00666e}.primary:hover,.composer button:hover{background:#006a72}
@media(max-width:1050px){.workspace{grid-template-columns:340px 420px;gap:40px;padding:24px}.design-note h1{font-size:28px}.app{border-radius:24px}}
@media(max-width:860px){.workspace{display:block;padding:0}.design-note{display:none}.app{max-width:520px;margin:auto;border-radius:0;box-shadow:none;min-height:100dvh}.chat-screen{min-height:0;height:100dvh;max-height:none}.app-header{padding-top:max(18px,env(safe-area-inset-top))}.content{padding-bottom:max(24px,env(safe-area-inset-bottom))}body{background:#f4f9fa}.hero h1{font-size:28px}}
@media(max-width:360px){.content,.chat-scroll{padding-left:16px;padding-right:16px}.hero{padding-left:16px}.hero h1{font-size:25px}.hero-avatar{width:76px;right:12px}.scene{padding:14px 12px}.scene strong{font-size:15px}.scene small{font-size:11px}.switcher{margin:0 16px}.service-bottom{align-items:flex-start}.app-header{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.entry button{display:flex;align-items:center;justify-content:center;gap:8px}.service-bottom button{display:flex;align-items:center;gap:4px;white-space:nowrap}.service-bottom button svg{width:15px;height:15px}
/* Navigation remains available through every mobile step. */
.nav-icon,.nav-home{background:transparent;color:#285b65;min-height:40px;padding:6px;flex:none}.nav-icon{display:grid;place-items:center;width:32px}.nav-home{font-size:12px}.app-header{gap:6px}.app-header .logo-dot{width:28px;height:28px}.app-header strong{font-size:15px;white-space:nowrap}.app-header .header-link{padding:5px 8px;white-space:nowrap}.subnav .nav-home{margin-left:auto;width:auto}.chat-actions{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:0 20px;color:#386a72}.chat-actions button,.typing button{background:white;border:1px solid #bedadd;color:#236772;padding:7px 12px;border-radius:8px;white-space:nowrap}.typing{flex-wrap:wrap}.typing button{margin-left:auto}dialog .text-button:first-child{display:flex;align-items:center;padding-left:0}.chat-scroll{scroll-behavior:auto}
@media(max-width:848px){.chat-screen{height:var(--chat-height,100dvh)}.keyboard-open .chat-screen{position:fixed;top:var(--keyboard-offset,0px);left:0;right:0;max-width:520px;margin:auto;z-index:5}.keyboard-open .chat-top .switcher,.keyboard-open .disclosure{display:none}.keyboard-open .composer-hint{display:none}.keyboard-open .composer-wrap{padding-bottom:10px}.keyboard-open .app-header{padding-top:8px}}
