/* Quatre portes d’entrée. Verre clair, objets calmes et contenu propre à chaque profil. */
.tone-blue { --profile-tint:#e8f0f7; --profile-color:#4f6e8a; --profile-soft:#c7d8e6; }
.tone-green { --profile-tint:#eaf1ed; --profile-color:#527362; --profile-soft:#c7d9cf; }
.tone-sand { --profile-tint:#f5f0e5; --profile-color:#826d48; --profile-soft:#e3d7bc; }
.tone-graphite { --profile-tint:#eaf0f3; --profile-color:#536b7c; --profile-soft:#cbd8df; }
.profile-eyebrow { font-size:10px; letter-spacing:.13em; font-weight:500; color:#747c82; text-transform:uppercase; }
.profile-entry { position:relative; isolation:isolate; min-height:100svh; padding:clamp(128px,16vh,165px) 24px 32px; overflow:hidden; background:#f6f7f8; text-align:center; scroll-margin-top:100px; }
.profile-entry::before { content:''; position:absolute; inset:0; z-index:-1; background:radial-gradient(ellipse at 50% 28%,#fff 15%,#ffffff00 75%); }
.entry-inner { width:min(1040px,100%); margin:auto; }
.entry-heading h1 { margin:17px 0 13px; font-size:clamp(36px,4.4vw,52px); font-weight:450; letter-spacing:-.055em; line-height:1.06; color:#252c31; }
.entry-heading h1>span { color:#89949c; }
.entry-heading>p:last-child { color:#747c82; font-size:14px; line-height:1.5; }
.profile-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:38px auto 0; text-align:left; }
.profile-card { position:relative; min-width:0; padding:12px 23px 25px; border:1px solid #fff; border-radius:28px; background:linear-gradient(148deg,#ffffffed,#ffffff60); box-shadow:inset 0 1px 0 #fff,0 3px 5px #24374702,0 18px 35px -25px #445d7133; transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s,border-color .5s; -webkit-tap-highlight-color:transparent; }
.profile-card::before { content:''; position:absolute; inset:0; border-radius:inherit; background:radial-gradient(ellipse at 50% 48%,var(--profile-tint),transparent 70%); opacity:.65; pointer-events:none; }
.profile-object { position:relative; display:block; width:100%; height:154px; }
.profile-object img { width:100%; height:100%; object-fit:contain; transition:transform .65s cubic-bezier(.22,1,.36,1); }
.profile-card-copy { position:relative; display:grid; gap:7px; padding-top:10px; }
.profile-card-copy strong { color:#2c343a; font-size:19px; font-weight:500; letter-spacing:-.035em; }
.profile-card-copy>span { color:#768088; font-size:11px; }
.profile-card-arrow { position:absolute; right:18px; top:17px; display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#ffffffb3; color:var(--profile-color); opacity:0; transform:translateX(-5px); transition:opacity .3s,transform .4s; }
.profile-card-arrow .ico { width:12px; height:12px; }
.profile-card:focus-visible { outline:2px solid var(--profile-color); outline-offset:5px; }
.profile-card:focus-visible .profile-card-arrow { opacity:1; transform:none; }
@media (hover:hover) {
 .profile-card:hover { transform:translateY(-7px); border-color:#fff; box-shadow:inset 0 1px 0 #fff,0 24px 45px -26px #4057694a; }
 .profile-card:hover .profile-object img { transform:translateY(-4px) rotate(2deg); }
 .profile-card:hover .profile-card-arrow { opacity:1; transform:none; }
}
.profile-card:active { transform:scale(.98); }
.entry-skip { display:inline-flex; align-items:center; gap:9px; margin:27px auto 0; min-height:32px; color:#69757e; font-size:11px; }
.entry-skip .ico { width:12px; height:12px; transition:transform .3s; }
.entry-skip:hover .ico { transform:translateX(4px); }
.entry-support { display:flex; align-items:center; justify-content:center; gap:25px; margin:26px auto 0; }
.entry-support>img { width:186px; height:auto; padding:8px 10px; background:#fff; border-radius:9px; }
.entry-support>span { padding-left:25px; border-left:1px solid #dce1e5; color:#7a8289; font-size:10px; line-height:1.8; }
.support-dot { padding:0 12px; }
/* Le choix est une navigation, jamais un écran qui bloque l’accès au site. */
.page-profile { background:#f7f8fa; }
.profile-context { padding:120px 24px 0; display:flex; justify-content:center; }
.profile-switcher { display:flex; align-items:center; gap:3px; padding:4px; background:#e9edf0ad; border:1px solid #fff; border-radius:99px; }
.profile-switcher a { display:flex; align-items:center; justify-content:center; min-height:36px; padding:0 20px; border-radius:99px; color:#768088; font-size:11px; transition:background .25s,color .25s; }
.profile-switcher a:hover { color:#252e35; background:#ffffff70; }
.profile-switcher a[aria-current=page] { color:#283840; background:#fff; box-shadow:0 2px 7px #5365770c; }
.profile-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); gap:56px; align-items:center; padding-top:55px; padding-bottom:74px; }
.profile-hero-copy { padding-bottom:5px; }
.profile-hero h1 { margin:22px 0; font-size:clamp(34px,3.75vw,48px); font-weight:450; line-height:1.12; letter-spacing:-.055em; }
.profile-hero h1>span { display:block; color:var(--profile-color); }
.profile-intro { max-width:41ch; color:#778087; font-size:15px; line-height:1.75; }
.profile-actions { display:flex; flex-direction:column; align-items:flex-start; gap:14px; margin-top:29px; }
.profile-primary { display:inline-flex; justify-content:center; align-items:center; gap:17px; min-height:48px; padding:0 22px; border:1px solid #27353f; border-radius:99px; color:#fff; background:#27353f; font-size:12px; font-weight:450; line-height:1.4; text-align:center; transition:background .3s,transform .3s; }
.profile-primary .ico { width:14px; height:14px; }
.profile-primary:hover { background:#3d505b; transform:translateY(-2px); }
.profile-secondary { display:inline-flex; align-items:center; gap:9px; min-height:34px; color:var(--profile-color); font-size:12px; }
.profile-secondary .ico { width:12px; height:12px; }
.profile-backing { margin-top:30px; }
.profile-backing img { width:164px; height:auto; background:#fff; padding:7px; border-radius:7px; }
/* Un petit théâtre d’explication : l’interface reste toujours à la main du visiteur. */
.profile-demo { min-width:0; position:relative; padding:21px 22px 14px; border:1px solid #fff; border-radius:32px; background:linear-gradient(145deg,#ffffffd9,var(--profile-tint)); box-shadow:inset 0 1px 0 #fff,0 30px 60px -44px #2e465e42; }
.demo-topline { display:flex; align-items:center; gap:7px; font-size:9px; color:#74828c; }
.demo-dot { width:5px; height:5px; flex:none; border-radius:50%; background:var(--profile-color); opacity:.6; }
.demo-example { margin-left:auto; font-size:8px; color:#8b949a; white-space:nowrap; }
.scene-panel { position:relative; }
.scene-panel[hidden] { display:none; }
.scene-visual { height:260px; display:flex; align-items:center; justify-content:center; padding:16px 10px 4px; }
.scene-caption { min-height:93px; padding:0 15px 18px; text-align:center; }
.scene-caption h2 { color:#36434b; font-size:16px; font-weight:500; letter-spacing:-.025em; }
.scene-caption p { max-width:42ch; margin:9px auto 0; color:#77848c; font-size:11px; line-height:1.7; }
.scene-tabs { display:flex; gap:4px; padding:4px; border:1px solid #fff; border-radius:99px; background:#ffffff70; }
.scene-tabs[hidden] { display:none; }
.scene-tabs button { flex:1; display:flex; align-items:center; justify-content:center; gap:8px; border:0; border-radius:99px; background:transparent; min-height:37px; color:#7c8991; font:inherit; font-size:10px; cursor:pointer; transition:background .3s,box-shadow .3s,color .3s; }
.scene-tabs button>span { color:#a1adb3; font-size:9px; font-variant-numeric:tabular-nums; }
.scene-tabs button[aria-selected=true] { color:var(--profile-color); background:#fff; box-shadow:0 2px 8px #425b6e0d; }
.scene-tabs button[aria-selected=true]>span { color:var(--profile-color); }
.org-map { width:100%; max-width:365px; }
.org-head { display:flex; justify-content:center; align-items:center; gap:10px; width:max-content; max-width:100%; margin:auto; padding:13px 20px; border-radius:15px; background:#ffffffd9; border:1px solid #fff; box-shadow:0 10px 25px -15px #445e7b33; color:#576e80; font-size:12px; }
.org-head img { opacity:.65; filter:grayscale(1); }
.org-branches { display:flex; justify-content:space-between; position:relative; width:68%; height:37px; margin:auto; }
.org-branches::before { content:''; position:absolute; height:18px; left:50%; top:0; border-left:1px solid #b9cbd8; }
.org-branches::after { content:''; position:absolute; height:18px; inset:18px 0 0; border:1px solid #b9cbd8; border-bottom:0; border-radius:9px 9px 0 0; }
.org-branches>i:nth-child(2) { margin:auto; height:19px; border-left:1px solid #b9cbd8; align-self:end; margin-bottom:0; }
.org-teams { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
.org-teams>div { display:grid; justify-items:center; gap:9px; font-size:10px; color:#6e8291; text-align:center; }
.org-tile { display:grid; place-items:center; width:61px; height:58px; background:linear-gradient(135deg,#fff,#dce7f1); border:1px solid #fff; border-radius:17px; box-shadow:inset 0 -2px 3px #ffffffb3,0 8px 19px -13px #3e587d4d; color:#839eb5; }
.org-tile .ico { width:24px; height:24px; stroke-width:1.3; }
.scene-result { display:flex; justify-content:center; align-items:center; gap:7px; margin:22px auto 0; font-size:9px; color:#6d8597; }
.scene-result .ico { width:12px; height:12px; }
.task-window { width:100%; max-width:360px; padding:15px 17px; border:1px solid #fff; border-radius:19px; background:#ffffffcf; box-shadow:0 18px 35px -22px #38604433; transform:rotate(-2deg); }
.window-top { display:flex; align-items:center; gap:12px; color:#89958e; font-size:8px; }
.window-dots { display:flex; gap:3px; }
.window-dots i { width:4px; height:4px; background:#bacac1; border-radius:50%; }
.task-list { margin-top:15px; }
.task-row { display:flex; align-items:center; gap:9px; min-height:43px; font-size:10px; color:#62766b; border-bottom:1px solid #e9eeeb; }
.task-status { display:grid; place-items:center; width:23px; height:23px; color:#88a494; background:#f0f5f2; border-radius:7px; font-size:8px; }
.task-status .ico { width:12px; height:12px; }
.task-line { width:26px; height:4px; border-radius:9px; margin-left:auto; background:#eaf0ec; }
.task-result { display:flex; align-items:center; gap:7px; padding-top:14px; font-size:9px; color:#74917e; }
.task-result .ico { width:13px; height:13px; }
.personal-scene { width:100%; max-width:350px; position:relative; height:225px; }
.personal-sheet { position:absolute; inset:7px 50px 16px 15px; padding:20px 23px; border:1px solid #fff; border-radius:18px; background:linear-gradient(140deg,#fff,#fffefa); box-shadow:0 14px 30px -16px #8972472e; transform:rotate(-5deg); }
.sheet-eyebrow { color:#a59984; font-size:7px; letter-spacing:.12em; }
.personal-sheet>strong { display:block; margin:13px 0 17px; color:#786a53; font-size:19px; letter-spacing:-.04em; font-weight:450; }
.personal-row { display:flex; align-items:center; gap:8px; margin-top:12px; color:#9c907c; font-size:9px; }
.personal-check { display:grid; place-items:center; width:12px; height:12px; border:1px solid #e1d6c3; border-radius:4px; color:#a49577; }
.personal-check .ico { width:9px; height:9px; }
.personal-agent { position:absolute; width:126px; height:126px; object-fit:contain; right:-7px; bottom:7px; filter:drop-shadow(0 12px 12px #8d774317); transform:rotate(5deg); }
.personal-tag { position:absolute; display:flex; align-items:center; gap:7px; bottom:0; left:21px; padding:10px 14px; border:1px solid #fff; border-radius:99px; background:#ffffffed; color:#9c8967; box-shadow:0 5px 15px #7a664d0a; font-size:8px; }
.personal-tag .ico { width:10px; height:10px; }
.dev-window { width:100%; max-width:390px; padding:17px 19px; border:1px solid #536571; border-radius:19px; background:linear-gradient(130deg,#344650,#263741); box-shadow:0 22px 35px -22px #314b6266; transform:rotate(-2deg); }
.dev-window .window-top { color:#96acb9; font-family:ui-monospace,SFMono-Regular,monospace; font-size:8px; }
.dev-window .window-dots i { background:#708b9a; }
.dev-window .window-dots i:first-child { background:#a9b99c; }
.dev-indicator { width:5px; height:5px; border-radius:50%; background:#a7c5ac; margin-left:auto; }
.dev-code { padding:24px 0 16px; font:9px/2.6 ui-monospace,SFMono-Regular,monospace; }
.code-comment { display:block; margin-bottom:12px; color:#8399a6; font-size:8px; }
.dev-code>div { display:flex; align-items:center; gap:12px; }
.code-number { color:#607d8c; }
.code-key { min-width:53px; color:#c1d3b7; }
.code-value { color:#d9e3e9; }
.dev-output { display:flex; align-items:center; gap:8px; border-top:1px solid #53697588; padding-top:14px; color:#a8becb; font-size:9px; }
.dev-output>span { color:#bad4b5; }
/* Des cas concrets, puis des liens vers les services existants. */
.profile-cases { padding:78px 0 80px; background:#fff; border-top:1px solid #eef1f4; }
.profile-section-heading { position:relative; margin-bottom:35px; }
.profile-section-heading h2,.profile-path-heading h2 { margin-top:15px; font-size:clamp(28px,3vw,38px); font-weight:450; letter-spacing:-.045em; line-height:1.15; }
.section-note { position:absolute; bottom:4px; right:0; color:#8c9499; font-size:11px; }
.profile-case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; }
.profile-usecase { display:flex; align-items:flex-start; flex-direction:column; padding:29px 27px 24px; border:1px solid #edf0f2; border-radius:24px; background:#fafbfc; transition:background .35s,transform .35s; }
.profile-usecase:hover { background:var(--profile-tint); transform:translateY(-4px); }
.case-icon { display:grid; place-items:center; width:42px; height:42px; color:var(--profile-color); border:1px solid #fff; border-radius:13px; background:var(--profile-tint); box-shadow:0 6px 14px -9px #27353f33; }
.case-icon .ico { width:20px; height:20px; stroke-width:1.5; }
.case-label { margin-top:24px; color:#959da2; font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.profile-usecase h3 { margin-top:9px; font-size:20px; font-weight:450; letter-spacing:-.035em; }
.profile-usecase p { margin:12px 0 30px; color:#7e878d; font-size:12px; line-height:1.8; max-width:32ch; }
.case-link { display:flex; align-items:center; justify-content:space-between; gap:10px; width:100%; margin-top:auto; padding-top:18px; border-top:1px solid #e5e9ed; color:var(--profile-color); font-size:10px; }
.case-link .ico { width:13px; height:13px; }
.profile-path { display:grid; grid-template-columns:1fr 1.3fr; gap:80px; padding-top:85px; padding-bottom:85px; }
.profile-path-heading { padding-top:22px; }
.profile-path-heading>p:last-child { margin-top:19px; max-width:32ch; color:#8b9298; font-size:13px; line-height:1.8; }
.profile-products { display:grid; gap:11px; }
.profile-product { display:flex; align-items:center; gap:19px; padding:19px 22px 19px 17px; border:1px solid #fff; border-radius:21px; background:#ffffffa8; transition:transform .35s,background .35s; }
.profile-product:hover { transform:translateX(5px); background:#fff; }
.path-number { align-self:flex-start; padding-top:8px; font-size:9px; color:#a5adb3; }
.profile-product>img { width:53px; height:53px; }
.path-copy { flex:1; }
.path-copy>small { color:var(--profile-color); font-size:9px; }
.path-copy h3 { margin-top:5px; font-size:15px; font-weight:450; letter-spacing:-.02em; }
.path-copy p { margin-top:7px; color:#92999f; font-size:10px; line-height:1.65; }
.profile-product>.ico { flex:none; width:14px; height:14px; color:#8d9aa4; }
.profile-faq { display:grid; grid-template-columns:1fr 1.3fr; column-gap:80px; padding-top:15px; padding-bottom:70px; }
.profile-faq>h2 { font-size:28px; font-weight:450; letter-spacing:-.04em; }
.profile-faq .faq-list { border-top:1px solid #dde3e8; margin:0; }
.profile-faq details { border:0; border-bottom:1px solid #dde3e8; border-radius:0; background:transparent; margin:0; }
.profile-faq summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:21px 0; cursor:pointer; color:#515d66; font-size:12px; list-style:none; }
.profile-faq summary::-webkit-details-marker { display:none; }
.profile-faq summary>.ico { flex:none; width:13px; height:13px; transition:transform .3s; }
.profile-faq details[open] summary>.ico { transform:rotate(90deg); }
.profile-faq .faq-answer { padding:0 25px 22px 0; color:#7f8990; font-size:12px; line-height:1.85; }
.profile-faq .content-review { grid-column:2; margin:25px 0 0; padding:0; color:#979fa5; font-size:8px; }
.profile-closing { padding:70px 0 80px; text-align:center; background:#fff; border-top:1px solid #e9edf0; }
.closing-mark { display:grid; place-items:center; width:60px; height:60px; margin:0 auto 28px; border:1px solid #fff; border-radius:19px; background:#f4f6f8; box-shadow:inset 0 1px 0 #fff,0 9px 25px -17px #41586a66; }
.profile-closing h2 { max-width:24ch; margin:auto; font-size:clamp(28px,3.3vw,40px); line-height:1.2; letter-spacing:-.045em; font-weight:450; }
.profile-closing p { max-width:55ch; margin:18px auto 27px; color:#889198; font-size:12px; line-height:1.8; }
.closing-back { display:block; width:max-content; margin:21px auto 0; color:#929ba2; font-size:10px; }
/* Le contraste du texte reste net, même sur les surfaces translucides. */
.entry-heading>p:last-child,.profile-card-copy>span,.entry-skip,.entry-support>span { color:#65727c; }
.profile-intro,.profile-usecase p,.profile-path-heading>p:last-child,.profile-faq .faq-answer,.profile-closing p { color:#65727c; }
.demo-topline,.org-teams>div,.scene-result,.scene-caption p,.scene-tabs button { color:#627683; }
.scene-caption p { font-size:12px; }.scene-tabs button { font-size:11px; }
.scene-tabs button>span { color:#6d7f8a; }.demo-example { color:#6b7d89; }
.org-teams>div { font-size:11px; }.scene-result { font-size:10px; }
.task-row { font-size:11px; }.task-result { font-size:10px; color:#5d7868; }
.window-top { color:#657d6e; }.personal-row { color:#7d6c50; font-size:10px; }
.personal-tag { color:#7d6c50; font-size:9px; }.sheet-eyebrow { color:#887553; }
.dev-code { font-size:10px; }.dev-output { font-size:10px; }.code-comment { color:#a3b8c5; font-size:9px; }
.case-label { color:#697983; }.case-link { font-size:11px; }.path-copy p { color:#6c7a84; font-size:11px; }
.section-note,.closing-back { color:#6c7a84; }.profile-faq summary::after { display:none; }
@media (prefers-reduced-motion:no-preference) {
 .profile-card { animation:profile-enter .8s cubic-bezier(.22,1,.36,1) both; animation-delay:calc(var(--order) * 65ms); }
 .is-interactive .scene-panel:not([hidden]) .scene-visual { animation:scene-enter .55s cubic-bezier(.22,1,.36,1) both; }
 .is-interactive .scene-panel:not([hidden]) .scene-caption { animation:caption-enter .45s ease both; }
 @keyframes profile-enter { from { opacity:0; translate:0 12px; } to { opacity:1; translate:0 0; } }
 @keyframes scene-enter { from { opacity:0; transform:translateY(7px) scale(.985); } to { opacity:1; transform:none; } }
 @keyframes caption-enter { from { opacity:0; } to { opacity:1; } }
}
@media(min-width:1100px) and (max-height:760px) {
 .profile-entry { padding-top:124px; padding-bottom:24px; }
 .entry-heading h1 { font-size:46px; margin-block:13px 11px; }
 .profile-grid { margin-top:28px; }
 .profile-object { height:141px; }
 .entry-support { margin-top:18px; }
 .entry-skip { margin-top:18px; }
}
@media(max-width:1000px) {
 .profile-grid { gap:12px; }.profile-card { padding-inline:18px; }
 .profile-object { height:135px; }.profile-card-copy strong { font-size:17px; }.profile-card-copy>span { font-size:10px; }
 .profile-hero { gap:30px; }.profile-hero h1 { font-size:38px; }
 .demo-example { display:none; }.profile-demo { padding-inline:15px; }
 .profile-path,.profile-faq { gap:40px; }.section-note { display:none; }
 .profile-product { gap:12px; }.path-number { display:none; }
}
@media(max-width:760px) {
 .profile-entry { padding:121px 20px 30px; }
 .entry-heading h1 { font-size:40px; }.entry-heading>p:last-child { font-size:12px; }
 .profile-grid { grid-template-columns:repeat(2,1fr); gap:12px; max-width:500px; margin-top:27px; }
 .profile-card { padding:3px 18px 19px; border-radius:23px; }.profile-object { height:120px; }
 .profile-card-copy { gap:5px; padding-top:0; }.profile-card-copy strong { font-size:17px; }
 .profile-card-arrow { opacity:1; transform:none; right:12px; top:12px; width:20px; height:20px; background:#ffffffa0; }
 .profile-card-arrow .ico { width:10px; height:10px; }
 .entry-support { flex-direction:column; gap:12px; margin-top:22px; }
 .entry-support>img { width:172px; }.entry-support>span { border:0; padding:0; font-size:9px; }
 .entry-skip { font-size:10px; margin-top:20px; }
 .profile-context { padding-top:102px; padding-inline:16px; }
 .profile-switcher { width:100%; max-width:430px; }.profile-switcher a { flex:1; padding-inline:8px; min-height:34px; font-size:10px; white-space:nowrap; }
 .profile-hero { grid-template-columns:1fr; gap:31px; padding-top:35px; padding-bottom:45px; max-width:580px; }
 .profile-hero-copy { text-align:center; }.profile-hero .profile-eyebrow { font-size:9px; }
 .profile-hero h1 { margin:18px 0; font-size:34px; line-height:1.15; }.profile-intro { margin:auto; font-size:13px; }
 .profile-actions { align-items:center; gap:8px; margin-top:22px; }.profile-primary { min-height:46px; font-size:11px; }
 .profile-backing { margin-top:20px; }.profile-backing img { width:152px; margin:auto; }
 .profile-demo { border-radius:26px; padding:18px 16px 12px; }.demo-topline { font-size:8px; }
 .scene-visual { height:245px; padding-inline:4px; }.scene-caption { min-height:87px; padding-inline:4px; }
 .scene-caption h2 { font-size:15px; }.scene-caption p { font-size:10px; }.scene-tabs button { font-size:9px; gap:7px; min-height:36px; }
 .profile-cases { padding:45px 0; }.profile-section-heading { margin-bottom:24px; }
 .profile-section-heading h2,.profile-path-heading h2 { font-size:30px; }
 .profile-case-grid { grid-template-columns:1fr; gap:12px; }
 .profile-usecase { position:relative; padding:24px; }.case-icon { position:absolute; top:24px; right:24px; width:36px; height:36px; }
 .case-label { margin-top:0; padding-right:45px; }.profile-usecase h3 { margin-top:12px; font-size:22px; padding-right:42px; }
 .profile-usecase p { margin-block:13px 20px; max-width:35ch; font-size:12px; }.case-link { font-size:11px; }
 .profile-path { grid-template-columns:1fr; gap:28px; padding-top:40px; padding-bottom:45px; }.profile-path-heading { padding-top:0; }
 .profile-path-heading>p:last-child { max-width:42ch; margin-top:16px; font-size:12px; }
 .profile-product { padding:20px 16px; gap:13px; }.profile-product>img { width:46px; height:46px; }
 .path-copy h3 { font-size:14px; }.path-copy p { font-size:10px; }.path-copy>small { font-size:9px; }
 .profile-faq { grid-template-columns:1fr; gap:25px; padding-top:20px; padding-bottom:45px; }.profile-faq>h2 { font-size:27px; }
 .profile-faq .content-review { grid-column:1; margin-top:0; }
 .profile-closing { padding:45px 0 55px; }.profile-closing h2 { font-size:31px; }.profile-closing p { font-size:12px; }
}
@media(max-width:380px) {
 .profile-entry { padding:112px 16px 25px; }.entry-heading h1 { font-size:34px; }
 .profile-eyebrow { font-size:9px; }.entry-heading>p:last-child { font-size:11px; }
 .profile-grid { gap:10px; }.profile-object { height:100px; }.profile-card { padding-inline:14px; padding-bottom:17px; }
 .profile-card-copy strong { font-size:15px; }.profile-card-copy>span { font-size:9px; }
 .support-dot { padding:0 7px; }.entry-support>span { font-size:8px; }
 .profile-hero h1 { font-size:34px; }.profile-switcher a { padding-inline:6px; font-size:9px; }
 .dev-code { font-size:8px; }.dev-code>div { gap:7px; }.code-key { min-width:47px; }
 .scene-visual { height:225px; }.scene-tabs button { gap:5px; font-size:8px; }
 .profile-demo { padding-inline:12px; }.personal-agent { right:-5px; width:105px; height:105px; }
 .personal-sheet { left:5px; padding-inline:18px; }.personal-sheet>strong { font-size:17px; }
}
@media(prefers-reduced-motion:reduce) {
 .profile-entry *, .page-profile *, .profile-card { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}