:root{
  --navy:#0e2850;--navy-2:#183c68;--blue:#1476b7;--blue-light:#ecf7ff;
  --green:#13835d;--green-dark:#0b674b;--mint:#daf5ed;--ink:#13294b;
  --muted:#51627a;--line:#dfe9ee;--paper:#fff;--canvas:#fbfcfe;
  --shadow:0 13px 35px rgba(31,58,82,.09),0 3px 10px rgba(31,58,82,.035);
  --focus:#de6b12;--radius:22px;--font-scale:1;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;font-size:calc(16px * var(--font-scale))}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.6;overflow-x:hidden}
button,input,textarea,select{font:inherit}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
button{cursor:pointer}
img,svg{max-width:100%}
img{display:block}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
[hidden]{display:none!important}
.container{width:min(1280px,calc(100% - 64px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-100px;left:20px;z-index:999;padding:12px 20px;border-radius:12px;background:#fff;font-weight:800}
.skip-link:focus{top:10px}
.button{min-height:48px;padding:12px 22px;border-radius:14px;border:1px solid transparent;display:inline-flex;gap:10px;justify-content:center;align-items:center;text-align:center;font-size:.95rem;font-weight:800;line-height:1.3;white-space:normal;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.button:hover{transform:translateY(-2px)}
.button-primary{background:linear-gradient(135deg,#18976c,#0a6b51);color:white;box-shadow:0 8px 18px rgba(12,125,86,.20)}
.button-primary:hover{background:linear-gradient(135deg,#21a879,#095b44);box-shadow:0 11px 24px rgba(12,125,86,.24)}
.button-light{background:white;color:var(--navy);border-color:#ccdeea;box-shadow:0 5px 18px rgba(28,69,106,.05)}
.button-large{min-height:58px;padding:16px 26px;border-radius:17px;font-size:1rem}
.button-outline{background:transparent;color:var(--navy);border:1.5px solid #b5cbd9}
.button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.site-header{height:84px;background:rgba(255,255,255,.96);border-bottom:1px solid #edf1f4;position:relative;z-index:30;box-shadow:0 3px 18px rgba(21,44,75,.035)}
.header-inner{height:100%;display:flex;gap:26px;align-items:center;justify-content:space-between}
.brand{display:inline-flex;gap:9px;align-items:center;flex:none}
.brand-mark{display:flex;align-items:center}
.brand-text{display:flex;flex-direction:column;line-height:1.07;color:var(--navy)}
.brand-text strong{font-size:1.8rem;font-weight:850;letter-spacing:-1.5px}
.brand-text small{font-size:.69rem;letter-spacing:-.12px;font-weight:650;margin-top:6px;color:#415978}
.desktop-nav{display:flex;align-items:center;gap:5px;min-width:0}
.desktop-nav a{font-weight:730;color:#263a58;font-size:.82rem;padding:11px 12px;border-radius:11px;white-space:nowrap;transition:background .2s}
.desktop-nav a:hover,.desktop-nav a.is-active{background:#e9f4fa;color:#0a426c}
.header-actions{display:flex;align-items:center;gap:12px}
.header-cta{font-size:.79rem;min-height:43px;padding:11px 16px;border-radius:13px;white-space:nowrap}
.language-control{display:flex;align-items:center;gap:6px;border:1px solid #dbe8ef;border-radius:11px;padding:8px 9px;background:#fafdff;color:var(--navy)}
.language-control select{appearance:none;border:0;background:transparent;font-weight:800;color:inherit;padding-right:7px;cursor:pointer;font-size:.82rem;outline-offset:5px}
.menu-toggle{display:none}
.icon-button{min-width:46px;min-height:46px;border:1px solid #dce8ef;border-radius:12px;background:#fff;color:var(--navy);align-items:center;justify-content:center}
.mobile-nav{padding:14px 0 24px;display:grid;gap:4px;background:#fff}
.mobile-nav a{padding:11px 14px;border-radius:11px;font-weight:750}
.mobile-nav a[aria-current]{background:#eef8ff}
.accessibility-tools{position:fixed;right:14px;top:125px;z-index:28;display:grid;gap:5px;padding:5px;border:1px solid #e3e9ed;border-radius:13px;background:rgba(255,255,255,.95);box-shadow:0 8px 24px rgba(7,26,53,.08)}
.accessibility-tools button{background:transparent;border:0;color:#1b5073;border-radius:8px;font-weight:850;font-size:1.08rem;width:33px;height:33px}
.accessibility-tools button:hover{background:#edf7f8}
.accessibility-tools sup{font-size:.63rem}
.hero{position:relative;min-height:440px;background:linear-gradient(100deg,#e5f4fe 0%,#effaff 48%,#f4f5eb 100%);overflow:hidden}
.hero::before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:#c4e3f7;filter:blur(75px);left:-180px;top:60px;opacity:.7;pointer-events:none}
.hero-inner{position:relative;min-height:440px;display:flex;align-items:center}
.hero-copy{width:52%;position:relative;z-index:2;padding:60px 20px 58px 0}
.hero-copy h1{font-size:clamp(2.6rem,4.3vw,4.15rem);font-weight:860;line-height:1.12;letter-spacing:-.052em;color:var(--navy);margin:16px 0 17px;max-width:650px}
.hero-lead{max-width:540px;font-size:1.125rem;font-weight:480;line-height:1.56;color:#284461;margin:0}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:#14805c;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:850}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:27px}
.hero-chips{display:flex;gap:15px;flex-wrap:wrap;margin-top:22px}
.hero-chips span{display:inline-flex;gap:6px;align-items:center;color:#34516e;font-size:.81rem;font-weight:720}
.hero-chips svg{color:#168b60;background:#cef3df;border-radius:50%;padding:2px}
.hero-art{position:absolute;right:calc((100% - 100vw)/2);height:100%;width:61%;z-index:1;top:0;overflow:hidden}
.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eaf6ff 0%,rgba(232,246,255,.85) 10%,rgba(232,246,255,.12) 36%,transparent 65%),linear-gradient(0deg,rgba(228,242,248,.38),transparent 22%);pointer-events:none}
.hero-art img{height:100%;width:100%;object-fit:cover;object-position:55% 39%}
.section{padding:44px 0}
.section-heading{margin-bottom:26px}
.section-heading h2,.how-intro h2,.trust-card h2{font-size:clamp(1.75rem,2.8vw,2.4rem);font-weight:850;line-height:1.2;letter-spacing:-.035em;color:var(--navy);margin:8px 0}
.section-heading p,.how-intro p{margin:5px 0 0;color:var(--muted);font-size:1.02rem}
.centered{text-align:center}
.needs-section{padding-top:36px}
.need-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.need-card{position:relative;display:flex;flex-direction:column;min-height:245px;padding:24px 19px 21px;border:1px solid rgba(81,140,170,.08);border-radius:24px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s,border-color .2s}
.need-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px rgba(25,52,87,.14);border-color:#b4dfe3}
.tone-blue{background:linear-gradient(145deg,#edf8ff,#dff0ff)}
.tone-peach{background:linear-gradient(145deg,#fff4ef,#fde9e2)}
.tone-mint{background:linear-gradient(145deg,#eafaf5,#def3ef)}
.tone-lilac{background:linear-gradient(145deg,#f5f4ff,#e9eaff)}
.tone-sand{background:linear-gradient(145deg,#fff8ed,#f9eddf)}
.tone-aqua{background:linear-gradient(145deg,#edfafb,#dff5f7)}
.tone-rose{background:linear-gradient(145deg,#fef5f7,#fbe6ed)}
.need-icon{display:flex;width:72px;height:72px;align-items:center;justify-content:center;border-radius:19px;background:rgba(255,255,255,.67);color:#1d71aa;box-shadow:0 9px 16px rgba(30,75,94,.045);margin-bottom:19px}
.tone-peach .need-icon{color:#2870a6}.tone-mint .need-icon{color:#179377}.tone-lilac .need-icon{color:#6776c2}.tone-sand .need-icon{color:#b2812a}.tone-aqua .need-icon{color:#109a85}
.need-card h3{font-size:1.07rem;line-height:1.27;margin:0 0 8px;font-weight:840;letter-spacing:-.025em;color:#102952}
.need-card p{color:#354c66;line-height:1.45;font-size:.83rem;margin:0 0 28px}
.card-arrow{position:absolute;bottom:15px;right:17px;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 3px 9px rgba(3,32,66,.10);color:#1678ad}
.how-section{padding-top:8px}
.how-panel{padding:35px 39px;border-radius:29px;background:linear-gradient(110deg,#f1f8fd,#e9f3fc 50%,#f5faff);display:grid;grid-template-columns:260px 1fr;align-items:center;gap:28px;border:1px solid #e6f1f9}
.how-intro p{font-size:.95rem;max-width:215px}
.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.how-step{text-align:center;position:relative;min-height:196px;padding:20px 12px 12px;border-radius:20px}
.how-step:not(:last-child)::after{content:'›';position:absolute;right:-20px;top:55px;font-size:2rem;color:#1c9a79;font-weight:800}
.number-bubble{display:grid;place-items:center;background:#2caa79;color:white;border-radius:50%;font-weight:850;width:36px;height:36px;font-size:1.15rem;flex:none}
.how-step .number-bubble{position:absolute;top:0;left:10px}
.how-icon{margin:0 auto 13px;width:82px;height:78px;background:white;border-radius:20px;box-shadow:0 6px 17px rgba(26,83,120,.09);display:grid;place-items:center;color:#2a86b9}
.how-step:nth-child(2) .how-icon{color:#129277}.how-step:nth-child(3) .how-icon{color:#6677c7}
.how-step h3{margin:0 auto 5px;max-width:215px;font-size:.96rem;font-weight:830;line-height:1.32}
.how-step p{margin:0 auto;color:#526781;max-width:225px;font-size:.83rem;line-height:1.45}
.benefits-section{padding-top:18px}
.benefit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.benefit{text-align:center}
.benefit-icon{width:66px;height:66px;display:grid;place-items:center;background:#e7f6f2;color:#1b926c;border-radius:19px;margin:0 auto 14px}
.benefit:nth-child(2) .benefit-icon,.benefit:nth-child(5) .benefit-icon{background:#fbf1df;color:#a37b2f}
.benefit:nth-child(4) .benefit-icon{background:#e6f4ff;color:#2c83c2}
.benefit h3{font-size:.93rem;line-height:1.3;margin:0 0 7px;color:var(--navy)}
.benefit p{font-size:.80rem;line-height:1.45;color:var(--muted);margin:0}
.trust-section{padding-top:15px;padding-bottom:49px}
.trust-card{padding:33px 42px;border-radius:27px;background:linear-gradient(105deg,#e9f8f3,#f1faf8 55%,#e8f6fb);border:1px solid #dcf0e8;display:flex;align-items:center;gap:27px}
.trust-emblem{height:83px;width:83px;background:#d5f2e6;border-radius:25px;display:grid;place-items:center;color:#158b62;flex:none}
.trust-card h2{font-size:1.7rem;margin:0 0 9px}
.trust-card p{color:#42627a;margin:0;max-width:620px}
.trust-card .button{margin-left:auto;flex:none}
.subhero{padding:69px 0 61px;position:relative;overflow:hidden}
.subhero-soft{background:radial-gradient(circle at 92% 15%,#dbf4e9,transparent 31%),linear-gradient(125deg,#eef8ff,#f7fcff)}
.subhero-compact{padding:44px 0 40px;background:linear-gradient(105deg,#edf7ff,#f0fcf7)}
.subhero .container{position:relative}
.subhero h1{font-size:clamp(2rem,4.1vw,3.65rem);font-weight:850;letter-spacing:-.045em;line-height:1.15;max-width:810px;color:var(--navy);margin:12px 0}
.subhero p{font-size:1.12rem;max-width:750px;color:#4a6480;margin:0}
.tool-controls{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px}
.search-field{display:flex;align-items:center;gap:12px;border:1.5px solid #cbdfe9;border-radius:15px;background:#fff;padding:6px 18px;box-shadow:0 4px 18px rgba(21,50,68,.045);min-height:55px;max-width:570px;width:100%;color:#24769f}
.search-field input{border:0;outline:0;background:transparent;min-width:0;width:100%;color:var(--ink);font-size:1rem}
.search-field:focus-within{outline:3px solid #a8dfdf}
.tool-count{white-space:nowrap;font-weight:800;color:#628097}
.category-filters{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 24px}
.filter-chip{background:#fff;border:1px solid #d8e5ed;border-radius:999px;padding:11px 16px;font-size:.85rem;min-height:44px;color:#385473;font-weight:760}
.filter-chip:hover{border-color:#74b9b2}
.filter-chip.is-selected{background:var(--navy);color:#fff;border-color:var(--navy)}
.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.scenario-card{border:1px solid #e4ebef;border-radius:21px;min-height:188px;padding:22px;position:relative;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.scenario-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.scenario-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#ffffffae;color:#176c9a;margin-bottom:10px}
.scenario-category{font-size:.72rem;font-weight:830;color:#477383;text-transform:uppercase;letter-spacing:.055em}
.scenario-card h2{font-size:1.12rem;line-height:1.28;margin:5px 0 13px;color:var(--navy)}
.scenario-action{margin-top:auto;display:inline-flex;gap:6px;align-items:center;font-weight:800;font-size:.86rem;color:#137752}
.quiet-note{display:flex;align-items:flex-start;gap:11px;color:#536b7b;margin:27px 0 0;padding:14px 18px;border:1px solid #e0e9eb;border-radius:14px;background:#f6fafb;font-size:.94rem}
.quiet-note svg{flex:none;margin-top:2px;color:#167d64}
.empty-state{padding:35px;text-align:center;border:1px dashed #bacfd7;border-radius:15px}
.builder-section{padding:43px 0 70px}
.builder-card{margin:auto;max-width:860px;background:#fff;border:1px solid #e3ebf0;box-shadow:0 18px 50px rgba(21,54,84,.085);border-radius:26px;padding:36px}
.builder-card h2{font-size:1.8rem;line-height:1.22;color:var(--navy);letter-spacing:-.027em;margin:14px 0 12px}
.builder-card p{color:#47617a}
.builder-top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.builder-mini{font-size:.83rem;font-weight:830;color:#178465;text-transform:uppercase;letter-spacing:.06em}
.progress-bar{height:9px;border-radius:99px;background:#eaf1f5;margin-top:20px;overflow:hidden}
.progress-bar span{display:block;background:linear-gradient(90deg,#3eae7e,#138e75);height:100%;border-radius:inherit;transition:width .25s}
.builder-form{margin-top:26px}
.builder-form label{display:block;font-size:1.2rem;font-weight:830;color:#102d52;margin-bottom:10px}
.field-hint{font-size:.89rem;color:#65788e;margin:0 0 13px!important}
.builder-input{border:1.5px solid #c6d8e2;border-radius:15px;display:block;background:#fcfeff;color:#152f4b;font-size:1.04rem;padding:14px 17px;width:100%;min-height:55px;resize:vertical}
textarea.builder-input{min-height:150px}
.builder-input:focus{outline:3px solid #b9dff0;border-color:#4386b4}
.form-error{color:#af381b!important;font-weight:700;margin:8px 0}
.builder-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:26px}
.builder-actions-right{display:flex;gap:10px;flex-wrap:wrap}
.builder-notice{margin-top:18px;padding:15px 17px;display:flex;align-items:flex-start;gap:10px;background:#eef8f4;border:1px solid #d0e7db;border-radius:15px;color:#365e54;font-size:.89rem}
.builder-notice svg{flex:none;color:#158767}
.builder-notice.warning{background:#fff4e9;border-color:#f2d8bd;color:#754116}
.builder-notice.warning svg{color:#b65b15}
.builder-textarea{margin-top:18px;min-height:240px;font-size:.98rem;line-height:1.7}
.result-help{color:#4d647d;font-size:.94rem}
.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:19px}
.result-external{margin-top:25px;padding:18px 22px;border-radius:15px;background:#f2f8fe;border:1px solid #e0edf7}
.result-external p{margin:0 0 10px;font-size:.91rem}
.external-links{display:flex;gap:10px;flex-wrap:wrap}
.external-links a{font-weight:760;text-decoration:underline;text-underline-offset:3px;color:#145e95}
.voice-row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.voice-row button{display:inline-flex;align-items:center;gap:7px;border:1px solid #cbdee8;color:#315b7a;background:#f8fbff;border-radius:11px;min-height:42px;padding:7px 11px;font-size:.84rem;font-weight:750}
.voice-help{font-size:.78rem!important;color:#746b61!important;max-width:650px}
.lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lesson-card{display:flex;flex-direction:column;align-items:flex-start;padding:28px;background:linear-gradient(143deg,#fff,#f3f9fc);border:1px solid #e0eaf1;border-radius:22px;box-shadow:0 7px 25px rgba(23,52,77,.04)}
.lesson-card h2{margin:8px 0 13px;font-size:1.4rem;line-height:1.3;color:var(--navy)}
.lesson-card p{font-size:.91rem;color:var(--muted)}
.lesson-card .button{margin-top:auto}
.lesson-badge{background:#e0f7ee;color:#187e57;padding:7px 12px;border-radius:99px;font-size:.79rem;font-weight:840}
.lesson-main{grid-column:1/-1;max-width:870px;width:100%;margin:0 auto;background:#fff;border-radius:25px;padding:38px;border:1px solid #e0eaf2;box-shadow:var(--shadow)}
.lesson-main h2{font-size:2rem;color:var(--navy);letter-spacing:-.035em;margin:12px 0}
.lesson-main .lesson-body{font-size:1.18rem;color:#3e5a70;line-height:1.8}
.lesson-question{margin:24px 0 14px;font-weight:830;color:var(--navy);font-size:1.17rem}
.lesson-answers{display:grid;gap:10px}
.lesson-answer{min-height:56px;background:#f5f9fc;border:1.5px solid #d7e7ef;border-radius:14px;color:var(--ink);text-align:left;padding:14px 18px;font-weight:720}
.lesson-answer:hover{border-color:#79b7c8;background:#eef9fc}
.lesson-answer[disabled]{cursor:default}
.lesson-answer.correct{border-color:#30aa76;background:#e5f8ed}
.lesson-answer.incorrect{border-color:#e7a18a;background:#fff4ee}
.lesson-feedback{padding:16px;border-radius:13px;margin-top:15px;background:#eff8f3;color:#285b45}
.lesson-feedback.wrong{background:#fff5e9;color:#73491c}
.lesson-footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px}
.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}
.guide-steps{display:grid;gap:18px}
.guide-step{background:#fff;border:1px solid #e1ecf1;border-radius:20px;padding:22px;display:flex;gap:18px;box-shadow:0 6px 22px rgba(21,54,84,.035)}
.guide-step h2{font-size:1.15rem;color:var(--navy);margin:0 0 6px}
.guide-step p{font-size:.96rem;color:var(--muted);margin:0}
.guide-demo{position:sticky;top:21px;background:#fff;border:1px solid #dceaf1;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
.demo-top{display:flex;gap:16px;align-items:center;background:#ecf6fc;padding:17px 24px;color:var(--navy)}
.demo-dots{display:flex;gap:5px}.demo-dots i{background:#b8cfdc;border-radius:50%;width:10px;height:10px}.demo-dots i:first-child{background:#edaa91}
.demo-body{padding:25px}
.demo-body p{margin-top:0;color:#516882}
.demo-body textarea{width:100%;border:1.5px solid #bbd8e5;border-radius:14px;padding:14px;resize:vertical;min-height:110px;margin-bottom:12px}
.demo-result{display:grid;gap:16px;margin-top:20px}
.demo-user{margin-left:auto;background:#e5f4ff;border-radius:16px 16px 4px 16px;padding:14px 16px;max-width:85%;overflow-wrap:anywhere}
.demo-assistant{display:flex;gap:11px;background:#eef8f3;border-radius:16px 16px 16px 4px;padding:14px;color:#245844}
.demo-assistant svg{flex:none}
.security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.security-item{background:#fff;padding:26px 22px;border:1px solid #e2ecf1;border-radius:22px}
.security-item .benefit-icon{margin:0 0 15px}
.security-item h2{font-size:1.13rem;color:var(--navy);line-height:1.3;margin:0 0 9px}
.security-item p{font-size:.93rem;color:var(--muted);margin:0}
.quiz-card{max-width:900px;margin:40px auto 10px;background:linear-gradient(145deg,#f0f8ff,#f5fcf8);padding:35px;border-radius:25px;border:1px solid #e0eaf0}
.quiz-card h2{font-size:1.75rem;color:var(--navy);margin:10px 0 18px}
.quiz-card blockquote{font-size:1.12rem;font-weight:720;color:#5a3950;border-left:4px solid #eeab72;background:#fff;padding:18px 20px;margin:0 0 20px;border-radius:6px 14px 14px 6px}
.quiz-options{display:grid;gap:10px}
.quiz-option{padding:15px 18px;border:1.5px solid #d2e2e9;border-radius:14px;background:#fff;text-align:left;font-weight:770;color:#17395b}
.quiz-option:hover{border-color:#76b9ad}
.quiz-option[aria-pressed="true"]{border-color:#119468;background:#e3f6ea}
.quiz-feedback{padding:16px;background:#e7f5ed;border-radius:12px;color:#1f6549;font-weight:700}
.narrow{max-width:870px}
.faq-stack{display:grid;gap:11px}
.faq-item{border:1px solid #deebee;border-radius:16px;background:#fff;padding:0 23px;box-shadow:0 4px 16px rgba(25,60,86,.035)}
.faq-item summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:21px 0;color:var(--navy);font-weight:800;font-size:1.07rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary span{font-size:1.4rem;color:#2a9275}
.faq-item[open] summary span{transform:rotate(45deg)}
.faq-item p{margin:-3px 0 21px;color:var(--muted)}
.info-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.info-card,.prose-card{border:1px solid #dceaf0;border-radius:24px;padding:34px;background:#fff;box-shadow:var(--shadow)}
.info-card svg{color:#16916b}.info-card h2{font-size:1.5rem;color:var(--navy);margin:14px 0}
.info-card p,.prose-card p{font-size:1.08rem;color:#48627a;line-height:1.85}
.legal-warning{margin-top:18px;padding:16px;background:#fff4e9;color:#7e4419;border-radius:13px;display:flex;gap:12px}
.center-block{text-align:center;padding:90px 0}.center-block h1{color:var(--navy);font-size:2.5rem}
.site-footer{background:#f0f6fa;border-top:1px solid #e3edf3;padding:45px 0 18px}
.footer-inner{display:grid;grid-template-columns:1.65fr 1fr 1fr 1fr 1fr;gap:27px}
.footer-brand p{font-size:.83rem;color:#63798b;max-width:225px}
.footer-group{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.footer-group h2{font-size:.83rem;color:var(--navy);margin:0 0 6px;font-weight:850}
.footer-group a{font-size:.84rem;color:#47617a;line-height:1.5}
.footer-group a:hover{text-decoration:underline;text-underline-offset:4px;color:#12775d}
.footer-lang-links{display:flex;flex-wrap:wrap;gap:5px}
.footer-lang-links a{padding:6px;border:1px solid #d3e1e7;border-radius:8px;background:#fff;font-size:.72rem;font-weight:800}
.footer-lang-links a[aria-current="true"]{background:#1b668f;color:white}
.footer-bottom{border-top:1px solid #d9e4ea;margin-top:35px;padding-top:19px;display:flex;justify-content:space-between;gap:12px;font-size:.77rem;color:#728492}
html[data-font="large"]{--font-scale:1.12}
html[data-contrast="high"]{--navy:#081a39;--ink:#081a39;--muted:#203d57;--line:#8c9ba9;--canvas:#fff;--green:#006f45}
html[data-contrast="high"] .hero,html[data-contrast="high"] .subhero{background:#edf8ff}
html[data-contrast="high"] .hero-art{filter:saturate(.65)}
html[data-contrast="high"] .need-card,html[data-contrast="high"] .scenario-card{border:2px solid #32627b}
@media (max-width:1240px){.desktop-nav{gap:0}.desktop-nav a{font-size:.75rem;padding:10px 7px}.header-inner{gap:12px}.brand-text strong{font-size:1.65rem}.brand-mark svg{width:44px;height:44px}.header-cta{padding:10px 12px;font-size:.75rem}.hero-copy{width:55%}}
@media (max-width:1050px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex}.header-inner{gap:12px}.hero{min-height:445px}.hero-inner{min-height:445px}.hero-copy{width:60%}.hero-art{width:62%;opacity:.88}.hero-copy h1{font-size:clamp(2.35rem,5vw,3.4rem)}.need-grid{grid-template-columns:repeat(3,1fr)}.need-card{min-height:218px}.how-panel{grid-template-columns:1fr}.how-intro p{max-width:none}.benefit-grid{grid-template-columns:repeat(3,1fr);gap:30px}.footer-inner{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}.security-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.container{width:calc(100% - 36px)}.site-header{height:75px}.brand-text strong{font-size:1.55rem}.brand-text small{font-size:.65rem}.brand-mark svg{width:43px}.header-actions{gap:8px}.accessibility-tools{right:7px;top:auto;bottom:12px;display:flex}.hero{min-height:auto}.hero-inner{min-height:auto;display:flex;flex-direction:column;padding:0}.hero-copy{width:100%;padding:41px 0 22px}.hero-copy h1{font-size:clamp(2.15rem,8.1vw,3.1rem);margin:13px 0}.hero-lead{font-size:1.05rem}.hero-ctas{margin-top:23px}.hero-chips{margin-top:20px}.hero-art{position:relative;width:calc(100% + 36px);height:238px;right:auto;top:auto;margin:0 -18px}.hero-art::after{background:linear-gradient(0deg,rgba(234,248,255,.24),transparent 30%)}.hero-art img{object-position:center 28%}.section{padding:31px 0}.section-heading h2{font-size:1.8rem}.need-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.need-card{min-height:228px;padding:19px 14px 18px;border-radius:20px}.need-icon{width:57px;height:57px;border-radius:15px;margin-bottom:13px}.need-icon svg{width:33px}.need-card h3{font-size:1rem}.need-card p{font-size:.81rem}.how-section{padding-top:6px}.how-panel{padding:25px 20px;gap:17px}.how-steps{grid-template-columns:1fr;gap:12px}.how-step{display:grid;grid-template-columns:55px 1fr;align-items:center;text-align:left;min-height:auto;background:#fff;border-radius:15px;padding:15px 16px;column-gap:12px}.how-step .number-bubble{top:-8px;left:-5px;width:30px;height:30px;font-size:.9rem}.how-step:not(:last-child)::after{display:none}.how-icon{width:55px;height:55px;grid-row:1 / 3;margin:0}.how-icon svg{width:28px}.how-step h3{margin:0;max-width:none}.how-step p{margin:0;max-width:none}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:22px 15px}.trust-card{padding:25px;display:grid;justify-items:start;gap:15px}.trust-card .button{margin-left:0}.trust-card h2{font-size:1.5rem}.subhero{padding:44px 0}.subhero h1{font-size:2.2rem}.subhero p{font-size:1rem}.scenario-grid,.lesson-grid{grid-template-columns:1fr}.tool-controls{flex-direction:column;align-items:stretch;gap:10px}.tool-count{font-size:.84rem}.builder-card,.lesson-main{padding:23px 19px;border-radius:19px}.builder-card h2{font-size:1.5rem}.builder-actions{align-items:stretch}.builder-actions>.button,.builder-actions-right,.builder-actions-right .button{width:100%}.result-actions .button{flex:1}.split-layout{grid-template-columns:1fr}.guide-demo{position:static}.security-grid,.info-two{grid-template-columns:1fr}.quiz-card{padding:23px}.footer-inner{grid-template-columns:repeat(2,1fr);gap:30px 20px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.section-kicker{font-size:.65rem}}
@media (max-width:380px){.container{width:calc(100% - 28px)}.hero-art{width:calc(100% + 28px);margin:0 -14px}.brand-text strong{font-size:1.35rem}.brand-mark svg{width:37px}.need-grid{grid-template-columns:1fr}.need-card{min-height:162px}.need-card .need-icon{position:absolute;right:16px;top:15px;opacity:.6}.need-card h3,.need-card p{max-width:70%}.language-control{padding:5px}.language-control svg{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Aipasio 1.1: clearer quick-start path and comfortable interactive controls */
.quick-start{padding:29px 0 8px}
.quick-start-inner{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.4fr);gap:34px;align-items:center;background:linear-gradient(115deg,#e7f5ef,#edf7ff 70%,#fff8ee);padding:27px 33px;border:1px solid #cfe8e2;border-radius:26px}
.quick-start-tag{color:#16795e;display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:830;letter-spacing:.1em}
.quick-start-copy h2{font-size:clamp(1.5rem,2.35vw,2rem);line-height:1.23;letter-spacing:-.03em;margin:7px 0 8px;color:var(--navy)}
.quick-start-copy p{font-size:1rem;color:#3d5871;margin:0 0 14px}
.quick-start-privacy{color:#456f62;font-weight:650;font-size:.85rem;display:inline-flex;gap:7px;align-items:center}
.quick-start-options{display:grid;gap:10px}
.quick-start-options a{min-height:64px;display:flex;align-items:center;gap:14px;padding:12px 16px;background:#fff;border:1px solid #d7e8e9;border-radius:15px;box-shadow:0 6px 14px rgba(19,68,77,.06);font-weight:790;color:#163452}
.quick-start-options a:hover{border-color:#20947a;box-shadow:0 9px 20px rgba(18,70,77,.09)}
.quick-start-options a svg:first-child{color:#177f88;flex:none}
.quick-start-options a svg:last-child{margin-left:auto;flex:none;color:#167f66}
.need-card h3{font-size:1.13rem}
.need-card p{font-size:.9rem}
.benefit p{font-size:.88rem}
.how-step p{font-size:.91rem}
.builder-safety-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:13px 0 5px}
.builder-followups{margin-top:26px;border-top:1px solid #dce9e9;padding-top:23px}
.builder-followups h3{font-size:1.28rem;margin:0 0 6px;color:var(--navy)}
.builder-followups p{margin:0 0 12px;color:var(--muted)}
.builder-followups .follow-buttons{display:flex;gap:9px;flex-wrap:wrap}
.builder-followups .follow-buttons button{background:#eff8ff;border:1px solid #c9e2ec;border-radius:11px;padding:11px 16px;color:#144f7d;font-weight:760;min-height:46px}
.builder-followups .follow-buttons button:hover{background:#e1f3fb}
.result-how{padding:13px 16px;background:#eaf8f1;border-radius:12px;font-weight:670;color:#215a45!important;line-height:1.65}
@media (max-width:850px){.quick-start-inner{grid-template-columns:1fr;gap:18px}}
@media (max-width:700px){.quick-start-inner{padding:23px 17px;border-radius:20px}.quick-start-options a{min-height:65px}.quick-start-privacy{line-height:1.4}.builder-followups .follow-buttons{display:grid;grid-template-columns:1fr}.need-card p{font-size:.87rem}}

/* V1.2 — Guided introduction, deliberately large touch targets and calm visual hierarchy. */
.coach-promo{padding:24px 0 7px}
.coach-promo-link{display:flex;align-items:center;gap:20px;padding:20px 25px;background:linear-gradient(105deg,#0b3757,#16576b 56%,#1d866f);color:#fff;border-radius:24px;box-shadow:0 15px 35px rgba(17,67,92,.16)}
.coach-promo-link:hover{color:#fff;box-shadow:0 18px 40px rgba(12,72,87,.25);transform:translateY(-1px)}
.coach-promo-emblem{display:grid;place-items:center;flex:none;width:66px;height:66px;border-radius:21px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24)}
.coach-promo-copy{display:grid;gap:3px;flex:1}
.coach-promo-copy strong{font-size:1.28rem;line-height:1.25;font-weight:850}
.coach-promo-copy>span{font-size:.96rem;color:#d4eff4}
.coach-promo-action{display:flex;align-items:center;gap:9px;font-size:.95rem;font-weight:800;color:#0a4054;background:#fff;border-radius:100px;padding:12px 16px}
.coach-intro{background:radial-gradient(ellipse at 83% 0%,#e4f9ee,transparent 45%),linear-gradient(115deg,#e9f5fe,#fffaf4);padding:57px 0 49px}
.coach-intro-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
.coach-intro h1{max-width:800px;font-size:clamp(2.1rem,4.5vw,3.65rem);line-height:1.13;color:var(--navy);letter-spacing:-.045em;margin:14px 0 15px}
.coach-intro p{max-width:710px;margin:0;color:#47637b;font-size:1.16rem;line-height:1.6}
.coach-intro-badge{flex:none;display:grid;place-items:center;gap:3px;width:148px;height:148px;border-radius:44px;background:#fff;box-shadow:0 16px 36px #21627e22;transform:rotate(6deg);color:#20a27a}
.coach-intro-badge span{font-size:1.05rem;color:#246f88;font-weight:900;white-space:nowrap}
.coach-section{padding-top:39px}
.coach-shell{max-width:980px;margin:auto}
.coach-progress{list-style:none;margin:0 0 27px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.coach-progress li{display:flex;align-items:center;gap:12px;font-weight:720;color:#6a8292;font-size:.95rem;min-width:0}
.coach-progress-circle{display:grid;place-items:center;border:2px solid #ccdee7;color:#658399;background:#fff;width:44px;height:44px;border-radius:50%;flex:none;font-weight:900}
.coach-progress li.is-current{color:#0d4765}
.coach-progress li.is-current .coach-progress-circle{color:#fff;background:#097a6c;border-color:#097a6c;box-shadow:0 0 0 5px #cdeee5}
.coach-progress li.is-done .coach-progress-circle{color:#fff;background:#28a479;border-color:#28a479}
.coach-card{background:#fff;border:1px solid #d6e7ea;border-radius:29px;box-shadow:0 20px 55px rgba(30,74,96,.085);padding:clamp(23px,4vw,45px)}
.coach-step-count{font-size:.9rem;letter-spacing:.04em;font-weight:830;color:#1a866e;margin:0 0 14px;text-transform:uppercase}
.coach-card-title{font-size:clamp(1.65rem,3.5vw,2.5rem);line-height:1.2;letter-spacing:-.034em;color:var(--navy);margin:0 0 10px}
.coach-card-intro{color:#4f687b;font-size:1.13rem;margin:0 0 10px;max-width:740px;line-height:1.6}
.coach-speech{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:16px 0 24px}
.coach-small-btn,.coach-example-btn{display:inline-flex;align-items:center;gap:9px;background:#eff8f6;border:1.5px solid #c9e6dc;color:#125d51;padding:10px 15px;border-radius:12px;font-size:.95rem;font-weight:760;min-height:48px;cursor:pointer}
.coach-small-btn:hover,.coach-example-btn:hover{border-color:#198767;background:#e3f6ee}
.coach-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:8px 0 24px}
.coach-choice{display:flex;align-items:center;gap:16px;text-align:left;background:#f7fbfd;border:1.5px solid #dce9ed;padding:21px 18px;border-radius:22px;min-height:131px;cursor:pointer;color:var(--navy);transition:border-color .15s,transform .15s,background .15s}
.coach-choice:hover{background:#ebf9f4;border-color:#5fb599;transform:translateY(-2px)}
.coach-choice-icon{width:65px;height:65px;background:linear-gradient(145deg,#e4f2ff,#dbf8eb);display:grid;place-items:center;color:#136e88;border-radius:19px;flex:none}
.coach-choice-copy{display:grid;gap:6px;flex:1;min-width:0}
.coach-choice-copy strong{font-size:1.19rem;line-height:1.23}
.coach-choice-copy>span{color:#526d80;font-size:.92rem;line-height:1.42}
.coach-choice>svg{color:#1b9377;flex:none}
.coach-alert{display:flex;align-items:flex-start;gap:12px;background:#edf7f3;border:1px solid #d2eadf;border-radius:15px;padding:15px 18px;color:#2c644f;margin-top:19px}
.coach-alert svg{flex:none;margin-top:2px}
.coach-alert p{margin:0;line-height:1.53;font-size:.96rem}
.coach-alert-warn{background:#fff8ec;border-color:#f5e2ba;color:#734a23}
.coach-form{display:grid;gap:10px;margin:16px 0 24px}
.coach-label{font-size:1.18rem;font-weight:800;color:var(--navy)}
.coach-field-hint{font-size:.96rem;color:#526b7b;margin:0 0 4px}
.coach-input{display:block;width:100%;min-height:150px;background:#fbfdff;border:2px solid #bad6df;border-radius:17px;padding:18px 19px;font:inherit;font-size:1.15rem;line-height:1.6;color:#173c5b;resize:vertical}
.coach-input:focus{outline:3px solid #8ddac1;outline-offset:2px;border-color:#1d9276}
.coach-result-text{min-height:220px;font-size:1.07rem}
.coach-input-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px}
.coach-mic-hint{color:#627d8c;font-size:.83rem;max-width:350px}
.coach-validation{color:#9c3425;font-size:.96rem;font-weight:740;margin:0}
.coach-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #e8eff2;margin-top:29px;padding-top:25px}
.coach-actions .button,.coach-preview-controls .button{min-height:54px;font-weight:830}
.coach-preview-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:17px}
.coach-feedback{color:#167254;background:#e7f8f0;padding:12px 15px;border-radius:11px;font-weight:740}
.coach-use-steps{display:grid;gap:12px;list-style:none;margin:20px 0 24px;padding:0}
.coach-use-steps li{display:flex;align-items:center;gap:16px;background:#f5fafd;border:1px solid #dceaf0;border-radius:17px;padding:17px 19px;line-height:1.45;color:#23455c;font-size:1.08rem}
.coach-use-number{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:50%;background:#d7f5e9;color:#157457;font-weight:900}
.coach-open-links{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin:20px 0 24px}
.coach-open-links>a{display:inline-flex;align-items:center;gap:8px;min-height:50px}
.coach-other-title{font-size:.88rem;color:#657d8d;margin-left:8px}
.coach-external-small{color:#146588;font-weight:760;background:#eaf5fc;border:1px solid #c8e2f1;border-radius:11px;padding:9px 12px}
.coach-follow{margin-top:29px;padding-top:26px;border-top:1px solid #e2edf0}
.coach-follow h3{margin:0 0 5px;color:var(--navy);font-size:1.35rem}
.coach-follow>p{margin:0 0 19px;color:#506a80}
.coach-follow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.coach-follow-button{min-height:75px;border:1.5px solid #c7e3de;border-radius:15px;background:#f2faf6;padding:14px 13px;display:flex;align-items:center;gap:11px;text-align:left;font-size:.95rem;font-weight:780;color:#1b6655}
.coach-follow-button:hover{background:#e4f6ed;border-color:#5dbca2}
.coach-legal-note{max-width:980px;margin:24px auto 0}
@media(max-width:800px){.coach-intro-badge{display:none}.coach-progress-label{font-size:.79rem}.coach-progress li{gap:7px}.coach-choice-grid{gap:11px}.coach-choice{padding:16px;gap:12px}.coach-choice-icon{width:53px;height:53px}}
@media(max-width:620px){.coach-promo-link{padding:17px;gap:12px;flex-wrap:wrap}.coach-promo-emblem{width:48px;height:48px;border-radius:14px}.coach-promo-emblem svg{width:25px}.coach-promo-copy strong{font-size:1.12rem}.coach-promo-copy>span{font-size:.84rem}.coach-promo-action{width:100%;justify-content:center}.coach-intro{padding:39px 0}.coach-intro p{font-size:1rem}.coach-progress{gap:3px;margin-bottom:18px}.coach-progress li{flex-direction:column;text-align:center;gap:7px;font-size:.73rem}.coach-progress-circle{width:41px;height:41px}.coach-progress-label{font-size:.7rem;line-height:1.15}.coach-card{padding:24px 18px;border-radius:21px}.coach-card-intro{font-size:1rem}.coach-choice-grid{grid-template-columns:1fr}.coach-choice{min-height:91px}.coach-choice-icon{width:56px;height:56px}.coach-actions .button{flex:1;max-width:none;justify-content:center}.coach-preview-controls>*{width:100%;justify-content:center}.coach-follow-grid{grid-template-columns:1fr}.coach-follow-button{min-height:57px}.coach-use-steps li{padding:15px;gap:10px;font-size:1rem}.coach-open-links>a.button{width:100%;justify-content:center}.coach-other-title{width:100%;margin-left:0}}
@media(prefers-reduced-motion:reduce){.coach-choice:hover,.coach-promo-link:hover{transform:none}}
/* Accessibility refinements: do not draw a keyboard outline on headings focused only for screen-reader announcements. */
.coach-card-title[tabindex="-1"]:focus{outline:none}
.accessibility-tools button{width:44px;height:44px}
@media(max-width:700px){
  .accessibility-tools{position:relative;top:auto;bottom:auto;right:auto;margin:8px 16px 0 auto;width:max-content;display:flex;box-shadow:none;padding:2px;border-radius:12px}
  .accessibility-tools button{width:42px;height:42px}
}

/* V1.3 · Un entraînement aux conversations, avec réponses préécrites et aucun appel à une IA. */
.sim-home-strip{padding:12px 0 24px}
.sim-home-strip-inner{display:flex;gap:24px;align-items:center;padding:24px 32px;border-radius:25px;background:linear-gradient(115deg,#e1f5f0 0%,#e9f6ff 57%,#f9f8f0 100%);border:1px solid #d5eae6;box-shadow:0 12px 24px rgba(24,77,91,.045)}
.sim-strip-icon{flex:none;width:70px;height:70px;display:grid;place-items:center;background:#fff;color:#137c72;border-radius:22px;box-shadow:0 7px 20px rgba(12,89,82,.09)}
.sim-strip-copy{flex:1;min-width:0}
.sim-strip-tag{display:block;color:#12715e;font-size:.69rem;letter-spacing:.1em;font-weight:850;margin-bottom:4px}
.sim-strip-copy h2{color:var(--navy);font-size:clamp(1.22rem,2.15vw,1.7rem);line-height:1.22;margin:0 0 5px;font-weight:850;letter-spacing:-.035em}
.sim-strip-copy p{color:#486079;font-size:.93rem;line-height:1.52;margin:0}
.sim-home-strip .button{flex:none}
.sim-intro{background:radial-gradient(circle at 84% 0%,#d3f4e5 0,transparent 35%),linear-gradient(118deg,#eaf6ff 0%,#f7fcfe 56%,#fffaf1 100%);padding:52px 0 54px;overflow:hidden}
.sim-intro-inner{display:flex;align-items:center;justify-content:space-between;gap:45px}
.sim-intro-inner>div:first-child{max-width:810px}
.sim-intro h1{color:var(--navy);font-size:clamp(2.25rem,4.2vw,3.75rem);line-height:1.13;letter-spacing:-.05em;margin:13px 0}
.sim-intro p{color:#38526b;font-size:1.12rem;max-width:670px;line-height:1.65;margin:0 0 20px}
.sim-intro-art{width:216px;flex:none;height:174px;position:relative;isolation:isolate}
.sim-intro-art::before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:#d1ebfa;left:25px;top:9px;z-index:-1}
.sim-intro-bubble{position:absolute;display:grid;place-items:center;color:#08739e;background:#fff;border-radius:24px;width:100px;height:92px;box-shadow:0 16px 35px rgba(19,83,110,.11);border:1px solid #d9eef7}
.sim-intro-bubble.bubble-left{top:10px;left:9px;transform:rotate(-12deg)}
.sim-intro-bubble.bubble-right{top:78px;right:5px;transform:rotate(8deg);background:#ddf8ea;color:#0b8e5f}
.sim-section{padding-top:34px}
.sim-disclaimer{display:flex;gap:13px;align-items:flex-start;background:#f3f8fd;border:1px solid #cddfed;border-left:5px solid #387bb0;border-radius:17px;padding:15px 19px;margin:0 0 22px;color:#294761;font-size:.95rem;line-height:1.45}
.sim-disclaimer svg{color:#2270a8;flex:none;margin-top:1px}
.sim-layout{display:grid;grid-template-columns:minmax(270px,330px) minmax(0,1fr);gap:22px;align-items:start}
.sim-aside{border:1px solid #e3edf1;border-radius:24px;background:#fff;padding:25px 19px 21px;box-shadow:var(--shadow)}
.sim-aside-kicker,.sim-step{display:inline-flex;padding:6px 12px;border-radius:100px;background:#e7f6f3;color:#137963;font-size:.74rem;font-weight:850;line-height:1.3}
.sim-aside h2{font-size:1.32rem;color:var(--navy);line-height:1.27;letter-spacing:-.02em;margin:14px 0 7px}
.sim-muted{font-size:.91rem;color:#52647a;line-height:1.55;margin:0 0 13px}
.sim-topics{display:grid;gap:10px;margin-top:20px}
.sim-topic{min-height:79px;width:100%;display:flex;text-align:left;align-items:center;gap:12px;padding:10px;background:#f8fbfd;color:#193958;border:1.5px solid #e1ecf2;border-radius:16px;transition:border-color .16s,background .16s,transform .16s}
.sim-topic:hover{background:#edf8fe;border-color:#87c3e0}
.sim-topic.active{background:#e9f7f3;border-color:#198770}
.sim-topic>svg{flex:none;opacity:.5}
.sim-topic-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:none;background:#e6f0ff;color:#286cb1}
.sim-topic:nth-child(2) .sim-topic-icon{background:#fff0e9;color:#a96832}
.sim-topic:nth-child(3) .sim-topic-icon{background:#f0f2ff;color:#7279b9}
.sim-topic:nth-child(4) .sim-topic-icon{background:#e4f9ed;color:#138660}
.sim-topic-copy{display:flex;flex-direction:column;flex:1;min-width:0}
.sim-topic-copy strong{font-size:.95rem;font-weight:830;line-height:1.3}
.sim-topic-copy small{font-size:.78rem;color:#566f80;line-height:1.4;padding-top:2px}
.sim-panel{background:#fff;border:1px solid #e0eaf0;box-shadow:var(--shadow);padding:26px 30px 30px;border-radius:24px;min-height:395px}
.sim-panel h2{font-size:clamp(1.32rem,2.2vw,1.8rem);font-weight:850;color:var(--navy);line-height:1.2;letter-spacing:-.035em;margin:13px 0 8px}
.sim-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:310px;padding:20px}
.sim-welcome-icon{width:88px;height:88px;border-radius:28px;background:#e8f7fc;color:#1a7cac;display:grid;place-items:center}
.sim-welcome h2{margin-top:23px}
.sim-welcome p{color:#52647a;max-width:390px;margin:3px 0 20px}
.sim-welcome-note{display:flex;align-items:center;gap:10px;padding:11px 15px;border-radius:12px;background:#f1f8f2;color:#245e46;max-width:460px;font-size:.87rem;text-align:left}
.sim-welcome-note svg{flex:none;color:#188659}
.sim-panel-heading p{color:#4e6379;margin:0 0 21px}
.sim-prompt-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:15px 0 24px}
.sim-prompt-option{display:flex;flex-direction:column;gap:12px;text-align:left;min-height:132px;width:100%;padding:18px 19px;background:#f8fbfd;border:1.5px solid #dfebf1;border-radius:17px;color:#1a3551;transition:background .17s,border-color .17s}
.sim-prompt-option:hover{background:#ecf7fd;border-color:#83bdd8}
.sim-prompt-option.selected{background:#e9f8f2;border-color:#10855a;box-shadow:0 0 0 2px rgba(20,148,93,.07)}
.sim-prompt-label{font-size:.77rem;text-transform:uppercase;letter-spacing:.04em;font-weight:850;color:#137963}
.sim-prompt-option:first-child .sim-prompt-label{color:#985a27}
.sim-prompt-text{font-weight:680;line-height:1.48;font-size:.92rem}
.sim-chat{display:grid;gap:15px;margin:10px 0 17px;background:linear-gradient(145deg,#f3f9fe,#f9fbfd);border:1px solid #e2edf4;border-radius:19px;padding:23px}
.sim-chat-msg{display:flex;flex-direction:column;gap:6px;max-width:85%;padding:15px 17px;border-radius:16px 16px 16px 5px;background:#fff;border:1px solid #deebf1;color:#243d55}
.sim-chat-msg.user{justify-self:end;border-radius:16px 16px 5px 16px;background:#dff5ec;border-color:#cbebde}
.sim-chat-msg.ai{justify-self:start}
.sim-chat-msg p{margin:0;font-size:.99rem;line-height:1.6;white-space:pre-line}
.sim-bubble-label{font-weight:850;font-size:.76rem;color:#216751}
.sim-chat-msg.ai .sim-bubble-label{color:#2576a6}
.sim-learning{display:flex;align-items:flex-start;gap:13px;border-radius:15px;padding:16px 18px;background:#f0faf6;border:1px solid #d3eee0;color:#215b44}
.sim-learning svg{flex:none;margin-top:2px}
.sim-learning strong{font-size:.97rem}
.sim-learning p{margin:4px 0 0;line-height:1.53;font-size:.92rem}
.sim-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px}
.sim-rule{height:1px;border:0;background:#e5edf2;margin:26px 0 20px}
.sim-follow-title{font-size:1.21rem;color:var(--navy);margin:0 0 5px}
.sim-follow-choices{display:flex;gap:9px;flex-wrap:wrap;margin:17px 0}
.sim-follow-choice{padding:11px 15px;background:#fff;color:#1d5274;border:1.5px solid #bdd8e9;border-radius:100px;font-size:.89rem;font-weight:770}
.sim-follow-choice:hover,.sim-follow-choice.active{background:#dff2fc;border-color:#1682bc}
.sim-follow-result{border-radius:16px;border:1px solid #d9e8f4;background:#f5faff;padding:17px 19px;margin:10px 0}
.sim-follow-result blockquote{margin:8px 0 14px;padding:12px 15px;border-left:4px solid #3c94bb;background:white;border-radius:0 9px 9px 0;color:#193958;font-size:.94rem}
.sim-follow-result p{margin:7px 0 15px;font-size:.92rem;line-height:1.55;color:#254462}
.sim-follow-result .button{font-size:.85rem;min-height:43px}
.sim-external-note{display:flex;align-items:flex-start;gap:8px;margin:19px 0 6px;color:#536474;font-size:.85rem}
.sim-external-note svg{flex:none}
.sim-last-actions{margin-top:18px}
.sim-status{min-height:1.5rem;text-align:center;font-weight:700;color:#0b7353;margin:10px 0 0}
.sim-practice{display:flex;gap:21px;margin:30px 0 0;padding:29px 31px;border-radius:24px;border:1px solid #dce9f0;background:linear-gradient(135deg,#edf7ff,#f9fdfd 55%,#f3faef)}
.sim-practice-icon{flex:none;display:grid;place-items:center;width:58px;height:58px;background:#fff;border:1px solid #e1eef4;border-radius:16px;color:#197a9f}
.sim-practice-content{flex:1;min-width:0;max-width:840px}
.sim-practice h2{font-size:clamp(1.42rem,2.4vw,1.85rem);color:var(--navy);margin:0 0 7px;letter-spacing:-.03em}
.sim-practice p{color:#50647a;font-size:.94rem;margin:0 0 16px}
.sim-practice label{display:block;color:#203e5a;font-weight:800;margin-bottom:7px}
.sim-practice textarea{width:100%;display:block;border-radius:14px;border:1.5px solid #acc9d8;background:#fff;line-height:1.55;padding:15px 17px;resize:vertical;min-height:115px;font-size:1rem;color:#17324f}
.sim-practice .sim-privacy-note{display:flex;align-items:flex-start;gap:8px;font-size:.82rem;margin-top:11px}
.sim-privacy-note svg{flex:none;margin-top:1px}
.sim-practice-actions{display:flex;gap:11px;flex-wrap:wrap}
.sim-practice-status{font-weight:760;color:#0e7358}
.sim-practice-feedback{margin-top:15px;border:1px solid #badccf;background:#fff;padding:15px 22px;border-radius:13px}
.sim-practice-feedback h3{font-size:1.03rem;color:var(--navy);margin:0 0 8px}
.sim-practice-feedback ul{padding-left:20px;margin:0;color:#33536a}
.sim-practice-feedback li+li{margin-top:5px}
.sim-copy-fallback{position:fixed;left:-9999px;top:-9999px}
@media(max-width:1220px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex}}
@media(max-width:920px){.sim-layout{grid-template-columns:1fr}.sim-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-aside{padding:20px}.sim-intro-art{display:none}}
@media(max-width:700px){.sim-home-strip-inner{padding:20px;gap:12px;flex-wrap:wrap}.sim-strip-icon{width:48px;height:48px;border-radius:14px}.sim-home-strip .button{width:100%}.sim-intro{padding:37px 0 34px}.sim-intro h1{font-size:2.15rem}.sim-intro p{font-size:1rem}.sim-disclaimer{font-size:.87rem}.sim-panel{padding:20px 15px 23px}.sim-aside{padding:19px 14px}.sim-topic{min-height:86px;gap:8px;padding:9px}.sim-topic-icon{width:38px;height:38px}.sim-topic-copy strong{font-size:.89rem}.sim-topic-copy small{font-size:.73rem}.sim-topic>svg{display:none}.sim-prompt-options{grid-template-columns:1fr}.sim-prompt-option{min-height:95px;gap:7px;padding:14px 15px}.sim-chat{padding:14px}.sim-chat-msg{max-width:94%;padding:12px 13px}.sim-actions .button{flex:1 1 180px}.sim-follow-choices{display:grid;grid-template-columns:1fr}.sim-practice{padding:21px 16px;gap:12px;flex-direction:column}.sim-practice-icon{width:45px;height:45px}.sim-practice-actions .button{width:100%}}
@media(max-width:390px){.sim-topics{grid-template-columns:1fr}.sim-topic{min-height:67px}.sim-home-strip-inner{align-items:flex-start}}

/* Aipasio 1.4 — Guide interactif de la première conversation */
.firstchat-home{padding:12px 0 25px}
.firstchat-home-inner{display:flex;align-items:center;gap:25px;border:1px solid #d4e8ec;border-radius:25px;padding:22px 31px;background:linear-gradient(105deg,#edf8ff 0%,#f2fcf8 64%,#f9fdf7 100%);box-shadow:0 10px 29px rgba(11,48,79,.055)}
.firstchat-home-art{width:92px;height:85px;border-radius:24px;background:radial-gradient(circle at 35% 25%,#e2fcff,#cce7f9 60%,#ccf3e3);position:relative;flex:none;display:grid;place-items:center}
.fc-art-screen{height:56px;width:57px;display:grid;place-items:center;background:white;color:#1789a9;border:1px solid #b6ddea;box-shadow:0 9px 18px #0c3e5a19;border-radius:17px;transform:rotate(-6deg)}
.fc-art-bubble{position:absolute;bottom:2px;right:2px;width:31px;height:31px;border:3px solid #edf8ff;border-radius:50%;display:grid;place-items:center;background:#189c71;color:white}
.firstchat-home-copy{flex:1;min-width:0}
.firstchat-home-copy h2{font-size:clamp(1.25rem,2.1vw,1.7rem);line-height:1.27;color:var(--navy);letter-spacing:-.035em;margin:5px 0 4px}
.firstchat-home-copy p{color:#52667a;font-size:.92rem;margin:0;line-height:1.5}
.firstchat-home .button{flex:none}
.fc-hero{background:radial-gradient(ellipse at 90% 25%,#daf4e8 0%,transparent 35%),linear-gradient(115deg,#edf8ff,#f8fcff 68%,#f4fbf4);padding:60px 0}
.fc-hero-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}
.fc-hero h1{max-width:740px;font-size:clamp(2.3rem,4.1vw,3.65rem);margin:11px 0 16px}
.fc-hero p{max-width:680px;line-height:1.57}
.fc-hero-art{height:185px;width:230px;position:relative;flex:none;display:grid;place-items:center}
.fc-hero-art::before{content:"";height:166px;width:166px;border-radius:50%;background:linear-gradient(138deg,#bcdcf5,#e4fbf1);position:absolute;transform:rotate(-22deg);box-shadow:0 18px 40px rgba(27,82,114,.12)}
.fc-hero-orb{width:123px;height:123px;border:7px solid #fff;border-radius:35px;background:linear-gradient(145deg,#1e77b1,#0d3c75);color:white;display:grid;place-items:center;transform:rotate(-9deg);position:relative;box-shadow:0 17px 26px rgba(12,50,91,.23)}
.fc-hero-check{position:absolute;right:9px;bottom:7px;background:#209c71;color:white;width:57px;height:57px;border:5px solid #f4fbf7;border-radius:50%;display:grid;place-items:center}
.first-chat-section{padding-top:26px;padding-bottom:75px}
.fc-safety{display:flex;gap:13px;align-items:flex-start;background:#edf8f2;border:1px solid #cee9d7;border-left:4px solid #199668;border-radius:15px;padding:15px 18px;color:#265641;font-size:.9rem;margin:0 0 24px;line-height:1.5}
.fc-safety svg{flex:none;color:#159368}
.fc-progress{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;background:#f1f6f9;padding:11px;border:1px solid #e1eaf0;border-radius:19px;margin-bottom:22px}
.fc-progress-item{min-height:58px;border:0;background:transparent;border-radius:13px;display:flex;gap:9px;align-items:center;justify-content:center;color:#577083;font-size:.83rem;font-weight:820;text-align:left;padding:8px 5px}
.fc-progress-item:disabled{cursor:default;opacity:.64}
.fc-progress-item.active{background:#fff;color:#0e5b84;box-shadow:0 5px 16px #143b5d15}
.fc-progress-item.completed{color:#23795e}
.fc-progress-dot{display:grid;place-items:center;flex:none;width:31px;height:31px;border:2px solid #c2d5e1;border-radius:50%;font-weight:850;background:#fff}
.fc-progress-item.active .fc-progress-dot{border-color:#1679b6;background:#157bae;color:white}
.fc-progress-item.completed .fc-progress-dot{background:#1a9c71;color:white;border-color:#1a9c71}
.fc-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:22px;align-items:start}
.fc-workflow{padding:32px 35px;border:1px solid #dfebf1;border-radius:25px;background:white;box-shadow:var(--shadow);min-height:555px}
.fc-overline{display:inline-block;background:#e5f6f1;color:#0e7656;border-radius:100px;padding:7px 13px;font-weight:820;font-size:.76rem;letter-spacing:.03em}
.fc-step-title{font-size:clamp(1.5rem,2.45vw,2rem);letter-spacing:-.038em;color:var(--navy);line-height:1.18;margin:19px 0 11px;font-weight:850}
.fc-step-desc{font-size:1.025rem;line-height:1.62;color:#435a71;margin:0 0 17px}
.fc-listen{display:inline-flex;align-items:center;gap:9px;background:#f3f9fd;color:#236485;border:1px solid #d4e7f2;border-radius:11px;padding:9px 13px;font-size:.87rem;font-weight:780;min-height:43px;margin-bottom:21px}
.fc-listen:hover{background:#e8f5fc}
.fc-label{display:block;font-weight:820;font-size:.98rem;color:#183958;margin-bottom:11px}
.fc-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:23px}
.fc-choice{display:flex;align-items:center;gap:9px;padding:11px 12px;min-height:74px;text-align:left;border:1.5px solid #d9e7ed;border-radius:14px;background:#fafcfe;color:#24415c;font-weight:770;font-size:.9rem;line-height:1.33}
.fc-choice svg{color:#207ca4;flex:none}
.fc-choice:hover{background:#f0faff;border-color:#9ccee2}
.fc-choice.is-selected{background:#eaf8f1;border-color:#209775;color:#11553d;box-shadow:0 0 0 1px #239a6b1c}
.fc-choice.is-selected svg{color:#198668}
.fc-question-wrap{margin:12px 0 18px}
.fc-question-wrap label{display:block;margin:0 0 8px;font-size:.96rem;color:#203b56;font-weight:780}
.fc-question{display:block;width:100%;padding:14px 16px;min-height:130px;border:1.5px solid #b9d5e2;border-radius:15px;background:#fcfeff;color:#213a56;line-height:1.55;font-size:1rem;resize:vertical}
.fc-question:focus-visible{outline:3px solid #b4ddfb}
.fc-small-help{font-size:.86rem;color:#65798a;line-height:1.5;margin:9px 0 0}
.fc-copy-btn{margin:1px 0 10px}
.fc-select-btn{display:block;background:transparent;border:0;text-decoration:underline;color:#246c93;padding:5px 0;font-size:.88rem;font-weight:750}
.fc-open-block{padding:23px;border:1px solid #dce9ee;background:linear-gradient(120deg,#f3faff,#fcfefb);border-radius:18px;margin:0 0 22px}
.fc-domain{display:flex;align-items:center;gap:9px;font-weight:850;color:#1b5876;margin-bottom:18px;font-size:1.12rem}
.fc-open-block .button{width:100%;font-size:1.02rem}
.fc-open-block .fc-small-help{margin-top:17px}
.fc-practice-actions{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}
.fc-practice-actions .button{flex:1;min-width:175px}
.fc-follow-title{font-size:1.06rem;font-weight:820;color:#163f58;margin:7px 0 13px}
.fc-follow-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.fc-follow-choice{font-weight:760;color:#296480;background:#f2f9fd;border:1.5px solid #c8e2ed;padding:9px 12px;border-radius:999px;font-size:.86rem}
.fc-follow-choice.selected{background:#ddf5e9;border-color:#1c9771;color:#135b42}
.fc-follow-prompt{padding:18px 19px;background:#f6fbff;border:1px solid #d8e9f4;border-radius:14px;font-weight:690;font-size:1rem;line-height:1.58;color:#243e55;margin-bottom:17px}
.fc-step-actions{border-top:1px solid #e9eff3;padding-top:22px;margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.fc-step-actions .button:last-child{margin-left:auto}
.fc-status{font-size:.9rem;font-weight:740;color:#0c7354;min-height:1.45em;margin:12px 0 0}
.fc-preview{min-height:555px;background:#fff;border:1px solid #dce9f0;box-shadow:var(--shadow);border-radius:26px;overflow:hidden;display:flex;flex-direction:column;position:sticky;top:16px}
.fc-preview-top{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(100deg,#e6f3ff,#effbf6);padding:14px 20px;border-bottom:1px solid #e0edf4;font-size:.71rem;letter-spacing:.055em;color:#397182;font-weight:870}
.fc-signal,.fc-browser-dots{display:flex;gap:5px}
.fc-signal i,.fc-browser-dots i{width:9px;height:9px;background:#a9c9d5;border-radius:50%;display:block}
.fc-signal i:first-child,.fc-browser-dots i:first-child{background:#f2b7a3}
.fc-signal i:nth-child(2),.fc-browser-dots i:nth-child(2){background:#f9d78c}
.fc-signal i:nth-child(3),.fc-browser-dots i:nth-child(3){background:#95d0bd}
.fc-preview-brand{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #edf2f5}
.fc-avatar{display:grid;place-items:center;background:#dbf3e8;color:#118264;border-radius:14px;width:44px;height:44px}
.fc-preview-brand strong{display:block;color:var(--navy);font-weight:850;line-height:1.25}
.fc-preview-brand small{display:block;font-size:.81rem;color:#677e8b}
.fc-preview-messages{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:14px;flex:1;padding:22px 24px;min-height:347px;overflow-wrap:anywhere}
.fc-placeholder-icon{width:77px;height:77px;border-radius:23px;background:#e8f5ff;color:#2583af;display:grid;place-items:center;margin:0 auto}
.fc-placeholder-heading{text-align:center;font-weight:830;color:var(--navy);margin:3px 0 0}
.fc-preview-question{max-width:100%;border:1px solid #e0e9f2;padding:18px;border-radius:17px;background:#f2f8fc;color:#24435a;line-height:1.56;font-size:.95rem}
.fc-browser{height:42px;display:flex;align-items:center;gap:16px;background:#f1f5f8;border:1px solid #dde9f0;border-radius:10px;padding:0 14px}
.fc-browser-url{font-size:.82rem;color:#315978;font-weight:810}
.fc-demo-assistant{display:flex;align-items:flex-start;gap:10px;background:#edf8f4;padding:16px;border-radius:16px;color:#2b6450}
.fc-demo-assistant svg{flex:none;color:#16916a}
.fc-demo-assistant p{margin:0;line-height:1.55;font-size:.92rem}
.fc-demo-input{border:1.5px solid #cfdce6;border-radius:13px;background:#fff;display:flex;align-items:center;gap:9px;justify-content:space-between;padding:14px 16px;color:#64778c;font-size:.85rem}
.fc-demo-input span{max-height:4.5em;overflow:hidden}
.fc-demo-input svg{flex:none;color:#168765}
.fc-chat-label{font-size:.74rem;font-weight:870;color:#557185;line-height:1;margin:2px 0 -9px}
.fc-chat-bubble{font-size:.91rem;line-height:1.58;padding:16px 18px;border:1px solid #e4eaf0;border-radius:17px;max-width:94%;background:#f5f9fc;color:#233b55;white-space:pre-wrap}
.fc-chat-user{align-self:flex-end;border-radius:17px 17px 4px 17px;background:#e4f5ed;border-color:#c9e9da}
.fc-chat-assistant{align-self:flex-start;border-radius:17px 17px 17px 4px;background:#f5f8fd}
.fc-example-disclaimer{font-size:.82rem;font-weight:750;color:#5e6d7d;margin:0}
.fc-preview-foot{display:flex;gap:9px;align-items:flex-start;background:#f8fbfc;border-top:1px solid #e5edf2;padding:14px 19px;color:#577180;font-size:.77rem;line-height:1.5}
.fc-preview-foot svg{color:#25926b;flex:none}
.fc-finished{background:radial-gradient(circle at 50% 0%,#e0f8ec,transparent 45%),#fff;min-height:430px;text-align:center;padding:55px 25px;border:1px solid #d4ece1;border-radius:27px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center}
.fc-finish-icon{width:96px;height:96px;border-radius:28px;background:#159a6e;color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px #169d6940}
.fc-finished h2{font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.21;color:var(--navy);letter-spacing:-.04em;margin:24px 0 10px}
.fc-finished p{font-size:1.06rem;line-height:1.65;max-width:650px;color:#4f6479;margin:0 0 29px}
.fc-finished-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
@media(max-width:990px){.fc-layout{grid-template-columns:1fr}.fc-preview{position:static;min-height:360px}.fc-preview-messages{min-height:260px}.fc-hero-art{width:170px;transform:scale(.87)}.fc-progress-name{font-size:.75rem}}
@media(max-width:760px){.firstchat-home-inner{align-items:flex-start;flex-wrap:wrap;padding:19px}.firstchat-home-art{width:63px;height:65px}.fc-art-screen{width:48px;height:47px}.firstchat-home .button{width:100%}.fc-hero{padding:45px 0}.fc-hero-art{display:none}.fc-progress{grid-template-columns:repeat(5,minmax(0,1fr));padding:6px;gap:3px}.fc-progress-item{flex-direction:column;gap:3px;min-height:56px;padding:6px 1px}.fc-progress-name{font-size:.66rem;line-height:1.15;text-align:center}.fc-progress-dot{width:28px;height:28px;font-size:.78rem}.fc-workflow{padding:23px 19px;min-height:0}.fc-preview-messages{padding:19px}.fc-choices{grid-template-columns:1fr 1fr}.fc-choice{font-size:.84rem}.fc-step-actions{gap:9px}.fc-step-actions .button{flex:1 1 130px}.fc-step-actions .button:last-child{margin-left:0}.fc-finished-actions .button{width:100%}}
@media(max-width:420px){.fc-progress-name{font-size:.58rem}.fc-choice{padding:11px 8px;gap:5px}.fc-choice svg{width:20px}.fc-hero h1{font-size:2.1rem}.fc-preview-brand{padding:15px}.fc-preview-messages{padding:15px}.firstchat-home-inner{gap:14px}}
@media(prefers-reduced-motion:reduce){.fc-progress-item,.fc-choice,.firstchat-home .button{transition:none}}
/* Keep the full navigation balanced when adding the first-chat guide. */
@media(min-width:1221px){
 .header-inner{gap:13px}
 .desktop-nav{gap:1px}
 .desktop-nav a{padding:10px 7px;font-size:.77rem}
 .header-actions{gap:8px}
 .header-cta{padding:10px 12px;font-size:.75rem}
}
@media(min-width:1221px) and (max-width:1335px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex}}

/* Aipasio V1.5 — guided, practical learning workshop */
.practice-home{padding:16px 0 10px}
.practice-home-inner{display:flex;align-items:center;gap:23px;padding:23px 28px;border:1px solid #cde8de;background:linear-gradient(105deg,#e4f7ee,#f4fcf9 54%,#f1f8fd);border-radius:25px;box-shadow:0 8px 28px rgba(13,105,84,.07)}
.practice-home-symbol{position:relative;flex:none;width:77px;height:77px;border-radius:22px;display:grid;place-items:center;background:#fff;color:#157956;box-shadow:0 5px 18px rgba(13,89,76,.09)}
.practice-home-symbol>span{position:absolute;bottom:0;right:-8px;background:#15845e;color:white;border-radius:50%;display:grid;place-items:center;width:30px;height:30px;border:3px solid #eaf8f2}
.practice-home-copy{flex:1;min-width:0}.practice-home-copy h2{font-size:clamp(1.22rem,2vw,1.65rem);line-height:1.3;letter-spacing:-.025em;color:#143650;margin:3px 0 4px}
.practice-home-copy p{margin:0;color:#47657a;line-height:1.52;font-size:.91rem}
.practice-home .button{flex:none}
.practice-hero{background:radial-gradient(circle at 88% 17%,#dcf8e8 0,transparent 28%),linear-gradient(115deg,#e9f5fd,#f5fbff 60%,#edf9f3);padding:51px 0 46px;overflow:hidden}
.practice-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}
.practice-hero h1{font-size:clamp(2.2rem,4vw,3.65rem);line-height:1.1;letter-spacing:-.05em;color:var(--navy);margin:12px 0 13px}
.practice-hero p{max-width:690px;font-size:1.13rem;line-height:1.6;color:#42617b;margin:0}
.practice-hero-decoration{position:relative;display:grid;place-items:center;border-radius:30px;background:linear-gradient(145deg,#fff,#e5faf1);width:145px;height:136px;flex:none;color:#148765;box-shadow:0 15px 35px rgba(36,111,123,.13);transform:rotate(-5deg)}
.practice-hero-decoration>span{position:absolute;bottom:-9px;right:-8px;display:grid;place-items:center;background:#158c6b;color:#fff;border:5px solid #e7f6ef;width:57px;height:57px;border-radius:50%}
.practice-section{padding-top:28px}
.practice-privacy{display:flex;align-items:center;gap:11px;color:#275e4d;background:#eaf7f0;border:1px solid #d2e9dc;padding:14px 17px;border-radius:16px;font-size:.94rem;line-height:1.5;margin:0 0 18px}
.practice-privacy svg{flex:none;color:#137e5c}
.practice-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:20px}
.practice-progress-step{border:1px solid #dfebf1;background:#fff;display:flex;align-items:center;gap:10px;min-width:0;min-height:70px;border-radius:17px;padding:12px 15px;text-align:left;color:#527087;font-size:.89rem;font-weight:780}
.practice-progress-step:disabled{opacity:.76;cursor:default}
.practice-progress-step.is-current{color:#0b5d49;border:1.5px solid #57b99a;background:#e9f8f1;box-shadow:0 5px 14px #1c906c17}
.practice-progress-step.is-done{color:#195b53;background:#f1faf7;border-color:#d5ece2}
.practice-progress-circle{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#ebf3f8;color:#3a7193;font-size:.92rem}
.is-current .practice-progress-circle,.is-done .practice-progress-circle{background:#198f69;color:white}
.practice-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.87fr);gap:21px;align-items:start}
.practice-main-card,.practice-summary{border-radius:26px;border:1px solid #dfebf1;background:#fff;box-shadow:var(--shadow)}
.practice-main-card{padding:32px;min-height:475px}
.practice-card-heading{font-size:clamp(1.5rem,2.3vw,2.15rem);line-height:1.2;letter-spacing:-.035em;color:var(--navy);margin:0 0 23px}
.practice-subline{margin:-10px 0 22px;color:#536d82;font-size:1.01rem}
.practice-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:29px}
.practice-task{display:grid;grid-template-columns:35px 1fr;column-gap:11px;align-items:center;text-align:left;min-height:103px;padding:16px;border-radius:18px;background:linear-gradient(140deg,#f8fbff,#f1f7fc);border:1.5px solid #e0eaf2;color:#183c5d;font-weight:810;font-size:1.01rem;line-height:1.33}
.practice-task>svg{grid-row:1 / 3;color:#227fa2}
.practice-task small{display:block;grid-column:2;font-weight:520;color:#527185;font-size:.84rem;line-height:1.38;margin-top:3px}
.practice-task:hover,.practice-level:hover{border-color:#7ebfab}
.practice-task.is-picked,.practice-level.is-picked{background:linear-gradient(130deg,#e9f9f2,#f6fcf9);border-color:#15936a;box-shadow:0 0 0 1px #15936a12}
.practice-task.is-picked>svg{color:#138965}
.practice-group-label{font-size:1.13rem;color:#193b5b;margin:0 0 13px}
.practice-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.practice-level{display:flex;flex-direction:column;align-items:flex-start;min-height:103px;padding:15px;text-align:left;color:#193e5c;border-radius:15px;border:1.5px solid #dce8ef;background:#fbfdff;font-weight:800;font-size:.95rem;line-height:1.4}
.practice-level small{font-size:.80rem;margin-top:5px;font-weight:520;color:#58748a}
.practice-form-grid{display:grid;gap:19px;margin-bottom:18px}
.practice-field label,.practice-label{display:block;font-size:1.04rem;font-weight:790;margin-bottom:8px;color:#243f58}
.practice-answer,.practice-prompt{width:100%;min-height:94px;padding:15px 17px;border-radius:16px;border:1.5px solid #c4dbe8;background:#faffff;color:#1c3851;line-height:1.59;resize:vertical;font-size:1rem}
.practice-prompt{min-height:318px;font-size:.99rem;white-space:pre-wrap}
.practice-answer::placeholder{color:#6f8499}
.practice-warning{display:flex;gap:11px;align-items:flex-start;background:#fff7e7;color:#775122;border:1px solid #f4d8a5;border-radius:14px;padding:13px 15px;font-size:.91rem;line-height:1.49;margin-top:15px}
.practice-warning svg{flex:none;color:#9c6a16}
.practice-tool-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:17px}
.practice-small{margin:12px 0 0;color:#63788a;font-size:.84rem;line-height:1.5}
.practice-why{padding:18px 21px;background:#f0f8fc;border-radius:18px;margin-top:22px}
.practice-why h3{color:#194568;font-size:1rem;margin:0 0 9px}
.practice-why ul{padding-left:20px;margin:0;color:#48657b;font-size:.91rem}
.practice-why li+li{margin-top:5px}
.practice-summary{position:sticky;top:18px;overflow:hidden;padding:26px 24px}
.practice-summary-badge{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:830;letter-spacing:.06em;color:#2c8872;margin-bottom:24px}
.practice-summary-icon{background:linear-gradient(120deg,#e6f5fe,#e9f8ee);color:#2281a2;width:76px;height:76px;border-radius:22px;display:grid;place-items:center}
.practice-summary h3{font-size:1.45rem;color:#183b60;line-height:1.24;margin:19px 0 7px;letter-spacing:-.03em}
.practice-summary>p{color:#547086;font-size:.93rem;margin:0 0 23px}
.practice-summary-info{border-top:1px solid #e7eff2;padding-top:16px;display:grid;gap:5px}
.practice-small-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#6f8798;font-weight:800;margin-top:9px}
.practice-summary-info strong{color:#25506b;font-size:.91rem;line-height:1.5}
.practice-summary-placeholder{background:#f5fafc;border:1px dashed #c7dee8;border-radius:13px;padding:13px;color:#627e8e!important;margin:19px 0!important;font-size:.83rem!important;line-height:1.58}
.practice-help{display:flex;gap:10px;padding:14px;background:#f0f9f3;border-radius:15px;color:#206c51;margin-top:17px}
.practice-help svg{flex:none}.practice-help strong{font-size:.9rem}.practice-help p{font-size:.82rem;line-height:1.5;margin:5px 0 0;color:#426e5f}
.practice-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:21px;flex-wrap:wrap}
.practice-navigation .button:last-child{margin-left:auto}
.practice-status{min-height:22px;font-size:.91rem;color:#087a59;font-weight:760;margin:15px 0 0}
.practice-action-steps{counter-reset:action;list-style:none;padding:0;display:grid;gap:11px;margin:19px 0 22px}
.practice-action-steps li{counter-increment:action;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;background:#f3f9fd;color:#315571;font-size:.95rem;line-height:1.45}
.practice-action-steps li::before{content:counter(action);width:31px;height:31px;flex:none;display:grid;place-items:center;background:#168c70;border-radius:50%;font-size:.89rem;font-weight:810;color:#fff}
.practice-external-links{display:flex;flex-wrap:wrap;gap:9px}
.practice-external-links .button{padding:11px 15px;font-size:.90rem}
.practice-checklist{margin:27px 0 18px;background:#f5fcf8;border:1px solid #d5ede1;border-radius:17px;padding:20px}
.practice-checklist h3{font-size:1.08rem;margin:0 0 12px;color:#215c48}
.practice-checkbox{display:flex;align-items:flex-start;gap:12px;padding:7px 0;line-height:1.45;color:#365c50;font-size:.93rem;cursor:pointer}
.practice-checkbox input{width:20px;height:20px;flex:none;accent-color:#128362;margin-top:2px}
.practice-finished{margin:13px 0 0;font-weight:850;color:#087752}
.practice-follow-heading{font-size:1.04rem;color:#1c4662;line-height:1.35;margin:17px 0 12px}
.practice-follow{display:flex;gap:9px;flex-wrap:wrap}
.practice-follow .button{font-size:.85rem}
@media(max-width:980px){.practice-layout{grid-template-columns:1fr}.practice-summary{position:static;display:grid;grid-template-columns:75px 1fr;gap:8px 19px}.practice-summary-badge{grid-column:1/-1;margin-bottom:2px}.practice-summary-icon{grid-row:2 / 4}.practice-summary h3{margin:2px 0 0}.practice-summary>p{margin:0}.practice-summary-info,.practice-summary-placeholder,.practice-help{grid-column:1/-1}}
@media(max-width:760px){.practice-home-inner{flex-wrap:wrap;padding:20px;gap:14px}.practice-home .button{width:100%}.practice-home-symbol{width:61px;height:61px}.practice-home-symbol svg{width:31px}.practice-home-copy{flex-basis:calc(100% - 80px)}.practice-hero{padding:41px 0}.practice-hero-decoration{display:none}.practice-hero p{font-size:1rem}.practice-main-card{padding:23px 18px;min-height:0}.practice-task-grid{grid-template-columns:1fr 1fr}.practice-task{grid-template-columns:28px 1fr;min-height:120px;padding:12px;column-gap:8px;font-size:.91rem}.practice-task svg{width:26px}.practice-task small{font-size:.76rem}.practice-levels{grid-template-columns:1fr 1fr 1fr}.practice-level{padding:10px;font-size:.84rem;min-height:105px}.practice-level small{font-size:.72rem}.practice-progress{gap:5px}.practice-progress-step{padding:9px 3px;min-height:69px;display:flex;flex-direction:column;text-align:center;gap:5px}.practice-progress-name{font-size:.69rem;line-height:1.2}.practice-progress-circle{width:27px;height:27px;font-size:.75rem}.practice-summary{padding:20px}.practice-privacy{font-size:.87rem}.practice-navigation .button{flex:1 1 145px}.practice-navigation .button:last-child{margin-left:0}}
@media(max-width:420px){.practice-task-grid{grid-template-columns:1fr}.practice-task{min-height:79px}.practice-levels{grid-template-columns:1fr}.practice-level{min-height:0}.practice-progress-name{font-size:.6rem}.practice-progress-step{padding:8px 1px}.practice-home-copy{flex-basis:100%}.practice-tool-actions .button,.practice-external-links .button,.practice-follow .button{width:100%}}

/* Mobile legibility: readable progress heading instead of tiny labels */
.practice-progress-summary{display:none}
@media(max-width:500px){.practice-progress-summary{display:block;grid-column:1/-1;margin:0 0 1px;color:#234b64;font-weight:830;font-size:.94rem}.practice-progress{gap:7px}.practice-progress-step{min-height:47px}.practice-progress-name{display:none}.practice-progress-circle{width:33px;height:33px;font-size:.88rem}}

/* Aipasio V1.6 — critical-thinking workshop, calm and accessible */
.verify-hero{background:radial-gradient(circle at 86% 12%,#d8f3e5 0,transparent 34%),linear-gradient(115deg,#ebf5ff 0,#f6fbff 58%,#eefaf4);padding:54px 0 48px}
.verify-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.verify-hero h1{font-size:clamp(2.3rem,4.1vw,3.7rem);line-height:1.11;letter-spacing:-.048em;color:var(--navy);margin:15px 0}
.verify-hero p{font-size:1.12rem;line-height:1.65;color:#3c5d74;max-width:750px;margin:0}
.verify-hero-mark{position:relative;flex:none;width:134px;height:134px;border-radius:29px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#e2f7eb);color:#159369;box-shadow:0 18px 40px rgba(33,101,105,.12);transform:rotate(5deg)}
.verify-hero-mark>span{position:absolute;width:46px;height:46px;border:4px solid #f0fbf6;display:grid;place-items:center;background:#12795b;color:white;bottom:-8px;right:-10px;border-radius:50%}
.verify-section{padding-top:30px}
.verify-disclaimer{display:flex;align-items:flex-start;gap:13px;background:#ecf8f1;border:1px solid #cbe7d9;border-radius:16px;color:#245946;line-height:1.55;padding:17px 21px;margin:0 0 22px}
.verify-disclaimer svg{color:#17835f;flex:none;margin-top:2px}
.verify-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.86fr);gap:22px;align-items:start}
.verify-lesson,.verify-review{border-radius:25px;border:1px solid #dce9f0;background:#fff;box-shadow:var(--shadow);padding:29px}
.verify-panel-title,.verify-review h2{color:#163758;font-size:clamp(1.48rem,2.35vw,2.05rem);letter-spacing:-.035em;line-height:1.25;margin:0 0 10px}
.verify-panel-desc,.verify-review>p{margin:0 0 22px;color:#546d7f;line-height:1.62;font-size:.99rem}
.verify-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:21px 0 22px}
.verify-case-tab{background:#f8fbfe;border:1px solid #dbe7ed;color:#2a4e67;border-radius:13px;text-align:left;line-height:1.4;font-size:.92rem;font-weight:745;min-height:65px;padding:12px 14px;cursor:pointer}
.verify-case-tab.active{background:#eaf8f2;border:2px solid #279974;color:#12634e;padding:11px 13px}
.verify-example{background:linear-gradient(110deg,#eff6fb,#f8fbff);border:1px solid #dae8f2;border-radius:18px;padding:20px 22px}
.verify-example-tag{text-transform:uppercase;letter-spacing:.055em;color:#466e87;font-size:.72rem;font-weight:850}
.verify-quote{margin:13px 0 17px;padding:0;border:0;font-size:1.22rem;color:#183b5d;font-weight:750;line-height:1.5;letter-spacing:-.014em}
.verify-audio{cursor:pointer;border:1px solid #cee1ed;border-radius:12px;padding:10px 14px;background:#fff;color:#286381;font-size:.92rem;font-weight:750}
.verify-quiet{display:block;color:#597487;font-size:.82rem;line-height:1.5;margin:12px 0 0}
.verify-question{font-size:1.14rem;color:#193b57;letter-spacing:-.01em;margin:24px 0 13px}
.verify-options{display:grid;gap:10px}
.verify-option{display:flex;align-items:center;gap:13px;text-align:left;color:#244d67;background:#fff;border:1.5px solid #d5e4ec;min-height:66px;border-radius:15px;padding:12px 16px;font-size:1.01rem;font-weight:700;line-height:1.4;cursor:pointer}
.verify-option:hover,.verify-case-tab:hover{border-color:#6ebba3;background:#f5fcf8}
.verify-option.selected{border-color:#188b65;background:#e9f8f1;color:#0e6549}
.verify-option-marker{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8f2f8;color:#316e8c;font-weight:850;flex:none}
.verify-option.selected .verify-option-marker{background:#158764;color:white}
.verify-feedback{margin-top:19px;padding:21px;background:#fff8ed;border:1px solid #f1d9af;border-radius:17px;color:#76501c;line-height:1.6}
.verify-feedback.good{background:#edf9f2;border-color:#caead7;color:#205d48}
.verify-feedback strong{display:block;font-size:1.09rem;line-height:1.35}
.verify-feedback h4{font-size:.91rem;font-weight:850;margin:16px 0 4px;color:inherit}
.verify-feedback p{font-size:.94rem;margin:0}
.verify-next{display:flex;justify-content:flex-end;margin-top:18px}
.verify-review{background:linear-gradient(170deg,#fff,#fafdff)}
.verify-checks{display:grid;gap:3px}
.verify-check{display:flex;align-items:flex-start;gap:13px;padding:12px 3px;border-bottom:1px solid #e9f0f3;color:#315773;line-height:1.52;font-size:.96rem;cursor:pointer}
.verify-check:last-child{border-bottom:0}
.verify-check input{flex:none;accent-color:#158562;width:22px;height:22px;margin-top:2px}
.verify-check-finished{margin:14px 0;padding:12px 14px;border-radius:12px;background:#eaf8f0;color:#175e46;font-weight:780;line-height:1.5}
.verify-copy-card{padding:20px;margin-top:25px;border:1px solid #d6e7ef;border-radius:17px;background:#f2f8fb}
.verify-copy-card h3{margin:0 0 13px;font-size:1.06rem;color:#234b65}
.verify-copy-text{width:100%;border:1px solid #c9dce5;border-radius:12px;padding:12px 13px;background:#fff;color:#284e68;font:inherit;line-height:1.54;resize:vertical}
.verify-copy-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px}
.verify-copy-actions .button{font-size:.91rem;white-space:normal;text-align:center}
.verify-copy-status{color:#1d6c50;font-weight:750;font-size:.9rem;line-height:1.45}
.verify-privacy-tip,.verify-security-link{display:flex;align-items:center;gap:17px;margin-top:24px;border-radius:20px;padding:23px 25px;background:#eff8f4;border:1px solid #d3e9dc}
.verify-privacy-tip>span{color:#18845f;flex:none}
.verify-privacy-tip>div,.verify-security-link>div{flex:1;min-width:0}
.verify-privacy-tip h2,.verify-security-link h2{font-size:1.28rem;color:#18543d;margin:0 0 5px}
.verify-privacy-tip p,.verify-security-link p{color:#3b6656;margin:0;line-height:1.5}
.verify-privacy-tip .button,.verify-security-link .button{flex:none}
.practice-verify-link{display:inline-flex;gap:10px;margin:22px 0 0;text-decoration:none}
.verify-lesson button:focus-visible,.verify-review button:focus-visible,.verify-lesson a:focus-visible,.verify-review textarea:focus-visible,.verify-check input:focus-visible{outline:3px solid #126ab8;outline-offset:3px}
@media(max-width:1050px){.verify-layout{grid-template-columns:1fr}.verify-review{max-width:none}}
@media(max-width:760px){.verify-hero{padding:42px 0}.verify-hero-mark{display:none}.verify-hero p{font-size:1.02rem}.verify-lesson,.verify-review{padding:22px 19px}.verify-privacy-tip,.verify-security-link{flex-wrap:wrap;padding:20px}.verify-privacy-tip .button,.verify-security-link .button{width:100%}.verify-case-tab{font-size:.85rem}.verify-quote{font-size:1.13rem}}
@media(max-width:440px){.verify-cases{grid-template-columns:1fr}.verify-case-tab{min-height:49px}.verify-option{font-size:.94rem;min-height:63px}.verify-copy-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.verify-option,.verify-case-tab{scroll-behavior:auto;transition:none}}
.verify-completion{margin-top:22px;border:1px solid #c7e8d8;background:linear-gradient(140deg,#e8f8f0,#f8fffb);border-radius:18px;padding:40px 25px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.verify-completion-symbol{display:grid;place-items:center;color:#fff;font-size:2rem;font-weight:900;background:#169468;border-radius:50%;height:74px;width:74px}
.verify-completion h3{margin:0;color:#205b47;font-size:clamp(1.3rem,2.4vw,1.7rem);line-height:1.35;max-width:560px}

/* ===================================================================
   AIPASIO 1.7 — Home IA for everyone: simplified header + homepage.
   Retains existing artwork, colors, content and accessible controls.
   =================================================================== */
:root{--aipasio-v17:1}
html{scroll-padding-top:22px}
.site-header{height:76px}
.header-inner{gap:12px}
.brand{gap:7px}
.brand-text strong{font-size:1.57rem;letter-spacing:-.055em}
.brand-text small{font-size:.61rem;margin-top:4px}
.brand-mark svg{width:46px;height:46px}
.desktop-nav{gap:1px;justify-content:center;flex:1}
.desktop-nav>a,.nav-more>summary{font-size:.81rem;font-weight:760;line-height:1.35;padding:10px 10px;white-space:nowrap;min-height:42px;display:inline-flex;align-items:center;gap:4px;border-radius:11px;color:#203c5b}
.nav-more{position:relative;flex:none}
.nav-more>summary{list-style:none;cursor:pointer}
.nav-more>summary::-webkit-details-marker{display:none}
.nav-more>summary svg{transition:transform .15s ease}
.nav-more[open]>summary svg{transform:rotate(90deg)}
.nav-more>summary:hover,.nav-more[open]>summary,.nav-more>summary.is-active{background:#e9f4fa;color:#0a426c}
.nav-more-panel{position:absolute;top:calc(100% + 9px);right:0;min-width:245px;max-width:min(360px,90vw);z-index:50;background:#fff;border:1px solid #dce8ee;border-radius:16px;box-shadow:0 18px 44px rgba(20,58,84,.17);padding:8px;display:grid;gap:2px}
.nav-more-panel a{white-space:normal;line-height:1.4;display:block;padding:11px 13px;font-size:.88rem;border-radius:10px;font-weight:680}
.nav-more-panel a:hover,.nav-more-panel a[aria-current]{background:#ecf7f4;color:#08674f}
.header-actions{gap:8px;flex:none}
.header-cta{font-size:.77rem;min-height:42px;padding:10px 13px}
.language-control{padding:7px 8px}
/* Desktop primary navigation no longer disappears at 1220px. */
@media(min-width:900px){
 .desktop-nav{display:flex}
 .menu-toggle{display:none}
 .header-inner{gap:9px}
 .header-cta{display:none}
}
@media(min-width:1340px){
 .header-cta{display:inline-flex}
 .header-inner{gap:15px}
 .desktop-nav>a,.nav-more>summary{padding-inline:12px}
}
@media(min-width:900px) and (max-width:1080px){
 .container{width:calc(100% - 36px)}
 .desktop-nav>a,.nav-more>summary{font-size:.83rem;padding-inline:5px}
 .brand-text strong{font-size:1.35rem}
 .brand-mark svg{width:39px;height:39px}
 .brand-text small{font-size:.55rem}
 .header-inner{gap:6px}
 .language-control{gap:3px;padding:5px 4px}
 .language-control select{font-size:.78rem;padding-right:0}
}
@media(max-width:899px){
 .desktop-nav,.header-cta{display:none}
 .menu-toggle{display:flex}
 .site-header{height:73px}
 .header-inner{gap:9px}
}
/* Shorter banner: the user sees practical actions without scrolling far. */
.hero,.hero-inner{min-height:358px}
.hero-copy{width:53%;padding:38px 22px 38px 0}
.hero-copy h1{font-size:clamp(2.3rem,3.45vw,3.35rem);line-height:1.105;max-width:575px;margin:12px 0 13px;letter-spacing:-.051em}
.hero-lead{font-size:1.045rem;line-height:1.55;max-width:510px}
.hero-ctas{margin-top:20px;gap:11px}
.hero-ctas .button-large{min-height:52px;padding:13px 20px;font-size:.94rem}
.hero-chips{margin-top:16px;gap:11px}
.hero-chips span{font-size:.78rem}
.hero-art{width:58%}
.hero-art::after{background:linear-gradient(90deg,#eaf6ff 0%,rgba(232,246,255,.92) 12%,rgba(232,246,255,.24) 41%,transparent 70%),linear-gradient(0deg,rgba(228,242,248,.3),transparent 20%)}
.hero-art img{object-position:52% 42%}
/* Usages directly after hero; large touch targets and compact visual density. */
.needs-section{padding:26px 0 34px;background:#fbfdff}
.needs-section .section-heading{margin-bottom:19px}
.needs-section .section-heading h2{font-size:clamp(1.75rem,2.55vw,2.2rem)}
.needs-section .section-heading p{font-size:.95rem}
.need-grid{gap:13px}
.need-card{min-height:215px;padding:20px 16px 17px;border-radius:21px}
.need-icon{width:61px;height:61px;border-radius:16px;margin-bottom:13px}
.need-icon svg{width:36px;height:36px}
.need-card h3{font-size:1.03rem}
.need-card p{font-size:.82rem;line-height:1.4;margin-bottom:26px}
.need-card:focus-visible{outline-offset:4px}
/* Three ways to learn; no successive full-width promotions crowding the page. */
.home-pathways{padding:30px 0 35px}
.home-pathway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.home-pathway-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid #d9e9ee;border-radius:22px;padding:22px;background:linear-gradient(145deg,#fff,#f4f9fc);box-shadow:0 8px 27px rgba(19,64,90,.055);min-height:225px;transition:transform .18s,box-shadow .18s}
.home-pathway-card:nth-child(2){background:linear-gradient(145deg,#fff,#eef9f3)}
.home-pathway-card:nth-child(3){background:linear-gradient(145deg,#fff,#f2f4ff)}
.home-pathway-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(19,64,90,.11)}
.home-pathway-icon{background:#e2f4f6;color:#1475a0;width:55px;height:55px;display:grid;place-items:center;border-radius:17px}
.home-pathway-card:nth-child(2) .home-pathway-icon{background:#dff5e9;color:#108463}
.home-pathway-card:nth-child(3) .home-pathway-icon{background:#e8eaff;color:#5364a3}
.home-pathway-card>strong{font-size:1.15rem;line-height:1.28;color:var(--navy)}
.home-pathway-desc{font-size:.90rem;line-height:1.5;color:#486179}
.home-pathway-arrow{display:inline-flex;align-items:center;gap:8px;font-size:.90rem;font-weight:820;color:#08745a;margin-top:auto;padding-top:5px}
/* Avoid excessive vertical whitespace between the next sections. */
.how-section{padding-top:18px}
.quick-start{padding-top:22px}
@media(min-width:900px) and (max-width:1180px){
 .hero,.hero-inner{min-height:380px}
 .hero-copy{width:56%}
 .hero-art{width:57%}
 .hero-copy h1{font-size:clamp(2.18rem,3.55vw,2.8rem)}
 .need-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .need-card{min-height:183px}
}
@media(max-width:899px){
 .hero,.hero-inner{min-height:365px}
 .hero-copy{width:59%;padding:34px 18px 32px 0}
 .hero-copy h1{font-size:clamp(2.12rem,4vw,2.8rem)}
 .hero-art{width:60%}
 .need-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .need-card{min-height:192px}
 .home-pathway-grid{gap:11px}
 .home-pathway-card{padding:18px;min-height:230px}
}
@media(max-width:700px){
 .site-header{height:72px}
 .hero,.hero-inner{min-height:0}
 .hero-inner{flex-direction:column}
 .hero-copy{width:100%;padding:35px 0 21px}
 .hero-copy h1{font-size:clamp(2.03rem,7.5vw,3.05rem)}
 .hero-lead{font-size:1.03rem}
 .hero-art{width:calc(100% + 36px);height:175px;right:auto;margin:0 -18px}
 .hero-art::after{background:linear-gradient(0deg,rgba(234,248,255,.12),transparent 40%)}
 .hero-ctas .button{min-height:51px}
 .needs-section{padding-top:25px}
 .need-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .need-card{min-height:196px;padding:16px 14px}
 .need-icon{width:52px;height:52px;margin-bottom:11px}
 .need-icon svg{width:31px;height:31px}
 .home-pathway-grid{grid-template-columns:1fr;gap:12px}
 .home-pathway-card{min-height:0;padding:19px}
 .home-pathway-card>strong{font-size:1.1rem}
}
@media(max-width:380px){
 .hero-art{width:calc(100% + 28px);margin:0 -14px}
 .need-grid{grid-template-columns:1fr}
 .need-card{min-height:155px}
}
@media(prefers-reduced-motion:reduce){.home-pathway-card{transition:none}.home-pathway-card:hover{transform:none}.nav-more>summary svg{transition:none}}

/* Aipasio 1.8 — Accessible personal orientation, mobile first. */
.orientation-hero{padding:50px 0 47px;background:radial-gradient(circle at 92% 14%,#d8f4e4,transparent 38%),linear-gradient(115deg,#eaf6fe 0%,#f7fbff 66%,#eaf9f1)}
.orientation-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
.orientation-hero h1{font-size:clamp(2.25rem,4.3vw,3.5rem);line-height:1.12;letter-spacing:-.05em;margin:13px 0 15px;color:var(--navy)}
.orientation-hero p{font-size:1.09rem;line-height:1.65;color:#3d5972;max-width:680px;margin:0}
.orientation-hero-icon{display:grid;place-items:center;flex:none;width:120px;height:120px;color:#168968;background:#f6fffb;border:1px solid #c9e7db;border-radius:32px;box-shadow:0 15px 39px rgba(20,75,80,.10)}
.orientation-section{padding:32px 0 70px}
.orientation-shell{max-width:1020px;margin:0 auto}
.orientation-progress{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;margin:0 0 20px;padding:0}
.orientation-progress li{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#eff4f8;border:1px solid #e1eaf0;color:#5d7284;border-radius:15px;font-weight:730;font-size:.9rem;min-width:0}
.orientation-progress li.current{background:#e9f7ef;border-color:#9bd7bf;color:#096347}
.orientation-progress li.completed{background:#f0f8ff;color:#215678}
.orientation-progress-number{display:grid;place-items:center;width:29px;height:29px;flex:none;border-radius:50%;background:#dce7ed;color:#36566b;font-weight:840}
.orientation-progress li.current .orientation-progress-number{background:#16795a;color:#fff}
.orientation-progress li.completed .orientation-progress-number{background:#addad2;color:#12563e}
.orientation-card{background:#fff;border:1px solid #d9e8ee;box-shadow:0 17px 48px rgba(18,65,87,.07);border-radius:27px;padding:34px 39px}
.orientation-question{font-size:clamp(1.55rem,2.65vw,2.25rem);line-height:1.23;letter-spacing:-.035em;color:var(--navy);margin:0 0 8px}
.orientation-question:focus{outline:none}
.orientation-instruction{font-size:1rem;line-height:1.57;color:#496277;margin:0 0 23px}
.orientation-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.orientation-option{display:flex;align-items:center;text-align:left;gap:15px;background:#f9fcff;border:1px solid #d8e6ef;border-radius:19px;min-height:100px;padding:16px 17px;cursor:pointer;color:#102f4d;font:inherit;transition:border-color .15s,box-shadow .15s,background .15s}
.orientation-option:hover,.orientation-level:hover{border-color:#36a581;background:#f0fbf7;box-shadow:0 8px 25px rgba(24,100,91,.09)}
.orientation-option:focus-visible,.orientation-level:focus-visible{outline:3px solid #167db3;outline-offset:3px}
.orientation-option-icon{display:grid;place-items:center;background:#e5f3f9;color:#157aab;border-radius:15px;min-width:57px;height:57px;flex:none}
.orientation-option:nth-child(2n) .orientation-option-icon{background:#e9f6ed;color:#0d8662}
.orientation-option-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.orientation-option strong{font-size:1.025rem;line-height:1.31}
.orientation-option small{font-size:.86rem;line-height:1.37;color:#4b6578}
.orientation-option-chevron{margin-left:auto;font-size:1.75rem;color:#197c7a}
.orientation-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.orientation-level{display:flex;flex-direction:column;text-align:left;position:relative;gap:13px;min-height:178px;padding:24px 21px;background:#f9fcff;border:1px solid #d9e9ee;border-radius:20px;cursor:pointer;font:inherit;color:#14344f;transition:border-color .15s,box-shadow .15s,background .15s}
.orientation-level strong{font-size:1.17rem;line-height:1.28}
.orientation-level span:not(.orientation-level-chevron){font-size:.96rem;color:#506a7e;line-height:1.45}
.orientation-level-chevron{margin-top:auto;color:#118667;font-size:1.7rem;font-weight:700}
.orientation-link-back{display:inline-flex;align-items:center;gap:9px;background:none;border:0;color:#0d6652;cursor:pointer;font:inherit;font-size:.98rem;font-weight:770;text-decoration:underline;text-underline-offset:4px;padding:12px 2px;margin:14px 13px 0 0}
.orientation-link-back:focus-visible{outline:3px solid #1c78aa;outline-offset:2px}
.orientation-result-header{display:flex;align-items:center;gap:13px;margin-bottom:21px}
.orientation-result-icon{display:grid;place-items:center;background:#e6f6eb;color:#14795d;border-radius:18px;width:69px;height:69px}
.orientation-result-badge{display:inline-flex;background:#ddf5e7;color:#08674c;border-radius:50px;padding:9px 15px;font-weight:780;font-size:.86rem}
.orientation-result-text{font-size:1.13rem;line-height:1.65;color:#365770;max-width:760px;margin:14px 0}
.orientation-result-buttons{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:28px 0 8px}
.orientation-actions{display:flex;gap:18px;flex-wrap:wrap}
.orientation-privacy{display:flex;align-items:center;gap:10px;color:#526b7b;font-size:.85rem;line-height:1.55;margin:19px 8px 0}
.orientation-privacy:before{content:'✓';display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#e3f7eb;color:#127855;font-weight:900}
@media(max-width:770px){.orientation-hero-icon{display:none}.orientation-hero{padding:38px 0}.orientation-choice-grid{grid-template-columns:1fr}.orientation-level-grid{grid-template-columns:1fr}.orientation-level{min-height:95px;padding:17px 20px;gap:6px}.orientation-level-chevron{position:absolute;right:22px;bottom:17px}.orientation-card{padding:24px 21px}.orientation-section{padding-top:23px}.orientation-result-buttons .button{width:100%;justify-content:center}}
@media(max-width:510px){.orientation-progress{gap:5px}.orientation-progress li{padding:9px 5px;flex-direction:column;text-align:center;gap:4px;font-size:.7rem;line-height:1.25}.orientation-progress-number{width:30px;height:30px}.orientation-option{min-height:92px;padding:13px 12px;gap:10px}.orientation-option-icon{min-width:48px;height:48px}.orientation-option-icon svg{width:25px;height:25px}.orientation-option strong{font-size:.98rem}.orientation-option small{font-size:.79rem}.orientation-card{padding:23px 17px}.orientation-hero h1{font-size:clamp(2rem,9vw,2.55rem)}}
@media(prefers-reduced-motion:reduce){.orientation-option,.orientation-level{transition:none}}

/* Entry to personal orientation without moving the six helpful use cases. */
.orientation-home-link{margin-top:23px;padding:17px 22px;border-radius:20px;background:#eaf7f2;border:1px solid #cde8dc;display:flex;justify-content:space-between;align-items:center;gap:25px}
.orientation-home-link strong{font-size:1.1rem;color:#103853}
.orientation-home-link p{font-size:.89rem;color:#45677b;margin:4px 0 0}
.orientation-home-link .button{flex:none}
@media(max-width:670px){.orientation-home-link{flex-direction:column;align-items:stretch;padding:18px}.orientation-home-link .button{width:100%;justify-content:center}}

/* V1.9 — calmer navigation and help on task pages */
.assist-path{background:#f5fbfd;border-bottom:1px solid #deedf1}
.assist-path-inner{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:8px}
.assist-path-inner span{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:#3b6475;font-weight:650}
.assist-path-inner span svg{color:#208868;flex:none}
.assist-path-inner a{display:inline-flex;align-items:center;gap:6px;color:#006e57;font-size:.89rem;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.assist-path-inner a:focus-visible{outline:3px solid #1688a8;outline-offset:3px;border-radius:4px}
.mobile-nav-more{border-top:1px solid #e2ecf0;margin-top:4px}
.mobile-nav-more summary{cursor:pointer;min-height:48px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;font-weight:800;list-style:none}
.mobile-nav-more summary::-webkit-details-marker{display:none}
.mobile-nav-more[open] summary svg{transform:rotate(90deg)}
.mobile-nav-more > div{display:grid;gap:4px;padding:4px 0 8px 13px}
.mobile-nav-more a{display:block}
.mobile-nav-more summary:focus-visible{outline:3px solid #1688a8;outline-offset:-3px}
.lesson-answer:focus-visible{outline:3px solid #1688a8;outline-offset:2px}
@media(max-width:600px){.assist-path-inner{align-items:flex-start;flex-direction:column;gap:2px}.assist-path-inner a{padding:5px 0;min-height:30px}}

/* V2.0 : larger, easier-to-hit accessibility controls and clear keyboard focus. */
.accessibility-tools button{min-width:44px;min-height:44px;font-size:1.15rem}
.accessibility-tools{right:10px;top:105px}
.desktop-nav>a:focus-visible,.nav-more>summary:focus-visible,.mobile-nav a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:600px){.accessibility-tools{right:8px;top:105px}.accessibility-tools button{min-width:40px;min-height:40px}}

/* V2.2 — Language names are readable in the native select menu, while the
   compact header remains intact at tablet and desktop widths. */
.language-control select{width:9.5em;text-overflow:clip}
.language-control select option{font-weight:600}
@media (max-width:700px){.language-control select{width:3.6em}}


/* Aipasio V2.3 — A discreet help bar that stays accessible without
   increasing the complexity of the homepage or changing its imagery. */
.assist-path-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 19px}
.assist-help-toggle{display:inline-flex;align-items:center;gap:8px;color:#0b6254;border:1px solid #a8dac9;border-radius:11px;background:#e8f8ef;min-height:42px;padding:8px 14px;font:inherit;font-size:.93rem;line-height:1.3;font-weight:780;cursor:pointer}
.assist-help-toggle[aria-expanded="true"]{background:#d4f2e0;border-color:#54ae8c}
.assist-help-toggle:focus-visible,.assist-help-actions button:focus-visible,.lesson-hint-button:focus-visible{outline:3px solid #147bb1;outline-offset:3px}
.assist-help-panel{background:linear-gradient(110deg,#eef9f5,#f8fbff);border-top:1px solid #d8ebe7;border-bottom:1px solid #d8ebe7}
.assist-help-panel[hidden]{display:none}
.assist-help-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding-block:24px 27px}
.assist-help-kicker{display:block;font-weight:800;letter-spacing:.11em;font-size:.72rem;color:#0b775c}
.assist-help-inner h2{font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.3;color:#0d3250;margin:7px 0 12px}
.assist-help-steps{padding-left:1.4em;margin:0;color:#294e64;line-height:1.7;font-size:1rem}
.assist-help-steps li{padding-left:.2em;margin:3px 0}
.assist-help-steps li::marker{color:#14755a;font-weight:900}
.assist-help-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:230px}
.assist-help-actions .button{justify-content:center;min-height:45px}
.assist-help-close{border:0;background:transparent;color:#096c5c;font-weight:760;min-height:39px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;font:inherit}
.assist-help-feedback{font-size:.92rem;color:#874713;margin:0}
.assist-focus-target{outline:4px solid #168b68!important;outline-offset:5px!important;box-shadow:0 0 0 9px rgba(23,143,106,.13)!important}
.lesson-hint-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #a8d6c8;background:#eaf8f2;color:#0c6754;border-radius:11px;min-height:44px;padding:10px 15px;font:inherit;font-size:1rem;font-weight:760;cursor:pointer;margin:17px 0 9px}
.lesson-hint-button:hover{background:#daf2e6}
.lesson-hint{padding:14px 17px;border-radius:12px;border-left:4px solid #209c75;background:#f1faf6;color:#183f4d;font-size:1.04rem;line-height:1.57;margin:0 0 16px}
.lesson-hint[hidden]{display:none}
@media(max-width:750px){.assist-help-inner{grid-template-columns:1fr;gap:15px}.assist-help-actions{min-width:0;max-width:100%;flex-direction:row;flex-wrap:wrap}.assist-help-actions .button{flex:1 1 220px}}
@media(max-width:600px){.assist-path-inner{gap:7px}.assist-path-actions{width:100%;justify-content:space-between;gap:9px}.assist-help-toggle{padding:8px 10px;font-size:.9rem}.assist-path-actions a{font-size:.81rem}.assist-help-inner{padding-block:19px}.assist-help-steps{font-size:.95rem}.assist-help-actions{display:grid;grid-template-columns:1fr}.assist-help-close{justify-self:center}}
@media(prefers-reduced-motion:reduce){.assist-focus-target{scroll-behavior:auto}}

/* V2.3 mobile fix: keep large-text/contrast controls in document flow;
   V2.0's later top:105px declaration had overlapped navigation and help. */
@media(max-width:700px){
  .accessibility-tools{position:relative;top:auto;right:auto;bottom:auto;margin:8px 16px 7px auto;z-index:auto;display:flex;flex-direction:row;width:max-content;max-width:calc(100% - 32px);box-shadow:none;padding:2px}
  .accessibility-tools button{min-width:44px;min-height:44px}
}


/* V2.4 — visual accessibility audit: prevent overlays, restore the companion,
   give each task room to breathe, and clarify the three ways to learn. */
.accessibility-tools{
  position:relative!important;inset:auto!important;z-index:2;display:flex;
  justify-content:flex-end;align-items:center;gap:8px;width:100%;max-width:none;
  margin:0;padding:5px max(22px,calc((100vw - 1280px)/2));min-height:48px;
  border:0;border-bottom:1px solid #e5eef3;border-radius:0;box-shadow:none;
  background:#f6fafc;
}
.a11y-label{color:#315673;font-size:.79rem;font-weight:730;margin-right:7px}
.accessibility-tools button{
  flex:none;width:42px;height:38px;min-width:42px;min-height:38px;
  border:1px solid #d4e5ed;background:#fff;border-radius:10px;
  color:#185a7d;line-height:1;
}
.accessibility-tools button:hover{background:#e6f3fa}
.hero,.hero-inner{min-height:382px}
.hero-copy{width:52%;padding:43px 18px 43px 0}
.hero-copy h1{font-size:clamp(2.35rem,3.45vw,3.4rem);max-width:580px}
.hero-art{width:57%}
/* Keep the photo and branded assistant; the previous 41%-wide white mask hid
   the original drawing and speech bubble almost completely. */
.hero-art::after{
  background:linear-gradient(90deg,rgba(234,246,255,.55) 0%,rgba(234,246,255,.07) 4%,transparent 10%),
             linear-gradient(0deg,rgba(228,242,248,.16),transparent 18%);
}
.hero-art img{object-position:0% 42%}
/* Three readable columns rather than six narrow columns. */
.need-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.need-card{min-height:196px;padding:23px 24px 20px;border-radius:23px}
.need-icon{width:60px;height:60px;margin-bottom:14px;border-radius:17px}
.need-icon svg{width:35px;height:35px}
.need-card h3{font-size:1.13rem;line-height:1.30;letter-spacing:-.016em;margin-bottom:6px}
.need-card p{font-size:.97rem;line-height:1.45;margin-bottom:26px;max-width:33ch}
.card-arrow{width:39px;height:39px}
/* Shorter explainer with more legible text and less empty vertical space. */
.how-section{padding:20px 0 22px}
.how-panel{grid-template-columns:minmax(185px,.8fr) minmax(0,3.3fr);padding:24px 26px;gap:20px}
.how-steps{gap:14px}
.how-step{min-height:149px;padding:17px 10px 8px}
.how-icon{width:62px;height:60px;border-radius:16px;margin-bottom:9px}
.how-icon svg{width:30px;height:30px}
.how-step .number-bubble{left:1px;top:3px;width:31px;height:31px;font-size:1rem}
.how-step h3{font-size:1rem;line-height:1.3}
.how-step p{font-size:.9rem;line-height:1.42}
.how-step:not(:last-child)::after{right:-13px;top:57px}
.home-pathway-card{position:relative;min-height:218px}
.home-pathway-stage{display:inline-flex;width:max-content;max-width:100%;color:#146c59;background:#e5f7ef;border-radius:50px;padding:3px 10px;font-size:.75rem;line-height:1.4;font-weight:850}
.home-pathway-card:nth-child(3) .home-pathway-stage{background:#e7edff;color:#4559a1}
/* Every footer link is retained, but the navigation is split into two columns. */
.footer-inner{grid-template-columns:minmax(170px,1.5fr) repeat(5,minmax(0,1fr));gap:22px}
.footer-group h2{font-size:.85rem}
.footer-group a{font-size:.86rem}
@media(max-width:1200px){
  .hero-copy{width:54%}
  .hero-art{width:57%}
  .how-panel{grid-template-columns:1fr;gap:12px}
  .how-intro p{max-width:none}
  .footer-inner{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:899px){
  .hero,.hero-inner{min-height:370px}
  .hero-copy{width:58%;padding:32px 18px 29px 0}
  .hero-art{width:59%}
  .need-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .need-card{min-height:205px;padding:20px}
}
@media(max-width:700px){
  .accessibility-tools{position:relative!important;inset:auto!important;display:flex;width:100%;max-width:none;min-height:49px;margin:0;padding:5px 18px;justify-content:flex-end}
  .a11y-label{margin-right:auto;font-size:.81rem}
  .hero,.hero-inner{min-height:0}
  .hero-copy{width:100%;padding:30px 0 21px}
  .hero-art{width:calc(100% + 36px);height:207px;margin:0 -18px}
  .hero-art::after{background:linear-gradient(0deg,rgba(234,248,255,.12),transparent 25%)}
  .hero-art img{object-position:center 40%}
  .need-grid{grid-template-columns:1fr;gap:11px}
  .need-card{
    display:grid;grid-template-columns:64px minmax(0,1fr) 40px;
    grid-template-rows:auto auto;align-items:center;gap:2px 14px;
    min-height:117px;padding:16px;border-radius:20px
  }
  .need-icon{grid-column:1;grid-row:1 / 3;width:60px;height:60px;margin:0}
  .need-card h3{grid-column:2;grid-row:1;font-size:1.05rem;margin:0;align-self:end}
  .need-card p{grid-column:2;grid-row:2;font-size:.88rem;line-height:1.36;max-width:none;margin:0;align-self:start}
  .card-arrow{position:static;grid-column:3;grid-row:1/3;width:35px;height:35px}
  .how-panel{padding:20px 17px;gap:12px}
  .how-step{min-height:0;grid-template-columns:56px 1fr;gap:0 14px;padding:14px}
  .how-icon{width:54px;height:54px}
  .how-step p{font-size:.9rem}
  .footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 18px}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:430px){
  .need-card{grid-template-columns:52px minmax(0,1fr) 34px;gap:2px 11px;padding:14px}
  .need-icon{width:51px;height:51px}
  .need-icon svg{width:29px;height:29px}
  .need-card h3{font-size:1rem}
  .need-card p{font-size:.82rem}
  .card-arrow{width:32px;height:32px}
  .hero-art{height:188px}
  .footer-lang-links{gap:4px}
}
@media(prefers-reduced-motion:reduce){.need-card,.home-pathway-card{transition:none}.need-card:hover,.home-pathway-card:hover{transform:none}}
/* Keep the skip link keyboard-accessible but truly outside the page when not
   focused, including in full-page screenshots captured by browser tools. */
.skip-link{position:absolute;top:-120px}
.skip-link:focus-visible{position:fixed;top:10px}


/* V2.5 — Compact navigation, accessibility inside header, lower hero.
   Keeps the original Aipasio artwork and all accessible actions. */
.site-header{height:74px}
.header-inner{gap:8px}
.header-actions{gap:8px;min-width:0}
.header-cta{display:none!important}
.header-accessibility{display:inline-flex;align-items:center;gap:6px;flex:none}
.header-accessibility button{display:inline-flex;align-items:center;justify-content:center;
  min-width:42px;min-height:42px;padding:0 8px;border:1px solid #d9e8ef;
  border-radius:12px;color:#17496c;background:#fafdff;font-size:1.08rem;
  font-weight:850;line-height:1;box-shadow:none}
.header-accessibility button:hover{background:#eaf5fa;border-color:#abd4e0}
.header-accessibility button[aria-pressed="true"]{background:#ddf4ea;border-color:#50aa8b;color:#086147}
.header-accessibility sup{font-size:.62rem;align-self:flex-start;margin-top:9px}
.language-control{flex:none}
/* The full navigation fits when there is room, otherwise use the menu. */
@media(min-width:1181px){
  .desktop-nav{display:flex;gap:0;min-width:0}
  .desktop-nav>a,.nav-more>summary{padding-inline:7px;font-size:.80rem}
  .menu-toggle{display:none}
}
@media(min-width:1181px) and (max-width:1340px){
  .brand-mark svg{width:40px;height:40px}
  .brand-text strong{font-size:1.4rem}
  .brand-text small{font-size:.57rem}
  .language-control{padding-inline:5px}
  .language-control select{font-size:.76rem}
  .header-inner{gap:5px}
}
@media(max-width:1180px){
  .desktop-nav{display:none!important}
  .menu-toggle{display:flex}
}
/* Reduce above-the-fold height without trimming text or artwork. */
.hero,.hero-inner{min-height:326px}
.hero-copy{width:53%;padding:26px 16px 26px 0}
.hero-copy h1{font-size:clamp(2.15rem,3.18vw,3.04rem);line-height:1.09;
  max-width:545px;margin:10px 0 10px}
.hero-lead{font-size:1.0rem;line-height:1.5;max-width:520px}
.hero-ctas{margin-top:15px;gap:10px}
.hero-ctas .button-large{min-height:48px;padding:11px 17px;font-size:.91rem}
.hero-chips{margin-top:12px;gap:10px}
.hero-art{width:56%}
.hero-art img{object-position:0% 40%}
.needs-section{padding-top:16px}
.needs-section .section-heading{margin-bottom:13px}
.needs-section .section-heading h2{font-size:clamp(1.7rem,2.3vw,2.06rem);margin:3px 0}
.needs-section .section-heading .section-kicker{font-size:.65rem}
.needs-section .section-heading p{margin-top:2px}
@media(min-width:701px) and (max-width:1180px){
  .hero,.hero-inner{min-height:340px}
  .hero-copy{width:58%;padding:29px 12px 27px 0}
  .hero-copy h1{font-size:clamp(2.05rem,3.6vw,2.7rem)}
  .hero-art{width:58%}
}
@media(max-width:700px){
  .site-header{height:70px}
  .header-inner{gap:7px}
  .header-actions{gap:5px}
  .header-accessibility{gap:4px}
  .header-accessibility button{min-height:40px;min-width:39px;padding:0 5px;border-radius:10px}
  .header-accessibility sup{margin-top:8px}
  .language-control{width:67px;padding:5px 4px;gap:3px;overflow:hidden}
  .language-control svg{width:16px;min-width:16px}
  .language-control select{width:45px;max-width:45px;font-size:.76rem;
    padding:0;text-overflow:clip;white-space:nowrap}
  .menu-toggle{min-width:42px;min-height:42px}
  .brand-mark svg{width:38px;height:38px}
  .brand-text strong{font-size:1.30rem}
  .brand-text small{font-size:.55rem;margin-top:3px}
  .hero,.hero-inner{min-height:0}
  .hero-copy{width:100%;padding:23px 0 15px}
  .hero-copy h1{font-size:clamp(1.98rem,7.1vw,2.65rem);line-height:1.12}
  .hero-lead{font-size:.98rem}
  .hero-chips{margin-top:12px}
  .hero-art{height:165px;width:calc(100% + 36px);margin:0 -18px}
  .hero-art img{object-position:center 40%}
  .needs-section{padding-top:20px}
  .needs-section .section-heading h2{font-size:1.65rem}
}
@media(max-width:375px){
  .header-inner{gap:4px}
  .brand{gap:4px}
  .brand-mark svg{width:31px;height:31px}
  .brand-text strong{font-size:1.15rem}
  .brand-text small{font-size:.50rem}
  .language-control{width:58px}
  .language-control svg{display:none}
  .language-control select{width:54px;max-width:54px}
  .header-accessibility button{min-width:34px;min-height:38px}
  .menu-toggle{min-width:38px;min-height:38px}
}
@media(min-width:701px){html[data-font="large"] .hero,html[data-font="large"] .hero-inner{min-height:350px}}
/* V2.5: preserve every header action even on 320px devices. */
@media(max-width:375px){
 .header-inner{gap:3px}
 .brand{gap:2px}
 .brand-mark svg{width:27px;height:27px}
 .brand-text strong{font-size:1.05rem}
 .brand-text small{font-size:.45rem}
 .header-actions{gap:3px}
 .language-control{width:49px;padding:4px 2px}
 .language-control select{width:45px;max-width:45px;font-size:.68rem}
 .header-accessibility{gap:3px}
 .header-accessibility button{min-width:31px;min-height:35px;padding:0 3px;font-size:1rem}
 .menu-toggle{min-width:35px;min-height:35px;padding:0}
}

/* V2.7: accessible post-answer guide; matches original Aipasio identity. */
.aa-hero{background:linear-gradient(110deg,#e6f6ff,#effaf3 80%)}
.aa-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.aa-hero-inner>div:first-child{max-width:830px}
.aa-hero-symbol{width:130px;height:130px;flex-shrink:0;border-radius:34px;background:#fff;box-shadow:var(--shadow);color:var(--green);display:flex;align-items:center;justify-content:center;position:relative}
.aa-hero-symbol span{position:absolute;right:-5px;bottom:-7px;background:#e0f6ee;padding:12px;border-radius:50%}
.aa-section{padding-block:36px 72px}
.aa-privacy{display:flex;gap:12px;align-items:flex-start;margin:0 0 20px;padding:17px 20px;border:1px solid #badfd2;background:#edfaf5;color:#1b604d;font-weight:650;border-radius:15px}
.aa-privacy svg{flex-shrink:0}
.aa-progress{padding:0;margin:0 0 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none}
.aa-progress-item{display:flex;align-items:center;gap:11px;border:1px solid #e2eaf1;border-radius:15px;background:#fff;color:#61728a;font-size:.89rem;font-weight:750;padding:12px}
.aa-progress-number{background:#eff4f9;border-radius:100%;width:33px;height:33px;flex-shrink:0;display:grid;place-items:center;color:#365373}
.aa-progress-item.is-current{background:#e8f8f1;border-color:#74c4a8;color:#105c46}
.aa-progress-item.is-current .aa-progress-number{background:#16845f;color:#fff}
.aa-card{padding:clamp(22px,3vw,42px);border-radius:26px;background:#fff;border:1px solid #deebef;box-shadow:var(--shadow)}
.aa-card-head{max-width:780px;margin-bottom:24px}
.aa-overline{font-weight:850;letter-spacing:.12em;color:var(--green);font-size:.78rem}
.aa-heading{font-size:clamp(1.55rem,2.8vw,2.25rem);line-height:1.2;color:var(--navy);letter-spacing:-.025em;margin:8px 0 12px}
.aa-card-head p{font-size:1.05rem;color:#445b75;margin:0 0 16px}
.aa-listen{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:10px;background:#e9f6fb;color:#1a5375;font-weight:760;padding:9px 13px}
.aa-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 26px}
.aa-choice{min-height:135px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:22px 24px;border:2px solid #dbe8ef;border-radius:20px;background:#fafdff;color:var(--navy);font-size:1.07rem;font-weight:800;line-height:1.35;transition:border-color .15s ease,background .15s ease}
.aa-choice svg{color:transparent;background:#e8eff6;border-radius:50%;padding:3px}
.aa-choice small{font-size:.92rem;line-height:1.5;font-weight:480;color:#536a80}
.aa-choice:hover{border-color:#78c6a4}
.aa-choice.is-selected{background:#ebfaf3;border-color:#12865c}
.aa-choice.is-selected svg{color:#fff;background:#16845f}
.aa-nav{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;border-top:1px solid #e6edef;padding-top:24px;margin-top:14px}
.aa-label{display:block;font-weight:790;color:var(--navy);margin-bottom:10px}
#aa-prompt{width:100%;border:1.5px solid #b5cfdf;border-radius:16px;background:#fafeff;color:#163253;padding:20px;min-height:170px;resize:vertical;line-height:1.6;font-size:1rem}
.aa-info-note{background:#eaf7ff;border-radius:12px;padding:12px 15px;color:#254a6c;font-weight:660}
.aa-result-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:18px}
.aa-status{font-weight:750;color:var(--green-dark);margin:13px 0;min-height:1.5em}
.aa-context-warning{display:flex;align-items:flex-start;gap:14px;border-radius:16px;padding:17px 19px;background:#fff7e8;color:#6c4713;margin-top:16px}
.aa-context-warning>svg{flex-shrink:0;margin-top:2px}.aa-context-warning p{margin:7px 0 0}
.aa-external{font-size:.91rem;color:#5d7185}
.aa-related{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.aa-related a{display:flex;align-items:center;gap:9px;min-height:48px;border:1px solid #d3e6ed;background:#fff;padding:10px 16px;border-radius:14px;font-weight:760;color:#185a6c}
.after-home-link-section{padding-bottom:8px}.after-home-link{display:flex;align-items:center;gap:22px;padding:20px 24px;border:1px solid #d5e9e6;border-radius:20px;background:#eefaf7}
.after-home-link-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:14px;background:#fff;color:var(--green);flex-shrink:0}
.after-home-link strong{display:block;color:var(--navy);font-size:1.08rem}.after-home-link p{margin:4px 0 0;color:#43627a}
.after-home-link .button{margin-left:auto;flex-shrink:0}
@media(max-width:720px){
 .aa-hero-symbol{display:none}.aa-choices{grid-template-columns:1fr}.aa-choice{min-height:105px;padding:17px 20px}
 .aa-progress{gap:5px}.aa-progress-item{font-size:.76rem;gap:5px;padding:8px 6px;flex-direction:column;text-align:center}
 .aa-progress-number{width:29px;height:29px}.aa-card{padding:19px}.aa-nav{justify-content:stretch}
 .aa-nav .button{flex:1}.aa-result-actions>.button{width:100%}.aa-result-actions>a{width:100%}
 .after-home-link{flex-wrap:wrap;padding:18px}.after-home-link .button{margin-left:0;width:100%}
}
@media(max-width:350px){.aa-progress-item{font-size:.68rem}.aa-progress-number{width:26px;height:26px}}


/* V2.8 — clear, optional next-action cue for first-time users. */
.journey-cue{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  margin:0 0 20px;padding:18px 22px;border:1px solid #cde9e1;
  border-radius:20px;background:linear-gradient(105deg,#ecfaf5,#f3fbff);
  box-shadow:0 6px 21px rgba(23,81,98,.045);
}
.journey-cue[hidden]{display:none}
.journey-cue-content{min-width:0;max-width:850px}
.journey-cue-step{display:inline-flex;background:#d8f4e7;color:#075e46;
  padding:4px 10px;border-radius:999px;font-size:.84rem;font-weight:800;letter-spacing:.01em}
.journey-cue-label{display:block;color:#0b2d55;margin:7px 0 3px;font-size:1.02rem}
.journey-cue-instruction{font-size:1.07rem;line-height:1.5;font-weight:650;color:#1d4961;margin:0}
.journey-cue-reminder{display:block;color:#526c78;margin-top:6px;font-size:.85rem;line-height:1.4}
.journey-cue-locate{background:#fff;border:1.5px solid #128c70;
  color:#08674e;min-height:48px;padding:10px 17px;border-radius:13px;
  font-size:.92rem;font-weight:800;flex:0 0 auto}
.journey-cue-locate:hover{background:#e2f6ed}
.journey-cue-locate:focus-visible{outline:3px solid #4d9fd9;outline-offset:3px}
.journey-target-flash{outline:4px solid #147aa8!important;outline-offset:5px}
@media(max-width:700px){
  .journey-cue{align-items:stretch;flex-direction:column;gap:13px;padding:17px 16px;border-radius:17px}
  .journey-cue-locate{width:100%;min-height:50px}
  .journey-cue-instruction{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){
  .journey-cue *, .journey-target-flash{scroll-behavior:auto!important;transition:none!important}
}

/* Aipasio 3.0 — the historic illustration is retained; its text is
   replaced by an accessible, localized HTML overlay on desktop.
   On small screens we use the clean, text-free companion photograph. */
.hero-art picture{display:block;width:100%;height:100%}
.hero-rebrand-label{
  display:flex;align-items:center;justify-content:center;
  position:absolute;z-index:2;pointer-events:none;
  background:#fff;color:#102b54;border-radius:38% 42% 38% 35%;
  padding:7px 12px;font-weight:750;font-size:14px;text-align:center;
  line-height:1.22;letter-spacing:-.015em;
  box-shadow:0 2px 10px rgba(35,42,60,.04);
}
.hero-rebrand-label span{display:block;max-width:100%;}
@media(max-width:700px){.hero-rebrand-label{display:none}}