/* Approved AI page only; Home, Services and Finnish styling are untouched. */
.ai-copy-checkpoint main h1,.ai-copy-checkpoint main h2,.ai-copy-checkpoint main h3{text-wrap:balance}
.ai-copy-checkpoint main h2{font-weight:700}
.ai-copy-checkpoint .hero .intro{font-size:14px!important;line-height:1.65!important;margin:18px 0 0;max-width:52ch!important}
.ai-copy-checkpoint .hero h1{font-size:clamp(40px,4vw,57px)}
.ai-copy-checkpoint .hero .eyebrow{white-space:normal}
.ai-copy-checkpoint .section{padding-block:48px;margin-block:0}
.ai-copy-checkpoint .feature{display:block;padding-block:48px;margin-block:0}
.ai-copy-checkpoint .feature>div:first-child{max-width:900px}
.ai-copy-checkpoint .feature h2{max-width:30ch}
.ai-copy-checkpoint .feature .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 42px;margin-top:32px}
.ai-copy-checkpoint .feature .cards article{display:grid;grid-template-columns:80px minmax(0,1fr);gap:20px;align-items:start}
.ai-copy-checkpoint .feature .image-frame{display:block;width:80px;height:80px;object-fit:contain;margin:0}
.ai-copy-checkpoint .feature .cards h3{font-size:20px;margin:0 0 10px}
.ai-copy-checkpoint .feature .cards p{font-size:17px;margin:0}
.ai-copy-checkpoint .approach>h2{max-width:34ch}
.ai-copy-checkpoint .image-section{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:48px;align-items:center}
.ai-copy-checkpoint .image-section>.image-frame{position:static;width:240px;height:240px;object-fit:contain}
.ai-copy-checkpoint .image-section h2{margin:18px 0 24px}
.ai-copy-checkpoint .image-section p{max-width:64ch}
@media(max-width:600px){
 .ai-copy-checkpoint header.has-mobile-nav{gap:8px}
 .ai-copy-checkpoint header.has-mobile-nav .brand{flex:0 0 100%;margin:0}
 .ai-copy-checkpoint header.has-mobile-nav>.mobile-nav-toggle{margin-left:auto}
 .ai-copy-checkpoint .section,.ai-copy-checkpoint .feature{padding-block:36px}
 .ai-copy-checkpoint .hero h1{font-size:39px!important}
 .ai-copy-checkpoint .feature .cards{grid-template-columns:1fr;gap:26px}
 .ai-copy-checkpoint .feature .cards article{grid-template-columns:64px minmax(0,1fr);gap:18px}
 .ai-copy-checkpoint .feature .image-frame{width:64px;height:64px}
 .ai-copy-checkpoint .feature .cards p{font-size:16px}
 .ai-copy-checkpoint .image-section{grid-template-columns:1fr;gap:20px}
 .ai-copy-checkpoint .image-section>.image-frame{width:180px;height:180px;justify-self:center}
}

.ai-copy-checkpoint .hero .intro{display:block;grid-template-columns:none}

@media(max-width:600px){
 .ai-copy-checkpoint .cards .card h3{font-size:20px}
 .ai-copy-checkpoint .three article>.image-frame{grid-row:1}
 .ai-copy-checkpoint .three article .number{align-self:center}
 .ai-copy-checkpoint .three article h3{grid-column:1/-1;margin-top:14px}
}

/* Five security items: three above two centred items, then one mobile column. */
@media(min-width:901px){.ai-copy-checkpoint .feature .cards{grid-template-columns:repeat(6,minmax(0,1fr))}.ai-copy-checkpoint .feature .cards>article{grid-column:span 2}.ai-copy-checkpoint .feature .cards>article:nth-child(4){grid-column:2/span 2}.ai-copy-checkpoint .feature .cards>article:nth-child(5){grid-column:4/span 2}}
@media(max-width:900px){.ai-copy-checkpoint .feature .cards{grid-template-columns:1fr}.ai-copy-checkpoint .feature .cards>article{grid-column:auto}}
