.marketing{--navy:#0a1d3d;--petrol:#0f2e4d;--indigo:#1b3f8b;--pale:#e9f1fb;--green:#22c55e;--gray:#6b7280;--light:#f3f4f6;--white:#fff;min-height:100vh;color:var(--navy);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.marketing *{box-sizing:border-box}.marketing h1,.marketing h2,.marketing h3,.marketing strong{font-family:Sora,Inter,ui-sans-serif,system-ui,sans-serif}.marketing a{color:inherit;text-decoration:none}.site-header{z-index:10;justify-content:space-between;align-items:center;gap:28px;max-width:1240px;height:82px;margin:0 auto;padding:0 28px;display:flex;position:relative}.brand img{width:215px;height:auto;display:block}.site-header nav{color:#445168;align-items:center;gap:30px;font-size:14px;font-weight:600;display:flex}.site-header nav a:hover,.login-link:hover{color:var(--indigo)}.header-actions{align-items:center;gap:18px;display:flex}.login-link{font-size:14px;font-weight:700}.button{background:linear-gradient(135deg,var(--navy),var(--indigo));border-radius:11px;justify-content:center;align-items:center;min-height:48px;padding:0 24px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 30px #1b3f8b2e;color:#fff!important}.button:hover{transform:translateY(-2px);box-shadow:0 14px 34px #1b3f8b40}.button.small{border-radius:9px;min-height:42px;padding:0 18px}.button.secondary{box-shadow:none;background:#fff;border:1px solid #dfe6ef;color:var(--navy)!important}.hero{grid-template-columns:.92fr 1.08fr;align-items:center;gap:64px;max-width:1240px;margin:0 auto;padding:86px 28px 105px;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.eyebrow{color:var(--indigo);letter-spacing:.12em;align-items:center;gap:10px;font-size:12px;font-weight:850;display:flex}.eyebrow span{background:linear-gradient(90deg,var(--indigo),var(--green));border-radius:2px;width:32px;height:2px}.eyebrow.light{color:#c7d6ff}.hero h1{letter-spacing:-.055em;margin:20px 0 24px;font-size:clamp(48px,5.4vw,78px);font-weight:800;line-height:1.02}.hero h1 em{color:var(--indigo);font-style:normal}.hero-copy>p{color:#58667c;max-width:600px;margin:0;font-size:18px;line-height:1.72}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.trust-row{color:#6d7788;flex-wrap:wrap;gap:20px;margin-top:25px;font-size:12px;font-weight:650;display:flex}.hero-visual{min-width:0;position:relative}.visual-glow{filter:blur(10px);background:radial-gradient(circle,#22c55e24,#1b3f8b14 45%,#0000 70%);border-radius:50%;width:520px;height:520px;position:absolute;top:-110px;right:-90px}.dashboard-shell{background:#f8fafc;border:1px solid #e2e8f0;border-radius:21px;grid-template-columns:118px 1fr;min-height:490px;display:grid;position:relative;overflow:hidden;transform:perspective(1500px)rotateY(-2deg)rotateX(1deg);box-shadow:0 30px 75px #0a1d3d29,0 3px 10px #0a1d3d0f}.dash-sidebar{color:#fff;background:linear-gradient(#0b2449 0%,#0a1d3d 100%);padding:19px 12px}.dash-brand{letter-spacing:.08em;align-items:center;gap:7px;margin-bottom:29px;font-size:10px;font-weight:850;display:flex}.dash-brand img{filter:brightness(0)invert();width:24px}.dash-menu{color:#d6e2f3;border-radius:6px;margin:3px 0;padding:10px 8px;font-size:9px;line-height:1}.dash-menu.active{color:#fff;background:#ffffff1f}.dash-content{min-width:0;padding:21px 21px 17px}.dash-top{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.dash-top div{flex-direction:column;gap:2px;display:flex}.dash-top small{letter-spacing:.1em;color:#8490a2;font-size:7px}.dash-top strong{font-size:15px}.dash-top>span{color:#627084;background:#fff;border:1px solid #dde5ef;border-radius:6px;padding:6px 9px;font-size:8px}.dash-cards{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.dash-cards>div{background:#fff;border:1px solid #e6ebf2;border-radius:9px;min-width:0;padding:11px;box-shadow:0 3px 12px #0a1d3d06}.dash-cards small{color:#7c8798;margin-bottom:6px;font-size:7px;display:block}.dash-cards strong{white-space:nowrap;font-size:11px;display:block}.dash-cards em{color:#38a169;margin-top:6px;font-size:6.5px;font-style:normal;display:block}.dash-cards em.warning{color:#d97706}.dash-grid{grid-template-columns:1.55fr .9fr;gap:9px;margin-top:9px;display:grid}.chart-card,.status-card,.contracts-card{background:#fff;border:1px solid #e6ebf2;border-radius:9px;padding:11px}.card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-head strong{font-size:9px}.card-head span{color:#8490a2;font-size:7px}.chart-area{height:105px;margin-top:10px;position:relative;overflow:hidden}.chart-area .line{background:#eef2f7;height:1px;position:absolute;left:0;right:0}.chart-area .one{top:20%}.chart-area .two{top:40%}.chart-area .three{top:60%}.chart-area .four{top:80%}.chart-area svg{width:100%;height:100%;position:absolute;inset:0}.status-card{flex-direction:column;display:flex}.donut{background:conic-gradient(#22c55e 0 66%,#3b61ba 66% 88%,#e0aa3e 88% 100%);border-radius:50%;place-items:center;width:72px;height:72px;margin:17px auto 11px;display:grid}.donut-hole{text-align:center;background:#fff;border-radius:50%;place-content:center;width:49px;height:49px;display:grid}.donut-hole strong{font-size:11px}.donut-hole small{color:#7c8798;font-size:6px}.legend{color:#697688;flex-wrap:wrap;justify-content:center;gap:8px;font-size:6.5px;display:flex}.legend span{align-items:center;gap:3px;display:flex}.legend i{border-radius:50%;width:5px;height:5px;display:inline-block}.legend .ok{background:#22c55e}.legend .soon{background:#3b61ba}.legend .late{background:#e0aa3e}.contracts-card{margin-top:9px}.contract-row{color:#5f6b7b;border-top:1px solid #edf1f5;grid-template-columns:1.5fr .9fr .9fr .7fr;align-items:center;gap:6px;padding:7px 0;font-size:7px;display:grid}.contract-row.head{color:#9aa4b3;border:0;font-size:6.5px}.tag{border-radius:5px;justify-self:start;padding:3px 6px;font-size:6px}.tag.ok{color:#159244;background:#e8faee}.tag.soon{color:#b7791f;background:#fff6df}.trust-strip{color:#fff;background:linear-gradient(90deg,#081a37,#0d2d58);grid-template-columns:repeat(5,1fr);gap:0;padding:26px max(28px,50vw - 592px);display:grid}.trust-strip>div{border-right:1px solid #ffffff1f;padding:2px 25px}.trust-strip>div:first-child{padding-left:0}.trust-strip>div:last-child{border:0}.trust-strip strong{letter-spacing:.08em;margin-bottom:5px;font-size:10px;display:block}.trust-strip span{color:#aebed2;font-size:10px;line-height:1.4;display:block}.section{max-width:1240px;margin:0 auto;padding:106px 28px}.section-heading{text-align:center;max-width:720px;margin:0 auto 52px}.section-heading .eyebrow{justify-content:center}.section-heading h2,.insight-copy h2,.flexibility h2,.security h2{letter-spacing:-.035em;margin:15px 0 18px;font-size:clamp(34px,4vw,52px);line-height:1.08}.section-heading p,.insight-copy p,.flexibility p,.security p{color:#667389;font-size:16px;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-card{background:#fff;border:1px solid #e3e9f0;border-radius:16px;padding:29px 27px;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover{border-color:#ccd8e8;transform:translateY(-4px);box-shadow:0 18px 45px #0a1d3d14}.feature-icon{background:var(--pale);border-radius:11px;place-items:center;width:42px;height:42px;margin-bottom:21px;display:grid}.feature-icon svg{fill:none;width:22px;height:22px;stroke:var(--indigo);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round}.feature-icon svg path:first-child{fill:none}.feature-card h3{margin:0 0 9px;font-size:18px}.feature-card p{color:#6e7989;margin:0;font-size:14px;line-height:1.65}.insight-section{color:#fff;background:linear-gradient(135deg,#071a37,#103467);grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:none;padding-left:max(28px,50vw - 592px);padding-right:max(28px,50vw - 592px);display:grid}.insight-copy p{color:#bcc9d9}.insight-copy ul{color:#dce5ef;gap:13px;margin:28px 0;padding:0;list-style:none;display:grid}.insight-copy li:before{content:"✓";color:#55dd84;background:#22c55e29;border-radius:50%;place-items:center;width:21px;height:21px;margin-right:10px;font-size:11px;font-weight:900;display:inline-grid}.insight-copy>a{color:#5ce28a;font-size:14px;font-weight:800}.metric-panel{color:var(--navy);background:#fff;border-radius:20px;padding:28px;box-shadow:0 24px 60px #00000038}.metric-main{background:linear-gradient(135deg,#f4f8fc,#edf4fb);border-radius:13px;padding:24px}.metric-main small,.metric-grid small{color:#718095;font-size:10px;font-weight:700;display:block}.metric-main strong{margin:8px 0 6px;font-size:31px;display:block}.metric-main span{color:#7b8797;font-size:11px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.metric-grid>div{border:1px solid #e5eaf0;border-radius:11px;padding:17px}.metric-grid strong{margin-top:8px;font-size:18px;display:block}.metric-grid .green{color:#17a84d}.section-heading.compact{margin-bottom:45px}.steps{grid-template-columns:repeat(5,1fr);gap:14px;display:grid;position:relative}.step{background:#fbfcfe;border-top:3px solid #dfe7f1;border-radius:0 0 14px 14px;padding:25px 20px}.step>span{color:var(--green);font-family:Sora,Inter,sans-serif;font-size:13px;font-weight:900}.step h3{margin:13px 0 8px;font-size:16px}.step p{color:#758093;margin:0;font-size:12.5px;line-height:1.6}.flexibility{grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;display:grid}.check-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.check-grid span{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:17px 17px 17px 47px;font-size:13px;font-weight:700;position:relative}.check-grid span:before{content:"✓";color:#13a149;background:#e9faef;border-radius:50%;place-items:center;width:21px;height:21px;font-weight:900;display:grid;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.security{color:#fff;background:#081d3e;grid-template-columns:240px 1fr;align-items:center;gap:70px;max-width:none;padding-left:max(28px,50vw - 592px);padding-right:max(28px,50vw - 592px);display:grid}.security-mark{background:linear-gradient(145deg,#0e356f,#091b39);border-radius:44px;place-items:center;width:210px;height:210px;display:grid;box-shadow:inset 0 1px #ffffff14,0 30px 70px #0003}.security-mark img{filter:brightness(0)invert();width:125px}.security p{color:#becbdd;max-width:720px}.security-items{grid-template-columns:1fr 1fr;gap:11px;margin-top:27px;display:grid}.security-items span{color:#dce6f2;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;padding:12px 14px;font-size:12px}.security-items span:before{content:"✓";color:#4edf80;margin-right:8px;font-weight:900}.audience-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.audience-grid article{background:linear-gradient(#fff,#fafcff);border:1px solid #e2e7ee;border-radius:14px;padding:24px}.audience-grid strong{font-size:15px}.audience-grid p{color:#737f90;margin:9px 0 0;font-size:12.5px;line-height:1.65}.final-cta{color:#fff;background:linear-gradient(120deg,#0a1d3d,#123f7b);border-radius:22px;grid-template-columns:75px 1fr auto;align-items:center;gap:25px;max-width:1184px;margin:0 auto 90px;padding:35px 40px;display:grid;box-shadow:0 25px 60px #0a1d3d29}.final-cta>img{filter:brightness(0)invert();width:68px}.final-cta h2{letter-spacing:-.025em;margin:0 0 7px;font-size:26px}.final-cta p{color:#c5d1df;margin:0;font-size:14px}.light-button{box-shadow:none;color:var(--navy)!important;background:#fff!important}.marketing footer{border-top:1px solid #e6eaf0;grid-template-columns:1fr auto;align-items:end;gap:20px;max-width:1184px;margin:0 auto;padding:34px 0 42px;display:grid}.footer-brand img{width:175px}.footer-brand p{color:#7b8798;margin:5px 0 0;font-size:11px}.footer-links{color:#526074;gap:22px;font-size:11px;font-weight:700;display:flex}.marketing footer>small{color:#9aa3af;grid-column:1/-1;margin-top:8px;font-size:10px}@media (max-width:1050px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-copy{text-align:center;max-width:760px;margin:0 auto}.hero-copy .eyebrow{justify-content:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{width:100%;max-width:760px;margin:5px auto 0}.trust-strip{grid-template-columns:repeat(3,1fr);row-gap:20px}.trust-strip>div{border:0;padding-left:0}.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(3,1fr)}.audience-grid{grid-template-columns:1fr 1fr}.final-cta{margin-left:28px;margin-right:28px}}@media (max-width:780px){.site-header{height:72px;padding:0 18px}.brand img{width:180px}.header-actions .login-link{display:none}.header-actions .button.small{min-height:38px;padding:0 13px;font-size:11px}.hero{padding:55px 18px 75px}.hero h1{font-size:48px}.hero-copy>p{font-size:16px}.trust-row{font-size:11px}.dashboard-shell{grid-template-columns:92px 1fr;min-height:430px}.dash-sidebar{padding:14px 8px}.dash-menu{font-size:7px}.dash-content{padding:15px 12px}.dash-cards{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.status-card{display:none}.contract-row{grid-template-columns:1.4fr 1fr 1fr}.contract-row span:nth-child(3){display:none}.trust-strip{grid-template-columns:1fr 1fr;padding:22px 18px}.section{padding:78px 18px}.feature-grid,.metric-grid,.check-grid,.security-items{grid-template-columns:1fr}.insight-section,.flexibility,.security{grid-template-columns:1fr;gap:38px;padding-left:18px;padding-right:18px}.security-mark{border-radius:30px;width:140px;height:140px}.security-mark img{width:82px}.steps{grid-template-columns:1fr 1fr}.final-cta{text-align:center;grid-template-columns:1fr;margin:0 18px 65px;padding:31px 24px}.final-cta>img{margin:0 auto}.marketing footer{grid-template-columns:1fr;margin:0 18px;padding-bottom:28px}.footer-links{flex-wrap:wrap;gap:14px 18px}}@media (max-width:520px){.brand img{width:150px}.site-header .button.small{display:none}.hero h1{font-size:41px}.hero-actions .button{width:100%}.dashboard-shell{grid-template-columns:1fr;min-height:auto;transform:none}.dash-sidebar{display:none}.dash-cards{grid-template-columns:1fr 1fr}.trust-strip,.feature-grid,.steps,.audience-grid{grid-template-columns:1fr}.section-heading h2,.insight-copy h2,.flexibility h2,.security h2{font-size:34px}.metric-panel{padding:18px}.metric-main strong{font-size:25px}.final-cta h2{font-size:22px}}
