/* Additions only: original typography, colours, header and page backgrounds remain in style.css. */
.experience-section{padding:88px 0}
.experience-soft{background:#f5f6fc}
.experience-heading{max-width:760px;margin-bottom:36px}
.experience-heading h2,.experience-security h2,.experience-learning h2,.experience-final h2{font-size:clamp(1.8rem,3.6vw,2.85rem);line-height:1.17}
.experience-heading>p:not(.experience-eyebrow){font-size:1.06rem;color:var(--muted);margin-top:16px}
.experience-eyebrow{font-size:.77rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--acc);margin-bottom:18px}
.experience-hero{padding:88px 0 82px;background:linear-gradient(130deg,#fafaff 0%,#f5f5ff 60%,#f1fbf7 100%);overflow:hidden}
.experience-hero-grid,.experience-tier-head{display:grid;grid-template-columns:1.08fr 1fr;gap:60px;align-items:center}
.experience-hero h1{font-size:clamp(2.75rem,5.5vw,4.8rem);line-height:1.07;margin-bottom:24px;max-width:14ch;overflow-wrap:anywhere}
.experience-intro{font-size:1.13rem;line-height:1.8;color:var(--muted);max-width:52ch}
.experience-outcomes{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px 20px;font-size:.78rem;color:#535b72;margin-top:28px}
.experience-outcomes li:before{content:"✓";color:#07875f;font-weight:600;margin-right:7px}
.experience-archive{margin:0;border:1px solid #dedff0;border-radius:24px;background:#fff;box-shadow:0 24px 70px #30307412;position:relative;min-width:0}
.experience-archive-top{display:flex;align-items:center;gap:10px;padding:17px 22px;border-bottom:1px solid #e9ebf4;font-size:.86rem}
.experience-archive-top>span:last-child{margin-left:auto;background:#f1efff;border-radius:5px;padding:3px 8px;font-size:.65rem;color:var(--acc)}
.experience-light{width:9px;height:9px;border-radius:50%;background:#13b483;box-shadow:0 0 0 4px #e1f8ef}
.experience-archive-inner{padding:24px}
.experience-incoming{display:flex;gap:13px;align-items:center;margin-bottom:21px;padding:12px 16px;background:#f7f8fc;border-radius:12px;width:72%;color:var(--acc)}
.experience-incoming svg{width:29px;height:37px}
.experience-incoming>span{font-size:.9rem;font-weight:600;color:var(--ink)}
.experience-incoming small{display:block;font-size:.65rem;letter-spacing:.08em;color:var(--muted)}
.experience-incoming>b{margin-left:auto;font-size:1.4rem}
.experience-field-line{display:grid;grid-template-columns:1.1fr 1fr .65fr;gap:9px;margin-bottom:24px}
.experience-field-line>span{font-size:.65rem;border:1px solid #dce0ee;padding:9px;border-radius:9px;color:var(--muted);overflow-wrap:anywhere}
.experience-field-line b{display:block;color:var(--ink);font-size:.76rem;font-weight:500}
.experience-folder{border:1px solid #e0dfff;border-radius:12px;padding:17px;background:#faf9ff}
.experience-folder strong{font-size:.82rem}
.experience-folder-icon{font-size:1.2rem;color:var(--acc);margin-right:8px}
.experience-folder ol{list-style:none;margin:8px 0 0 10px;padding-left:17px;border-left:1px solid #c3beed;font-size:.77rem;color:#585778}
.experience-folder li{padding:4px 0}
.experience-found{margin-top:18px;border:1px solid #dfebea;background:#f7fcfa;border-radius:9px;padding:11px;font-size:.7rem;color:#3c6262;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.experience-found>span:first-child{font-size:1.3rem;line-height:1}
.experience-found>span:last-child{margin-left:auto;font-weight:600}
.experience-archive figcaption{border-top:1px solid #e9ebf4;padding:11px 16px;text-align:center;font-size:.65rem;color:#686d80}
.experience-process{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin:44px 0 0}
.experience-process>li{border-top:1px solid #d8dbeb;padding-top:22px}
.experience-process>li>span{font-size:.85rem;color:var(--acc);display:block;margin-bottom:16px}
.experience-process h3{font-size:1.18rem}
.experience-process p{color:var(--muted);font-size:.92rem;margin-top:12px}
.experience-industries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.experience-industries article{background:#fff;border:1px solid #e0e3ee;border-radius:16px;overflow:hidden;min-width:0}
.experience-industries img,.experience-industry-art{width:100%;height:158px;object-fit:cover}
.experience-industry-art{background:#ecebff;display:grid;place-items:center;color:var(--acc)}
.experience-industry-art svg{width:60px;height:68px}
.experience-industries article>div:not(.experience-industry-art){padding:20px}
.experience-industries h3{font-size:1rem;margin-bottom:10px}
.experience-industries h3 a{color:var(--ink);text-decoration:none}
.experience-industries h3 a span{color:var(--acc)}
.experience-industries p{font-size:.84rem;color:var(--muted)}
.experience-notary{font-size:.77rem}
.experience-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.experience-plan{border:1px solid #dce0ec;border-radius:20px;padding:30px;display:flex;flex-direction:column;align-items:flex-start;position:relative;background:#fff}
.experience-plan-horizon{border-color:#9087f5;background:#fcfbff}
.experience-plan-number{font-size:.7rem;letter-spacing:.1em;color:var(--acc);margin-bottom:30px}
.experience-plan h3{font-size:1.45rem}
.experience-plan>p{font-size:.91rem;color:var(--muted);min-height:5em}
.experience-price{display:flex;flex-direction:column;gap:0;margin:14px 0}
.experience-price strong{font-size:2.1rem;line-height:1.3;color:var(--ink);letter-spacing:-.04em}
.experience-price>span{font-size:.75rem;color:var(--muted)}
.experience-plan .experience-plan-note{min-height:0;font-size:.76rem;line-height:1.7;border-top:1px solid #e3e6f0;padding-top:16px;width:100%}
.experience-plan-actions{margin-top:auto;display:flex;flex-direction:column;gap:14px;padding-top:12px;width:100%}
.experience-plan-actions>a:not(.btn){font-size:.79rem;text-align:center}
.experience-small{font-size:.76rem;color:var(--muted);margin:18px 0}
.experience-private{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.experience-private>.container{display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:start}
.experience-private .experience-heading{margin-bottom:0}
.experience-private-plans{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.experience-private-plans article{padding:24px;border-radius:16px;background:#f7f8fc;min-width:0}
.experience-private-plans h3{font-size:1.15rem}
.experience-private-plans p{font-size:.82rem;color:var(--muted)}
.experience-private-plans strong{font-size:1.75rem;color:var(--ink)}
.experience-private-plans .btn{font-size:.8rem;width:100%;padding-inline:12px}
.experience-learning{display:grid;grid-template-columns:1fr .85fr;gap:90px;align-items:center}
.experience-learning>div>p{color:var(--muted)}
.experience-learning>ol{list-style:none;padding:0;border-top:1px solid var(--line)}
.experience-learning li{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);font-size:.9rem;align-items:center}
.experience-learning li>span{color:#8e92aa;font-size:.7rem}
.experience-learning li>a{display:flex;justify-content:space-between;gap:24px;color:var(--ink);text-decoration:none;width:100%}
.experience-learning li b{color:var(--acc)}
.experience-security{display:grid;grid-template-columns:130px 1fr;gap:50px;align-items:start;max-width:980px}
.experience-security-symbol{font-size:5rem;line-height:1;background:#e9e7ff;color:var(--acc);width:120px;height:120px;border-radius:30px;display:grid;place-items:center}
.experience-security p{color:var(--muted)}
.experience-faq{display:grid;grid-template-columns:.8fr 1.3fr;gap:90px}
.experience-faq details{border:0;border-bottom:1px solid var(--line);padding:20px 0;margin:0;border-radius:0;background:transparent}
.experience-faq summary{font-size:1rem;font-weight:500;cursor:pointer}
.experience-faq details p{padding-top:14px;color:var(--muted);font-size:.9rem}
.experience-final{background:#23234b;color:white}
.experience-final>.container{display:flex;gap:50px;align-items:center;justify-content:space-between}
.experience-final h2{color:#fff}
.experience-final p{color:#d9d9ec;margin:0;max-width:60ch}
.experience-final .btn{background:#fff;color:#3025c4;flex-shrink:0}
.experience-pagehead{background:#f7f6ff;padding:74px 0}
.experience-pagehead h1{font-size:clamp(2.4rem,5vw,4rem);max-width:20ch}
.experience-pagehead .experience-heading{margin-bottom:0}
.experience-tier-head .experience-archive{max-width:490px;width:100%;justify-self:end}
.experience-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px}
.experience-feature{border-bottom:1px solid var(--line);padding:26px 0;position:relative}
.experience-feature>span{display:block;color:var(--acc);font-size:1.3rem;margin-bottom:12px}
.experience-feature p{font-size:.94rem;color:var(--muted)}
.experience-product-proof{display:grid;grid-template-columns:.85fr 1.2fr;gap:56px;align-items:center}
.experience-product-proof figure{margin:0}
.experience-product-proof img{display:block;border:1px solid #e2e2f0;border-radius:18px}
.experience-product-proof figcaption{font-size:.72rem;color:var(--muted);margin-top:14px}
.experience-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}
.experience-table-wrap table{width:100%;border-collapse:collapse;min-width:620px;background:#fff}
.experience-table-wrap caption{text-align:left;font-size:1.1rem;font-weight:600;padding:22px}
.experience-table-wrap th,.experience-table-wrap td{padding:20px 24px;border-top:1px solid var(--line);text-align:left;font-size:.9rem}
.experience-table-wrap thead{background:#f5f5fd}
.experience-table-wrap tbody th{font-weight:500}
.experience-orbit{max-width:900px}
.experience-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.experience-guides article{border:1px solid var(--line);border-radius:18px;padding:30px;scroll-margin-top:100px}
.experience-guides h2{font-size:1.3rem}
.experience-guides p{color:var(--muted);font-size:.92rem}
.experience-guides a{font-size:.87rem}
.experience-footer-learn{padding-block:20px;font-size:.85rem}

@media(max-width:1100px){.experience-hero-grid,.experience-tier-head{gap:35px}.experience-hero h1{font-size:3.7rem}.experience-industries{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-plan{padding:23px}.experience-private>.container{gap:35px}.experience-learning,.experience-faq{gap:45px}}
@media(max-width:820px){.experience-section{padding:60px 0}.experience-hero{padding:56px 0}.experience-hero-grid,.experience-tier-head{grid-template-columns:1fr;gap:36px}.experience-hero h1{font-size:clamp(2.7rem,8vw,4.1rem);max-width:17ch}.experience-archive{max-width:580px;width:100%;justify-self:center}.experience-tier-head .experience-archive{justify-self:center}.experience-plans{grid-template-columns:1fr;gap:18px}.experience-plan>p{min-height:0}.experience-plan-number{margin-bottom:16px}.experience-private>.container,.experience-learning,.experience-faq,.experience-product-proof{grid-template-columns:1fr;gap:30px}.experience-final>.container{align-items:flex-start;flex-direction:column;gap:25px}.experience-process{gap:22px}.experience-security{grid-template-columns:72px 1fr;gap:22px}.experience-security-symbol{height:70px;width:70px;font-size:3rem;border-radius:19px}.experience-pagehead{padding:54px 0}}
@media(max-width:540px){.experience-hero h1{font-size:2.9rem;max-width:16ch}.experience-intro{font-size:1rem}.experience-process,.experience-industries,.experience-guides,.experience-features{grid-template-columns:1fr}.experience-process{gap:12px}.experience-heading{margin-bottom:26px}.experience-heading h2,.experience-learning h2,.experience-security h2,.experience-final h2{font-size:2rem}.experience-outcomes{display:block;font-size:.76rem}.experience-outcomes li{margin-block:9px}.experience-archive-inner{padding:17px}.experience-archive-top{padding:14px 17px}.experience-field-line{gap:6px}.experience-field-line>span{padding:7px 6px}.experience-field-line b{font-size:.7rem}.experience-found>span:last-child{margin-left:0}.experience-incoming{width:82%}.experience-industries img,.experience-industry-art{height:180px}.experience-private-plans{grid-template-columns:1fr}.experience-security{grid-template-columns:1fr;gap:22px}.experience-pagehead h1{font-size:2.8rem;overflow-wrap:anywhere}.experience-guides article{padding:24px}.experience-hero .cta-row>.btn{width:100%}.experience-archive figcaption{font-size:.6rem}.experience-feature{padding-block:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body[data-experience] *,body[data-experience] *::before,body[data-experience] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep all mobile header actions inside the device width; support remains in the menu. */
@media(max-width:820px){
 body[data-experience] .header-support{display:none}
 body[data-experience] .header-inner{gap:10px}
}
@media(max-width:540px){
 body[data-experience] .brand{flex:0 0 auto}
 body[data-experience] .brand img{width:100px}
 body[data-experience] .header-inner{gap:6px;padding-inline:16px}
 body[data-experience] .header-cta{gap:6px;min-width:0;margin-left:auto}
 body[data-experience] .header-cta .btn-start{padding:10px 12px;font-size:.78rem;min-height:44px;white-space:nowrap}
 body[data-experience] .lang-switch>button{padding:8px;min-height:44px;min-width:32px;font-size:.75rem}
 body[data-experience] .menu-btn{flex:0 0 32px;width:32px;padding-inline:4px}
}

.experience-section[id],.experience-guides article[id]{scroll-margin-top:96px}

.experience-anchor{display:block;scroll-margin-top:96px}