@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#080d4a;--green:#0088ee;--lime:#dff6ff;--cream:#f7fcff;--line:#b6e5fb;--muted:#52658a}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font:15px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}header{max-width:1440px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font:800 24px Manrope,sans-serif;letter-spacing:-1px}.brand small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:1.6px;margin-top:4px}.brandmark{font-size:35px}nav{display:flex;gap:6px}nav button{border:0;background:none;border-radius:28px;padding:11px 17px;font-size:13px}nav button.active{background:#e8f7ff}#saved-count{background:#fff;border-radius:50%;padding:2px 6px;font-size:10px}.header-help{font-size:12px;border-bottom:1px solid;padding-bottom:4px}main{max-width:1240px;margin:auto;padding:0 34px}.intro{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;padding:64px 0 55px;align-items:center}.eyebrow,.step{font-size:10px;font-weight:700;letter-spacing:1.7px}.eyebrow{margin:0 0 20px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}h1{font:500 clamp(40px,4.7vw,64px)/1.12 Manrope,sans-serif;letter-spacing:-3px;margin:18px 0 20px}em{font-style:normal;color:#0088ee}h2{font:600 26px/1.3 Manrope,sans-serif;letter-spacing:-1px;margin:18px 0 10px}.lede{font-size:16px;line-height:1.8;max-width:510px;color:var(--muted)}.intro-notes{display:flex;gap:22px;margin-top:27px;font-size:11px;color:var(--green)}.compass-card{height:280px;background:#ddf5ff;border-radius:120px 120px 20px 20px;position:relative;overflow:hidden;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #8bd7f6;border-radius:50%;width:215px;height:215px;top:16px}.orbit-two{width:160px;height:160px;top:43px}.compass-n{position:absolute;top:23px;font-size:9px}.compass{font-size:180px;line-height:1;color:var(--green);transform:rotate(27deg);margin-top:-24px;text-shadow:7px 10px 0 #b6e5fb}.compass-caption{position:absolute;bottom:0;background:#effaff;width:100%;padding:17px 25px;display:flex;align-items:center;gap:14px;font-size:12px}.compass-caption small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.mini-cloud{font-size:27px}.workspace{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white}.questionnaire{padding:32px}.section-top{display:flex;justify-content:space-between;gap:15px}.muted{color:var(--muted);font-size:12px;line-height:1.6}.section-top .muted{font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}form{margin-top:26px}label{display:block;font-size:12px;font-weight:600;margin-bottom:20px}select,input[type=search],textarea{display:block;background:#fcfeff;border:1px solid var(--line);border-radius:7px;width:100%;padding:12px;color:var(--ink);margin-top:8px;min-height:43px}textarea{resize:vertical}fieldset{margin:0 0 23px;padding:0;border:0}legend{font-size:12px;font-weight:600}.field-note{font-size:10px;color:var(--muted);font-weight:400;display:block;margin:5px 0 10px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choices label{background:#f3fbff;border:1px solid var(--line);padding:11px 8px;border-radius:6px;font-size:11px;margin:0;display:flex;gap:6px;align-items:center}.choices label:has(:checked){background:#e4f7ff;border-color:#0088ee}input[type=checkbox]{accent-color:var(--green)}.existing{display:flex;gap:8px;flex-wrap:wrap}.existing label{font-size:10px;margin:0;background:#edf8ff;padding:7px;border-radius:5px;font-weight:400}.primary,.outline{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;border:0;border-radius:7px;padding:14px 20px;background:var(--green);color:#fff;font-size:12px;font-weight:600}.primary:hover{background:#080d4a}.primary.full{width:100%}.privacy-note{font-size:10px;color:var(--muted);text-align:center;line-height:1.6}.error{color:#a53729;font-size:12px}.results-area{background:#effaff;padding:32px}#empty-state>p{color:var(--muted);font-size:13px;line-height:1.8;max-width:300px}.empty-illustration{display:grid;place-items:center;width:75px;height:75px;border:1px solid #a7ddf4;border-radius:50%;font-size:36px;color:#0088ee;margin:55px 0 27px}.preview-line{border-bottom:1px solid #b6e5fb;padding:17px 0;font-size:12px}.preview-line span{color:#5084a6;font-size:10px;margin-right:18px}.note{font-size:12px;line-height:1.8;margin-top:42px;color:var(--muted)}.help-banner{display:flex;align-items:center;gap:45px;justify-content:space-between;padding:42px 0}.help-banner h2{font-size:22px}.help-banner p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8;max-width:570px}.help-banner .eyebrow{margin-bottom:9px;font-size:9px}.outline{background:transparent;color:var(--ink);border:1px solid #63bce5;white-space:nowrap}.view:not(#advisor){padding:54px 0;min-height:65vh}.filters{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:30px 0}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tool-card{background:white;border:1px solid var(--line);padding:22px;border-radius:12px}.tool-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.tool-icon{width:37px;height:37px;background:#dff6ff;border-radius:9px;display:grid;place-items:center;font-size:17px;font-weight:700}.tool-card h3{margin:12px 0 7px;font:700 18px Manrope,sans-serif}.tool-card p{font-size:12px;line-height:1.75;color:var(--muted)}.tag{font-size:9px;background:#e4f7ff;padding:5px 8px;border-radius:20px}.tradeoff{border-left:2px solid #00bde9;padding-left:10px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;font-size:11px}.save-button{border:1px solid #8bd7f6;border-radius:5px;background:transparent;padding:7px 10px;font-size:11px}.save-button[aria-pressed=true]{background:var(--green);color:#fff}.source{font-size:10px;text-decoration:underline}.catalog-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:25px}.result-meta{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.result-meta span{font-size:10px;background:white;padding:6px 9px;border-radius:20px}#results .tool-card{margin:13px 0;padding:17px}#results .tool-card h3{font-size:16px}.result-note{font-size:12px;line-height:1.8;color:var(--muted)}.action-plan{font-size:12px;line-height:1.8;padding-left:20px}.text-button{background:transparent;border:0;text-decoration:underline;font-size:12px;padding:12px}.saved-actions{display:flex;gap:15px;margin-top:24px}#saved-list{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.saved-empty{padding:30px;background:#effaff;border-radius:12px;grid-column:1/-1}.saved-empty p{font-size:13px;color:var(--muted)}footer{border-top:1px solid var(--line);max-width:1240px;margin:auto;padding:28px 34px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}footer .brand{font-size:18px}footer p,footer>span{font-size:10px;color:var(--muted)}footer>span{margin-left:auto}footer details{flex-basis:100%;font-size:11px;color:var(--muted)}footer details p{line-height:1.8;max-width:850px}summary{cursor:pointer}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:8px;padding:12px 22px;font-size:12px;box-shadow:0 6px 20px #0002;display:none;z-index:10}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:white;padding:15px}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:850px){.header-help{display:none}.intro{gap:30px}.intro-notes{gap:12px;flex-wrap:wrap}.workspace{grid-template-columns:1fr}.results-area{min-height:400px}.empty-illustration{margin-top:30px}.help-banner{align-items:flex-start;flex-direction:column;gap:15px}h1{letter-spacing:-2px}.questionnaire,.results-area{padding:25px}}@media(max-width:560px){header{padding:20px;flex-wrap:wrap;gap:18px}.brand{font-size:22px}nav{width:100%;justify-content:space-between}nav button{padding:9px 13px}main{padding:0 20px}.intro{padding:35px 0;grid-template-columns:1fr;gap:20px}.compass-card{height:170px;border-radius:70px 70px 12px 12px}.compass{font-size:110px}.orbit{height:140px;width:140px;top:0}.orbit-two{height:100px;width:100px;top:20px}.compass-n{top:5px}.compass-caption{padding:9px 20px}.intro-notes{font-size:10px}h1{font-size:43px}.eyebrow{font-size:9px;line-height:1.7}.form-grid{grid-template-columns:1fr;gap:0}.choices{grid-template-columns:1fr}.catalog,#saved-list{grid-template-columns:1fr}.filters{grid-template-columns:1fr;gap:0}footer{padding:25px 20px}footer>span{margin-left:0}.workspace{border-radius:12px}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s ease}.tool-card{animation:appear .25s ease}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}

/* In the Clouds Technology brand + connected services */
:root{--navy:#080d4a;--blue:#0088ee;--cyan:#00bde9}.brandmark{color:var(--blue)}.primary{background:var(--navy);border-radius:28px}.primary:hover{background:#173c90}.primary span{color:var(--cyan)}.compass-card{background:linear-gradient(150deg,#e8f9ff,#dcedff)}.compass{color:var(--blue)}.help-banner{border-top:1px solid var(--line);margin-top:30px}.outline:hover{background:#e5f7ff}input:not([type=checkbox]),textarea,select{font:inherit;color:var(--ink)}input:not([type=checkbox]){display:block;width:100%;border:1px solid var(--line);background:#fcfeff;padding:12px;border-radius:7px;margin-top:8px}button:disabled{opacity:.6;cursor:wait}.ai-panel{padding:22px;background:white;border:1px solid #a7def7;border-radius:12px;margin-bottom:28px;box-shadow:0 8px 24px #0088ee0a}.ai-badge{font-size:10px;color:#0074b8}.conversation:empty{display:none}.chat-message{padding:15px;border-radius:10px;background:#effaff;margin:12px 0;overflow-wrap:anywhere}.chat-message.user{background:#f4f7fc}.chat-message strong{font-size:10px;letter-spacing:.04em}.chat-message p{white-space:pre-wrap;font-size:13px;line-height:1.8;margin-bottom:0}.chat-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ai-panel textarea{margin-bottom:14px}.ai-panel label{margin-bottom:4px}#ai-status.error{color:#a53729}.quote-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;margin-top:35px;align-items:start}.quote-card{padding:30px;background:white;border:1px solid var(--line);border-radius:15px}.quote-card form{margin-top:0}.quote-aside{background:linear-gradient(130deg,#effaff,#e0f1ff);border-radius:16px;padding:35px}.quote-aside p{font-size:13px;line-height:1.8;color:var(--muted)}.quote-options label{font-weight:400;line-height:1.7;display:flex;align-items:flex-start;gap:8px}.quote-options input{flex-shrink:0;margin-top:4px}.quote-options{margin-bottom:24px}#quote-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 inherit;max-height:430px;overflow:auto;background:#effaff;padding:20px;border-radius:9px;margin:22px 0}.success-mark{display:grid;place-items:center;width:50px;height:50px;background:#dff6ff;border-radius:50%;font-size:24px;color:#0074b8}.honey{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#quote-status{overflow-wrap:anywhere}.ai-panel .outline{margin-top:10px}nav{flex-wrap:wrap}nav button{padding:11px 13px}#chat-form{margin-top:18px}.result-note strong{color:var(--navy)}@media(max-width:700px){.quote-layout{grid-template-columns:1fr}.quote-card{padding:22px}.ai-panel{padding:18px}.header-help{display:none}}@media(max-width:560px){nav{gap:2px}nav button{font-size:11px;padding:9px 8px}.quote-aside{padding:24px}}
.checked-date{font-size:10px!important;color:#52658a}.research-notes{font-size:11px;line-height:1.7;padding:12px 0;border-top:1px solid #d5eaf5;margin-top:12px}.research-notes summary{font-weight:600;color:#080d4a}.research-notes ul{padding-left:18px;color:#52658a}.source-links{display:flex;flex-wrap:wrap;gap:12px}.source-links a{text-decoration:underline;font-size:10px}#advice-sources{padding:12px 16px;background:#f5fbff;border:1px solid #cde9f8;border-radius:9px;margin:16px 0}#advice-sources h3{font-size:12px;margin:0 0 8px}.existing{max-height:200px;overflow:auto;padding:4px 2px}.choices label{align-items:flex-start}.catalog{align-items:start}
