:root{--ink:#111b36;--muted:#626d86;--accent:#485bce;--pale:#f4f7fd;--line:#e0e6f3}body{background:#fff}header{border:0;padding:24px 5%;background:#fafcff}header .brand{font-weight:400;letter-spacing:4px}header nav{gap:22px;font-size:12px}.header-cta,.button{background:linear-gradient(110deg,#8f41ff,#4965ff 55%,#1ebceb);border-radius:40px;font-weight:500}.header-cta{white-space:nowrap}.preview{background:#f0f4fb;color:#63728b;font-size:11px}.switcher{gap:24px}.vision-hero{background:radial-gradient(ellipse at 82% 35%,#dceaff 0,transparent 48%),linear-gradient(115deg,#fff 15%,#f4f8ff 65%,#e8f2ff);overflow:hidden}.vision-inner{width:min(1400px,90%);margin:auto;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:630px;gap:30px;padding:50px 0 65px}.vision-name{font-size:clamp(64px,7vw,108px);line-height:1.1;font-family:Arial,sans-serif;font-weight:300;letter-spacing:.1em;margin-bottom:23px}.vision-copy h1{font-size:15px;font-weight:500;max-width:540px;color:#596682;line-height:1.8}.vision-title{font-size:clamp(30px,3vw,44px);line-height:1.55;letter-spacing:.12em;margin:20px 0!important}.vision-description{max-width:510px;font-size:14px;line-height:2;color:var(--muted)}.vision-actions{display:flex;gap:14px;margin-top:12px}.vision-actions .button{font-size:13px;padding:14px 22px;gap:22px}.button.outline{color:#343f70;background:transparent;border:1px solid #8196f9}.vision-stage{position:relative;isolation:isolate;padding:30px 0 0;text-align:center}.stage-label{text-align:right;color:#63729a;font-size:11px;letter-spacing:.23em;margin-bottom:24px}.stage-dryer{width:100%;height:340px;object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:2}.stage-base{height:55px;transform:skewX(-18deg);margin:0 4%;background:linear-gradient(110deg,#ffffffa0,#c3d9f470,#fff);border:1px solid #fff;box-shadow:8px 25px 45px #9bb9d44d}.stage-caption{font-size:11px;color:#53647f;margin-top:24px}.stage-link{font-size:12px;display:inline-block;margin-top:8px}.vision-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:96%;margin:16px auto 0}.vision-shortcuts>a{text-decoration:none;padding:30px;background:linear-gradient(130deg,#f5f7fd,#e7effc);position:relative;border-radius:4px}.vision-shortcuts>a:nth-child(2){background:linear-gradient(130deg,#edf1fa,#f8faff)}.vision-shortcuts span{font-size:10px;letter-spacing:.2em;color:#68758f}.vision-shortcuts h2{font-size:20px;font-weight:500;letter-spacing:.05em;margin:14px 0 9px}.vision-shortcuts p{font-size:12px;color:var(--muted)}.vision-shortcuts b{font-size:23px;font-weight:400}.section{padding:88px 0}.section h2{font-weight:500}.category,.archive-grid a,.archive-grid .archive-static,.example-images figure{border-radius:10px;overflow:hidden}.category{transition:transform .2s,box-shadow .2s}.category:hover{transform:translateY(-4px);box-shadow:0 16px 35px #20355712}.category>div{padding:30px}.category h3{font-size:20px}.contact{background:linear-gradient(110deg,#233260,#363d82 65%,#266a9e)}.contact .eyebrow{color:#c2d7ff}.button.light{color:#233260;background:#fff}.faq details{background:#fafbfe;padding-left:20px;padding-right:20px;margin-bottom:8px;border:1px solid var(--line);border-radius:8px}.other-page:not(.home-redesign) .hero{background:linear-gradient(120deg,#fff,#f0f6ff);border-radius:12px;padding:50px 32px;margin-top:25px}.other-page:not(.home-redesign) .hero-lead{font-weight:500}.test-results{background:linear-gradient(135deg,#293a66,#3d5594);border-radius:10px}a:focus-visible,summary:focus-visible{outline:3px solid #7546f5;outline-offset:4px}footer{background:#f8faff}
@media(max-width:1000px){header{flex-wrap:wrap}header nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}.vision-inner{gap:15px;min-height:550px}.vision-actions{flex-wrap:wrap}.stage-dryer{height:270px}.vision-shortcuts>a{padding:22px}.vision-shortcuts h2{font-size:17px}}
@media(max-width:760px){header{padding:18px 5%;gap:15px}header nav{display:flex;gap:10px 17px;font-size:11px}.header-cta{font-size:11px;padding:10px 14px}.brand{font-size:24px}.vision-inner{grid-template-columns:1fr;padding:36px 0 30px;gap:25px}.vision-name{font-size:57px;letter-spacing:.07em}.vision-copy h1{font-size:12px}.vision-title{font-size:30px}.vision-description{font-size:13px}.vision-actions{flex-wrap:nowrap;gap:10px}.vision-actions .button{font-size:11px;padding:13px 14px;gap:8px}.vision-stage{padding:0 10px}.stage-label{font-size:9px;margin:0 0 8px}.stage-dryer{height:245px}.stage-base{height:32px}.stage-caption{margin-top:16px}.vision-shortcuts{grid-template-columns:1fr;width:90%;gap:10px}.vision-shortcuts>a{padding:22px}.vision-shortcuts h2{font-size:20px;margin:8px 0}.vision-shortcuts b{position:absolute;right:24px;top:24px}.section{padding:55px 0}.other-page:not(.home-redesign) .hero{padding:26px 18px}.vision-shortcuts p{padding-right:15px}.english header nav{font-size:10px}.english .header-cta{font-size:10px}}
@media(prefers-reduced-motion:reduce){.category{transition:none}}

/* User-approved concept visual; source image retained without raster edits. */
.concept-stage{padding:0}.concept-window{position:relative;aspect-ratio:1.38;overflow:hidden;border-radius:6px}.concept-window img{position:absolute;width:232%;max-width:none;height:auto;left:-118%;top:-16%}.concept-caption{font-size:11px;color:#53647f;text-align:right;margin-top:14px}.vision-stage.concept-stage{align-self:center}
@media(max-width:760px){.concept-stage{padding:0}.concept-window{aspect-ratio:1.25}.concept-window img{width:250%;left:-129%;top:-16%}.concept-caption{font-size:10px}}
/* Full-width concept background across the introductory section. */
.home-redesign .vision-hero{position:relative;isolation:isolate;background:#edf5ff}
.home-redesign .vision-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/timelab-concept-reference.png') 65% 18% / auto 175% no-repeat}
.home-redesign .vision-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#ffffff 0%,#ffffff 36%,#fffffff2 40%,#ffffffa3 48%,#ffffff00 64%)}
.home-redesign .vision-inner{position:relative;min-height:650px;grid-template-columns:1fr 1fr}
.home-redesign .concept-window{display:none}
.home-redesign .concept-stage{position:absolute;right:0;bottom:18px}
.home-redesign .concept-caption{padding:4px 10px;background:#ffffffd9;border-radius:3px;margin:0}
.home-redesign .vision-copy{max-width:570px}
@media(max-width:760px){
 .home-redesign .vision-inner{display:block;padding:35px 0 360px;min-height:0}
 .home-redesign .vision-hero:before{top:auto;height:480px;background-size:auto 840px;background-position:62% 25%}
 .home-redesign .vision-hero:after{background:linear-gradient(180deg,#ffffff 0%,#fffffffa 43%,#ffffffd9 57%,#ffffff00 73%)}
 .home-redesign .concept-stage{bottom:12px}
 .home-redesign .vision-copy{max-width:none}
}


.vision-shortcuts>a.development-card{padding:0;overflow:hidden;background:#f3f6fc;display:flex;flex-direction:column;justify-content:space-between}.development-visual{position:relative;aspect-ratio:435/152;overflow:hidden;width:100%}.development-visual img{position:absolute;width:107%;max-width:none;height:auto;left:-3.5%;top:-8%}.vision-shortcuts .development-link{display:flex;justify-content:space-between;align-items:center;padding:13px 24px;font-size:13px;letter-spacing:.02em;color:#293a68;background:#f7f9ff}.vision-shortcuts .development-link span{font-size:20px;color:inherit}.development-card:hover .development-link{background:#eaf0ff}
.philosophy-card .development-visual img{width:104%;left:0;top:-6%}

.full-composition-hero{background:#f8fbff}.full-composition-image{position:relative;width:100%;margin:auto}.full-composition-image>img{display:block;width:100%;height:auto;object-fit:contain}.full-composition-info{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0}.full-composition-info h1{font-size:15px;font-weight:500;line-height:1.8}.full-composition-info p{font-size:12px;color:#626d86;margin:5px 0}.full-composition-info small{font-size:10px;color:#626d86}.full-composition-info .button{margin:0;white-space:nowrap;font-size:12px;padding:12px 20px}.image-consult,.image-capabilities{position:absolute;top:80%;height:8%;border-radius:30px}.image-consult{left:4.7%;width:13.5%}.image-capabilities{left:19%;width:12.3%}.image-consult:hover,.image-capabilities:hover{outline:2px solid #7186df;outline-offset:2px}
@media(max-width:760px){.full-composition-info{display:block;padding:18px 0}.full-composition-info h1{font-size:13px}.full-composition-info p{font-size:12px}.full-composition-info .button{margin-top:12px}.image-consult,.image-capabilities{display:none}}

.technology-card .development-visual img{width:100%;height:100%;left:0;top:0;object-fit:cover}.technology-copy{position:absolute;left:6%;top:12%;width:44%;color:#29354f}.vision-shortcuts .technology-copy>span{font-size:9px;letter-spacing:.18em}.vision-shortcuts .technology-copy h2{font-size:18px;line-height:1.5;margin:9px 0 7px;letter-spacing:.04em}.vision-shortcuts .technology-copy p{font-size:10px;line-height:1.5;margin:0;padding:0}@media(max-width:1100px) and (min-width:761px){.vision-shortcuts .technology-copy h2{font-size:13px;margin:4px 0}.vision-shortcuts .technology-copy>span{font-size:7px}.vision-shortcuts .technology-copy p{font-size:8px}}@media(max-width:380px){.vision-shortcuts .technology-copy h2{font-size:15px;margin:4px 0}.vision-shortcuts .technology-copy>span{font-size:8px}.vision-shortcuts .technology-copy p{font-size:9px}}
.section-body>figure.factory-concept{max-width:none;margin:0 0 30px}.factory-concept img{width:100%;height:auto;border-radius:8px}.factory-concept figcaption{font-size:12px;line-height:1.7;color:#626d86;margin-top:10px}

/* Readable HTML copy below the approved full-composition image. */
.full-composition-info h1{font-size:clamp(18px,2vw,26px);line-height:1.6}.full-composition-info p{font-size:15px;line-height:1.8}
@media(max-width:760px){.full-composition-info h1{font-size:19px}.full-composition-info p{font-size:14px}}

/* Use the full-resolution reference without stretching beyond its native width. */
.full-composition-image{max-width:1672px;aspect-ratio:1672/669;overflow:hidden}.full-composition-image>img{width:100%;height:100%;object-fit:cover;object-position:center top}.image-consult{left:5%;width:13%}.image-capabilities{left:19.2%;width:12%}

/* Sharp HTML typography over clean high-resolution artwork. */
.full-composition-image{max-width:1983px;aspect-ratio:auto;overflow:hidden;container-type:inline-size}.full-composition-image>img{position:static;width:100%;height:auto;object-fit:contain}.hero-live-copy{position:absolute;left:5%;top:23%;width:43%;color:#111b36}.hero-live-copy p{margin:0}.hero-tagline{font-size:1.2cqw;letter-spacing:.24em}.hero-wordmark{font-size:6.3cqw;line-height:1.4;font-weight:300;letter-spacing:.1em}.hero-english{font-size:1.65cqw;line-height:1.4;letter-spacing:-.02em}.hero-motto{margin-top:2cqw!important;font-size:.65cqw;line-height:1.8;letter-spacing:.2em}.live-card{container-type:inline-size;aspect-ratio:2.8}.development-visual.live-card img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover}.card-live-copy{position:absolute;inset:10% auto auto 6%;width:52%;color:#25304b}.card-number{font-size:2.2cqw;letter-spacing:.25em}.card-live-copy .card-kicker{margin:1.3cqw 0 2.1cqw;padding:0;font-size:2.05cqw;letter-spacing:.17em;line-height:1.4}.card-live-copy h2{font-size:3.8cqw;line-height:1.45;letter-spacing:.12em;margin:0 0 2cqw;font-family:serif}.card-live-copy .card-english{font-size:2.5cqw;line-height:1.45;letter-spacing:.02em;margin:0;padding:0}.philosophy-card .card-live-copy{width:46%}
@media(max-width:600px){.hero-live-copy{position:relative;left:auto;top:auto;width:auto;padding:20px;background:#f8fbff}.hero-tagline{font-size:12px}.hero-wordmark{font-size:44px}.hero-english{font-size:15px}.hero-motto{font-size:9px;margin-top:14px!important}}

/* Readable navigation that remains visible while scrolling. */
body>header{position:sticky;top:0;z-index:100;background:#fafcff;box-shadow:0 2px 10px #111b360d}
header nav{font-size:16px;font-weight:500;gap:26px}
header .header-cta{font-size:16px}
html{scroll-padding-top:120px}
.skip:focus{z-index:110}
@media(max-width:1000px){html{scroll-padding-top:160px}}
@media(max-width:760px){header{padding:14px 5%;gap:12px}header nav,.english header nav{font-size:14px;gap:8px 9px}header .header-cta,.english header .header-cta{font-size:13px}html{scroll-padding-top:165px}}
/* Align footer categories in two equal columns on mobile. */
@media(max-width:760px){footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;width:100%;align-items:stretch}footer nav>a{display:flex;align-items:center;min-width:0;min-height:44px;line-height:1.6;overflow-wrap:anywhere}}