/* Fieldwork Pro marketing site — matches the working app. */
:root{--ink:#153348;--navy:#102d40;--teal:#007e79;--mint:#66e4d1;--line:#d8e4eb;--muted:#627988}
body{color:var(--ink);background:#f6f9fb}h1,h2,h3{letter-spacing:-1.4px}a{color:var(--teal)}
.wrap{max-width:1360px;padding-inline:52px}.site{background:#102d40;border-bottom:1px solid #355064;backdrop-filter:none}.site .wrap{min-height:88px}.site .name{color:#fff}.site .name span{color:var(--mint)}.site nav{gap:27px}.site nav a{color:#dce9f0;font-size:13px}.site nav .navCta{background:#55deca;border:1px solid #55deca;color:#07393e;padding:11px 18px}.site .mark{height:36px;width:36px}
.hero{background:radial-gradient(ellipse at 85% 50%,#245169 0,transparent 55%),#102d40;position:relative;color:white}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#7fc0cf25 .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000)}
.heroGrid{grid-template-columns:1fr 1.06fr;gap:52px;padding-block:84px 88px;position:relative}.hero .eyebrow{font-size:10px;letter-spacing:1.8px;color:#93b9c9;gap:9px}.statusDot{width:6px;height:6px;border-radius:50%;background:#66e4d1;box-shadow:0 0 0 4px #66e4d11a}
.hero h1{color:white;font-size:clamp(48px,4.8vw,72px);letter-spacing:-3.3px;line-height:1.04;margin:26px 0}.hero h1 em{color:#66e4d1}.heroLead{color:#e4eff5;font-size:20px;line-height:1.5;max-width:26em}.heroDetail{color:#a8c2d2;font-size:15px;max-width:31em;line-height:1.8}
.hero .primary{background:#55deca;color:#073c3f;border:1px solid #55deca}.hero .primary:hover{background:#87edde}.hero .textLink{color:#d6e6ee;font-weight:400}.hero .textLink span{margin-left:8px}.heroFoot{color:#8fb1c4;font-size:11px;margin-top:22px}.btn{border-radius:6px;font-size:13px;padding:14px 19px;gap:18px}.cta{gap:24px;margin:29px 0 0}
.fieldProduct{transform:none;border:1px solid #567184;background:#f3f7fa;border-radius:12px;box-shadow:0 25px 70px #001a3350;overflow:hidden;color:var(--ink);width:100%;margin:0}.previewTop{padding:17px 18px;background:#0b2436;border-radius:0;letter-spacing:.5px}.previewTop strong{font:700 15px Archivo,sans-serif;color:white}.previewId{color:#7ba3b9;font-size:8px;letter-spacing:1.5px}.miniMark{font-size:12px;color:#62dfce;border:1px solid #377869;padding:0 5px}.demoApp{display:grid;grid-template-columns:48px 1fr}.demoRail{background:#102d40;display:flex;align-items:center;flex-direction:column;gap:18px;padding:24px 0;color:#9fb9c9;font-size:21px}.demoRail span{padding:3px 8px;border-radius:4px}.demoRail .on{background:#008a83;color:white}.demoWorkspace{padding:22px 20px}.demoTitle{display:flex;justify-content:space-between;align-items:center;gap:12px}.demoTitle .overline{font-size:8px;letter-spacing:1px;color:#6e8797;margin:0}.demoTitle h2{font-size:22px;letter-spacing:-.6px;margin:6px 0 0}.demoPill{font-size:9px;color:#996914;background:#fff0d2;border-radius:4px;padding:5px 8px;white-space:nowrap}.demoSteps{display:flex;justify-content:space-between;gap:8px;margin:20px 0;padding:12px 0;border-block:1px solid #dbe6eb;font-size:10px;color:#718a9a}.demoSteps strong{color:#007e79}.demoSection{margin:0 0 15px}.demoSection h3{font-size:15px;letter-spacing:-.3px;margin:0 0 6px}.demoSection>span{font-size:10px;color:#667f90}.fieldProduct .pair{gap:12px}.fieldProduct .frame{border:1px solid #d1dde4;background:white;border-radius:6px;position:relative}.fieldProduct .band{position:absolute;top:8px;left:8px;z-index:1;font-size:9px;padding:4px 8px;letter-spacing:.3px;border-radius:3px;background:#102d40;color:white}.fieldProduct .frame.a .band{background:#008b85;color:white}.fieldProduct .cap{font-size:9px;color:#294b60;padding:10px;line-height:1.5;min-height:45px}.demoReview{display:flex;gap:10px;align-items:center;margin:19px 0}.demoCheck{display:grid;place-items:center;width:25px;height:25px;background:#dbf3ec;border-radius:50%;color:#007e79;flex-shrink:0}.demoReview strong{font-size:10px}.demoReview p{font-size:9px;color:#647f8f;line-height:1.5;margin:4px 0 0}.demoExport{background:#007e79;color:white;display:flex;justify-content:space-between;padding:12px;border-radius:5px;font-size:10px;gap:8px}.demoExport strong{font-size:10px}.sampleLabel{background:white;color:#738998;font-size:9px;padding:9px;letter-spacing:.3px;border-top:1px solid #d6e2e9}
.industryStrip{background:#eaf0f5;border-color:#d9e3ea}.industryStrip .wrap{gap:22px;min-height:86px;padding-block:18px}.industryStrip span{font-size:9px;letter-spacing:1.3px;color:#6c8495;max-width:100px}.industryStrip b{font-size:14px;font-weight:700;color:#466477}
.slab{padding-block:86px}.sectionHead{grid-template-columns:1.15fr 1fr;gap:8px 100px;margin-bottom:35px}.sectionHead h2{font-size:44px;letter-spacing:-1.5px}.sectionHead>p:last-child{font-size:15px;line-height:1.8}.eyebrow{font-size:10px;letter-spacing:1.6px}.three{gap:22px}.featureCard{padding:30px;border:1px solid #d9e4eb;border-radius:9px;box-shadow:0 4px 16px #102d4003;background:white}.featureNo{font-size:10px;letter-spacing:1.4px;color:#7591a2}.featureSymbol{font-size:30px;display:grid;place-items:center;width:54px;height:54px;background:#e9f5f2;color:#007e79;border:1px solid #cfe6df;border-radius:8px;margin:30px 0 25px}.featureCard h3{font-size:24px;letter-spacing:-.7px}.featureCard p{font-size:14px;line-height:1.9}
.steps{background:#102d40;color:#fff}.stepsHeading h2{font-size:43px;color:#fff}.stepsHeading>p:last-child{color:#a2becf}.steps .eyebrow{color:#66e4d1}.flow div{border-color:#37576c}.flow h3{color:white;font-size:20px}.flow b{color:#66e4d1}.flow p{color:#a8c3d3;line-height:1.8;font-size:13px}.facts h2{font-size:43px}.factList p{font-size:14px;line-height:1.8;border-color:#d9e4eb;padding-bottom:22px}.factList strong{color:#153348;font-size:16px}.facts>.wrap{gap:65px;grid-template-columns:1fr 1.1fr}
.faq{padding-top:0}.faq>.wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:65px}.faq h2{font-size:40px;margin:0}.faq details{border-top:1px solid #d7e2e9}.faq details:last-child{border-bottom:1px solid #d7e2e9}.faq summary{padding:20px 28px 20px 0;font-size:14px;font-weight:600;cursor:pointer;position:relative;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:4px;color:#007e79;font-size:20px;top:14px}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;color:#627988;line-height:1.8;padding-right:20px}
.access{background:#e5f1f3;border-top:1px solid #cfdee6;padding-block:80px}.access .wrap{gap:85px;grid-template-columns:1.1fr 1fr}.accessCopy h2{font-size:45px;line-height:1.1;letter-spacing:-1.5px}.tag{background:#d5eeea;border-color:#b5dcd5;color:#166d65;font-size:10px}.accessCopy>p{font-size:14px;line-height:1.8}.accessCopy li{font-size:14px}.accessCopy li:before{color:#00897e}.access form{border:1px solid #cbdde7;border-radius:10px;padding:30px;box-shadow:0 12px 36px #153c5210}form label{font-size:12px}form input,form select,form textarea{background:#f9fbfc;border-color:#cbdde5}form button{background:#007e79;color:white;border-radius:6px}form button:hover{background:#006c68}.formnote{font-size:11px}footer.end{background:#102d40;color:#93b3c7;border-color:#315165;padding-block:30px}footer .name{color:white}footer .name span{color:#66e4d1}footer a{color:#c4dce9}footer span,footer a{font-size:12px}
@media(min-width:1600px){.heroGrid{padding-block:110px}.hero h1{font-size:76px}}
@media(max-width:1100px){.wrap{padding-inline:32px}.heroGrid{gap:32px}.hero h1{font-size:52px;letter-spacing:-2.5px}.heroLead{font-size:18px}.heroDetail{font-size:14px}.demoWorkspace{padding:18px 14px}.demoApp{grid-template-columns:36px 1fr}.demoTitle h2{font-size:20px}.demoPill{font-size:8px}.demoRail{font-size:18px}.fieldProduct .cap{font-size:8px}.sectionHead{gap:12px 50px}.site nav{gap:20px}}
@media(max-width:760px){.wrap{padding-inline:22px}.site .wrap{min-height:74px}.site nav a[href="#features"],.site nav a[href="#how"]{display:none}.site .name{font-size:22px}.site .mark{height:32px;width:32px}.site nav{gap:15px}.site nav a{font-size:12px}.heroGrid{grid-template-columns:1fr;padding-block:44px 45px;gap:36px}.hero h1{font-size:57px;letter-spacing:-2.8px;line-height:1.04;margin:24px 0}.heroLead{font-size:20px;max-width:100%}.heroDetail{max-width:36em;font-size:14px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.cta{gap:20px;flex-wrap:wrap;margin-top:25px}.btn{font-size:12px;padding:13px 16px}.hero .textLink{font-size:12px}.heroFoot{font-size:10px;line-height:1.6}.fieldProduct{max-width:560px;margin:auto}.demoApp{grid-template-columns:38px 1fr}.demoWorkspace{padding:19px 16px}.demoTitle h2{font-size:22px}.demoRail{font-size:18px}.fieldProduct .cap{font-size:9px}.demoReview p{font-size:9px}.industryStrip .wrap{gap:16px 24px;padding-block:22px;justify-content:start}.industryStrip span{max-width:none;width:100%}.industryStrip b{font-size:12px}.slab{padding-block:52px}.sectionHead{grid-template-columns:1fr;gap:15px}.sectionHead h2,.stepsHeading h2{font-size:35px}.sectionHead>p:last-child{font-size:14px}.three{grid-template-columns:1fr;gap:16px}.featureCard{padding:25px}.featureSymbol{float:right;margin:0 0 0 12px;width:45px;height:45px;font-size:26px}.featureCard h3{margin-top:26px;font-size:24px}.featureCard p{font-size:14px}.steps>.wrap{grid-template-columns:1fr;gap:26px}.flow{gap:24px}.flow h3{font-size:18px}.flow p{font-size:13px}.facts>.wrap,.faq>.wrap{grid-template-columns:1fr;gap:25px}.facts h2{font-size:36px}.faq{padding-top:0}.faq h2{font-size:35px}.faq summary{font-size:13px;line-height:1.5}.faq details p{font-size:13px}.access{padding-block:50px}.access .wrap{grid-template-columns:1fr;gap:25px}.accessCopy h2{font-size:36px}.access form{padding:23px}.accessCopy li{font-size:13px}footer .wrap{gap:16px}}
@media(max-width:400px){.hero h1{font-size:48px;letter-spacing:-2.5px}.heroLead{font-size:18px}.demoApp{grid-template-columns:29px 1fr}.demoWorkspace{padding:15px 12px}.demoTitle h2{font-size:19px}.demoTitle .overline{font-size:7px}.demoPill{padding:4px}.demoSteps{font-size:9px}.demoSection h3{font-size:13px}.fieldProduct .cap{font-size:8px}.demoReview p{font-size:8px}.demoExport{font-size:9px;padding:10px}.demoExport strong{font-size:9px}.previewTop{padding:14px}.previewId{font-size:7px}.sampleLabel{font-size:8px}.fieldProduct .pair{gap:8px}}