@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=League+Spartan:wght@600;700&display=swap');
:root{--navy:#0b4660;--deep:#07364a;--ink:#18313d;--muted:#6a7d86;--line:#dce5e9;--soft:#f4f8fa;--white:#fff;--sage:#9aae9c;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);line-height:1.6;background:#fff;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}.site-header{width:min(var(--max),calc(100% - 48px));margin:auto;padding:25px 0;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;color:var(--navy);font:700 25px 'League Spartan',sans-serif;letter-spacing:-.7px}.brand small{font:600 18px 'League Spartan',sans-serif;margin-left:5px}.nav{display:flex;gap:25px;font-size:13px;color:var(--muted)}.nav a{text-decoration:none}.nav a:hover{color:var(--navy)}h1,h2,h3{font-family:'League Spartan',sans-serif;color:var(--deep)}.eyebrow{margin:0 0 11px;text-transform:uppercase;letter-spacing:1.6px;font-size:10px;font-weight:700;color:var(--muted)}
.hero{width:min(var(--max),calc(100% - 48px));margin:45px auto 100px;display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}.hero h1{margin:0;max-width:720px;font-size:clamp(52px,6.2vw,82px);line-height:.93;letter-spacing:-2.8px}.lead{max-width:670px;margin:27px 0 0;font-size:17px;color:var(--muted)}.actions{display:flex;gap:10px;margin-top:29px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:6px;text-decoration:none;font-size:12px;font-weight:700;border:1px solid transparent}.primary{background:var(--navy);color:#fff}.primary:hover{background:var(--deep)}.ghost{border-color:var(--line);background:#fff}.hero-visual{position:relative;background:var(--soft);border:1px solid var(--line);min-height:390px;overflow:hidden}.hero-visual img{width:100%;height:100%;min-height:390px;object-fit:cover}.hero-visual>div{position:absolute;left:20px;right:20px;bottom:20px;padding:17px 19px;background:rgba(255,255,255,.95);border:1px solid var(--line)}.hero-visual span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-weight:700}.hero-visual strong{display:block;margin-top:4px;font:600 23px/1.05 'League Spartan',sans-serif;color:var(--deep)}
.customer-intro{background:var(--deep);color:#fff;padding:58px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end}.customer-intro .eyebrow{color:#b9cbd2}.customer-intro h2{margin:0;max-width:760px;color:#fff;font-size:clamp(38px,4.5vw,58px);line-height:.98;letter-spacing:-1.8px}.customer-intro>p{margin:0;color:#d7e2e7;font-size:14px;max-width:500px}
.section{width:min(var(--max),calc(100% - 48px));margin:100px auto}.section-intro{max-width:820px;margin-bottom:38px}.section-intro h2,.about h2,.book h2,.closing h2,.contact h2{margin:0;font-size:clamp(36px,4.4vw,57px);line-height:.98;letter-spacing:-1.7px}.section-intro>p:last-child{color:var(--muted)}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.problem-grid article{padding:30px;min-height:390px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;align-items:flex-start}.problem-grid article>span{font-size:11px;font-weight:700;color:var(--navy)}.problem-grid h3{font-size:29px;line-height:1.02;margin:16px 0 11px}.problem-grid p{color:var(--muted);font-size:13px;max-width:540px;margin:0 0 12px}.problem-grid strong{font-size:11px;color:var(--navy);margin-top:auto}.problem-grid .ideal-text{margin-top:3px;margin-bottom:14px}.problem-grid a{color:var(--navy);font-size:11px;font-weight:800;text-decoration:none}
.transition{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:85px 24px}.transition-inner{width:min(var(--max),100%);margin:auto}.transition h2{max-width:850px;margin:0;font-size:clamp(38px,4.7vw,60px);line-height:.97;letter-spacing:-1.8px}.transition-flow{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:25px;margin:48px 0 30px}.transition-flow>div:not(.arrow){padding:24px;border:1px solid var(--line);background:#fff}.transition-flow span{display:block;text-transform:uppercase;letter-spacing:1.3px;font-size:10px;font-weight:700;color:var(--muted)}.transition-flow strong{display:block;margin-top:7px;font:600 27px/1.02 'League Spartan',sans-serif;color:var(--deep)}.arrow{text-align:center;font-size:28px;color:var(--navy)}.transition-note{max-width:760px;color:var(--muted);font-size:14px}
.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.solution{min-height:455px;padding:27px;border:1px solid var(--line);position:relative;background:#fff}.solution-top{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1.2px;font-weight:700}.solution-top small{font:inherit}.solution h3{margin:16px 0 10px;font-size:39px;letter-spacing:-1px}.solution>p{max-width:520px;color:var(--muted);margin:0}.parts{margin-top:25px;border-top:1px solid var(--line)}.parts div{display:grid;grid-template-columns:145px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.parts b{display:block}.parts span{color:var(--muted)}.spark{border-top:3px solid var(--navy)}.bsai{border-top:3px solid var(--sage)}.content{border-top:3px solid #b8c6ce}.dotline{border-top:3px solid #56788b}
.about{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.about-image{background:var(--soft);height:570px;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.about p:not(.eyebrow){color:var(--muted);max-width:650px}.proof{margin-top:0}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof-grid>div{padding:27px 20px;border-right:1px solid var(--line)}.proof-grid>div:last-child{border-right:0}.proof-grid b{font:600 25px 'League Spartan',sans-serif;color:var(--deep)}.proof-grid p{margin:8px 0 0;color:var(--muted);font-size:13px}.book{width:min(var(--max),calc(100% - 48px));margin:0 auto 100px;background:var(--soft);display:grid;grid-template-columns:300px 1fr;gap:55px;align-items:center;padding:45px}.book img{width:100%;max-height:390px;object-fit:contain}.book p:not(.eyebrow){color:var(--muted);max-width:650px}.closing{background:#edf3f5;padding:75px max(24px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;align-items:end;gap:30px}.closing>div{max-width:850px}.closing p:not(.eyebrow){color:var(--muted);margin-top:10px}.contact{width:min(var(--max),calc(100% - 48px));margin:85px auto;padding:42px;border:1px solid var(--line);background:var(--soft);display:flex;justify-content:space-between;align-items:end;gap:30px}.contact>div{max-width:720px}.contact p:not(.eyebrow){color:var(--muted)}.footer{width:min(var(--max),calc(100% - 48px));margin:auto;padding:25px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.footer span:first-child{color:var(--navy);font-weight:700}
@media(max-width:860px){.hero{grid-template-columns:1fr}.hero-visual{min-height:290px}.hero-visual img{min-height:290px}.customer-intro{grid-template-columns:1fr;gap:22px}.problem-grid,.solution-grid{grid-template-columns:1fr}.transition-flow{grid-template-columns:1fr}.arrow{transform:rotate(90deg)}.proof-grid{grid-template-columns:1fr}.proof-grid>div{border-right:0;border-bottom:1px solid var(--line)}.proof-grid>div:last-child{border-bottom:0}.book{grid-template-columns:190px 1fr;padding:28px;gap:30px}}@media(max-width:640px){.site-header,.hero,.section,.book,.contact,.footer{width:min(calc(100% - 30px),var(--max))}.site-header{padding-top:18px}.nav{gap:12px;font-size:11px}.nav a:nth-child(2){display:none}.hero{margin-top:25px}.hero h1{font-size:45px}.lead{font-size:15px}.customer-intro{padding:45px 15px}.problem-grid article{min-height:390px}.solution{min-height:490px}.parts div{grid-template-columns:1fr;gap:2px}.transition{padding:55px 15px}.about-image{height:430px}.book{grid-template-columns:1fr}.book img{max-width:230px;margin:auto}.closing,.contact{padding:30px 15px;flex-direction:column;align-items:flex-start}.footer{flex-direction:column;gap:8px}}
