
:root{
  --ink:#0b1215; --muted:#68767c; --line:#d9dfdf; --paper:#f7f8f6;
  --white:#fff; --accent:#0c847b; --soft:#e8f1ef;
  --max:1320px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
.wrap{width:min(var(--max),calc(100% - 64px));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(247,248,246,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between}
.brand{font-size:18px;font-weight:900;letter-spacing:.35em}
nav{display:flex;gap:32px;align-items:center;font-size:14px}
.lang{border:1px solid #c8d0d0;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}
.hero{min-height:780px;display:grid;grid-template-columns:1.45fr .55fr;align-items:center;gap:70px;padding:86px 0 70px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.28em;color:var(--accent);text-transform:uppercase;margin-bottom:36px}
h1{font-size:clamp(64px,6.8vw,112px);line-height:.88;letter-spacing:-.065em;margin:0;max-width:940px}
h1 .muted{color:#7c898e}
.lead{font-size:20px;line-height:1.55;color:var(--muted);max-width:780px;margin:44px 0 32px}
.actions{display:flex;gap:12px}
.btn{padding:17px 23px;border:1px solid #bfc8c8;font-weight:750;font-size:14px}
.btn.dark{background:var(--ink);color:white;border-color:var(--ink)}
.radar{aspect-ratio:1;position:relative;display:grid;place-items:center;max-width:360px;margin:auto;width:100%}
.ring{position:absolute;border:1px solid #bdcccc;border-radius:50%}
.r1{width:100%;height:100%}.r2{width:68%;height:68%}.r3{width:36%;height:36%}
.dot{width:15px;height:15px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 14px var(--soft)}
.rlabel{position:absolute;font-size:9px;letter-spacing:.28em;color:#69787d}
.top{top:8%}.right{right:-1%;top:49%}.bottom{bottom:7%}
section{padding:110px 0;border-top:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-bottom:62px}
.kicker{font-size:12px;letter-spacing:.25em;color:var(--accent);font-weight:800;text-transform:uppercase}
h2{font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-.05em;margin:0;max-width:850px}
.section-copy{font-size:18px;line-height:1.6;color:var(--muted);max-width:720px;margin-top:24px}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.card{min-height:300px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.num{font-size:11px;color:var(--accent);letter-spacing:.2em}
.card h3{font-size:25px;letter-spacing:-.03em;margin:0 0 14px}
.card p{color:var(--muted);line-height:1.55;margin:0}
.arrow{font-size:24px}
.approach{background:var(--ink);color:white}
.approach .kicker{color:#63c5b9}.approach .section-copy{color:#aab4b6}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#334044;margin-top:60px}
.step{background:var(--ink);padding:38px;min-height:260px}
.step strong{display:block;font-size:38px;margin:50px 0 15px;letter-spacing:-.04em}
.step p{color:#aab4b6;line-height:1.55}
.split{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}
.quote{font-size:clamp(38px,4vw,64px);line-height:1.04;letter-spacing:-.045em;margin:0}
.pillrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.pill{border:1px solid #bfc9c9;border-radius:30px;padding:11px 15px;font-size:13px}
.academy{background:#e8efed}
.academy-box{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}
.academy h2{max-width:760px}
.bigmark{font-size:150px;line-height:.7;font-weight:900;letter-spacing:-.09em;color:#c9d8d4;text-align:right}
.cta{text-align:center;padding:130px 0}
.cta h2{margin:auto;max-width:950px}
.cta p{margin:28px auto 36px;color:var(--muted);font-size:18px}
footer{border-top:1px solid var(--line);padding:55px 0 35px}
.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:60px}
.foot p,.foot a{color:var(--muted);font-size:14px;line-height:1.7}
.footlinks{display:flex;flex-direction:column;gap:9px}
.legal{display:flex;justify-content:space-between;margin-top:60px;padding-top:22px;border-top:1px solid var(--line);font-size:12px;color:#7b878b}
.menu{display:none}
@media(max-width:900px){
 .wrap{width:min(100% - 36px,var(--max))}.nav{height:76px} nav a:not(.lang){display:none}.menu{display:block;font-size:13px}
 .hero{grid-template-columns:1fr;min-height:auto;padding:80px 0}.radar{max-width:250px;margin:20px 0 0 35px}
 h1{font-size:clamp(58px,15vw,86px)}.lead{font-size:17px}
 .section-head,.split,.academy-box,.foot{grid-template-columns:1fr}.cap-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}
 section{padding:78px 0}.card{min-height:220px}.bigmark{text-align:left;font-size:100px}.legal{gap:20px;flex-direction:column}
}


/* v0.5 — Service Architecture */
.service-hero{padding:150px 0 95px;border-bottom:1px solid var(--line)}
.service-hero-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}
.service-hero h1{font-size:clamp(58px,7.2vw,112px);line-height:.91;letter-spacing:-.065em;margin:0 0 35px}
.service-intro{font-size:22px;line-height:1.55;color:var(--muted);max-width:760px}
.service-meta{margin-top:55px;display:flex;gap:12px;flex-wrap:wrap}
.service-section{padding:105px 0;border-bottom:1px solid var(--line)}
.service-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}
.service-grid h2{font-size:clamp(42px,5vw,72px);line-height:.98;letter-spacing:-.045em;margin:0}
.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.detail{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:180px}
.detail h3{font-size:25px;margin:0 0 15px;letter-spacing:-.025em}
.detail p{color:var(--muted);line-height:1.6;margin:0}
.outcomes{background:#071113;color:#f5f7f6}
.outcomes .kicker{color:#35a99e}
.outcomes .section-copy{color:#aeb9ba}
.outcome-list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:55px;border-top:1px solid #314043}
.outcome{padding:34px 25px;border-right:1px solid #314043}
.outcome:last-child{border-right:0}
.outcome strong{display:block;font-size:25px;margin:18px 0 10px}
.outcome p{color:#aeb9ba;line-height:1.55}
.emergency-strip{background:#071113;color:white;padding:28px 0}
.emergency-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}
.emergency-inner strong{font-size:20px}
.emergency-inner p{margin:5px 0 0;color:#aeb9ba}
.emergency-link{color:white;border:1px solid #536164;padding:14px 20px;text-decoration:none;white-space:nowrap}
.service-nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:35px}
.service-nav a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:5px}
.academy-mark{font-size:120px;line-height:1;font-weight:700;letter-spacing:-.08em;color:#c9d9d7}
.card-link{color:inherit;text-decoration:none;display:contents}
.card{position:relative}
.card:hover{background:#f2f6f5}
.card .arrow{transition:transform .2s ease}
.card:hover .arrow{transform:translate(3px,-3px)}
.ir-card{background:#071113;color:white}
.ir-card p{color:#aeb9ba!important}
.ir-card:hover{background:#0c1a1d}
@media(max-width:800px){
 .service-hero{padding:105px 0 70px}
 .service-hero-grid,.service-grid{grid-template-columns:1fr;gap:35px}
 .detail-grid,.outcome-list{grid-template-columns:1fr}
 .outcome{border-right:0;border-bottom:1px solid #314043}
 .emergency-inner{align-items:flex-start;flex-direction:column}
}


/* v0.6 — Trust & Conversion Layer */
.trust-band{padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f1f4f2}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.trust-item{padding:8px 28px;border-right:1px solid var(--line)}.trust-item:first-child{padding-left:0}.trust-item:last-child{border-right:0}
.trust-item strong{display:block;font-size:16px;margin-bottom:6px}.trust-item span{color:var(--muted);font-size:13px;line-height:1.5}
.engagement-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:55px}
.engagement{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:220px}.engagement h3{font-size:23px;margin:40px 0 12px}.engagement p{color:var(--muted);line-height:1.55}
.founder{background:#eef3f1}.founder-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.founder-copy h2{margin-bottom:30px}.founder-copy p{font-size:18px;line-height:1.7;color:var(--muted);max-width:780px}.founder-name{margin-top:35px;padding-top:25px;border-top:1px solid #cbd5d2}.founder-name strong{display:block;font-size:22px}.founder-name span{display:block;color:var(--muted);margin-top:6px}
.page-hero{padding:145px 0 95px;border-bottom:1px solid var(--line)}.page-hero-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.page-hero h1{font-size:clamp(58px,7vw,106px);line-height:.92;letter-spacing:-.06em;margin:0 0 32px}.page-intro{font-size:21px;line-height:1.6;color:var(--muted);max-width:780px}
.contact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.contact-panel{border-top:1px solid var(--line)}.contact-row{padding:24px 0;border-bottom:1px solid var(--line)}.contact-row span{display:block;color:var(--muted);font-size:13px;margin-bottom:7px}.contact-row strong,.contact-row a{font-size:20px}
.contact-form{display:grid;gap:18px}.field{display:grid;gap:8px}.field label{font-size:13px;font-weight:750}.field input,.field textarea,.field select{width:100%;border:1px solid #bcc7c6;background:transparent;padding:15px 16px;font:inherit;color:var(--ink);border-radius:0}.field textarea{min-height:150px;resize:vertical}.form-note{font-size:13px;color:var(--muted);line-height:1.5}.form-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.incident-callout{background:#071113;color:white;padding:55px 0}.incident-callout .kicker{color:#63c5b9}.incident-callout h2{font-size:clamp(38px,4.5vw,66px);margin-top:18px}.incident-callout p{color:#aeb9ba;max-width:720px;line-height:1.6}.incident-callout .btn{display:inline-block;margin-top:15px;border-color:#59676a;color:white}
.small-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:3px}.about-principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:55px}.principle{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:220px}.principle h3{font-size:25px;margin:45px 0 12px}.principle p{color:var(--muted);line-height:1.55}
@media(max-width:900px){.trust-grid,.engagement-grid,.about-principles{grid-template-columns:1fr 1fr}.founder-grid,.page-hero-grid,.contact-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:600px){.trust-grid,.engagement-grid,.about-principles{grid-template-columns:1fr}.trust-item{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}}

/* v0.7 — Technologies & Labs */
.tech-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.tech-card{padding:36px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:260px;display:flex;flex-direction:column}
.tech-card h3{font-size:28px;letter-spacing:-.035em;margin:42px 0 14px}.tech-card p{color:var(--muted);line-height:1.6;margin:0;max-width:580px}.tech-tags{margin-top:auto;padding-top:30px;color:#506064;font-size:12px;line-height:1.7;letter-spacing:.03em}
.technology-principle{background:#e8efed;padding:82px 0}.principle-line{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:start}.principle-line blockquote{font-size:clamp(38px,4.6vw,70px);line-height:1.03;letter-spacing:-.05em;margin:0;max-width:920px}
.lifecycle-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.life-step{padding:28px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:250px}.life-step span{font-size:11px;color:var(--accent);letter-spacing:.2em}.life-step strong{display:block;font-size:20px;margin:58px 0 14px}.life-step p{color:var(--muted);font-size:14px;line-height:1.55}
.stack-assessment{background:#071113;color:white;padding:110px 0}.stack-assessment .kicker{color:#63c5b9}.stack-assessment .section-copy{color:#aeb9ba}.assessment-signals{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.assessment-signals span{border:1px solid #405053;padding:9px 12px;font-size:12px;color:#c2cdce}.decision-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px;border-top:1px solid #314043;border-left:1px solid #314043}.decision-grid div{padding:30px;border-right:1px solid #314043;border-bottom:1px solid #314043;min-height:170px}.decision-grid strong{font-size:20px;letter-spacing:.05em}.decision-grid p{color:#aeb9ba;line-height:1.55;font-size:14px;margin-top:28px}
.labs-page{background:#071113;color:#f4f7f6}.labs-page header{background:#071113;border-bottom-color:#253235}.labs-page nav a,.labs-page .brand{color:#f4f7f6}.labs-page .lang{border-color:#465457}.labs-page footer{border-top-color:#263437}.labs-page .foot p,.labs-page .foot a,.labs-page .legal{color:#8fa0a3}.labs-page .legal{border-top-color:#263437}
.labs-hero{padding:155px 0 120px;border-top:0;border-bottom:1px solid #263437}.labs-hero .kicker{color:#63c5b9}.labs-hero h1{font-size:clamp(78px,10vw,160px);line-height:.78;letter-spacing:-.075em;margin:55px 0 55px;max-width:none}.labs-hero h1 span{color:#718083}.labs-hero p{font-size:21px;line-height:1.65;color:#aeb9ba;max-width:760px;margin-left:42%}
.labs-work{padding:0;border-top:0;border-bottom:1px solid #263437}.labs-grid{display:grid;grid-template-columns:repeat(3,1fr)}.labs-grid article{padding:70px 38px 80px;border-right:1px solid #263437;min-height:430px}.labs-grid article:last-child{border-right:0}.labs-grid article>span{font-size:11px;letter-spacing:.18em;color:#63c5b9}.labs-grid h2{font-size:54px;margin:90px 0 22px}.labs-grid p{color:#aeb9ba;line-height:1.65;max-width:360px}
.labs-flow{padding:110px 0;border-bottom:1px solid #263437}.labs-flow .kicker{color:#63c5b9}.flowline{display:flex;align-items:center;justify-content:space-between;margin:65px 0 42px}.flowline div{border:1px solid #354447;padding:28px;min-width:180px}.flowline div span{display:block;color:#63c5b9;font-size:11px;margin-bottom:35px}.flowline div strong{font-size:16px;letter-spacing:.08em}.flowline i{font-style:normal;color:#607174;font-size:24px}.flowline .future{opacity:.38}.labs-flow p{color:#8fa0a3;max-width:720px;line-height:1.6}
.labs-statement{padding:130px 0;border-top:0}.labs-statement blockquote{font-size:clamp(45px,5.7vw,86px);line-height:1.02;letter-spacing:-.055em;margin:0 0 55px;max-width:1100px}.labs-statement blockquote span{color:#718083}.labs-btn{color:white;border-color:#536164;display:inline-block}
@media(max-width:900px){.tech-grid{grid-template-columns:1fr}.principle-line{grid-template-columns:1fr;gap:30px}.lifecycle-grid{grid-template-columns:1fr 1fr}.decision-grid{grid-template-columns:1fr 1fr}.labs-hero p{margin-left:0}.labs-grid{grid-template-columns:1fr}.labs-grid article{border-right:0;border-bottom:1px solid #263437;min-height:auto}.flowline{align-items:stretch;flex-direction:column;gap:12px}.flowline i{transform:rotate(90deg);align-self:center}.flowline div{min-width:0}.labs-hero h1{font-size:clamp(70px,20vw,110px)}}
@media(max-width:600px){.lifecycle-grid,.decision-grid{grid-template-columns:1fr}.tech-card{min-height:230px}.labs-grid h2{margin-top:55px}.labs-statement{padding:90px 0}}


/* v0.8 — Architecture, conversion & route polish */
.tech-card{transition:background .2s ease,transform .2s ease}.tech-card:hover{background:#f1f5f3}.tech-card .num{font-weight:800}
.labs-hero{padding-top:140px}.labs-work article{transition:background .2s ease}.labs-work article:hover{background:#0a1719}.labs-statement blockquote{max-width:1180px}
.consent{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:12px;line-height:1.5}.consent input{width:auto;margin-top:3px}
@media(max-width:900px){nav.open{position:absolute;left:0;right:0;top:76px;background:var(--paper);padding:24px 18px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:18px}.labs-page nav.open{background:#071113}.nav nav.open a:not(.lang){display:block}.nav nav.open .lang{display:grid}.nav nav.open .menu{position:absolute;right:18px;top:24px}}

/* v0.9.2 — Contact, privacy & accessibility */
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.privacy-note{font-size:12px;line-height:1.55;color:var(--muted);margin:14px 0 4px}
.privacy-note a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.form-status{display:block;min-height:22px;margin-top:14px;font-size:13px;line-height:1.5;color:var(--muted)}
.form-status.success{color:#176b5f}.form-status.error{color:#9b2c2c}
.contact-form button:disabled{opacity:.55;cursor:wait}
.legal-page{padding:130px 0 90px}.legal-copy{max-width:900px}.legal-copy h1{font-size:clamp(48px,7vw,92px);margin:0 0 35px}.legal-copy h2{font-size:28px;margin:46px 0 14px}.legal-copy p,.legal-copy li{color:var(--muted);line-height:1.7}.legal-copy ul{padding-left:22px}.legal-copy .notice{padding:20px;border:1px solid var(--line);background:#f1f4f2;margin:28px 0}.legal-links{display:flex;gap:16px;flex-wrap:wrap}
