/* Kiv1: original Fieldnotes design. No third-party brand assets or CSS. */
:root{--ink:#202e45;--lime:#d8eadc;--paper:#fffefa;--muted:#596472;--clay:#526e75;--line:#dce1dc;--white:#fffefa;--radius:12px}
body{background:var(--paper)}
.wrap{width:min(1240px,calc(100% - 96px))}
.header{padding-block:23px;border-bottom:1px solid var(--line)}
.brand img{width:113px}
.header nav{font-weight:400;font-size:13px;gap:32px}
.nav-contact{background:var(--ink);color:#fffefa;border-color:var(--ink);border-radius:7px;padding:12px 18px}
.hero{grid-template-columns:1.08fr 1fr;gap:68px;padding-block:76px 72px;align-items:center}
.hero h1{font-size:clamp(48px,5.1vw,72px);line-height:1.1;letter-spacing:-.055em;max-width:660px;margin-bottom:28px}
.hero h1 span{color:#536c73}
.hero .eyebrow{font-size:11px;letter-spacing:.1em;color:#526e75;margin-bottom:23px}
.hero .lead{font-size:17px;line-height:1.8;max-width:455px}
.button{border-radius:7px;padding:15px 22px;min-height:48px}
.primary{background:var(--ink);color:#fffefa;box-shadow:none}
.primary:hover{background:#3c5069}
.button:focus-visible,.text-link:focus-visible{outline-color:#4c5ca6}
.actions{gap:23px;margin-top:29px}
.text-link{font-weight:400}
.access-note{align-items:center;margin-top:26px;font-size:11px}
.status-tag{border-color:#d3ddd5;background:#edf2e9;color:#394d3b;font-weight:400}
.hero-art{position:relative;min-height:484px;border-radius:100px 12px 100px 12px;background:#e8edf5;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden}
.hero-art:before{content:"";position:absolute;width:340px;height:340px;border:1px solid #b5c7d1;border-radius:50%;left:-125px;top:-115px;box-shadow:0 0 0 38px #e8edf5,0 0 0 39px #c8d4db;z-index:-1}
.hero-art:after{content:"";position:absolute;width:260px;height:260px;border:1px solid #bdc0dd;border-radius:50%;right:-115px;bottom:-150px;z-index:-1}
.companion{width:93%;max-width:430px;transform:rotate(4deg);margin:0 0 23px;filter:drop-shadow(5px 8px 0 #21365305)}
.art-label{position:absolute;left:30px;top:30px;display:flex;gap:9px;align-items:center;font-size:10px;color:#4e6276;letter-spacing:.07em;text-transform:uppercase}
.art-label:before{content:"";width:6px;height:6px;background:#647fb0;border-radius:50%}
.art-caption{position:absolute;bottom:27px;left:35px;right:35px;border-top:1px solid #c5d1dd;padding-top:16px;font-size:11px;display:flex;justify-content:space-between;gap:15px;color:#526078}
.art-caption strong{font-weight:400;color:var(--ink)}
.principle-strip{background:transparent;border-color:var(--line)}
.principle-strip .wrap{padding-block:23px}
.principle-strip strong{font-weight:400}
.principle-strip p{font-size:12px}
.section{padding-block:92px}
.section-heading{margin-bottom:35px;gap:65px}
.section h2,.approach h2{font-size:clamp(32px,3.4vw,47px);letter-spacing:-.045em}
.eyebrow{font-size:10px;letter-spacing:.12em;color:#536772}
.use-cases{gap:20px}
.use-card{border:0;padding:31px;border-radius:10px;background:#e8f0e4;min-height:352px}
.use-card:nth-child(2){background:#eeeafb}
.use-card:nth-child(3){background:#e6edf7}
.case-icon{color:#465768;font-size:11px;border-bottom:1px solid #aebbad;padding-bottom:19px;margin-bottom:25px}
.use-card:nth-child(2) .case-icon{border-color:#c5bfda}.use-card:nth-child(3) .case-icon{border-color:#b9c8d6}
.use-card h3{font-size:27px;line-height:1.24}
.use-card p{font-size:13px;color:#536072}
.case-detail{border-color:#b4c4b955}
.case-detail strong{font-weight:400}
.approach{background:#243650;color:#f7f8fa;padding-block:72px}
.approach .eyebrow{color:#bbd9c6}.approach-intro,.process p{color:#d0d9e1}
.process li{border-color:#617184}.process li>span{color:#bdddcf}
.light{border-color:#9aaaaf;border-radius:7px}
.contact-band{background:#e8ede3;border-radius:12px;padding:43px;margin-bottom:85px;border:0}
.contact-band h2{font-size:38px}.contact-band .eyebrow{color:#4f6660}
footer{background:#202f46;color:#fffefa}
.footer-top .footer-small,.footer-bottom{color:#c8d3dd}.footer-bottom{border-color:#5c6c7d}
.footer-top .brand img{width:113px}
.doc-hero{padding-top:60px}.status-panel{background:#e9efe4;border-color:#d7dfd0;border-radius:12px}.contact-card{border-radius:12px}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:36px}.hero h1{font-size:56px}.hero-art{min-height:455px}.header nav{gap:20px}.use-card{padding:25px}.use-card h3{font-size:24px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{padding-block:21px;align-items:center;gap:16px}.header nav{font-size:10px;gap:12px 16px;max-width:224px}.header .brand img{width:87px}.nav-contact{padding:5px 8px}.hero{grid-template-columns:1fr;padding-block:43px 36px;gap:29px}.hero h1{font-size:clamp(44px,8vw,59px);letter-spacing:-.05em;max-width:600px}.hero .eyebrow{font-size:9px}.hero .lead{font-size:15px;line-height:1.8;max-width:520px}.hero-art{min-height:350px;border-radius:70px 10px 70px 10px}.companion{max-width:320px;margin-bottom:25px}.art-label{left:26px;top:23px;font-size:9px}.art-caption{left:25px;right:25px;bottom:22px;font-size:10px;padding-top:12px}.actions{gap:18px}.text-link{font-size:12px}.principle-strip p{font-size:10px}.principle-strip .wrap{padding-block:19px}.section{padding-block:54px}.section-heading{margin-bottom:27px}.use-card{min-height:0;padding:28px}.case-icon{padding-bottom:15px;margin-bottom:24px}.use-card h3{font-size:27px}.approach{padding-block:50px}.contact-band{padding:29px;margin-bottom:47px}.contact-band h2{font-size:32px}.access-note{font-size:10px}}
@media(max-width:360px){.header{display:block}.header nav{max-width:none;justify-content:space-between;margin-top:18px;gap:10px}.hero h1{font-size:42px}.hero-art{min-height:315px}.companion{max-width:280px}.actions{align-items:flex-start;flex-direction:column;gap:17px}.access-note{gap:9px}}