/* Plateforme IA — sous-site de hexashift.fr.
   Même identité que la vitrine : Outfit (titres) et Manrope (texte), servies par ../assets/polices.css,
   marine #1a365d et cyan #0891b2. Aucune ressource tierce. */

:root{
  --marine:#1a365d;--marine-fonce:#0f2544;--cyan:#0891b2;--cyan-fonce:#0e7490;--cyan-clair:#67e8f9;
  --encre:#1e293b;--texte:#334155;--doux:#64748b;--trait:#cbd5e1;--trait-clair:#e2e8f0;--fond-gris:#eef2f7;
  --marge:96px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Manrope',system-ui,sans-serif;color:var(--encre);background:#fff;-webkit-font-smoothing:antialiased;line-height:1.5}
a{color:var(--cyan-fonce);text-decoration:none}
a:hover{color:var(--marine)}
a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:'Outfit',sans-serif;margin:0;color:var(--marine);line-height:1.15}
p{margin:0}
section[id]{scroll-margin-top:84px}
.lien-evitement{position:absolute;left:-9999px;top:0;background:var(--marine);color:#fff;padding:10px 16px;z-index:100}
.lien-evitement:focus{left:16px;top:12px;color:#fff}
.masque{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.liste-nue{list-style:none;margin:0;padding:0}

.enveloppe{max-width:1440px;margin:0 auto;padding-left:var(--marge);padding-right:var(--marge)}
.tag{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan-fonce);font-weight:700}
.tagclair{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan-clair);font-weight:700}

/* Boutons */
.btn1,.btn2,.btn-blanc,.btn-contour{display:inline-flex;align-items:center;gap:8px;padding:16px 30px;border-radius:8px;font-weight:700;font-size:16px;min-height:44px;border:2px solid transparent;line-height:1.2}
.btn1{background:var(--marine);color:#fff;border-color:var(--marine)}
.btn1:hover{background:#2b4c7e;border-color:#2b4c7e;color:#fff}
.btn2{color:var(--marine);border-color:var(--trait)}
.btn2:hover{border-color:var(--marine);color:var(--marine)}
.btn-blanc{background:#fff;color:var(--marine);font-size:17px;padding:16px 32px}
.btn-blanc:hover{background:#e0f2fe;color:var(--marine)}
.btn-contour{color:#fff;border-color:rgba(255,255,255,.4);font-size:17px;padding:16px 32px}
.btn-contour:hover{border-color:#fff;color:#fff}

.puce{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.55;color:var(--texte)}
.puce svg{width:20px;height:20px;stroke:var(--cyan);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;margin-top:2px}

/* En-tête */
.entete{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--trait-clair)}
.entete .enveloppe{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.marque{display:flex;align-items:center;gap:12px;color:var(--marine)}
.marque svg{flex-shrink:0}
.marque-nom{font-family:'Outfit',sans-serif;font-size:22px;font-weight:700;color:var(--marine);white-space:nowrap}
.marque-par{font-size:13px;font-weight:600;color:var(--doux);border-left:1px solid var(--trait);padding-left:12px;white-space:nowrap}
.menu{display:flex;gap:30px;align-items:center}
.menu a{font-size:15px;font-weight:600;color:var(--texte)}
.menu a:hover{color:var(--marine)}
.menu .btn1{padding:11px 22px;font-size:15px;color:#fff}
.menu-bouton{display:none;background:none;border:2px solid var(--trait);border-radius:8px;min-width:44px;min-height:44px;cursor:pointer;color:var(--marine)}
.menu-bouton svg{width:22px;height:22px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}

/* Héros */
.heros{background:linear-gradient(165deg,#fff 55%,var(--fond-gris) 100%)}
.heros .enveloppe{padding-top:88px;padding-bottom:96px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center}
.heros-texte{display:flex;flex-direction:column;gap:26px}
.heros h1{font-size:60px;letter-spacing:-.02em}
.heros h1 span{color:var(--cyan)}
.heros-texte>p{font-size:20px;line-height:1.6;color:var(--texte);max-width:560px}
.actions{display:flex;gap:14px;flex-wrap:wrap}

.legende{font-size:13px;color:var(--doux);padding:0 24px 18px}

/* Bandeau des quatre atouts */
.atouts{border-top:1px solid var(--trait-clair);border-bottom:1px solid var(--trait-clair)}
.atouts .enveloppe{padding-top:40px;padding-bottom:40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.atout h2{font-size:22px;margin-bottom:6px}
.atout p{font-size:15px;color:var(--texte);line-height:1.5}

/* Sections */
.section{padding:104px 0}
.section-gris{background:var(--fond-gris)}
.section-marine{background:var(--marine);color:#fff}
.entete-section{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;margin-bottom:52px}
.entete-section h2{font-size:44px}
.entete-section p{font-size:19px;line-height:1.6;color:var(--texte);max-width:720px}
.section-marine .entete-section h2{color:#fff}
.section-marine .entete-section p{color:#cbd5e1}

.grille3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.grille2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.grille4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}

.carte{background:#fff;border:1px solid var(--trait);border-radius:12px;padding:32px 30px;display:flex;flex-direction:column;gap:12px}
.carte h3{font-family:'Manrope',sans-serif;font-size:19px;font-weight:700;color:var(--encre)}
.carte p{font-size:15px;line-height:1.6;color:var(--texte)}
.carte-ligne{flex-direction:row;gap:20px}
.carte-ligne>div:last-child{display:flex;flex-direction:column;gap:8px}
.icone{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,var(--marine),var(--cyan));display:flex;align-items:center;justify-content:center;flex-shrink:0}
.icone svg{width:28px;height:28px;stroke:#fff;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}

.etape-principe{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:32px;display:flex;flex-direction:column;gap:14px}
.etape-principe .num{font-family:'Outfit',sans-serif;font-size:44px;font-weight:800;color:var(--cyan-clair);line-height:1}
.etape-principe h3{font-size:24px;color:#fff}
.etape-principe p{font-size:16px;line-height:1.6;color:#e2e8f0}

.deux-colonnes{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.deux-colonnes.egales{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.colonne-texte{display:flex;flex-direction:column;gap:20px}
.colonne-texte h2{font-size:42px}
.colonne-texte>p{font-size:18px;line-height:1.65;color:var(--texte)}
.liste-puces{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.etape-skill{padding:26px}
.etape-skill .num{font-family:'Outfit',sans-serif;font-size:15px;font-weight:700;color:var(--cyan-fonce);text-transform:uppercase;letter-spacing:.04em}

.cockpit{margin:0;background:var(--marine-fonce);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 48px -12px rgba(26,54,93,.3)}
.cockpit-haut{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.cockpit-haut b{color:#fff;font-size:16px}
.cockpit-haut span{color:#86efac;font-size:13px;font-weight:700}
.cockpit-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.brique{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:4px}
.brique small{color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.02em}
.brique span{color:#fff;font-size:15px;font-weight:600}
.cockpit figcaption{color:#94a3b8;font-size:13px}


.etape-demarrer .num{font-family:'Outfit',sans-serif;font-size:40px;font-weight:800;color:var(--cyan);line-height:1}

/* Appel final */
.appel{background:var(--marine);text-align:center}
.appel .enveloppe{padding-top:112px;padding-bottom:112px;display:flex;flex-direction:column;align-items:center;gap:26px}
.appel h2{font-size:52px;color:#fff;max-width:980px}
.appel p{font-size:20px;line-height:1.6;color:#cbd5e1;max-width:720px}
.appel .actions{justify-content:center}

/* Pied de page */
.pied{background:var(--marine-fonce);color:#94a3b8}
.pied .enveloppe{padding-top:64px;padding-bottom:40px;display:flex;flex-direction:column;gap:40px}
.pied-grille{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:40px}
.pied-marque{font-family:'Outfit',sans-serif;font-size:22px;font-weight:700;color:#fff;display:block;margin-bottom:14px}
.pied-texte{font-size:15px;line-height:1.6;max-width:360px}
.pied h2{font-family:'Manrope',sans-serif;color:#fff;font-weight:700;font-size:15px;margin-bottom:10px}
.pied ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pied a{color:#cbd5e1;font-size:14px}
.pied a:hover{color:#fff}
.pied-bas{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;font-size:13px}

/* Section « Dans la plateforme » : promesses, noyau, familles de fonctions */
.promesses{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.promesse{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--trait);border-left:4px solid var(--cyan);border-radius:12px;padding:22px 22px}
.promesse h3{font-size:20px;margin-bottom:4px}
.promesse p{font-size:15px;line-height:1.55;color:var(--texte)}
.carte-plateforme{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,1fr);grid-template-areas:"cycle noyau execution" "controle controle controle";gap:24px;align-items:stretch}
.famille-cycle{grid-area:cycle}.famille-execution{grid-area:execution}.famille-controle{grid-area:controle}.noyau{grid-area:noyau}
.famille{background:#fff;border:1px solid var(--trait);border-radius:14px;padding:26px 24px}
.famille h3{font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--cyan-fonce);margin-bottom:16px}
.famille ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.famille-controle ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.fonction{display:flex;gap:12px;align-items:flex-start}
.fonction-ico{width:36px;height:36px;border-radius:9px;background:var(--fond-gris);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.fonction-ico svg{width:20px;height:20px;stroke:var(--marine);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.fonction h4{font-family:'Manrope',sans-serif;font-size:15.5px;font-weight:700;color:var(--encre);margin:0 0 3px}
.fonction p{font-size:14px;line-height:1.55;color:var(--texte)}
.noyau{position:relative;background:linear-gradient(160deg,var(--marine),#0f3a5f);color:#fff;border-radius:16px;padding:34px 30px 30px;display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 48px -16px rgba(26,54,93,.45)}
.noyau-tag{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan-clair);font-weight:700}
.noyau h3{font-size:34px;color:#fff}
.noyau>p{font-size:15.5px;line-height:1.6;color:#cbd5e1;max-width:320px}
.noyau-briques{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.noyau-briques li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:12px 14px}
.noyau-briques b{display:block;font-family:'Outfit',sans-serif;font-size:18px;color:#fff;margin-bottom:2px}
.noyau-briques span{font-size:14px;line-height:1.5;color:#e2e8f0}
.tampon{position:absolute;top:-18px;right:-14px;width:116px;height:116px;border-radius:50%;background:#fff;border:3px double var(--cyan-fonce);color:var(--marine);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-12deg);box-shadow:0 8px 18px -8px rgba(26,54,93,.5);padding:8px}
.tampon b{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--cyan-fonce)}
.tampon strong{font-family:'Outfit',sans-serif;font-size:21px;line-height:1.1;color:var(--marine)}
.tampon small{font-size:9.5px;line-height:1.25;color:var(--doux);margin-top:2px}
@media (max-width:1180px){
  .carte-plateforme{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"noyau noyau" "cycle execution" "controle controle"}
  .noyau>p{max-width:none}
  .famille-controle ul{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){.promesses{grid-template-columns:minmax(0,1fr);gap:14px}}
@media (max-width:760px){
  .promesses{grid-template-columns:minmax(0,1fr)}
  .carte-plateforme{grid-template-columns:minmax(0,1fr);grid-template-areas:"noyau" "cycle" "execution" "controle"}
  .famille-controle ul{grid-template-columns:minmax(0,1fr)}
  .noyau{padding-top:40px}
  .noyau h3{font-size:28px}
  .tampon{width:96px;height:96px;top:-22px;right:-4px}
  .tampon strong{font-size:17px}
  .tampon small{display:none}
}

@media (max-width:1320px) and (min-width:1025px){.menu{gap:18px}.menu a{font-size:14px}.menu .btn1{padding:10px 16px;font-size:14px}.marque-par{display:none}}
/* Écrans moyens */
@media (max-width:1180px){
  :root{--marge:48px}
  .menu{gap:20px}
  .menu a{font-size:14px}
  .heros h1{font-size:50px}
  .grille3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grille4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .atouts .enveloppe{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){
  .menu-bouton{display:inline-flex;align-items:center;justify-content:center}
  .menu{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--trait-clair);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--marge) 20px;box-shadow:0 12px 24px -12px rgba(26,54,93,.25)}
  .menu.ouvert{display:flex}
  .menu a{padding:12px 0;font-size:16px;border-bottom:1px solid var(--trait-clair)}
  .menu .btn1{margin-top:14px;justify-content:center;border-bottom:0;padding:14px 22px}
  .heros .enveloppe,.deux-colonnes,.deux-colonnes.egales{grid-template-columns:minmax(0,1fr)}
  .heros .enveloppe{padding-top:64px;padding-bottom:72px;gap:48px}
  .pied-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cockpit{order:2}
}
/* Téléphones */
@media (max-width:760px){
  :root{--marge:16px}
  .section{padding:72px 0}
  .entete-section{margin-bottom:36px}
  .entete-section h2,.colonne-texte h2{font-size:31px}
  .entete-section p{font-size:17px}
  .heros h1{font-size:38px}
  .heros-texte>p{font-size:18px}
  .marque-par{display:none}
  .grille3,.grille2,.grille4,.atouts .enveloppe,.pied-grille,.cockpit-grille{grid-template-columns:minmax(0,1fr)}
  .carte{padding:24px 22px}
  .carte-ligne{flex-direction:column;gap:14px}
  .appel .enveloppe{padding-top:80px;padding-bottom:80px}
  .appel h2{font-size:32px}
  .appel p{font-size:18px}
  .btn1,.btn2,.btn-blanc,.btn-contour{width:100%;justify-content:center}
  .menu .btn1{width:auto}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Haut de page : infographie des engagements (sceaux autour de la plateforme). La colonne de texte a la même
   hauteur : titre sur le bord haut, boutons sur le bord bas. Dessin en unités de conteneur (1cqw = 1 % de la
   largeur) : les légendes touchent exactement le haut et le bas du carré. Sceaux centrés en 22/78 % x 21/79 %. */
.infographie{position:relative;margin:0 auto;width:100%;max-width:560px;aspect-ratio:1/1;container-type:inline-size}
.ig-fond{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ig-fond circle{fill:none;stroke:var(--trait);stroke-width:.35;stroke-dasharray:1.2 1.2}
.ig-fond path{fill:none;stroke:var(--cyan);stroke-width:.45;opacity:.55}
.ig-fond polygon{fill:var(--marine);stroke:var(--cyan);stroke-width:.8}
.ig-centre{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;color:#fff;pointer-events:none}
.ig-centre strong{font-family:'Outfit',sans-serif;font-size:3.15cqw;line-height:1.1;white-space:nowrap}
.ig-centre span{font-size:2.22cqw;color:var(--cyan-clair);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-top:.55cqw}
.ig-item{position:absolute;width:0;height:0}
.ig-hg{left:22%;top:21%}.ig-hd{left:78%;top:21%}.ig-bg{left:22%;top:79%}.ig-bd{left:78%;top:79%}
.ig-sceau{position:absolute;left:-11.11cqw;top:-11.11cqw;width:22.22cqw;height:22.22cqw;border-radius:50%;background:#fff;border:3px double var(--cyan-fonce);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 22px -10px rgba(26,54,93,.5);transform:rotate(-8deg)}
.ig-hd .ig-sceau,.ig-bg .ig-sceau{transform:rotate(7deg)}
.ig-sceau strong{font-family:'Outfit',sans-serif;font-size:5.19cqw;line-height:1.05;color:var(--marine);white-space:nowrap}
.ig-sceau span{font-size:2.22cqw;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;color:var(--cyan-fonce);margin-top:.74cqw}
.ig-legende{position:absolute;left:-17.6cqw;width:35.2cqw;text-align:center;font-size:2.59cqw;line-height:1.4;font-weight:600;color:var(--texte)}
.ig-hg .ig-legende,.ig-hd .ig-legende{bottom:13.7cqw}
.ig-bg .ig-legende,.ig-bd .ig-legende{top:13.7cqw}
.actions-heros{flex-wrap:nowrap;gap:12px}
.actions-heros .btn1,.actions-heros .btn2{padding:14px 20px;justify-content:center}
@media (min-width:1025px){
  .heros .enveloppe{align-items:stretch}
  .heros-texte{justify-content:flex-start}
  .heros-texte .actions-heros{margin-top:auto}
  .infographie{align-self:center}
}
@media (max-width:640px){
  .ig-legende{font-size:max(2.59cqw,11px);left:-20cqw;width:40cqw}
  .ig-sceau span{font-size:max(2.22cqw,8.5px)}
  .actions-heros{flex-wrap:wrap}
}

/* Agents : journée type d'un service, pastille de service sur chaque agent, renvoi vers « Vos skills » */
.journee{list-style:none;margin:0 0 40px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.journee li{display:flex;gap:16px;align-items:flex-start;background:var(--fond-gris);border-radius:12px;padding:22px 22px}
.journee-num{flex-shrink:0;width:38px;height:38px;border-radius:50%;background:var(--marine);color:#fff;font-family:'Outfit',sans-serif;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center}
.journee h3{font-family:'Manrope',sans-serif;font-size:17px;font-weight:700;color:var(--encre);margin-bottom:6px}
.journee p{font-size:14.5px;line-height:1.55;color:var(--texte)}
.grille-agents .carte{position:relative}
.service{position:absolute;top:22px;right:22px;font-size:12px;font-weight:700;letter-spacing:.02em;padding:4px 11px;border-radius:14px;border:1px solid transparent}
.service-juridique{color:#9a3412;background:#ffedd5;border-color:#fed7aa}
.service-marketing{color:#9d174d;background:#fce7f3;border-color:#fbcfe8}
.service-finance{color:#166534;background:#dcfce7;border-color:#bbf7d0}
.service-direction{color:#1e3a8a;background:#dbeafe;border-color:#bfdbfe}
.service-dsi{color:#5b21b6;background:#ede9fe;border-color:#ddd6fe}
.service-tous{color:#334155;background:#e2e8f0;border-color:#cbd5e1}
.renvoi-skills{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1px dashed var(--trait);border-radius:12px;padding:22px 28px}
.renvoi-skills p{font-size:16px;line-height:1.55;color:var(--texte);max-width:760px}
.renvoi-skills strong{color:var(--encre)}
@media (max-width:1024px){.journee{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.service{top:16px;right:16px}.renvoi-skills{padding:20px}}

/* Titre du haut de page : groupe insécable et seconde ligne en taille réduite */
.heros h1 .insecable{color:inherit;white-space:nowrap}
.heros h1 .titre-suite{display:block;margin-top:.35em;font-size:.6em;line-height:1.15;color:var(--cyan)}
/* Haut de page, écrans 1025-1400 px : paragraphe resserré pour que texte et infographie gardent la même hauteur */
@media (min-width:1025px) and (max-width:1400px){.heros-texte>p{font-size:18px}}
/* Cycle de vie : les trois voies de conception */
.fonction .voies,.voies{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.voies li{margin:0;font-size:14px;line-height:1.55;color:var(--texte);padding-left:12px;position:relative}
.voies li::before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--cyan)}
.voies strong{color:var(--encre)}
/* Menu : un libellé ne se coupe jamais sur deux lignes */
.menu a{white-space:nowrap}
/* Titre du haut de page ajusté à la largeur de sa colonne : « À chaque service, son équipe d'agents IA. » tient sur deux lignes à toute largeur */
.heros-texte{container-type:inline-size}
.heros .heros-texte h1{font-size:min(60px,10cqi)}