/* FieldPro website theme — Build 111. Dashboard palette (blue #2D60FF / indigo #1814F3 / soft #F5F7FA) with a SaaS landing layout. */
:root{--navy:#1814F3;--blue:#2D60FF;--cyan:#16DBCC;--green:#2D60FF;--lime:#FFBB38;--ink:#343C6A;--muted:#718EBF;--line:#E6EFF5;--wash:#F5F7FA;--radius:25px;--pink:#FF82AC;--yellow:#FFBB38}
body{color:var(--ink)}h1,h2,h3,h4,h5,h6{color:#232A50}a:hover{color:var(--navy)}
.eyebrow{color:var(--blue)}.lead{color:var(--muted)}
.site-header{background:#fffffff2;border-bottom:1px solid var(--line)}
.btn{border-radius:40px;background:var(--blue);border-color:var(--blue);padding:13px 26px}.btn:hover{box-shadow:0 10px 26px #2d60ff40}
.btn.alt{background:#fff;color:var(--blue);border-color:#fff}.btn.green{background:var(--cyan);border-color:var(--cyan)}
.hero{background:linear-gradient(118deg,#2D60FF 0%,#1814F3 100%);color:#fff;position:relative;overflow:hidden}
.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;background:#ffffff12;pointer-events:none}.hero:before{width:620px;height:620px;right:-220px;top:-240px}.hero:after{width:380px;height:380px;left:-140px;bottom:-200px}
.hero .wrap{position:relative;z-index:1}.hero h1,.hero h2,.hero .lead,.hero p,.hero .breadcrumb,.hero .breadcrumb a,.hero .eyebrow{color:#fff}.hero .lead{opacity:.9}.hero .accent{color:#FFE492}
.hero .eyebrow{background:#ffffff26;display:inline-block;padding:6px 14px;border-radius:30px;letter-spacing:.08em}
.hero .btn.alt{background:transparent;color:#fff;border-color:#ffffffaa}.hero .hero-note{color:#ffffffbf}.hero-art{background:#fff;box-shadow:0 30px 70px #0c0a6b55}
.scope-strip{background:#ffffff1a;border-radius:20px}.scope-strip div{color:#ffffffcc}.scope-strip b{color:#fff}
.section.tint{background:var(--wash)}.card{border:0;border-radius:25px;box-shadow:0 6px 24px #2d60ff0d}.card:hover{box-shadow:0 16px 40px #2d60ff1f;border-color:transparent}
.group-tag{background:#E7EDFF;color:var(--blue);border-radius:20px}.phase{color:var(--muted)}
.site-footer{background:#232A50;color:#B9C3E3}.site-footer h3{color:#fff}.site-footer a{color:#DCE3FF}.site-footer a:hover{color:#FFE492}
.dev{background:#FFF5D9;color:#B07D00;border-radius:20px}
.mega{border-radius:20px;box-shadow:0 20px 50px #343c6a26;border:0}
/* service page call-to-action */
.fp-svc-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:22px 0 6px}
.fp-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:40px;font-weight:650;text-decoration:none;transition:transform .2s,box-shadow .2s}
.fp-btn:hover{transform:translateY(-2px)}.fp-btn-primary{background:#fff;color:#2D60FF;box-shadow:0 10px 28px #0c0a6b40}.fp-btn-ghost{border:2px solid #ffffffb3;color:#fff}
.fp-link{color:#FFE492!important;font-weight:600;margin-left:6px}
:not(.hero)>.wrap .fp-btn-primary{background:#2D60FF;color:#fff}:not(.hero)>.wrap .fp-btn-ghost{border-color:#2D60FF;color:#2D60FF}
/* new landing blocks */
.fp-hero2{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.fp-hero2 h1{font-size:clamp(38px,5vw,64px)}
.fp-hero2 .fp-mock{background:#fff;border-radius:28px;padding:14px;box-shadow:0 30px 70px #0c0a6b66}.fp-hero2 .fp-mock img{border-radius:18px;display:block}
.fp-apps{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.fp-apps span{background:#ffffff26;border-radius:30px;padding:7px 14px;font-size:13px;color:#fff}
.fp-svcgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.fp-svc{background:#fff;border-radius:25px;padding:22px;box-shadow:0 6px 24px #2d60ff0d;display:flex;flex-direction:column;gap:10px}.fp-svc img{width:64px;height:64px}
.fp-svc h3{font-size:18px;margin:0}.fp-svc p{color:var(--muted);font-size:14px;margin:0;flex:1}.fp-svc .fp-row{display:flex;gap:8px;flex-wrap:wrap}
.fp-svc .fp-btn{padding:9px 16px;font-size:13px}.fp-svc .fp-btn-primary{background:#2D60FF;color:#fff;box-shadow:none}.fp-svc .fp-btn-ghost{border:2px solid #E7EDFF;color:#2D60FF}
.fp-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.fp-plan{background:#fff;border-radius:25px;padding:30px;box-shadow:0 6px 24px #2d60ff0d}.fp-plan.hot{background:linear-gradient(140deg,#2D60FF,#1814F3);color:#fff}.fp-plan.hot h3,.fp-plan.hot li{color:#fff}
.fp-plan ul{padding-left:18px;color:var(--muted)}.fp-plan.hot ul{color:#fff}
@media(max-width:900px){.fp-hero2,.fp-plans{grid-template-columns:1fr}}
/* both service buttons always on one row */
.fp-svc .fp-row{flex-wrap:nowrap;gap:8px}.fp-svc .fp-btn{flex:1 1 0;justify-content:center;white-space:nowrap;padding:10px 8px;font-size:13px;min-width:0}
.fp-svc-cta{flex-wrap:nowrap}.fp-svc-cta .fp-btn{white-space:nowrap}
@media(max-width:560px){.fp-svc-cta{flex-wrap:wrap}.fp-svc-cta .fp-btn{flex:1 1 0;justify-content:center;padding:12px 10px}.fp-svc-cta .fp-link{flex-basis:100%;margin:6px 0 0}}
/* ===== Whitepace-style SaaS layout across every page (Build 111, dashboard colours) ===== */
.site-header{background:#1814F3;border-bottom:0;backdrop-filter:none}
.site-header .brand{background:#fff;border-radius:16px;padding:6px 12px;display:inline-flex}
.nav-links>a,.nav-button{color:#fff}.nav-links>a:hover,.nav-button:hover{color:#FFE492}.nav-links a.current{color:#FFE492}
.site-header .btn{background:#2D60FF;border-color:#2D60FF}.nav .fp-signin{background:#FFE492;color:#232A50;border-radius:40px;padding:10px 20px;font-weight:700}
.nav .fp-signin:hover{color:#232A50;box-shadow:0 8px 20px #ffe49255}.mobile-toggle{color:#fff;border-color:#ffffff66;background:transparent}
.hero{background:linear-gradient(160deg,#1814F3 0%,#2D60FF 100%)}
.section{padding:96px 0}.section .section-head h2,.section>.wrap>h2{position:relative}
.fp-u{position:relative;white-space:nowrap;z-index:0}.fp-u:after{content:"";position:absolute;left:-2px;right:-2px;bottom:.06em;height:.32em;background:#FFE492;border-radius:6px;z-index:-1;transform:skewX(-8deg)}
.hero .fp-u:after{background:#FFE49299}
.section.fp-blue{background:linear-gradient(160deg,#1814F3,#2D60FF);color:#fff}.section.fp-blue h2,.section.fp-blue h3:not(.card h3),.section.fp-blue .lead,.section.fp-blue .eyebrow,.section.fp-blue .section-head p,.section.fp-blue>.wrap>p{color:#fff}
.section.fp-blue .section-head a:not(.btn){color:#FFE492}.section.fp-blue .card h3,.section.fp-blue .card h3 a{color:#232A50}.section.fp-blue .fp-u:after{background:#FFE49280}
.cta{background:linear-gradient(160deg,#1814F3,#2D60FF);color:#fff;border-radius:0;padding:90px 0;text-align:center}.cta h2,.cta p{color:#fff}.cta .btn{background:#FFE492;color:#232A50;border-color:#FFE492}
.band{background:linear-gradient(140deg,#1814F3,#2D60FF);border-radius:28px}
.feature-list li:before{background:#2D60FF}.feature-list li{border-color:#E6EFF5}
.split{align-items:center}
.fp-trytoday{background:#fff;padding:96px 0 80px;text-align:center}.fp-trytoday h2{font-size:clamp(34px,4.5vw,56px)}.fp-trytoday p{color:var(--muted);max-width:640px;margin:0 auto 26px}
.fp-trytoday .fp-btn-primary{background:#2D60FF;color:#fff}.fp-trytoday .fp-btn-ghost{border-color:#2D60FF;color:#2D60FF}.fp-trytoday .fp-svc-cta{justify-content:center}
/* orbit (work together) */
.fp-orbit{position:relative;width:min(520px,90vw);aspect-ratio:1;margin:0 auto}.fp-orbit:before,.fp-orbit:after{content:"";position:absolute;inset:8%;border:2px dashed #C9D6FF;border-radius:50%}.fp-orbit:after{inset:28%}
.fp-orbit .c{position:absolute;inset:39%;background:#fff;border-radius:50%;display:grid;place-items:center;box-shadow:0 20px 50px #2d60ff33;z-index:2}.fp-orbit .c img{width:70%}
.fp-orbit a{position:absolute;width:15%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:3;transition:transform .2s}.fp-orbit a:hover{transform:translate(-50%,-50%) scale(1.12)}.fp-orbit a img{width:100%;height:100%;filter:drop-shadow(0 8px 16px #2d60ff26)}
.fp-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.fp-chips span{background:#fff;border-radius:40px;padding:12px 22px;font-weight:600;color:#343C6A;box-shadow:0 6px 20px #2d60ff12}
.fp-2col{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.fp-2col img{border-radius:24px}
@media(max-width:900px){.fp-2col{grid-template-columns:1fr}.site-header .nav-links{background:#1814F3}.section{padding:64px 0}}
.section.fp-blue .fp-btn-primary{background:#fff;color:#2D60FF}.section.fp-blue .fp-btn-ghost{border-color:#ffffffb3;color:#fff}
.fp-group{display:flex;align-items:baseline;gap:10px;margin:34px 0 14px;font-size:21px;color:#343C6A}.fp-group small{font-size:14px;color:#718EBF;font-weight:400}

/* ===== Build 111 — unified page design (all inner pages) ===== */
:root{--fp-b:#2D60FF;--fp-b2:#1814F3;--fp-ink:#232A50;--fp-mut:#718EBF;--fp-line:#E6EFF5;--fp-bg:#F5F7FA;--fp-teal:#16DBCC;--fp-pink:#FF82AC;--fp-y:#FFBB38}
.feature-detail-list{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.feature-detail-list>li{background:#fff;border:1px solid var(--fp-line);border-radius:22px;padding:20px 22px;box-shadow:0 6px 24px #343c6a0a;transition:transform .2s,box-shadow .2s;position:relative;border-bottom:1px solid var(--fp-line)!important}
.feature-detail-list>li:hover{transform:translateY(-3px);box-shadow:0 14px 34px #2d60ff1a}
.feature-detail-list>li:before{content:"✓";display:grid;place-items:center;width:38px;height:38px;border-radius:12px;margin-bottom:12px;background:#E7EDFF;color:#2D60FF;font-weight:800;font-size:17px}
.feature-detail-list>li:nth-child(4n+2):before{background:#DCFAF8;color:#0a8a80}.feature-detail-list>li:nth-child(4n+3):before{background:#FFE3EC;color:#e0457b}.feature-detail-list>li:nth-child(4n+4):before{background:#FFF3D6;color:#b07d00}
.feature-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.feature-detail-head strong{font-size:16.5px;color:var(--fp-ink);line-height:1.35}
.feature-detail-list p{margin:8px 0 0;color:var(--fp-mut);font-size:14.5px;line-height:1.55}
.feature-status{flex:0 0 auto;font-size:11.5px;font-weight:700;letter-spacing:.3px;border-radius:20px;padding:4px 10px;background:#DCFAF8;color:#0a8a80;white-space:nowrap}
.feature-status:not(:empty):is(:not(:first-child)){}
.feature-detail-list li .feature-status{background:#DCFAF8;color:#0a8a80}
.feature-list{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.feature-list li{position:relative;padding:12px 14px 12px 44px;background:#fff;border:1px solid var(--fp-line);border-radius:14px;font-weight:500;color:var(--fp-ink);border-bottom:1px solid var(--fp-line)!important}
.feature-list li:before{content:"✓";position:absolute;left:12px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:var(--fp-b);color:#fff;font-size:12px;display:grid;place-items:center;line-height:22px;text-align:center}
.detail-art{background:radial-gradient(circle at 50% 45%,#E7EDFF,#F5F7FA 70%);border:1px solid var(--fp-line);border-radius:28px;padding:10px;box-shadow:none}
.detail-art img{display:block;width:100%;height:auto}
.card{border-radius:22px!important;border:1px solid var(--fp-line);box-shadow:0 6px 24px #343c6a0a;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #2d60ff1a}
.card .icon,img.icon{width:56px!important;height:56px!important;background:none!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
.mini-step{border-radius:18px;background:#fff;border:1px solid var(--fp-line);padding:14px 16px}
.related a,.pill{border-radius:30px}
.section h2{letter-spacing:-.5px}
.status-line{color:var(--fp-mut);font-size:14px}
.breadcrumb a{opacity:.85}
/* footer */
.site-footer{background:#0f1437;color:#c4cbe6}.site-footer .footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}
.site-footer h3{color:#fff;font-size:15px;margin:6px 0 14px}.site-footer a{color:#c4cbe6;display:block;padding:5px 0;text-decoration:none}.site-footer a:hover{color:#fff}
.site-footer .footer-logo{height:52px;width:auto}.site-footer p{color:#9aa4c8;line-height:1.6}
.fp-foot-cta{display:flex;align-items:center;gap:14px;margin-top:16px}.fp-foot-cta .btn{display:inline-flex!important;padding:10px 18px;border-radius:30px;background:var(--fp-b);color:#fff!important}
.fp-foot-link{display:inline!important;color:#fff!important;font-weight:600}
.site-footer .copyright{border-top:1px solid #ffffff1a;margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#8b94b8;font-size:13.5px}
.site-footer .copyright a{display:inline;padding:0}
@media(max-width:900px){.site-footer .footer-grid{grid-template-columns:1fr 1fr}.feature-list{grid-template-columns:1fr}}
@media(max-width:560px){.site-footer .footer-grid{grid-template-columns:1fr}.feature-detail-list{grid-template-columns:1fr}}
.fp-svcgrid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:14px!important}.fp-svc{padding:20px 16px!important}.fp-svc .fp-row{gap:6px!important;flex-wrap:nowrap}.fp-svc .fp-btn{flex:1 1 0;justify-content:center;text-align:center;padding:8px 6px!important;font-size:12px!important;white-space:nowrap;min-width:0}.fp-svc .fp-btn-ghost{flex-grow:1.25}
/* Applications: open / install links */
.fp-app-links{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 6px}
.fp-app-links .fp-btn{padding:11px 20px;font-size:14px}
.fp-app-links .fp-btn-primary{background:#2D60FF;color:#fff;box-shadow:0 8px 20px #2d60ff33}
.fp-app-links .fp-btn-ghost{border:2px solid #2D60FF33;color:#2D60FF;background:#fff}
.fp-app-links.sm{margin:12px 0 8px}.fp-app-links.sm .fp-btn{padding:8px 14px;font-size:12.5px;gap:6px}
.fp-apps-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(140deg,#2D60FF,#1814F3);color:#fff;border-radius:25px;padding:22px 28px;margin-bottom:28px}
.fp-apps-strip b{display:block;font-size:20px}.fp-apps-strip span{opacity:.85}
.fp-apps-strip .fp-app-links{margin:0}.fp-apps-strip .fp-btn-primary{background:#fff;color:#2D60FF}.fp-apps-strip .fp-btn-ghost{background:transparent;color:#fff;border-color:#ffffffb3}
.fp-ticks{list-style:none;padding:0;margin:14px 0}.fp-ticks li{padding:4px 0 4px 26px;position:relative;color:#343C6A}.fp-ticks li:before{content:"✓";position:absolute;left:0;color:#16DBCC;font-weight:800}
.fp-plan:target{outline:3px solid #16DBCC;outline-offset:4px}
.fp-installing{display:inline-block;background:#E7EDFF;color:#2D60FF;border-radius:30px;padding:6px 14px;font-weight:600;margin-bottom:12px}
@media(max-width:640px){.fp-app-links .fp-btn{flex:1 1 auto;justify-content:center}.fp-apps-strip{padding:20px}}
.hero .fp-app-links .fp-btn-primary{background:#fff;color:#2D60FF;box-shadow:0 10px 28px #0c0a6b40}.hero .fp-app-links .fp-btn-ghost{background:transparent;color:#fff;border-color:#ffffffb3}
.section.fp-blue .faq summary{color:#fff}.section.fp-blue .faq{border-color:#ffffff40}.section.fp-blue .faq strong,.section.fp-blue .faq li,.section.fp-blue .faq p{color:#fff}.section.fp-blue .feature-status{background:#ffffff26;color:#fff}
.fp-apps-strip .fp-app-links .fp-btn-primary{background:#fff!important;color:#2D60FF!important}.fp-apps-strip .fp-app-links .fp-btn-ghost{background:transparent!important;color:#fff!important;border-color:#fff!important}
/* Share bar */
.fp-share{padding:26px 0;background:#F5F7FA;border-top:1px solid #E6EFF5}.fp-share .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.fp-share span{font-weight:700;color:#232A50;margin-right:6px}.fp-share a,.fp-share button{border:1px solid #DCE5F3;background:#fff;color:#2D60FF;border-radius:30px;padding:8px 16px;font:600 14px Inter,sans-serif;text-decoration:none;cursor:pointer}
.fp-share a:hover,.fp-share button:hover{background:#2D60FF;color:#fff;border-color:#2D60FF}
.fp-follow{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:18px 0;border-top:1px solid #ffffff1f}.fp-follow span{font-weight:700;color:#fff;margin-right:6px}.fp-follow a{color:#C9D6EA;border:1px solid #ffffff33;border-radius:30px;padding:6px 14px;font-size:14px;text-decoration:none}.fp-follow a:hover{background:#fff;color:#1814F3}
/* Professional thin scrollbars in the brand colours */
html,body,*{scrollbar-width:thin;scrollbar-color:#B9C7E2 transparent}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#C9D6EA;border-radius:10px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#2D60FF}
::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-corner{background:transparent}
.site-header *,.site-footer *,.hero *{scrollbar-color:#ffffff55 transparent}
/* no layout shift while logos load */
.brand img{height:auto;aspect-ratio:480/153}.footer-logo{height:auto;aspect-ratio:600/195}
.hero:after{bottom:auto;top:320px}
.fp-mock img{height:auto;aspect-ratio:1}