:root{--ink:#061e3c;--muted:#536172;--paper:#ffffff;--lime:#ffb000;--line:#dce2e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #bb7900;outline-offset:6px}.wrap{max-width:1240px;margin:auto;padding-left:44px;padding-right:44px}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px;padding-bottom:28px}.brand{font-size:26px;font-weight:850;letter-spacing:-1.3px;text-decoration:none;white-space:nowrap}.brand span{font-weight:400}.brand .brand-period{color:#b27300;font-weight:900}.nav nav{display:flex;gap:28px;font-size:14px;font-weight:600}.nav nav a{text-decoration:none}.nav nav a:hover{text-decoration:underline}.button{display:inline-flex;gap:30px;justify-content:space-between;align-items:center;background:var(--ink);color:#fff;padding:17px 23px;text-decoration:none;font-weight:700;border-radius:5px;transition:background .15s,transform .15s}.button:hover{background:#12345a;transform:translateY(-2px)}.button.small{font-size:14px;padding:11px 17px;gap:18px}.hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:65px;padding-top:70px;padding-bottom:90px}.eyebrow,.index{font-size:12px;font-weight:750;letter-spacing:1.7px;line-height:1.5}.eyebrow{margin:0 0 24px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,5.5vw,76px);letter-spacing:-4px;line-height:1.035;margin-bottom:27px;font-weight:800}h1 span{position:relative;display:inline;background:linear-gradient(transparent 65%,var(--lime) 65%,var(--lime) 94%,transparent 94%)}.intro{max-width:480px;font-size:19px;line-height:1.6;color:var(--muted);margin-bottom:28px}.caption{font-size:13px;line-height:1.6;color:var(--muted);margin:15px 0 0}.field-note{background:var(--lime);padding:30px 33px 24px;transform:rotate(2deg);box-shadow:10px 12px 0 #e7eccf;border-radius:4px}.note-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #a4bf4a;padding-bottom:18px;font-size:12px;font-weight:bold;letter-spacing:1px}.note-top span:last-child{font-size:25px}.field-note h2{font-size:43px;line-height:1.08;letter-spacing:-2px;margin:26px 0}.field-note ul{padding:0;margin:0;list-style:none}.field-note li{display:flex;gap:15px;border-top:1px solid #b4cc62;padding:17px 0;align-items:center}.check{display:grid;place-items:center;border:1.5px solid var(--ink);width:25px;height:25px;border-radius:50%;font-size:14px}.field-note strong{font-size:17px;display:block}.field-note li div>span{display:block;font-size:14px}.field-note>p{font-size:13px;margin:16px 0 0;border-top:1px solid #b4cc62;padding-top:15px}.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f3f6fa}.proof .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:23px;padding-bottom:23px}.proof span{font-size:12px;letter-spacing:1px;font-weight:bold}.proof p{font-size:15px;margin:0}.proof .proof-end{font-size:14px;letter-spacing:0}.section{padding-top:95px;padding-bottom:95px}h2{font-size:clamp(33px,4vw,49px);line-height:1.1;letter-spacing:-2px;font-weight:750}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:start;margin-bottom:37px}.section-heading p{color:var(--muted);max-width:430px;margin-top:4px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.feature-grid article{padding:30px 28px 0 0}.feature-grid article+article{padding-left:28px;border-left:1px solid var(--line)}.index{color:#806000;display:block;margin-bottom:30px}h3{font-size:26px;letter-spacing:-.8px;line-height:1.2;margin-bottom:15px}.feature-grid p{font-size:16px;color:var(--muted);margin:0}.record-section{background:var(--ink);color:#fff}.record-inner{display:grid;grid-template-columns:1fr 1fr;gap:95px;padding-top:72px;padding-bottom:72px;align-items:center}.record-inner .eyebrow{color:var(--lime)}.record-inner p{color:#cbd6e5}.record-inner>div>p:last-child{max-width:450px}.export{border:1px solid #52637c;padding:34px;border-radius:6px;background:#102e50}.export .index{color:var(--lime);margin-bottom:22px}.export h3{font-size:32px}.export p{font-size:16px}.formats{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.formats span{border:1px solid #61738b;font-size:14px;padding:7px 15px;border-radius:3px;color:var(--lime)}.export p.fine{font-size:13px;margin-bottom:0;color:#cbd6e5;line-height:1.6}.story{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.story>.eyebrow{max-width:200px}.story h2{font-size:55px}.story p{color:var(--muted)}.story .story-lead{font-size:23px;color:var(--ink);line-height:1.5}.founder-line{display:flex;gap:18px;align-items:center;margin-top:30px}.founder-line>span{background:var(--lime);height:55px;width:55px;display:grid;place-items:center;border-radius:50%;font-weight:800;font-size:25px}.founder-line p{margin:0;font-size:14px}.listening{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;border-top:1px solid var(--line);padding-top:60px;padding-bottom:65px}.listening p{color:var(--muted)}.listening .roadmap{font-size:14px;border-left:3px solid #ffb000;padding-left:18px;margin-top:28px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-weight:600;padding:20px 30px 20px 0;position:relative;line-height:1.4}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:2px;font-size:24px;top:14px;font-weight:400}details[open] summary:after{content:'−'}details p{font-size:16px;color:var(--muted);padding-right:20px}.pilot{background:var(--lime);padding:75px 0;text-align:center}.pilot h2{font-size:clamp(42px,5vw,64px);letter-spacing:-2.7px;margin-bottom:25px}.pilot .wrap>p:not(.eyebrow):not(.caption){max-width:550px;margin-left:auto;margin-right:auto}.pilot-pending{font-weight:700;border:1px solid #9b6c00;border-radius:4px;padding:12px 20px;display:inline-block;margin:6px 0}.pilot .caption{color:#533900}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:32px;padding-bottom:32px}footer p,footer>span{font-size:12px;color:var(--muted);margin:0}.skip{position:absolute;left:10px;top:-100px;background:white;padding:12px;z-index:5}.skip:focus{top:10px}@media(max-width:950px){.wrap{padding-left:28px;padding-right:28px}.nav nav{gap:16px}.hero{gap:35px}.field-note{padding:24px}.field-note h2{font-size:35px}h1{letter-spacing:-2.8px}.record-inner{gap:40px}.story,.listening,.faq{gap:40px}.story h2{font-size:45px}.proof .proof-end{display:none}}@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.nav{padding-top:20px;padding-bottom:18px;gap:12px}.brand{font-size:23px}.nav nav{display:none}.button.small{padding:10px 12px;font-size:12px;gap:10px}.hero{grid-template-columns:1fr;padding-top:37px;padding-bottom:58px;gap:40px}h1{font-size:clamp(45px,10.5vw,68px);letter-spacing:-2.8px}.intro{font-size:18px}.field-note{margin:0 8px;transform:rotate(1deg)}.field-note h2{font-size:38px}.hero .eyebrow{font-size:11px}.proof .wrap{display:block;padding-top:19px;padding-bottom:19px}.proof p{margin-top:7px;font-size:14px}.section{padding-top:60px;padding-bottom:60px}.section-heading,.record-inner,.story,.listening,.faq{grid-template-columns:1fr;gap:20px}.section-heading{margin-bottom:22px}.section-heading h2{margin-bottom:0}.feature-grid{grid-template-columns:1fr}.feature-grid article,.feature-grid article+article{border-left:0;padding:25px 0;border-bottom:1px solid var(--line)}.index{margin-bottom:17px}.record-inner{padding-top:50px;padding-bottom:50px;gap:26px}.export{padding:25px}.story>.eyebrow{max-width:none}.story h2{font-size:42px}.story .story-lead{font-size:21px}.listening{padding-top:40px;padding-bottom:40px}.faq h2{margin-bottom:8px}.pilot{padding:55px 0}footer{flex-wrap:wrap;gap:15px}footer p{flex-basis:100%;order:3}footer>span{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.web-app{border-top:1px solid var(--line)}.connection-note{font-size:14px;color:var(--muted);margin:30px 0 0;max-width:850px}.roles-section{background:#f3f6fa}.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.role-grid article{border-top:2px solid #d79400;padding-top:24px}.role-grid h3{font-size:23px}.role-grid p{font-size:16px;color:var(--muted);margin-bottom:0}.pilot-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;counter-reset:step;padding:0;margin:40px auto;max-width:900px;text-align:left}.pilot-steps li{counter-increment:step;border-top:1px solid #aa7800;padding-top:20px}.pilot-steps li:before{content:'0' counter(step);display:block;font-size:13px;font-weight:bold;margin-bottom:14px}.pilot-steps strong,.pilot-steps span{display:block}.pilot-steps span{font-size:15px;line-height:1.6;margin-top:8px}.enrollment-note{max-width:570px;font-size:14px;margin:10px auto 0}@media(max-width:950px){.role-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.role-grid,.pilot-steps{grid-template-columns:1fr}.pilot-steps{gap:12px}.role-grid{gap:22px}}

.brand-panel{margin:0;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 16px 45px #061e3c0b}.brand-panel img{display:block;width:100%;height:auto}.brand-panel p{margin:0;padding:18px 20px;background:var(--ink);color:white;font-size:14px;font-weight:bold;text-align:center}.brand span{color:#b77900;font-weight:800}.brand .brand-period{color:#b77900}.pilot .eyebrow{color:var(--ink)}

.field-note{background:#ffb000;box-shadow:10px 12px 0 #f6e4bd}.note-top{border-color:#b97f00}.field-note li,.field-note>p{border-color:#ce9109}

/* Motion stays decorative; content is visible without JavaScript. */
@media(prefers-reduced-motion:no-preference){
.motion-ready .hero-copy{animation:hero-appear .65s ease-out both}
.motion-ready .field-note{transform-origin:center;backface-visibility:hidden;animation:card-turn 1s cubic-bezier(.2,.7,.25,1) both}
.motion-ready .field-note li{animation:hero-appear .55s ease-out both;animation-delay:.4s}
.motion-ready .field-note li:nth-child(2){animation-delay:.52s}.motion-ready .field-note li:nth-child(3){animation-delay:.64s}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease var(--delay,0ms),transform .65s cubic-bezier(.2,.7,.25,1) var(--delay,0ms)}
.reveal.is-visible,.reveal:focus-within{opacity:1;transform:none}
.feature-grid article,.role-grid article{transition:opacity .65s ease,transform .65s ease,background-color .2s ease}
@media(hover:hover){.feature-grid article:hover,.role-grid article:hover{transform:translateY(-5px)}.button:hover span{transform:translate(3px,-3px)}}
.button span{transition:transform .2s ease}
@keyframes hero-appear{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes card-turn{from{opacity:0;transform:perspective(1100px) rotateY(-48deg) rotate(-3deg) translateY(16px)}to{opacity:1;transform:perspective(1100px) rotateY(0deg) rotate(2deg) translateY(0)}}
}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none!important;transition:none!important}.field-note,.hero-copy,.field-note li{animation:none!important}}
@media print{.reveal{opacity:1!important;transform:none!important}}

.product-showcase{border-top:1px solid var(--line)}.showcase-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(220px,1fr);gap:36px;align-items:center}.product-showcase figure{margin:0}.screen-button{display:block;width:100%;padding:0;border:1px solid #dce2e9;border-radius:12px;overflow:hidden;background:#f3f6fa;cursor:zoom-in;box-shadow:0 12px 35px #061e3c12}.screen-button img{width:100%;height:auto;display:block}.screen-button:focus-visible{outline:3px solid #b77900;outline-offset:5px}.product-showcase figcaption{padding:22px 0}.product-showcase figcaption strong,.product-showcase figcaption span,.product-showcase figcaption small{display:block}.product-showcase figcaption strong{font-size:20px}.product-showcase figcaption span{font-size:16px;color:var(--muted);margin-top:5px}.product-showcase figcaption small{font-size:13px;margin-top:10px;color:var(--muted)}.mobile-showcase .screen-button{border:0;box-shadow:none;background:white}.logs-showcase{display:grid;grid-template-columns:1fr 1.7fr;gap:45px;align-items:center;margin-top:60px!important}.screen-copy h3{font-size:34px}.screen-copy>p{color:var(--muted)}.export-shot{max-width:285px;margin:26px auto 18px}.export .caption{font-size:13px}#screen-viewer{width:min(1400px,96vw);max-width:96vw;height:94vh;max-height:94vh;border:0;border-radius:12px;padding:0;background:#f3f6fa;color:var(--ink)}#screen-viewer::backdrop{background:#031326cf}.viewer-toolbar{position:sticky;top:0;background:white;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;border-bottom:1px solid var(--line);z-index:1}.viewer-toolbar p{margin:0;font-size:15px}.viewer-toolbar button{border:0;background:var(--ink);color:white;border-radius:5px;padding:10px 18px;font:inherit;cursor:pointer}.viewer-image{padding:24px;text-align:center}.viewer-image img{max-width:100%;height:auto;display:block;margin:auto}html:has(#screen-viewer[open]){overflow:hidden}@media(max-width:700px){.showcase-layout,.logs-showcase{grid-template-columns:1fr}.mobile-showcase{max-width:300px;margin:10px auto!important}.logs-showcase{gap:18px;margin-top:35px!important}.viewer-toolbar{padding:12px}.viewer-toolbar p{font-size:13px}.viewer-image{padding:8px}.viewer-toolbar button{font-size:14px;padding:8px 12px}}

.create-job-showcase{display:grid;grid-template-columns:minmax(200px,350px) minmax(0,1fr);gap:90px;align-items:center;padding-bottom:90px}.create-job-showcase figure{margin:0}.create-job-showcase .screen-button{border:0;box-shadow:none;background:white}.create-job-showcase figcaption{font-size:13px;color:var(--muted);margin-top:15px}.create-job-showcase>div{max-width:560px}.job-detail-list{list-style:none;padding:0;margin:30px 0}.job-detail-list li{padding:18px 0;border-top:1px solid var(--line)}.job-detail-list strong,.job-detail-list span{display:block}.job-detail-list span{font-size:16px;color:var(--muted)}@media(max-width:700px){.create-job-showcase{grid-template-columns:1fr;gap:35px;padding-bottom:60px}.create-job-showcase figure{max-width:300px;margin:auto}.create-job-showcase>div{grid-row:1}}