:root { --blue:#1689f7; --deep:#082b62; --ink:#10284d; --muted:#5c6f8d; --line:#dce8f6; --pale:#f3f8fe; --white:#fff; --radius:20px; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--white); font:16px/1.6 Arial, Helvetica, sans-serif; } a { color:inherit; text-decoration:none; } .container { width:min(1160px, calc(100% - 40px)); margin:auto; }
.site-header { position:absolute; z-index:5; top:0; left:0; width:100%; padding:20px 0; } .site-header.solid { position:relative; background:#fff; border-bottom:1px solid var(--line); } .nav { display:flex; align-items:center; justify-content:space-between; gap:24px; } .brand img,.footer-logo { width:145px; height:auto; display:block; } .menu { display:flex; align-items:center; gap:28px; font-size:14px; font-weight:700; } .menu a:not(.button):hover,.menu .active { color:var(--blue); } .menu-toggle { display:none; background:none; border:0; color:var(--deep); font:inherit; font-weight:700; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:14px; border:1px solid var(--blue); border-radius:999px; padding:14px 22px; background:var(--blue); color:#fff; font-weight:700; transition:transform .2s, background .2s; } .button:hover { background:#0876dc; transform:translateY(-2px); } .button-small { padding:10px 16px; } .button-light { background:#fff; color:var(--deep); border-color:#fff; } .button-outline { background:transparent; color:var(--blue); } .text-link { display:inline-block; color:var(--deep); font-weight:700; border-bottom:1px solid var(--blue); padding-bottom:3px; } .eyebrow { color:var(--blue); font-size:12px; letter-spacing:.16em; font-weight:800; margin:0 0 14px; }
.hero { overflow:hidden; padding:142px 0 78px; background-image:linear-gradient(90deg,rgba(250,253,255,.98) 0%,rgba(250,253,255,.92) 37%,rgba(250,253,255,.15) 72%),url('imgs/hero02.webp'); background-position:center; background-size:cover; } .hero-grid { display:grid; grid-template-columns:minmax(0, 520px); align-items:center; min-height:540px; } h1,h2,h3,p { margin-top:0; } h1 { font-size:clamp(40px,5vw,68px); letter-spacing:-.055em; line-height:1.02; margin-bottom:24px; } h2 { font-size:clamp(30px,3.8vw,48px); letter-spacing:-.045em; line-height:1.1; margin-bottom:16px; } h3 { line-height:1.2; } .hero-lead { color:#405b7f; font-size:19px; max-width:510px; } .hero-actions { display:flex; align-items:center; gap:26px; margin:30px 0; } .hero-points { padding:0; display:flex; flex-wrap:wrap; gap:18px; list-style:none; color:var(--deep); font-size:14px; font-weight:700; } .hero-points li::before { content:'✓'; color:var(--blue); margin-right:7px; }
.section { padding:100px 0; } .split-heading { display:flex; justify-content:space-between; align-items:end; gap:36px; margin-bottom:48px; } .split-heading h2 { max-width:650px; } .split-heading > p { max-width:365px; color:var(--muted); margin-bottom:4px; }.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }.steps article { border-top:1px solid #bfd7ef; padding:20px 15px 0 0; }.steps span { color:var(--blue); font-size:13px; font-weight:800; }.steps h3 { font-size:21px; margin:20px 0 10px; }.steps p { color:var(--muted); font-size:15px; }.product-band { color:#fff; background:var(--deep); }.product-content { display:grid; grid-template-columns:1fr minmax(180px,auto); align-items:end; gap:30px; }.product-content h2 { max-width:780px; margin-bottom:0; }.product-content .eyebrow { color:#75bdff; }.article-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }.article-card { border:1px solid var(--line); border-radius:var(--radius); padding:27px; display:flex; flex-direction:column; min-height:290px; transition:transform .2s,box-shadow .2s; }.article-card:hover { transform:translateY(-4px); box-shadow:0 16px 35px rgba(15,62,115,.1); }.article-card .meta { color:var(--blue); font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.article-card h3 { font-size:23px; letter-spacing:-.03em; margin:18px 0 12px; }.article-card p { color:var(--muted); font-size:15px; }.article-card .read { margin-top:auto; color:var(--deep); font-weight:800; font-size:14px; }.pricing-section { background:var(--pale); }.section-center { text-align:center; max-width:650px; }.section-center p:last-child { color:var(--muted); }.pricing-grid { display:grid; grid-template-columns:repeat(2, 1fr); max-width:850px; gap:24px; }.price-card { display:flex; flex-direction:column; padding:34px; background:#fff; border:1px solid var(--line); border-radius:var(--radius); }.price-card.featured { border:2px solid var(--blue); }.plan-name { color:var(--blue); font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.price-card h3 { font-size:26px; letter-spacing:-.03em; margin:8px 0 20px; }.price { color:var(--muted); font-size:17px; font-weight:700; }.price-card ul { list-style:none; padding:0; margin:18px 0 28px; }.price-card li { padding:8px 0; border-bottom:1px solid var(--line); font-size:15px; }.price-card li::before { content:'✓'; color:var(--blue); font-weight:900; margin-right:9px; }.price-card .button { margin-top:auto; }.faq-section { padding-bottom:80px; }.faq-list { max-width:860px; }.faq-list details { border-top:1px solid var(--line); padding:18px 0; }.faq-list details:last-child { border-bottom:1px solid var(--line); }.faq-list summary { cursor:pointer; font-size:18px; font-weight:800; }.faq-list p { color:var(--muted); padding:12px 32px 0 0; margin-bottom:0; }.cta-section { padding:65px 0; background:linear-gradient(110deg,#1689f7,#0766c5); color:#fff; }.cta-inner { display:flex; align-items:center; justify-content:space-between; gap:30px; }.cta-inner h2 { margin:0; max-width:630px; }.cta-inner .eyebrow { color:#d8edff; }
footer { background:#081f46; color:#d8e8fa; padding:55px 0 0; } .footer-grid { display:grid; grid-template-columns:2fr 1fr 1fr; gap:50px; }.footer-logo { filter:brightness(0) invert(1); margin-bottom:18px; }.footer-grid p { max-width:310px; color:#a9c2df; }.footer-grid a { display:block; margin:7px 0; font-size:14px; }.footer-grid a:hover { color:#fff; }.footer-title { color:#fff!important; font-weight:800; margin-bottom:12px!important; }.footer-bottom { border-top:1px solid rgba(255,255,255,.14); margin-top:42px; padding:20px 0; font-size:13px; color:#a9c2df; }.footer-bottom a { color:#fff; }
.page-main,.article-main,.agenda-main { min-height:calc(100vh - 225px); }.page-hero { padding:95px 0 55px; background:var(--pale); }.page-hero h1 { max-width:840px; font-size:clamp(39px,5vw,60px); }.page-hero p:last-child { max-width:640px; color:var(--muted); font-size:18px; }.filters { display:flex; flex-wrap:wrap; gap:9px; margin-bottom:32px; }.filter { cursor:pointer; border:1px solid var(--line); border-radius:999px; padding:9px 14px; color:var(--deep); background:#fff; font-weight:700; }.filter.active,.filter:hover { background:var(--blue); border-color:var(--blue); color:#fff; }.article-grid-large { grid-template-columns:repeat(3,1fr); }.article-main { background:#fbfdff; padding:0 0 80px; }.article-content { width:100%; margin:auto; }.article-content .back { display:inline-block; color:var(--blue); font-weight:800; font-size:14px; margin:0 0 18px; }.article-hero { min-height:560px; display:flex; align-items:end; padding:160px max(20px, calc((100% - 1160px) / 2)) 64px; background-position:center; background-size:cover; color:var(--deep); }.article-hero > div { width:100%; max-width:690px; }.article-content .meta { color:var(--blue); font-size:12px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.article-content h1 { font-size:clamp(38px,5vw,66px); letter-spacing:-.055em; margin:16px 0 0; }.article-body { width:min(780px, calc(100% - 40px)); padding:50px 0 0; margin:0 auto; }.article-body p { color:#405675; font-size:18px; margin-bottom:22px; }.article-body .button { margin-top:10px; }.agenda-main { padding:90px 0; background:linear-gradient(130deg,#f7fbff,#e9f5ff); }.agenda-grid { display:grid; grid-template-columns:42% 1fr; align-items:start; gap:90px; }.agenda-grid h1 { font-size:clamp(40px,5vw,60px); }.agenda-grid section > p:not(.eyebrow) { color:var(--muted); font-size:18px; }.contact-direct { margin-top:30px; }.contact-direct a { display:block; color:var(--blue); font-weight:800; margin:8px 0; }.demo-form { background:#fff; padding:34px; border-radius:var(--radius); box-shadow:0 20px 50px rgba(20,90,160,.12); display:grid; grid-template-columns:1fr 1fr; gap:17px; }.demo-form label { display:grid; gap:6px; color:var(--deep); font-size:13px; font-weight:800; }.demo-form label span { color:var(--muted); font-weight:400; }.demo-form label:nth-of-type(5),.demo-form label:nth-of-type(6),.demo-form .button,.form-note { grid-column:1/-1; }.demo-form input,.demo-form select,.demo-form textarea { width:100%; border:1px solid #cdddec; border-radius:9px; padding:11px; font:16px Arial,sans-serif; color:var(--ink); }.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus { outline:2px solid #a9d5ff; border-color:var(--blue); }.form-note { color:var(--muted); font-size:12px; margin:0; }
@media (max-width:760px) { .container { width:min(100% - 32px,1160px); }.site-header { padding:15px 0; }.brand img { width:120px; }.menu-toggle { display:block; }.menu { display:none; position:absolute; top:68px; left:16px; right:16px; flex-direction:column; align-items:stretch; padding:20px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:0 15px 25px rgba(10,38,79,.12); }.menu.open,.menu.always-visible { display:flex; }.menu.always-visible { position:static; flex-direction:row; padding:0; border:0; box-shadow:none; background:none; }.menu.always-visible a:not(.button) { display:none; }.hero { padding:112px 0 35px; background-position:62% center; }.hero-grid,.agenda-grid { grid-template-columns:1fr; gap:32px; }.hero-grid { min-height:500px; }.hero-copy { padding-top:10px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:18px; }.section { padding:65px 0; }.split-heading,.product-content,.cta-inner { align-items:start; flex-direction:column; }.split-heading { margin-bottom:32px; gap:12px; }.steps,.article-grid,.article-grid-large,.pricing-grid,.footer-grid { grid-template-columns:1fr; }.steps { gap:10px; }.article-card { min-height:0; }.product-content { display:flex; }.cta-inner { display:flex; }.footer-grid { gap:25px; }.page-hero { padding:65px 0 40px; }.article-main { padding:0 0 60px; }.article-hero { min-height:470px; padding:130px 16px 38px; background-position:65% center; }.article-body { padding-top:35px; }.agenda-main { padding:55px 0; }.demo-form { grid-template-columns:1fr; padding:22px; }.demo-form label,.demo-form label:nth-of-type(5),.demo-form label:nth-of-type(6),.demo-form .button,.form-note { grid-column:auto; } }

/* Persistent navigation shared by every page. */
.site-header { position:fixed; z-index:1000; top:0; left:0; right:0; width:100%; padding:12px 0; transition:background .3s ease, box-shadow .3s ease, backdrop-filter .3s ease; }
.site-header.solid,.site-header.scrolled { position:fixed; background:rgba(255,255,255,.5); backdrop-filter:blur(20px); box-shadow:0 1px 0 rgba(220,232,246,.65); }
.site-header .nav { max-width:1280px; padding:0 20px; }
.site-header .menu { gap:26px; }
.site-header .menu a:not(.button) { color:var(--ink); font-family:inherit; font-size:14px; font-weight:700; letter-spacing:-.01em; text-transform:none; }
.site-header .menu a:not(.button):hover,.site-header .menu .active { color:var(--blue); }
.site-header .menu-toggle { width:34px; height:34px; padding:0; align-items:center; justify-content:center; gap:5px; cursor:pointer; }
.site-header .menu-toggle span { display:block; width:22px; height:2px; background:var(--deep); transition:transform .2s ease; }
.site-header .menu-toggle.open span:first-child { transform:translateY(3.5px) rotate(45deg); }
.site-header .menu-toggle.open span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
body.menu-open { overflow:hidden; }
@media (max-width:760px) { .site-header { padding:12px 0; }.site-header .menu-toggle { display:flex; }.site-header .menu { top:66px; left:16px; right:16px; gap:0; padding:10px 20px; border-radius:0; background:rgba(255,255,255,.98); backdrop-filter:blur(20px); }.site-header .menu.open { display:flex; }.site-header .menu a:not(.button) { padding:13px 0; border-bottom:1px solid var(--line); }.site-header .menu .button { margin-top:14px; }.site-header .menu.always-visible { display:none; } }
.article-hero--portrait { background-position:center 10%; }
@media (max-width:760px) { .article-hero--portrait { background-position:65% 10%; } }
.news-hero { min-height:560px; display:flex; align-items:end; padding:160px 0 64px; background-image:linear-gradient(90deg,rgba(250,253,255,.99) 0%,rgba(250,253,255,.92) 34%,rgba(250,253,255,.2) 55%,rgba(250,253,255,0) 70%),url('imgs/hero05.webp'); background-position:center 10%; background-size:cover; }
.news-hero > .container { width:min(1160px, calc(100% - 40px)); }.news-hero h1 { max-width:690px; }.news-hero p:last-child { max-width:610px; }
@media (max-width:760px) { .news-hero { min-height:470px; padding:130px 0 38px; background-position:65% 10%; }.news-hero > .container { width:min(100% - 32px,1160px); } }
.article-sources { margin:38px 0 28px; padding-top:26px; border-top:1px solid var(--line); }.article-sources h2 { font-size:22px; margin-bottom:14px; }.article-sources ul { margin:0; padding-left:20px; }.article-sources li { margin:9px 0; color:var(--blue); }.article-sources a { color:var(--blue); font-weight:700; }
.article-checklist { margin:38px 0; padding:30px; border:1px solid var(--line); border-radius:16px; background:#f8fbff; }.article-checklist h2 { margin-bottom:18px; font-size:26px; }.article-checklist h3 { margin:19px 0 6px; color:var(--deep); font-size:17px; }.article-checklist h3:first-of-type { margin-top:0; }.article-checklist ul { margin:0; padding:0; list-style:none; }.article-checklist li { position:relative; padding:5px 0 5px 25px; color:#405675; font-size:15px; line-height:1.4; }.article-checklist li::before { content:'✓'; position:absolute; left:0; color:var(--blue); font-weight:900; }
@media (max-width:760px) { .article-checklist { padding:22px; }.article-checklist h2 { font-size:23px; } }
.countdown-card { padding:24px; border:1px solid #bcdcff; border-radius:16px; background:linear-gradient(135deg,rgba(237,247,255,.94),rgba(248,252,255,.9)); }.countdown-label { margin:0 0 16px!important; color:var(--deep)!important; font-size:13px!important; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.countdown { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }.countdown > div { padding:12px 8px; border-radius:10px; background:#fff; text-align:center; }.countdown strong { display:block; color:var(--blue); font-size:28px; line-height:1; }.countdown span { display:block; margin-top:7px; color:var(--muted); font-size:11px; font-weight:700; text-transform:uppercase; }.countdown-deadline,.countdown-status { margin:17px 0 0!important; color:var(--muted)!important; font-size:13px!important; }.countdown-status { color:var(--deep)!important; font-weight:700; }.countdown-card--inline { display:flex; align-items:center; gap:18px; margin:18px 0 0; padding:0; border:0; border-radius:0; background:none; }.countdown-card--inline .countdown-label { flex:none; margin:0!important; color:var(--ink)!important; font-size:15px!important; font-weight:800; letter-spacing:-.02em; text-transform:none; }.countdown-card--inline .countdown { display:flex; gap:14px; }.countdown-card--inline .countdown > div { padding:0; border-radius:0; background:none; }.countdown-card--inline .countdown strong { color:#d92d20; font-family:inherit; font-size:20px; font-variant-numeric:tabular-nums; font-weight:700; letter-spacing:-.055em; }.countdown-card--inline .countdown span { margin-top:3px; color:var(--ink); font-size:9px; font-weight:700; letter-spacing:.02em; text-transform:none; }.countdown-card--inline .countdown-deadline { display:none; }
@media (max-width:480px) { .countdown-card--inline { gap:10px; }.countdown-card--inline .countdown-label { font-size:13px!important; }.countdown-card--inline .countdown { gap:8px; }.countdown-card--inline .countdown strong { font-size:18px; } }

/* Home slider */
.hero { position:relative; min-height:595px; padding:0; aspect-ratio:1855 / 721; background:none; }.hero-slides { position:absolute; inset:0; }.hero-slide { position:absolute; inset:0; display:grid; opacity:0; pointer-events:none; transition:opacity .7s ease; background-image:linear-gradient(90deg,rgba(250,253,255,.98) 0%,rgba(250,253,255,.92) 37%,rgba(250,253,255,.15) 72%),var(--hero-image); background-position:center; background-size:cover; }.hero-slide.active { opacity:1; pointer-events:auto; }.hero .hero-grid { min-height:595px; padding:142px 0 108px; }.hero-controls { position:absolute; z-index:2; bottom:52px; left:50%; display:flex; align-items:center; justify-content:space-between; width:min(1160px,calc(100% - 40px)); transform:translateX(-50%); }.hero-control { width:38px; height:38px; border:1px solid rgba(8,43,98,.3); border-radius:50%; background:rgba(255,255,255,.52); color:var(--deep); cursor:pointer; font-size:21px; line-height:1; transition:background .2s,transform .2s; }.hero-control:hover { background:#fff; transform:scale(1.06); }.hero-dots { display:flex; gap:8px; }.hero-dots button { width:8px; height:8px; padding:0; border:0; border-radius:99px; background:rgba(8,43,98,.3); cursor:pointer; transition:width .2s,background .2s; }.hero-dots button.active { width:28px; background:var(--blue); }
@media (max-width:760px) { .hero { min-height:527px; }.hero .hero-grid { min-height:527px; padding:112px 0 95px; }.hero-slide { background-position:62% center; }.hero-controls { bottom:40px; width:min(100% - 32px,1160px); }.hero-control { width:34px; height:34px; }.hero-dots { gap:7px; } }
@media (max-width:760px) { .hero-slide { background-image:linear-gradient(90deg,rgba(250,253,255,.98) 0%,rgba(250,253,255,.9) 48%,rgba(250,253,255,.12) 100%),var(--hero-mobile-image,var(--hero-image)); background-position:center; } }
@media (max-width:760px) { html,body { overflow-x:hidden; }.hero,.hero-slides,.hero-slide,.hero .hero-grid,.hero-copy { width:100%; min-width:0; max-width:100%; }.hero-copy { overflow-wrap:anywhere; } }

.button-alert { background:#dc2626; border-color:#dc2626; }
.button-alert:hover { background:#b91c1c; }

.article-hero { background-image:linear-gradient(90deg,rgba(250,253,255,.98) 0%,rgba(250,253,255,.92) 42%,rgba(250,253,255,.15) 76%),var(--article-hero-image); }
.article-card { padding:0; overflow:hidden; }
.article-card-link { display:flex; flex-direction:column; height:100%; color:inherit; }
.article-card-image { display:block; width:100%; height:170px; object-fit:cover; }
.article-card-content { display:flex; flex:1; flex-direction:column; padding:27px; }
.article-publication-date { margin:12px 0 0; color:var(--deep); font-size:14px; }
.article-hero--contain { background-size:cover; }

@media (max-width:760px) { .article-hero--contain { background-image:linear-gradient(90deg,rgba(250,253,255,.98) 0%,rgba(250,253,255,.84) 54%,rgba(250,253,255,.18) 100%),var(--article-hero-mobile-image,var(--article-hero-image)); background-position:center; background-size:cover; } }

.hero-slide:nth-child(2),.hero-slide:nth-child(3) { background-image:linear-gradient(90deg,rgba(250,253,255,.98) 0%,rgba(250,253,255,.86) 32%,rgba(250,253,255,0) 55%),var(--hero-image); }
.hero-slide:nth-child(2),.hero-slide:nth-child(4),.hero-slide:nth-child(5) { background-image:linear-gradient(90deg,rgba(250,253,255,1) 0%,rgba(250,253,255,.93) 32%,rgba(250,253,255,0) 55%),var(--hero-image); }

@media (min-width:761px) { .hero-copy { min-height:360px; } }

/* Plan sale badge */
.price-card { position:relative; }
.sale-badge { position:absolute; top:20px; right:20px; background:#dbeafe; color:var(--blue); font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; padding:6px 12px; border-radius:999px; }
.price-label { margin:0 0 6px; font-size:13px; color:var(--muted); }
.price { display:flex; align-items:center; gap:10px; flex-wrap:wrap; color:var(--blue); font-size:26px; font-weight:800; margin-bottom:0; }
.save-badge { background:#dbeafe; color:var(--blue); font-size:12px; font-weight:800; padding:5px 10px; border-radius:999px; white-space:nowrap; }
.price-regular { margin:3px 0 0; font-size:13px; color:var(--muted); }

/* Article detail layout with related sidebar */
.article-layout { display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:56px; width:min(1160px, calc(100% - 40px)); margin:0 auto; padding-top:50px; }
.article-layout .article-body { width:100%; margin:0; padding-top:0; }
.article-related { position:sticky; top:96px; align-self:start; }
.related-header { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:20px; }
.related-header h2 { margin:0; font-size:22px; letter-spacing:-.03em; }
.related-all { color:var(--blue); font-size:13px; font-weight:700; white-space:nowrap; }
.related-list { display:grid; gap:14px; }
.related-item { display:flex; align-items:flex-start; gap:14px; padding:14px; border:1px solid var(--line); border-radius:16px; background:#fff; transition:transform .2s, box-shadow .2s; }
.related-item:hover { transform:translateY(-2px); box-shadow:0 12px 26px rgba(15,62,115,.1); }
.related-item img { width:82px; height:82px; flex:none; object-fit:cover; border-radius:12px; }
.related-item-body { flex:1; min-width:0; }
.related-item h3 { margin:0; color:var(--deep); font-size:15px; line-height:1.3; letter-spacing:-.02em; }
@media (max-width:760px) { .article-layout { grid-template-columns:1fr; gap:44px; width:min(100% - 32px,1160px); padding-top:35px; }.article-related { position:static; } }
.new-badge { display:inline-block; margin-left:6px; padding:3px 7px; border-radius:999px; background:#e8f1ff; color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.08em; vertical-align:middle; }
@media (max-width:760px) { .hero-slide { background-image:linear-gradient(90deg,rgba(250,253,255,.98) 0%,rgba(250,253,255,.9) 48%,rgba(250,253,255,.12) 100%),var(--hero-mobile-image,var(--hero-image)); background-position:center; } }