/* Clariance Tec: navy canvas, editorial hierarchy and one component rhythm. */
body[data-brand="tec"]{
 --tec-navy:#102e58;--tec-blue:#235db1;--tec-ink:#15263d;
 --tec-muted:#53657b;--tec-paper:#f4f7fb;--tec-line:#d6e1ef;
 --tec-radius:24px;--tec-space:clamp(24px,4vw,48px);
 background:var(--tec-paper);color:var(--tec-ink);
}
body[data-brand="tec"] .wrap{max-width:1240px}
body[data-brand="tec"] .section{padding-block:clamp(40px,6vw,76px)}
body[data-brand="tec"] .eyebrow{font-size:12px;letter-spacing:.12em;line-height:1.6}
body[data-brand="tec"] h2{font-size:clamp(30px,3.6vw,48px);letter-spacing:-.045em;line-height:1.12}
body[data-brand="tec"] :is(p,li){text-wrap:pretty}
body[data-brand="tec"] .button{background:var(--tec-blue);border-radius:14px;min-height:52px;font-size:16px;padding:14px 24px;box-shadow:0 4px 12px #102e5810}
body[data-brand="tec"] .button:hover{background:#184786}
body[data-brand="tec"] .button:focus-visible{outline:3px solid #2870d4;outline-offset:4px}
body[data-brand="tec"] .tec-hero{
 position:relative;isolation:isolate;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
 gap:var(--tec-space);width:calc(100% - 48px);margin:24px auto 32px;
 padding:clamp(28px,4.5vw,60px);border-radius:32px;
 background:radial-gradient(ellipse at 95% 0%,#235db160,transparent 60%),var(--tec-navy);
 border:1px solid #244872;color:white;
}
body[data-brand="tec"] .tec-hero>div{min-width:0}
body[data-brand="tec"] .tec-hero .eyebrow{color:#bad3f6;margin-bottom:24px}
body[data-brand="tec"] .tec-hero h1{font-size:clamp(36px,4.4vw,62px);letter-spacing:-.05em;line-height:1.08;color:#fff;max-width:15ch}
body[data-brand="tec"] .tec-hero h1>span{color:#a9ccff}
body[data-brand="tec"] .tec-hero h1 .motion-word{color:inherit}
body[data-brand="tec"] .tec-hero .lead{font-size:clamp(16px,1.5vw,18px);color:#d5e4ff;line-height:1.65;margin-bottom:0}
body[data-brand="tec"] .tec-hero .micro{color:#bad3f6;font-size:13px;margin-top:20px}
body[data-brand="tec"] .tec-hero .actions{gap:14px;margin-top:28px}
body[data-brand="tec"] .tec-hero .button{background:#fff;color:var(--tec-navy);box-shadow:none}
body[data-brand="tec"] .tec-hero .button:hover{background:#e8f0fc}
body[data-brand="tec"] .tec-hero .text-link{color:#d5e4ff;text-decoration:underline;text-underline-offset:5px}
body[data-brand="tec"] .hero-visual{padding:10px;background:#ffffff09;border:1px solid #ffffff26;border-radius:24px}
body[data-brand="tec"] .hero-visual img{border-radius:16px;box-shadow:none;aspect-ratio:4/3;object-fit:cover}
body[data-brand="tec"] .hero-visual figcaption{color:#d5e4ff;font-size:12px;padding:12px 8px 4px;line-height:1.6}
body[data-brand="tec"] .section-heading{max-width:760px}
body[data-brand="tec"] .section-heading>p:not(.eyebrow){font-size:17px}
body[data-brand="tec"] .solutions{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
body[data-brand="tec"] .solutions>article{background:#fff;border:1px solid var(--tec-line);border-radius:var(--tec-radius);padding:28px;box-shadow:0 8px 28px #102e5805;min-width:0}
body[data-brand="tec"] .solution-icon{width:52px;height:52px;display:grid;place-items:center;background:#e8eefb;border:1px solid #d6e1ef;border-radius:14px;font-size:26px;margin-bottom:28px}
body[data-brand="tec"] .solutions .eyebrow{font-size:11px;margin-bottom:14px}
body[data-brand="tec"] .solutions h3{font-size:clamp(23px,2vw,28px);letter-spacing:-.035em;line-height:1.2}
body[data-brand="tec"] .solutions p:not(.eyebrow),body[data-brand="tec"] .solutions li{font-size:16px;line-height:1.65}
body[data-brand="tec"] .solutions a{border-top:1px solid var(--tec-line);padding-top:16px;font-size:15px;line-height:1.5;min-height:52px}
body[data-brand="tec"] .section-note{font-size:13px;line-height:1.7;max-width:95ch}
body[data-brand="tec"] .growth{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;
 width:calc(100% - 48px);margin:16px auto 40px;padding:var(--tec-space);
 background:var(--tec-navy);border:1px solid #244872;border-radius:32px;
}
body[data-brand="tec"] .growth-intro{align-self:center;min-width:0}
body[data-brand="tec"] .growth h2{font-size:clamp(32px,4vw,54px)}
body[data-brand="tec"] .growth-intro>p:last-child{font-size:17px}
body[data-brand="tec"] .discovery-visual{margin-top:0;align-self:center}
body[data-brand="tec"] .discovery-visual img{aspect-ratio:4/3;border-radius:20px}
body[data-brand="tec"] .discovery-visual figcaption{font-size:12px}
body[data-brand="tec"] .growth-services{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:4px}
body[data-brand="tec"] .growth-services article{background:#ffffff08;border:1px solid #ffffff26;border-radius:20px;padding:26px}
body[data-brand="tec"] .growth-services h3{font-size:26px;letter-spacing:-.035em;line-height:1.2;margin-top:20px}
body[data-brand="tec"] .growth-services p{font-size:16px;line-height:1.65}
body[data-brand="tec"] .growth-services a{color:#d5e4ff;border-top:1px solid #ffffff26;padding-top:16px;font-size:15px;line-height:1.5}
body[data-brand="tec"] .process{border-top:0}
body[data-brand="tec"] .steps{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-brand="tec"] .steps article{position:relative;padding:24px 0 0;border-top:2px solid #aebed3}
body[data-brand="tec"] .steps span{display:inline-flex;background:#e8eefb;color:var(--tec-navy);border-radius:8px;padding:8px 12px;font-size:12px;line-height:1.4}
body[data-brand="tec"] .steps h3{font-size:24px;letter-spacing:-.03em}
body[data-brand="tec"] .steps p{font-size:16px;line-height:1.7}
body[data-brand="tec"] .project{align-items:start;gap:var(--tec-space);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
body[data-brand="tec"] .project>div{padding-top:16px}
body[data-brand="tec"] .project .lead{font-size:17px}
body[data-brand="tec"] .project .micro{font-size:13px;line-height:1.7}
body[data-brand="tec"] .project form{border-radius:var(--tec-radius);padding:32px;box-shadow:0 12px 36px #102e5808;border:1px solid var(--tec-line)}
body[data-brand="tec"] .project label{font-size:15px;font-weight:600}
body[data-brand="tec"] .project :is(select,textarea){border-radius:12px;background:#f8faff;border-color:#aebed3;min-height:52px}
body[data-brand="tec"] .project :is(select,textarea):focus{background:#fff}
body[data-brand="tec"] .project #tec-result{background:#f4f7fb;padding:24px;border:1px solid var(--tec-line);border-radius:16px}
body[data-brand="tec"] .news-bridge{background:#e8eefb;border:1px solid var(--tec-line);margin-bottom:40px}
body[data-brand="tec"] .brand-return{font-size:14px;line-height:1.6}
@media(max-width:1000px){
 body[data-brand="tec"] .solutions{grid-template-columns:minmax(0,1fr)}
 body[data-brand="tec"] .solution-icon{margin-bottom:18px}
 body[data-brand="tec"] .solutions h3 br{display:none}
 body[data-brand="tec"] .growth-services{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:850px){
 body[data-brand="tec"] :is(.tec-hero,.growth,.project){grid-template-columns:minmax(0,1fr)}
 body[data-brand="tec"] .tec-hero h1{max-width:20ch}
 body[data-brand="tec"] .hero-visual img{aspect-ratio:3/2}
 body[data-brand="tec"] .growth-services{grid-column:auto}
 body[data-brand="tec"] .steps{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
 body[data-brand="tec"] .wrap{padding-inline:20px}
 body[data-brand="tec"] .tec-hero{width:calc(100% - 24px);padding:28px 20px;margin-block:12px 20px;border-radius:24px;gap:28px}
 body[data-brand="tec"] .tec-hero h1{font-size:clamp(34px,9vw,48px)}
 body[data-brand="tec"] .tec-hero .eyebrow{font-size:11px;margin-bottom:18px}
 body[data-brand="tec"] .tec-hero .actions .button{width:100%;font-size:15px}
 body[data-brand="tec"] .tec-hero .micro{font-size:12px}
 body[data-brand="tec"] .hero-visual{padding:8px;border-radius:18px}
 body[data-brand="tec"] .hero-visual img{border-radius:12px}
 body[data-brand="tec"] .solutions>article{padding:24px;border-radius:20px}
 body[data-brand="tec"] .growth{width:calc(100% - 24px);padding:28px 20px;margin:12px auto 28px;border-radius:24px;gap:24px}
 body[data-brand="tec"] .growth-services article{padding:22px}
 body[data-brand="tec"] .growth-services h3{font-size:24px}
 body[data-brand="tec"] .project form{padding:24px 20px}
 body[data-brand="tec"] .project #tec-result{padding:18px 14px}
 body[data-brand="tec"] .section-note{font-size:12px}
}