
:root{--bg:#f6f8fc;--paper:#fff;--ink:#10233d;--muted:#63738b;--line:rgba(20,55,100,.13);--blue:#0a62ff;--blue2:#23c4f4;--navy:#071a42;--ice:#eaf5ff;--shadow:0 28px 80px rgba(20,55,100,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,"Aptos","Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,#f9fbff,#f3f7fc);overflow-x:hidden}a{color:inherit}img{display:block;max-width:100%}.wrap{width:min(1220px,calc(100% - 44px));margin:auto}
.site-header{height:78px;position:sticky;top:0;z-index:50;background:rgba(249,252,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand img{width:46px;height:46px;border-radius:14px;box-shadow:0 10px 28px rgba(10,98,255,.22)}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-family:Georgia,"Times New Roman",serif;font-size:24px;letter-spacing:-.03em}.brand-copy span{font:700 9px/1.2 "Courier New",monospace;letter-spacing:.18em;text-transform:uppercase;color:#77859b;margin-top:4px}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{text-decoration:none;font-size:13px;font-weight:800;color:#43536c}.nav-links a[aria-current="page"]{color:var(--blue)}.nav-links .policy-link{background:var(--navy);color:#fff;padding:11px 16px;border-radius:12px}.menu-btn{display:none;border:0;background:transparent;font-size:22px;color:var(--ink)}
.hero{padding:42px 0 0;overflow:hidden;background:radial-gradient(circle at 76% 18%,rgba(35,196,244,.13),transparent 26%),linear-gradient(180deg,#fbfdff,#f2f7ff)}.hero-shell{min-height:650px;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:50px}.eyebrow,.kicker{font:700 10px/1 "Courier New",monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(56px,6vw,92px);line-height:.92;letter-spacing:-.055em;margin:18px 0 0}.hero h1 span{color:var(--blue)}.hero-copy>p{max-width:660px;margin:24px 0 0;font-size:18px;line-height:1.72;color:var(--muted)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 20px;border-radius:14px;text-decoration:none;font-weight:850;font-size:13px;border:1px solid var(--line)}.btn.primary{color:white;border:0;background:linear-gradient(135deg,var(--blue),#0ca7ff);box-shadow:0 16px 34px rgba(10,98,255,.22)}.btn.secondary{background:#fff}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px}.trust-row span{font-size:12px;font-weight:750;color:#58708e}.trust-row span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue2);margin-right:7px}.hero-stage{position:relative;min-height:560px}.scanner-frame{position:absolute;inset:36px 60px;border:1px solid rgba(10,98,255,.2);border-radius:44px;background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(229,242,255,.55));box-shadow:var(--shadow)}.scanner-frame i{position:absolute;width:46px;height:46px;border-color:var(--blue);border-style:solid}.scanner-frame i:nth-child(1){left:24px;top:24px;border-width:4px 0 0 4px;border-radius:14px 0 0 0}.scanner-frame i:nth-child(2){right:24px;top:24px;border-width:4px 4px 0 0;border-radius:0 14px 0 0}.scanner-frame i:nth-child(3){left:24px;bottom:24px;border-width:0 0 4px 4px;border-radius:0 0 0 14px}.scanner-frame i:nth-child(4){right:24px;bottom:24px;border-width:0 4px 4px 0;border-radius:0 0 14px 0}.paper{position:absolute;width:280px;height:360px;border-radius:20px;background:white;border:1px solid var(--line);box-shadow:0 28px 60px rgba(20,55,100,.17)}.paper-back{left:135px;top:78px;transform:rotate(-11deg);background:linear-gradient(180deg,#dbeeff,#fff)}.paper-mid{left:190px;top:92px;transform:rotate(7deg);background:linear-gradient(180deg,#eef8ff,#fff)}.paper-front{left:165px;top:100px;padding:34px 28px}.paper span{display:block;padding:24px;font-weight:900;color:var(--blue)}.paper-head{font:700 11px/1 "Courier New",monospace;letter-spacing:.12em;color:#62738e}.line{height:11px;border-radius:99px;background:linear-gradient(90deg,#1882ff,#5bc9ff);margin-top:24px}.l1{width:82%}.l2{width:68%}.l3{width:50%}.signature{position:absolute;right:24px;bottom:40px;font-family:"Segoe Script",cursive;font-size:20px;color:#315884;transform:rotate(-8deg)}.tool-chip{position:absolute;padding:12px 15px;background:rgba(255,255,255,.9);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 30px rgba(20,55,100,.09);font-size:12px;font-weight:800}.chip-a{left:18px;top:170px}.chip-b{right:10px;top:240px}.chip-c{left:65px;bottom:70px}.hero-index{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);background:rgba(255,255,255,.66)}.hero-index div{padding:18px;border-right:1px solid var(--line)}.hero-index div:last-child{border-right:0}.hero-index b{font:700 10px/1 "Courier New",monospace;color:var(--blue)}.hero-index span{display:block;margin-top:6px;font-size:13px;font-weight:800}
.section{padding:96px 0}.section.soft{background:rgba(255,255,255,.65);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr;gap:18px;align-items:start;margin-bottom:42px}.section h2,.subhero h1,.policy-hero h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em}.section h2{font-size:clamp(38px,4.7vw,64px);line-height:.98;margin:12px 0 0;max-width:100%}.section-head p{margin:0;max-width:100%;color:var(--muted);font-size:17px;line-height:1.78}.feature-matrix{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-matrix article{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.72)}.feature-matrix span{font:700 10px/1 "Courier New",monospace;color:var(--blue)}.feature-matrix h3{font-size:22px;margin:18px 0 8px}.feature-matrix p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.blue-section{background:linear-gradient(135deg,#071a42,#0b48b8 60%,#0aa6d4);color:#fff}.light-head .kicker{color:#78ddff}.light-head p{color:#d4e2ff}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.privacy-big{min-height:340px;position:relative;overflow:hidden;padding:34px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05)}.privacy-ring{position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid rgba(255,255,255,.16);right:-60px;top:-55px}.privacy-ring::before,.privacy-ring::after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(120,221,255,.22);inset:35px}.privacy-ring::after{inset:75px}.privacy-big h3{font-family:Georgia,serif;font-size:46px;margin:150px 0 10px}.privacy-big p{max-width:540px;color:#d8e5ff;line-height:1.72}.privacy-stack{display:grid}.privacy-stack article{padding:28px;border:1px solid rgba(255,255,255,.15);border-bottom:0;background:rgba(255,255,255,.04)}.privacy-stack article:last-child{border-bottom:1px solid rgba(255,255,255,.15)}.privacy-stack strong{font-size:18px}.privacy-stack p{margin:7px 0 0;color:#d8e5ff;line-height:1.65;font-size:14px}.page-links{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.page-links a{padding:28px;text-decoration:none;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.2s}.page-links a:hover{transform:translateY(-4px);box-shadow:var(--shadow);position:relative;z-index:2}.page-links span{font:700 10px/1 "Courier New",monospace;color:var(--blue);text-transform:uppercase;letter-spacing:.14em}.page-links strong{display:block;margin-top:14px;font-size:18px;line-height:1.4}
.subhero{padding:90px 0 66px;background:linear-gradient(180deg,#fbfdff,#eef5ff);border-bottom:1px solid var(--line)}.subhero .wrap{max-width:1050px}.subhero h1{font-size:clamp(48px,6vw,76px);line-height:.98;margin:14px 0 0}.subhero p{max-width:760px;color:var(--muted);font-size:18px;line-height:1.75;margin-top:20px}.tools-hero{background:radial-gradient(circle at 85% 10%,rgba(10,98,255,.14),transparent 25%),linear-gradient(180deg,#fbfdff,#eff5ff)}.workflow-hero{background:radial-gradient(circle at 10% 10%,rgba(35,196,244,.14),transparent 25%),linear-gradient(180deg,#fbfdff,#eff7fb)}.support-hero{background:radial-gradient(circle at 84% 20%,rgba(10,98,255,.11),transparent 25%),linear-gradient(180deg,#fbfdff,#f2f6fb)}.tool-groups{display:grid;gap:0;border-top:1px solid var(--line)}.tool-groups article{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:34px 0;border-bottom:1px solid var(--line)}.tool-no{font:700 13px/1 "Courier New",monospace;color:var(--blue)}.tool-groups h2{font-family:Georgia,serif;font-size:34px;margin:0}.tool-groups p,.tool-groups li{color:var(--muted);line-height:1.7}.workflow-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workflow-line article{padding:28px;border-right:1px solid var(--line)}.workflow-line article:last-child{border-right:0}.workflow-line b{font:700 10px/1 "Courier New",monospace;color:var(--blue)}.workflow-line h2{font-size:22px;margin:18px 0 8px}.workflow-line p{margin:0;color:var(--muted);font-size:14px;line-height:1.68}.permission-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.permission-list div{padding:24px;border:1px solid var(--line);background:#fff}.permission-list span{display:block;font:700 10px/1 "Courier New",monospace;color:var(--blue);text-transform:uppercase;letter-spacing:.12em}.permission-list strong{display:block;margin-top:12px;font-size:20px}.support-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.support-card{padding:30px;background:#fff;border:1px solid var(--line)}.primary-support{grid-row:span 3;min-height:430px;background:linear-gradient(145deg,#071a42,#0a63e6);color:#fff}.primary-support .kicker{color:#7ce4ff}.primary-support h2{font-family:Georgia,serif;font-size:46px;margin:100px 0 10px}.primary-support p{color:#d7e4ff}.contact-email{display:inline-block;margin-top:20px;font-size:20px;font-weight:850;color:#fff}.support-card h3{font-size:24px;margin:12px 0 8px}.support-card p{color:var(--muted);line-height:1.7}.primary-support p{color:#d7e4ff}
.policy-hero{padding:70px 0 36px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fbfdff,#eff5ff)}.policy-hero .wrap{max-width:940px}.policy-hero h1{font-size:clamp(52px,6vw,80px);margin:12px 0 8px}.policy-hero p{color:var(--muted);font-size:17px}.policy-shell{width:min(940px,calc(100% - 44px));margin:auto;padding:44px 0 90px}.policy-shell>p{font-size:16px;line-height:1.82;color:#4d5c73}.policy-section{padding:26px 0;border-top:1px solid var(--line)}.policy-section h2{font-family:Georgia,serif;font-size:27px;margin:0 0 14px}.policy-section p,.policy-section li{font-size:16px;line-height:1.84;color:#4d5c73}.policy-section ul{padding-left:22px}.policy-section a{color:var(--blue);font-weight:800;text-decoration:none}
footer{padding:34px 0 44px;border-top:1px solid var(--line);color:#6e7d92;font-size:13px;background:#f8fbff}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{font-weight:850;color:var(--ink)}
@media(max-width:1000px){.hero-shell{grid-template-columns:1fr}.hero-stage{min-height:520px}.section-head{grid-template-columns:1fr;gap:18px}.feature-matrix{grid-template-columns:1fr 1fr}.privacy-grid,.support-grid{grid-template-columns:1fr}.primary-support{grid-row:auto;min-height:320px}.page-links{grid-template-columns:1fr 1fr}.workflow-line{grid-template-columns:1fr 1fr}.workflow-line article:nth-child(2){border-right:0}.permission-list{grid-template-columns:1fr}.nav-links{gap:15px}}
@media(max-width:760px){.wrap{width:min(100% - 28px,1220px)}.site-header{height:64px}.brand img{width:39px;height:39px}.brand-copy strong{font-size:19px}.brand-copy span{font-size:7px}.nav-links{display:none;position:absolute;top:64px;left:14px;right:14px;flex-direction:column;align-items:stretch;gap:10px;padding:14px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.nav-links.open{display:flex}.menu-btn{display:block}.hero{padding-top:26px}.hero h1{font-size:48px}.hero-copy>p{font-size:16px}.hero-stage{min-height:450px}.scanner-frame{inset:25px 10px}.paper{width:220px;height:300px}.paper-back{left:40px}.paper-mid{left:95px}.paper-front{left:65px}.tool-chip{font-size:10px}.chip-a{left:0}.chip-b{right:0}.hero-index{grid-template-columns:1fr}.hero-index div{border-right:0;border-bottom:1px solid var(--line)}.section{padding:72px 0}.feature-matrix,.page-links,.workflow-line{grid-template-columns:1fr}.feature-matrix article,.page-links a,.workflow-line article{border-right:1px solid var(--line)}.workflow-line article{border-bottom:1px solid var(--line)}.workflow-line article:last-child{border-bottom:0}.tool-groups article{grid-template-columns:1fr}.support-grid{grid-template-columns:1fr}.primary-support h2{margin-top:50px;font-size:38px}.subhero{padding:62px 0 46px}.subhero h1{font-size:46px}.footer-grid{flex-direction:column;align-items:flex-start}.policy-shell{width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* Hero updated to match approved screenshot reference */
.site-header{height:86px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,55,100,.12)}
.nav{gap:32px}.brand img{width:48px;height:48px;border-radius:14px;box-shadow:0 12px 28px rgba(10,98,255,.22)}
.brand-copy strong{font-size:26px;color:#112447}.brand-copy span{font-size:9px;letter-spacing:.22em;color:#8190a4}
.nav-links{gap:26px}.nav-links a{font-size:14px;font-weight:800;color:#42526b;position:relative}
.nav-links a[aria-current="page"]{color:var(--blue)}
.nav-links a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:3px;border-radius:99px;background:var(--blue)}
.nav-links .policy-link{background:linear-gradient(180deg,#0b1f54,#081944);padding:15px 22px;border-radius:14px;color:#fff}
.hero-reference-match{padding:0 0 24px;background:linear-gradient(180deg,#fbfdff,#f5f9ff)}
.hero-reference-wrap{width:min(1536px, calc(100% - 0px));max-width:1536px}
.hero-a11y-copy{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.hero-reference-image{display:block;width:100%;height:auto;border-bottom:1px solid rgba(20,55,100,.08)}
/* tighten spacing after image-based hero */
.hero-reference-match + .section{padding-top:82px}
@media(max-width:1000px){
  .site-header{height:78px}
  .nav-links a[aria-current="page"]::after{bottom:-15px}
}
@media(max-width:760px){
  .site-header{height:66px}
  .nav-links{top:66px;left:14px;right:14px}
  .nav-links a[aria-current="page"]::after{display:none}
  .hero-reference-match{padding-bottom:10px}
  .hero-reference-wrap{width:100%}
  .hero-reference-image{width:100%;height:auto}
  .hero-reference-match + .section{padding-top:64px}
}


/* HTML text hero with separate right-side image */
.hero-composed{padding:26px 0 24px;background:linear-gradient(180deg,#fbfdff 0%,#f2f7ff 100%);overflow:hidden}
.hero-composed-shell{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(540px,.98fr);gap:36px;align-items:center}
.hero-copy-composed{max-width:640px;padding:46px 0 10px}
.hero-copy-composed .eyebrow{margin-bottom:26px}
.hero-copy-composed h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(56px,7vw,96px);line-height:.93;letter-spacing:-.06em;color:#10254a;margin:0 0 18px}
.hero-copy-composed h1 span{color:var(--blue)}
.hero-copy-composed p{font-size:17px;line-height:1.78;color:#61718a;max-width:610px;margin:0 0 28px}
.hero-composed .hero-actions{margin-bottom:26px}
.hero-benefits{display:flex;flex-wrap:wrap;gap:28px 22px;padding-top:2px}
.hero-benefits span{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#52637d}
.hero-benefits i{width:32px;height:32px;border-radius:50%;display:inline-block;border:1px solid rgba(10,98,255,.18);background:linear-gradient(180deg,#ffffff,#eef5ff);box-shadow:0 10px 26px rgba(10,98,255,.10);position:relative;flex:0 0 32px}
.hero-benefits i::after{content:"";position:absolute;inset:10px;border-radius:50%;background:linear-gradient(180deg,#34b6ff,#0a63ff)}
.hero-visual-shell{position:relative;min-height:660px;display:flex;align-items:center;justify-content:center}
.hero-glow{position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}
.hero-glow-one{width:580px;height:580px;background:radial-gradient(circle,rgba(10,98,255,.18) 0%, rgba(10,98,255,.06) 45%, rgba(10,98,255,0) 74%);top:16px;right:18px}
.hero-glow-two{width:380px;height:380px;background:radial-gradient(circle,rgba(61,189,255,.16) 0%, rgba(61,189,255,.03) 58%, rgba(61,189,255,0) 78%);bottom:36px;left:52px}
.hero-visual-card{position:relative;width:min(100%,790px);border-radius:34px;padding:0;background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(238,245,255,.86));box-shadow:0 28px 80px rgba(18,42,87,.10);overflow:hidden}
.hero-visual-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.20),rgba(255,255,255,.02));pointer-events:none;z-index:2}
.hero-visual-image{display:block;width:100%;height:auto;position:relative;z-index:1}
.hero-composed + .section{padding-top:82px}
@media(max-width:1200px){
  .hero-composed-shell{grid-template-columns:1fr;gap:18px}
  .hero-copy-composed{max-width:100%;padding-top:28px}
  .hero-visual-shell{min-height:auto;padding-top:12px}
  .hero-visual-card{width:min(100%,860px)}
}
@media(max-width:760px){
  .hero-composed{padding-top:12px}
  .hero-copy-composed h1{font-size:52px}
  .hero-copy-composed p{font-size:16px}
  .hero-benefits{gap:14px;flex-direction:column;align-items:flex-start}
  .hero-visual-card{border-radius:24px}
  .hero-composed + .section{padding-top:64px}
}


/* Refined hero to match approved design more closely */
.hero-composed{padding:18px 0 18px;background:linear-gradient(180deg,#f9fbff 0%,#f3f7ff 100%)}
.hero-composed .wrap.hero-composed-shell{width:min(1480px,calc(100% - 52px));max-width:1480px}
.hero-composed-shell{grid-template-columns:minmax(520px,.9fr) minmax(690px,1.1fr);gap:10px;align-items:center}
.hero-copy-composed{max-width:620px;padding:34px 0 8px}
.hero-copy-composed .eyebrow{margin-bottom:22px;font-size:10px;letter-spacing:.2em}
.hero-copy-composed h1{font-size:clamp(64px,6.9vw,100px);line-height:.885;letter-spacing:-.072em;margin:0 0 20px;color:#11264b}
.hero-copy-composed p{font-size:18px;line-height:1.72;max-width:610px;margin:0 0 30px;color:#62748d}
.hero-composed .hero-actions{margin-bottom:28px;gap:16px}
.hero-composed .btn{min-height:56px;padding:0 24px;border-radius:15px;font-size:14px}
.hero-benefits{gap:30px 20px}
.hero-benefits span{font-size:15px;font-weight:700;color:#586983}
.hero-benefits i{width:38px;height:38px;flex-basis:38px}
.hero-benefits i::after{inset:11px}
.hero-visual-shell{min-height:640px;align-items:flex-start;justify-content:flex-start;padding-top:8px}
.hero-glow-one{width:640px;height:640px;top:0;right:20px;opacity:.95}
.hero-glow-two{width:420px;height:420px;bottom:45px;left:10px;opacity:.9}
.hero-visual-card{width:min(100%,900px);margin-left:-24px;border-radius:38px;box-shadow:0 24px 70px rgba(18,42,87,.07);background:transparent}
.hero-visual-card::before{display:none}
.hero-visual-image{width:100%;height:auto}
.hero-composed + .section{padding-top:76px}
@media(max-width:1320px){
  .hero-composed .wrap.hero-composed-shell{width:min(100% - 38px,1320px)}
  .hero-composed-shell{grid-template-columns:minmax(470px,.95fr) minmax(560px,1.05fr);gap:14px}
  .hero-visual-card{margin-left:-12px;width:min(100%,820px)}
}
@media(max-width:1200px){
  .hero-composed-shell{grid-template-columns:1fr;gap:22px}
  .hero-copy-composed{max-width:100%;padding-top:18px}
  .hero-copy-composed h1{font-size:clamp(58px,9vw,90px)}
  .hero-visual-shell{min-height:auto;padding-top:0;justify-content:center}
  .hero-visual-card{margin-left:0;width:min(100%,920px)}
}
@media(max-width:760px){
  .hero-composed .wrap.hero-composed-shell{width:min(100% - 24px,1480px)}
  .hero-composed{padding:14px 0 14px}
  .hero-copy-composed{padding-top:10px}
  .hero-copy-composed .eyebrow{margin-bottom:18px}
  .hero-copy-composed h1{font-size:52px;line-height:.92}
  .hero-copy-composed p{font-size:16px;margin-bottom:22px}
  .hero-composed .btn{min-height:52px;font-size:13px}
  .hero-benefits{gap:14px;flex-direction:column;align-items:flex-start}
  .hero-visual-card{border-radius:26px}
}


/* Background-image hero revision using generated visual without cropping */
.hero-bg-layout{
  position:relative;
  overflow:hidden;
  background-color:#eef4fb;
  background-image:
    linear-gradient(90deg, rgba(245,248,253,.98) 0%, rgba(245,248,253,.97) 26%, rgba(245,248,253,.88) 38%, rgba(245,248,253,.42) 52%, rgba(245,248,253,.10) 66%, rgba(245,248,253,.02) 100%),
    url('ods-hero-bg-6bc2d1.png');
  background-repeat:no-repeat,no-repeat;
  background-position:left top, right center;
  background-size:100% 100%, contain;
  min-height:780px;
}
.hero-bg-layout .hero-composed-shell{
  display:block;
  width:min(1500px,calc(100% - 52px));
  max-width:1500px;
  min-height:780px;
  position:relative;
}
.hero-bg-layout .hero-copy-composed{
  max-width:640px;
  padding:84px 0 48px;
  position:relative;
  z-index:2;
}
.hero-bg-layout .hero-copy-composed .eyebrow{
  margin-bottom:24px;
  font-size:12px;
  letter-spacing:.32em;
  color:#1f63ff;
}
.hero-bg-layout .hero-copy-composed h1{
  font-size:clamp(72px,7vw,104px);
  line-height:.905;
  letter-spacing:-.078em;
  margin:0 0 28px;
}
.hero-bg-layout .hero-copy-composed p{
  font-size:18px;
  line-height:1.72;
  max-width:620px;
  margin:0 0 30px;
}
.hero-bg-layout .hero-actions{margin-bottom:30px}
.hero-bg-layout .hero-benefits{gap:36px 22px}
.hero-bg-layout .hero-benefits span{font-size:15px}
.hero-bg-layout .hero-benefits i{width:44px;height:44px;flex-basis:44px}
.hero-bg-layout .hero-benefits i::after{inset:13px}
.hero-bg-layout .hero-visual-shell{display:none}
.hero-bg-layout + .section{padding-top:76px}
@media (max-width: 1350px){
  .hero-bg-layout{min-height:700px;background-size:100% 100%, 64% auto;background-position:left top, right center}
  .hero-bg-layout .hero-composed-shell{min-height:700px}
  .hero-bg-layout .hero-copy-composed{padding-top:72px;max-width:560px}
  .hero-bg-layout .hero-copy-composed h1{font-size:clamp(64px,6.5vw,92px)}
}
@media (max-width: 1100px){
  .hero-bg-layout{
    background-image:
      linear-gradient(180deg, rgba(245,248,253,.98) 0%, rgba(245,248,253,.95) 34%, rgba(245,248,253,.84) 52%, rgba(245,248,253,.42) 72%, rgba(245,248,253,.16) 100%),
      url('ods-hero-bg-6bc2d1.png');
    background-position:left top, center top;
    background-size:100% 100%, 110% auto;
    min-height:auto;
  }
  .hero-bg-layout .hero-composed-shell{min-height:auto}
  .hero-bg-layout .hero-copy-composed{max-width:100%;padding:48px 0 420px}
}
@media (max-width: 760px){
  .hero-bg-layout{background-size:100% 100%, 138% auto;background-position:left top, center top}
  .hero-bg-layout .hero-composed-shell{width:min(100% - 24px,1500px)}
  .hero-bg-layout .hero-copy-composed{padding:28px 0 290px}
  .hero-bg-layout .hero-copy-composed .eyebrow{font-size:10px;letter-spacing:.24em;margin-bottom:18px}
  .hero-bg-layout .hero-copy-composed h1{font-size:54px;line-height:.92;margin-bottom:20px}
  .hero-bg-layout .hero-copy-composed p{font-size:16px;line-height:1.6;margin-bottom:24px}
  .hero-bg-layout .hero-actions{flex-wrap:wrap;gap:12px}
  .hero-bg-layout .hero-benefits{gap:12px;flex-direction:column;align-items:flex-start}
}


/* Full-width section headings across all pages */
.section-head > div,.section-head p{width:100%}
.section-head .kicker{display:inline-block}
