@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap');
:root{--navy:#1F2937;--navy-light:#374151;--gold:#F5C070;--gold-dark:#D4A04E;--coral:#F9655B;--purple:#6658EA;--white:#FFFFFF;--light-bg:#F8F9FB;--dark-text:#1F2937;--body-text:#374151;--muted-text:#6B7280;--border:#E5E7EB;--border-light:#F3F4F6;--focus-ring:#6658EA;--font-primary:'Nimbus Sans','DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--max-width:1200px;--section-pad:72px}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font-primary);font-size:18px;line-height:1.7;color:var(--body-text);background:var(--white);overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;z-index:9999;padding:12px 24px;background:var(--navy);color:var(--white);font-size:15px;font-weight:600;border-radius:0 0 6px 0}.skip-link:focus{left:0;top:0;width:auto;height:auto;overflow:visible}*:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(102,88,234,0.15)}
.container{max-width:var(--max-width);margin:0 auto;padding:0 40px}
h1,h2,h3,h4{font-family:var(--font-primary);color:var(--navy);line-height:1.18;font-weight:700}h1{font-size:clamp(2.4rem,5vw,3.2rem);letter-spacing:-0.02em}h2{font-size:clamp(1.8rem,3.5vw,2.4rem);letter-spacing:-0.01em}h3{font-size:clamp(1.2rem,2vw,1.5rem)}h4{font-size:1.1rem;font-weight:700}p{margin-bottom:1em;font-size:18px}p:last-child{margin-bottom:0}
.label{font-size:.82rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--purple);margin-bottom:10px;display:block}.label--gold{color:var(--gold-dark)}.label--coral{color:var(--coral)}.text-lg{font-size:1.2rem;line-height:1.75}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-primary);font-size:1rem;font-weight:700;padding:16px 36px;border-radius:6px;transition:all .25s ease}.btn--primary{background:var(--navy);color:var(--white)}.btn--primary:hover{background:var(--navy-light);transform:translateY(-1px)}.btn--secondary{background:transparent;color:var(--navy);border:1.5px solid var(--border)}.btn--secondary:hover{border-color:var(--purple);color:var(--purple)}.btn--coral{background:var(--coral);color:var(--white)}.btn--coral:hover{background:#e85248;transform:translateY(-1px)}.btn-group{display:flex;gap:14px;flex-wrap:wrap}
.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:all .3s ease}.nav--scrolled{border-bottom-color:var(--border-light);box-shadow:0 1px 10px rgba(0,0,0,.05)}.nav__inner{max-width:var(--max-width);margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:80px}.nav__logo{display:flex;align-items:center}.nav__logo img{height:56px;width:auto}.nav__links{display:flex;align-items:center;gap:32px;list-style:none}.nav__links a{font-size:1rem;font-weight:600;color:var(--body-text);transition:color .2s;position:relative}.nav__links a:hover,.nav__links a[aria-current="page"]{color:var(--navy)}.nav__links a[aria-current="page"]::after{content:'';position:absolute;bottom:-6px;left:0;right:0;height:2.5px;background:var(--coral);border-radius:1px}.nav__right{display:flex;align-items:center;gap:20px}.nav__login{font-size:.92rem;font-weight:500;color:var(--muted-text);transition:color .2s}.nav__login:hover{color:var(--purple)}.nav__cta{font-size:.92rem;font-weight:700;padding:12px 26px;background:var(--coral);color:var(--white);border-radius:6px;transition:all .2s}.nav__cta:hover{background:#e85248}.nav__toggle{display:none;flex-direction:column;gap:5px;padding:4px}.nav__toggle span{width:24px;height:2.5px;background:var(--navy);border-radius:2px;transition:all .3s}
.hero{padding:140px 0 var(--section-pad)}.hero__label{animation:fadeUp .6s ease both}.hero__title{margin-bottom:20px;animation:fadeUp .6s .1s ease both}.hero__subtitle{font-size:1.2rem;line-height:1.75;color:var(--body-text);max-width:620px;margin-bottom:36px;animation:fadeUp .6s .2s ease both}.hero .btn-group{animation:fadeUp .6s .3s ease both}
.cred-bar{background:var(--navy)}.cred-bar__inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}.cred-bar__item{padding:24px 28px;text-align:center;border-right:1px solid rgba(255,255,255,.07)}.cred-bar__item:last-child{border:none}.cred-bar__number{font-size:1rem;font-weight:700;color:var(--gold);display:block;margin-bottom:3px}.cred-bar__label{font-size:.82rem;color:rgba(255,255,255,.55)}
.section{padding:var(--section-pad) 0}.section--light{background:var(--light-bg)}.section--navy{background:var(--navy);color:var(--white)}.section--navy h2,.section--navy h3,.section--navy h4{color:var(--white)}.section--navy p{color:rgba(255,255,255,.7)}.section--navy .label{color:var(--gold)}.section__header{max-width:700px;margin-bottom:40px}.section__header--center{text-align:center;margin-left:auto;margin-right:auto}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:var(--white);border:1px solid var(--border-light);border-radius:10px;padding:28px;transition:all .25s ease}.card:hover{border-color:var(--border);box-shadow:0 6px 24px rgba(0,0,0,.05);transform:translateY(-2px)}.card__icon{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.card__icon--purple{background:rgba(102,88,234,.08);color:var(--purple)}.card__icon--coral{background:rgba(249,101,91,.08);color:var(--coral)}.card__icon--gold{background:rgba(245,192,112,.1);color:var(--gold-dark)}.card h3{margin-bottom:10px}.card p{font-size:.95rem;color:var(--muted-text)}.card--dark{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}.card--dark:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}.card--dark h3{color:var(--white)}.card--dark p{color:rgba(255,255,255,.55)}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{text-align:center;padding:24px 14px;background:var(--white);border:1px solid var(--border-light);border-radius:8px}.stat__number{font-size:2rem;font-weight:900;color:var(--navy);margin-bottom:4px}.stat__number--coral{color:var(--coral)}.stat__number--purple{color:var(--purple)}.stat__label{font-size:.88rem;color:var(--muted-text);line-height:1.45}
.manifesto{background:var(--navy);padding:64px 0}.manifesto__quote{font-size:clamp(1.4rem,3vw,2rem);color:var(--white);line-height:1.5;max-width:780px;margin:0 auto;text-align:center;font-weight:400}.manifesto__quote::before{content:'';display:block;width:48px;height:3px;background:var(--gold);margin:0 auto 28px;border-radius:2px}
.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:32px 0}.feature-row--reverse{direction:rtl}.feature-row--reverse>*{direction:ltr}.feature-row__visual{background:var(--light-bg);border:1px solid var(--border-light);border-radius:14px;padding:32px;min-height:260px;display:flex;align-items:center;justify-content:center}
.comparison-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:10px;overflow:hidden}.comparison-table th,.comparison-table td{padding:12px 14px;text-align:left;font-size:.92rem}.comparison-table thead th{background:var(--navy);color:var(--white);font-weight:700;font-size:.85rem;letter-spacing:.02em;white-space:nowrap}.comparison-table thead th:last-child{background:var(--purple)}.comparison-table tbody td{border-bottom:1px solid var(--border-light)}.comparison-table tbody tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background:var(--light-bg)}.check{color:var(--purple);font-weight:700}.cross{color:#D1D5DB}
.cta-section{background:var(--navy);padding:60px 0;text-align:center}.cta-section h2{color:var(--white);margin-bottom:12px}.cta-section p{color:rgba(255,255,255,.55);margin-bottom:24px;font-size:1.1rem}
.accent-bar{height:4px;background:linear-gradient(90deg,var(--coral),var(--gold),var(--purple))}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group--full{grid-column:1/-1}.form-group label{font-size:.92rem;font-weight:600;color:var(--dark-text)}.form-group input,.form-group select,.form-group textarea{font-family:var(--font-primary);font-size:1rem;padding:12px 16px;border:1px solid var(--border);border-radius:6px;background:var(--white);color:var(--dark-text);transition:border-color .2s}.form-group textarea{resize:vertical;min-height:110px}
.footer{background:var(--navy);padding:56px 0 28px;color:rgba(255,255,255,.5)}.footer__grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:48px;margin-bottom:40px}.footer__logo{margin-bottom:16px}.footer__logo img{height:52px;width:auto}.footer__tagline{font-size:.95rem;color:rgba(255,255,255,.4);line-height:1.6;max-width:300px}.footer h4{color:rgba(255,255,255,.8);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px}.footer__links{list-style:none;display:flex;flex-direction:column;gap:10px}.footer__links a{color:rgba(255,255,255,.5);font-size:.95rem;transition:color .2s}.footer__links a:hover{color:var(--gold)}.footer__bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:22px;display:flex;justify-content:space-between;align-items:center;font-size:.84rem;color:rgba(255,255,255,.3)}
.page-header{padding:128px 0 44px;border-bottom:1px solid var(--border-light)}.page-header h1{margin-bottom:12px}.page-header p{font-size:1.15rem;color:var(--body-text);max-width:620px}
.timeline{position:relative;padding-left:36px}.timeline::before{content:'';position:absolute;left:10px;top:6px;bottom:6px;width:2px;background:var(--border)}.timeline__item{position:relative;padding-bottom:28px}.timeline__item::before{content:'';position:absolute;left:-30px;top:7px;width:9px;height:9px;background:var(--purple);border-radius:50%;border:2px solid var(--white)}.timeline__item:last-child{padding-bottom:0}.timeline__title{font-weight:700;color:var(--navy);margin-bottom:4px;font-size:1.05rem}
.sub-benefits{list-style:none;padding:0;margin-top:20px}.sub-benefits li{padding:8px 0 8px 24px;position:relative;font-size:.95rem;color:var(--body-text);border-bottom:1px solid var(--border-light)}.sub-benefits li:last-child{border-bottom:none}.sub-benefits li::before{content:'+';position:absolute;left:0;color:var(--purple);font-weight:700;font-size:1.1rem}
.book-img{max-width:380px;border-radius:8px}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(24px);transition:all .6s cubic-bezier(.25,.46,.45,.94)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
@media(max-width:1024px){:root{--section-pad:56px}.grid-4,.stat-grid{grid-template-columns:repeat(2,1fr)}.footer__grid{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:768px){:root{--section-pad:44px}.container{padding:0 20px}.nav__links{display:none}.nav__toggle{display:flex}.nav__login{display:none}.nav__links.open{display:flex;flex-direction:column;position:absolute;top:80px;left:0;right:0;background:var(--white);padding:20px 32px 28px;border-bottom:1px solid var(--border);gap:16px;box-shadow:0 8px 24px rgba(0,0,0,.06)}.hero{padding:112px 0 40px}.grid-2,.grid-3{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.cred-bar__inner{grid-template-columns:repeat(2,1fr)}.feature-row{grid-template-columns:1fr;gap:28px}.feature-row--reverse{direction:ltr}.form-grid{grid-template-columns:1fr}.footer__grid{grid-template-columns:1fr;gap:20px}.footer__bottom{flex-direction:column;gap:10px;text-align:center}.page-header{padding:100px 0 32px}.nav__inner{height:70px}.nav__logo img{height:46px}}
@media(max-width:480px){.cred-bar__inner,.stat-grid{grid-template-columns:1fr}.btn-group{flex-direction:column}.btn{width:100%;justify-content:center}}

/* ── Hero split with dashboard ── */
.hero__split{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}
.hero__content{position:relative;z-index:2}
.hero__image{position:relative;z-index:1;margin-right:-60px}
.hero__image img{width:115%;max-width:none;border-radius:12px 0 0 12px}
@media(max-width:1024px){.hero__image{margin-right:-32px}.hero__image img{width:110%}}
@media(max-width:768px){.hero__split{grid-template-columns:1fr;gap:24px}.hero__image{margin-right:0}.hero__image img{width:100%;border-radius:12px}}

/* ── Bigger integration visual ── */
.integration-visual{max-width:800px;margin:0 auto}
.integration-visual .feature-row__visual{padding:48px 36px;min-height:320px}
@media(max-width:768px){.integration-visual .feature-row__visual{padding:24px 16px;min-height:auto}}

/* ── Bigger book image ── */
.book-img{max-width:480px;border-radius:8px}
@media(max-width:768px){.book-img{max-width:100%}}

/* ── Hero split on light gray bg with image ── */
.hero--split-bg{background:var(--light-bg);padding:140px 0 0;overflow:hidden}
.hero--split-bg .container{overflow:visible}
.hero--split-bg .hero__split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end}
.hero--split-bg .hero__content{padding-bottom:72px}
.hero--split-bg .hero__image{position:relative;right:-40px;align-self:end}
.hero--split-bg .hero__image img{width:100%;max-width:680px;display:block}
@media(max-width:1024px){.hero--split-bg .hero__image{right:-20px}}
@media(max-width:768px){.hero--split-bg{padding:112px 0 0}.hero--split-bg .hero__split{grid-template-columns:1fr}.hero--split-bg .hero__content{padding-bottom:32px}.hero--split-bg .hero__image{right:0}.hero--split-bg .hero__image img{max-width:100%}}

/* ── Video embed ── */
.video-wrap{border-radius:12px;overflow:hidden;border:1px solid var(--border-light);box-shadow:0 4px 24px rgba(31,41,55,0.08)}
.video-wrap video{width:100%;display:block;border-radius:12px}

/* ── Page header with floating image ── */
.page-header--split .container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.page-header__image img{width:100%;max-width:540px;height:auto;border-radius:0;object-fit:contain}
@media(max-width:768px){.page-header--split .container{grid-template-columns:1fr}.page-header__image img{max-width:100%}}

/* ── Smaller video ── */
.video-wrap--sm{max-width:420px}
.video-wrap--sm video{border-radius:10px}

/* ── Page header image proportionate ── */
.page-header__image{display:flex;align-items:center;justify-content:center}
.page-header__image img{width:100%;max-width:540px;height:auto;border-radius:0;object-fit:contain}