@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--blue:#096bff;--navy:#122b50;--purple:#7639ef;--text:#162944;--muted:#66768d;--line:#e5edf6;--radius:24px;--font:'Be Vietnam Pro',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:var(--font);color:var(--text);font-size:16px;line-height:1.65;background:#fff}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #78aeff;outline-offset:5px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.25;letter-spacing:-.035em}h1{font-size:clamp(2.7rem,4.4vw,4.7rem);font-weight:800;margin-bottom:25px}h2{font-size:clamp(2rem,3vw,2.7rem);font-weight:800;margin-bottom:18px}h3{font-size:1.25rem;font-weight:700}p{color:var(--muted)}.container{max-width:1240px;margin:auto;padding:0 28px}.section{padding:85px 0}.soft{background:#f6f9fd}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-head p{margin-bottom:18px;font-size:1rem}.section-head.centered{display:block;text-align:center;max-width:800px;margin:0 auto 45px}.kicker{display:block;font-size:.78rem;font-weight:700;letter-spacing:.13em;color:var(--blue);margin-bottom:12px}.grid{display:grid;gap:24px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.button{border:1px solid var(--blue);background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:11px;font-size:.94rem;font-weight:600;line-height:1.4;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 6px 18px #096bff16;text-align:center}.button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #096bff30;background:#005bde}.button.secondary{background:white;color:var(--blue);border-color:#b9d3fb;box-shadow:none}.button.violet{background:var(--purple);border-color:var(--purple)}.button.small{padding:11px 15px;font-size:.82rem}.button-row{display:flex;flex-wrap:wrap;gap:14px}.text-link{border:0;background:none;padding:0;color:var(--blue);font-weight:600;font-size:.88rem;text-align:left}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.skip{position:absolute;top:-80px;background:var(--navy);color:white;padding:15px;z-index:100}.skip:focus{top:0}.site-header{background:#ffffffeb;backdrop-filter:blur(20px);border-bottom:1px solid #e8eff6;position:sticky;top:0;z-index:30}.nav-wrap{display:flex;align-items:center;min-height:84px;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:1.65rem;font-weight:800;line-height:1}.brand-domain{font-size:1.1rem}.brand small{display:block;font-size:.62rem;letter-spacing:.015em;font-weight:500;margin-top:7px}.brand-mark{display:flex;align-items:center;justify-content:center;width:44px;height:40px;border-radius:14px 14px 14px 4px;background:var(--blue);color:white;font-size:1.3rem;letter-spacing:2px;box-shadow:0 4px 14px #096bff28}.nav-wrap nav{display:flex;gap:26px;margin-left:auto;align-items:center}.nav-wrap nav a{font-size:.82rem;font-weight:600;white-space:nowrap;transition:color .2s}.nav-wrap nav a:hover{color:var(--blue)}.menu-toggle{display:none}.hero{background:radial-gradient(ellipse at 80% 20%,#d7eaff 0,transparent 50%),linear-gradient(125deg,#f5fbff,#e8f4ff 65%,#f8faff);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;padding-top:74px;padding-bottom:70px;gap:30px;min-height:610px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.68rem;font-weight:700;letter-spacing:.02em;color:#0865df;padding:8px 12px;background:#dcedff;border-radius:30px;margin-bottom:25px}.tiny-dot{background:var(--blue);width:6px;height:6px;border-radius:50%}.hero h1 span{color:var(--blue)}.hero-copy>p{max-width:510px;font-size:1.04rem;margin-bottom:30px}.hero-proof{display:flex;gap:20px;font-size:.75rem;color:#536c86;margin-top:25px;flex-wrap:wrap}.hero-proof b{color:var(--blue);margin-right:5px}.hero-art{position:relative;min-width:0}.hero-art img{width:110%;max-width:none;border-radius:30px;mix-blend-mode:multiply;aspect-ratio:3/2;object-fit:cover;transform:translateX(-5%)}.floating-label{display:flex;align-items:center;gap:12px;background:#ffffffed;box-shadow:0 16px 50px #3672ac1a;border:1px solid white;border-radius:14px;padding:12px 18px;position:absolute;bottom:0;right:15px;font-size:.82rem;animation:bob 5s ease-in-out infinite}.floating-label small{display:block;font-size:.7rem;color:var(--muted)}.check-icon{background:#dcf8ea;color:#12a77e;border-radius:50%;width:32px;height:32px;display:grid;place-items:center}.value-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#ffffffd9;border-radius:22px 22px 0 0;border:1px solid white;border-bottom:0;padding-top:23px;padding-bottom:23px;box-shadow:0 -8px 35px #5080a809}.value-strip>div{display:flex;align-items:center;gap:13px;padding:0 18px;border-right:1px solid var(--line)}.value-strip>div:last-child{border:0}.value-strip p{margin:0}.value-strip strong{font-size:.9rem;display:block;color:var(--text)}.value-strip small{font-size:.73rem;display:block;margin-top:3px}.icon{width:45px;height:45px;display:inline-flex;justify-content:center;align-items:center;border-radius:12px;font-size:1.3rem;font-weight:700;flex-shrink:0}.blue{background:#e0eeff;color:var(--blue)}.purple{background:#ede4ff;color:var(--purple)}.mint{background:#ddf7ee;color:#0ca782}.start-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.start-card{padding:32px;border-radius:var(--radius);position:relative;overflow:hidden;min-height:415px;border:1px solid #d4e7fb}.start-card.message{background:linear-gradient(130deg,#eaf5ff,#dceeff)}.start-card.learning{background:linear-gradient(130deg,#f5eeff,#e8e1ff);border-color:#e5dafa}.start-card h3{font-size:1.7rem;margin:15px 0}.start-card p{max-width:340px;font-size:.94rem}.inline-check{list-style:none;display:flex;flex-wrap:wrap;padding:0;gap:12px;font-size:.75rem;color:#4d6685;margin-bottom:22px}.inline-check li:before{content:'✓';color:var(--blue);margin-right:5px}.mini-ui{background:#ffffffdb;border:1px solid #e6eefc;padding:13px;border-radius:14px;margin-top:25px;font-size:.7rem;box-shadow:0 10px 30px #4d78ba14;transform:rotate(-2deg);width:90%}.mini-ui>div{display:flex;justify-content:space-between;align-items:center;padding:8px 3px;border-bottom:1px solid #edf2f7}.mini-ui>div:last-child{border-bottom:0}.mini-top{font-weight:700}.mini-top span{color:var(--blue)}.mini-ui em{font-style:normal;color:#0d9571;background:#e2f7ef;padding:2px 7px;border-radius:4px;font-size:.63rem}.mini-ui em.pending{color:#a47918;background:#fff6d7}.academy-mini{margin-top:32px;padding:15px 20px;background:#ffffffa8;border-radius:16px;display:grid;grid-template-columns:42px 1fr;gap:5px 12px;align-items:center}.play-dot{background:var(--purple);color:white;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;grid-row:span 3;font-size:14px}.academy-mini strong{font-size:.8rem}.academy-mini small{font-size:.67rem;color:var(--muted)}.progress-track{height:5px;background:#e3dbf6;border-radius:9px;width:100%;display:block}.progress-track i{display:block;background:var(--purple);width:62%;height:100%;border-radius:9px}.feature-card{background:white;border:1px solid var(--line);border-radius:22px;padding:28px;transition:transform .25s,box-shadow .25s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 15px 45px #1a4e8310}.feature-symbol{display:flex;align-items:center;justify-content:center;width:67px;height:67px;border-radius:20px;font-size:2.1rem;margin-bottom:23px}.card-label{font-size:.69rem;letter-spacing:.06em;font-weight:700;color:#8393a7;display:block;margin:12px 0}.feature-card h3{margin:12px 0}.feature-card p{font-size:.9rem;margin-bottom:23px}.policy-note{text-align:center;font-size:.76rem;margin:26px 0 0;color:#718198}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{border:1px solid transparent;background:#f2f6fb;padding:9px 17px;color:#59708a;border-radius:8px;font-weight:600;font-size:.79rem;transition:all .2s}.tabs button:hover{background:#e7f0ff}.tabs button.active{background:var(--blue);color:white;box-shadow:0 4px 15px #096bff20}#template-count{font-size:.76rem;color:var(--muted);white-space:nowrap}.template-card{border:1px solid var(--line);border-radius:19px;padding:23px;background:#fff;display:flex;gap:18px;align-items:center;transition:box-shadow .2s}.template-card:hover{box-shadow:0 15px 35px #204b8211}.template-message{width:115px;min-height:180px;flex-shrink:0;background:linear-gradient(#edf5ff,#f8fbff);border:1px solid #dbe9fc;border-radius:14px;padding:14px 10px;font-size:.6rem;color:#657c96;box-shadow:inset 0 0 0 4px #fff}.template-message strong{font-size:.67rem;color:var(--navy);display:block;line-height:1.5}.message-symbol{display:block;font-size:1.8rem;color:var(--blue);text-align:center;margin:12px 0}.template-message .message-cta{display:block;text-align:center;background:var(--blue);color:white;padding:5px;border-radius:5px;margin-top:9px}.template-info{min-width:0}.template-info h3{font-size:1rem;margin:12px 0}.template-info p{font-size:.79rem;line-height:1.6;margin-bottom:15px}.badge{display:inline-block;background:#e9f3ff;color:var(--blue);padding:4px 8px;border-radius:5px;font-size:.64rem;font-weight:600}.badge.violet-badge{color:var(--purple);background:#f1eaff}.badge.green-badge{color:#09956d;background:#e5f8f0}.template-info .button{font-size:.73rem;padding:8px 12px}.academy-section{background:linear-gradient(135deg,#f7f4ff,#ede8ff);border-top:1px solid #eee8fb;border-bottom:1px solid #eee8fb}.violet-text{color:var(--purple)}.academy-filters{margin-bottom:25px}.academy-filters button.active{background:var(--purple)}.course-card{background:white;border:1px solid #e5ddf6;border-radius:20px;overflow:hidden;box-shadow:0 8px 25px #59389907;transition:transform .25s}.course-card:hover{transform:translateY(-6px)}.course-image{height:205px;position:relative;overflow:hidden;background:#183d73}.course-image img{width:300%;height:100%;max-width:none;object-fit:cover;object-position:center;position:absolute;top:0}.course-image img.panel-0{left:0}.course-image img.panel-1{left:-100%}.course-image img.panel-2{left:-200%}.course-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#09264f45)}.course-image .badge{position:absolute;left:16px;top:16px;z-index:2;background:#0cac84;color:white;font-size:.66rem;letter-spacing:.04em}.course-image .badge.paid{background:var(--purple)}.course-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;border:3px solid #ffffffb9;display:grid;place-items:center;color:white;background:#116effc9;z-index:2;font-size:17px}.course-body{padding:24px}.course-meta{display:flex;justify-content:space-between;color:#8290a6;font-size:.7rem;margin-bottom:13px}.course-body h3{font-size:1.12rem;margin-bottom:12px}.course-body p{font-size:.85rem;min-height:54px}.course-body .button{width:100%;margin-top:8px}.academy-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:#6e5f8b;margin-top:28px;gap:20px}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;list-style:none;padding:0;margin:0}.process-grid li{padding-top:22px;border-top:2px solid #dfebfb}.process-grid li>span{font-weight:800;color:var(--blue);font-size:1.7rem}.process-grid h3{font-size:.99rem;margin:15px 0 10px}.process-grid p{font-size:.82rem;margin:0}.price-card{border:1px solid #dfebf7;border-radius:21px;background:white;padding:33px;position:relative;display:flex;flex-direction:column}.price-card h3{font-size:1.4rem;margin:20px 0 13px}.price-card p{font-size:.86rem;margin:0}.price-title{font-size:1.1rem;font-weight:700;color:var(--navy);margin:25px 0 8px}.price-card ul{list-style:none;padding:0;margin:20px 0 30px;font-size:.85rem}.price-card li{padding:7px 0}.price-card li:before{content:'✓';color:#0aab80;margin-right:10px}.price-card .button{margin-top:auto;width:100%}.price-card.featured{border:2px solid var(--blue);box-shadow:0 10px 40px #096bff12}.ribbon{position:absolute;top:-14px;left:22px;padding:5px 12px;border-radius:7px;background:var(--blue);color:white;font-size:.65rem;font-weight:700;letter-spacing:.03em}.ecosystem{color:white;background:radial-gradient(ellipse at 20% 50%,#124e85,transparent 60%),radial-gradient(ellipse at 80% 100%,#263568,transparent 60%),#081f3f;position:relative;overflow:hidden}.ecosystem .kicker{color:#71b5ff}.ecosystem h2{color:white}.ecosystem .section-head p{color:#adc4de}.ecosystem-grid{display:grid;grid-template-columns:280px 1fr;align-items:center;gap:65px}.ecosystem-hub{border:1px solid #4199df7a;border-radius:28px;padding:40px 24px;text-align:center;background:linear-gradient(140deg,#113e67aa,#23477355);box-shadow:0 0 70px #38a2ff16;position:relative}.ecosystem-hub .brand-mark{margin:0 auto 19px;width:64px;height:58px;font-size:2rem;box-shadow:0 0 35px #228fff88}.ecosystem-hub strong{display:block;font-size:2rem}.ecosystem-hub small{font-size:.76rem;color:#a1c7e7}.ecosystem-products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.eco-product{background:#14314d;border:1px solid #37658b;color:white;padding:22px 15px;border-radius:15px;text-align:left;transition:all .25s}.eco-product:hover,.eco-product.active{background:#194777;border-color:#62c5ff;box-shadow:0 0 22px #3295e228;transform:translateY(-3px)}.eco-product .icon{width:37px;height:37px;font-size:1rem;margin-bottom:15px}.eco-product strong{font-size:.94rem;display:block}.eco-product small{font-size:.69rem;color:#a1bcda;display:block;margin-top:6px}.ecosystem-detail{background:#ffffff09;border:1px solid #34628b65;padding:23px 28px;border-radius:15px;margin-top:28px;display:flex;align-items:center;gap:24px;min-height:115px}.ecosystem-detail h3{font-size:1.02rem;margin-bottom:7px}.ecosystem-detail p{color:#adc4de;margin:0;font-size:.83rem}.ecosystem-detail .button{white-space:nowrap;margin-left:auto;background:#1c68ac;border-color:#428ac9;font-size:.8rem}.resource-grid article{min-width:0}.resource-cover{border-radius:16px;min-height:195px;padding:27px;display:flex;flex-direction:column;justify-content:center}.resource-cover>span{font-size:.66rem;letter-spacing:.13em;opacity:.8}.resource-cover strong{font-size:1.43rem;line-height:1.35;letter-spacing:-.04em;margin:10px 0 17px}.resource-cover div{font-size:.7rem;opacity:.85}.checklist{background:linear-gradient(125deg,#ddf5ee,#ecfbf6);color:#176b59}.errors{background:linear-gradient(125deg,#e9e2ff,#f7f0ff);color:#673c9d}.journey{background:linear-gradient(125deg,#dceeff,#edf6ff);color:#225b9b}.resource-grid h3{font-size:1.08rem;margin-top:12px;margin-bottom:10px}.resource-grid p{font-size:.84rem}.faq-section{padding-top:35px}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-grid>div>p{font-size:.9rem}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;padding:22px 34px 22px 0;font-weight:600;cursor:pointer;font-size:.91rem;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:2px;top:18px;font-size:1.35rem;color:var(--blue);font-weight:400}details[open] summary:after{content:'−'}details p{font-size:.85rem;margin-bottom:24px;padding-right:28px}.final-cta{background:linear-gradient(100deg,#087bff,#0752e3);color:white;padding:58px 0;position:relative}.final-cta .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.final-cta h2{font-size:2rem;margin:12px 0 0;color:white}.final-cta span{font-size:.72rem;letter-spacing:.13em;color:#c6e4ff}.button.white{background:white;color:var(--blue);border-color:white;box-shadow:none}.button.translucent{background:#ffffff0b;border-color:#ffffff6a;color:white}footer{background:#081e3a;color:white;padding-top:55px}.footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:30px;padding-bottom:40px}.footer-about .brand{margin-bottom:23px}.footer-about h3{font-size:.72rem;letter-spacing:0;line-height:1.6}.footer-about p{font-size:.78rem;max-width:300px;color:#94abc5}.footer-grid h4{font-size:.82rem;margin-bottom:16px}.footer-grid>div>a:not(.brand),.footer-grid>div>button{display:block;font-size:.76rem;line-height:1.9;color:#a8bcd3;margin:6px 0;border:0;background:none;padding:0;text-align:left}.footer-grid>div>a:hover,.footer-grid>div>button:hover{color:white}.footer-bottom{border-top:1px solid #ffffff16;padding-top:19px;padding-bottom:22px;font-size:.68rem;color:#8aa4c0;display:flex;justify-content:space-between;gap:20px}.back-top{position:fixed;bottom:25px;right:24px;border:1px solid #c6d9f0;background:#ffffffed;color:var(--blue);width:43px;height:43px;border-radius:50%;box-shadow:0 5px 20px #193a6815;z-index:20;font-size:1.2rem;opacity:0;pointer-events:none;transition:opacity .2s}.back-top.visible{opacity:1;pointer-events:auto}dialog{border:0;border-radius:24px;padding:40px;max-width:680px;width:calc(100% - 32px);max-height:85vh;box-shadow:0 30px 100px #0004;color:var(--text);background:white}dialog::backdrop{background:#08234499;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:10px;right:15px;font-size:1.8rem;border:0;background:none;color:#8294a9;line-height:1;padding:8px}.dialog-content h2,#dialog-content h2{font-size:1.65rem;padding-right:20px;margin-bottom:18px}#dialog-content p,#dialog-content li{font-size:.9rem}#dialog-content ul,#dialog-content ol{padding-left:23px}#dialog-content .button-row{margin-top:25px}.sample-preview{padding:22px;background:#f1f7ff;border:1px solid #d9e9fb;border-radius:15px;font-size:.86rem;white-space:pre-line;line-height:1.8;margin:20px 0}.sample-preview strong{display:block;margin-bottom:10px;color:var(--blue)}.dialog-note{font-size:.76rem!important;background:#f8f9fc;padding:12px;border-radius:9px}.contact-form label{display:block;font-size:.82rem;font-weight:600;margin-bottom:15px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;display:block;margin-top:6px;border:1px solid #ccdaea;border-radius:9px;background:white;padding:11px 12px;font-size:.86rem;color:var(--text)}.contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form .button{width:100%}.draft-output{background:#f1f7ff;padding:18px;border-radius:12px;white-space:pre-line;font-size:.85rem;margin-top:20px}.draft-output[hidden]{display:none}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%) translateY(30px);border-radius:10px;padding:12px 22px;background:var(--navy);color:white;font-size:.83rem;z-index:100;opacity:0;pointer-events:none;transition:all .2s;max-width:90%;text-align:center}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.fade-in{animation:fade .35s ease-out}@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes bob{50%{transform:translateY(-8px)}}
@media(min-width:1500px){.hero-art img{width:115%}.hero-grid{min-height:660px}}
@media(max-width:1100px){.nav-wrap{gap:18px}.nav-wrap nav{gap:15px}.nav-wrap nav a{font-size:.75rem}.hero-grid{gap:15px}.template-card{padding:18px;gap:13px}.template-message{width:96px}.ecosystem-grid{grid-template-columns:230px 1fr;gap:30px}.footer-grid{gap:20px}.price-card{padding:25px}}
@media(max-width:850px){.container{padding:0 22px}.section{padding:65px 0}.nav-wrap{min-height:75px}.nav-wrap>.button{margin-left:auto}.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;padding:8px;border:0;background:none;order:3}.menu-toggle span{width:22px;height:2px;background:var(--navy)}.nav-wrap nav{display:none;position:absolute;left:0;right:0;top:75px;background:white;padding:20px 25px;box-shadow:0 20px 30px #0d325014;flex-direction:column;align-items:flex-start;gap:18px;border-bottom:1px solid var(--line)}.nav-wrap nav.open{display:flex}.nav-wrap nav a{font-size:.9rem}.hero-grid{grid-template-columns:1fr 1fr;padding-top:50px;padding-bottom:50px;min-height:auto}.hero h1{font-size:2.8rem}.hero-copy>p{font-size:.9rem}.hero-proof{font-size:.65rem;gap:10px}.eyebrow{font-size:.57rem}.hero .button{padding:11px 15px;font-size:.8rem}.floating-label{display:none}.value-strip{grid-template-columns:repeat(2,1fr);gap:18px;border-radius:0}.value-strip>div:nth-child(2){border:0}.value-strip strong{font-size:.85rem}.three{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-grid article:last-child,.pricing-grid article:last-child{grid-column:span 2}.section-head p{font-size:.85rem}.section-head h2{font-size:2rem}.start-card{padding:25px}.start-card h3{font-size:1.4rem}.start-card p{font-size:.84rem}.inline-check{font-size:.69rem}.mini-ui{width:100%}.academy-bottom{flex-direction:column;align-items:flex-start}.process-grid{grid-template-columns:repeat(3,1fr)}.ecosystem-grid{grid-template-columns:1fr}.ecosystem-hub{padding:22px;display:flex;align-items:center;gap:15px;text-align:left;justify-content:center}.ecosystem-hub .brand-mark{margin:0}.ecosystem-hub strong{font-size:1.6rem}.ecosystem-detail{gap:20px}.footer-grid{grid-template-columns:repeat(4,1fr)}.footer-about{grid-column:span 4}.faq-grid{gap:35px;grid-template-columns:.75fr 1.25fr}.final-cta .container{align-items:flex-start;flex-direction:column}.course-image{height:210px}}
@media(max-width:600px){html{scroll-padding-top:90px}.container{padding:0 19px}.brand{font-size:1.45rem}.brand-mark{width:38px;height:35px}.brand-domain{font-size:.9rem}.nav-wrap>.button{font-size:.7rem;padding:9px 10px}.hero-grid{grid-template-columns:1fr;padding-top:36px;padding-bottom:35px;gap:20px}.hero h1{font-size:2.7rem;margin-bottom:20px}.desktop-break{display:none}.hero-copy>p{font-size:.97rem}.eyebrow{font-size:.6rem;padding:7px 10px;letter-spacing:0}.hero .button{font-size:.85rem;padding:13px 16px}.hero-proof{font-size:.7rem}.hero-art{margin-top:10px}.hero-art img{width:100%;transform:none}.value-strip{padding-top:20px;padding-bottom:20px;gap:20px 8px}.value-strip>div{padding:0;border:0;gap:9px}.value-strip .icon{width:35px;height:35px;border-radius:9px;font-size:1rem}.value-strip strong{font-size:.73rem}.value-strip small{font-size:.63rem}.section{padding:50px 0}.section-head{display:block;margin-bottom:25px}.section-head p{font-size:.9rem}.section-head h2,h2{font-size:1.9rem}.kicker{font-size:.68rem}.start-grid,.three{grid-template-columns:1fr}.solution-grid article:last-child,.pricing-grid article:last-child{grid-column:auto}.start-card{padding:26px;min-height:auto}.start-card h3{font-size:1.55rem}.start-card p{max-width:none}.feature-card{padding:26px}.feature-symbol{width:55px;height:55px;font-size:1.75rem;margin-bottom:15px}.filter-bar{display:block}#template-count{display:block;margin-top:16px}.tabs button{padding:8px 12px;font-size:.72rem}.template-card{padding:23px;gap:22px}.template-message{width:118px}.template-info h3{font-size:1.04rem}.template-info p{font-size:.84rem}.course-image{height:220px}.course-body p{min-height:0}.process-grid{grid-template-columns:1fr 1fr;gap:25px 20px}.process-grid li:last-child{grid-column:span 2}.price-card{padding:28px}.price-card.featured{margin-top:10px}.ecosystem-products{grid-template-columns:1fr 1fr;gap:12px}.eco-product{padding:18px 15px}.eco-product strong{font-size:.88rem}.ecosystem-hub{flex-wrap:wrap}.ecosystem-hub small{width:100%;text-align:center}.ecosystem-detail{flex-direction:column;align-items:flex-start;padding:20px}.ecosystem-detail .button{margin-left:0}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-section{padding-top:10px}.resource-cover{min-height:190px}.final-cta h2{font-size:1.75rem}.final-cta{padding:40px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-about{grid-column:span 2}.footer-bottom{flex-direction:column;gap:8px;font-size:.66rem}.policy-note{font-size:.69rem}dialog{padding:32px 24px}.contact-form .row{grid-template-columns:1fr;gap:0}#dialog-content h2{font-size:1.45rem}.back-top{right:15px;bottom:18px}.academy-bottom{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Resources, FAQ, call to action and footer form one compact closing area. */
#resources{padding:38px 0 34px;background:#fff}
#resources>.container{max-width:1480px;padding:0 40px}
#resources .section-head{margin-bottom:24px;align-items:center}
#resources .section-head h2{font-size:clamp(1.8rem,2.6vw,2.6rem);color:#0c2448;margin:0}
#resources .section-head>.text-link{font-size:.92rem;white-space:nowrap}
.knowledge-layout{display:grid;grid-template-columns:minmax(0,2.65fr) minmax(290px,1fr);gap:40px;align-items:start}
#resources .resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
#resources .resource-grid article{min-width:0}
#resources .resource-photo{width:100%;display:block;aspect-ratio:1.6;min-height:0;padding:0;border:0;border-radius:11px;overflow:hidden;background:#edf3f9;position:relative}
.resource-image{display:block;width:100%;height:100%;background-image:url('assets/resource-photos.png');background-repeat:no-repeat;background-size:300% 160%;transition:transform .35s}
#resources .resource-image{position:absolute;inset:0;opacity:1}
.photo-checklist .resource-image{background-position:0 center}.photo-errors .resource-image{background-position:50% center}.photo-journey .resource-image{background-position:100% center}
.photo-data .resource-image{background-position:0 center}.photo-automation .resource-image{background-position:100% center}.photo-reporting .resource-image{background-position:50% center}
#resources .resource-topic{position:absolute;bottom:12px;left:12px;z-index:1;padding:6px 9px;border-radius:6px;background:#fff;color:#1765cf;font-size:.62rem;font-weight:800;letter-spacing:.045em;box-shadow:0 2px 12px #102b4b18}
.resource-photo:hover .resource-image{transform:scale(1.045)}
#resources .resource-grid h3{font-size:1rem;line-height:1.5;letter-spacing:-.025em;margin:12px 0 7px}
.article-title{background:none;border:0;font:inherit;color:#132c50;font-weight:700;line-height:inherit;text-align:left;padding:0}
.article-title:hover{color:var(--blue)}
#resources .resource-grid p{font-size:.94rem;line-height:1.65;color:#8a96a8;margin:0}
#resources .faq-section{padding:0;scroll-margin-top:100px;min-width:0}
#resources .faq-section h2{font-size:1.5rem;line-height:1.4;margin:0 0 16px;color:#0c2448}
#resources .faq-list{border:0;display:flex;flex-direction:column;gap:10px}
#resources details{border:1px solid #e9eef5;border-radius:10px;background:#fbfcfe;transition:background .2s,border-color .2s}
#resources details[open]{background:#f2f7ff;border-color:#cddfff}
#resources summary{font-size:.85rem;line-height:1.5;font-weight:600;padding:14px 33px 14px 14px;color:#52627a;position:relative;list-style:none}
#resources summary:after{content:'';width:7px;height:7px;border:solid #8c9fbb;border-width:0 2px 2px 0;transform:rotate(45deg);position:absolute;right:16px;top:19px;font-size:0;transition:transform .2s}
#resources details[open] summary:after{transform:rotate(225deg);top:23px}
#resources details p{padding:0 14px 15px;margin:0;font-size:.85rem;color:#65788f;line-height:1.75}
.final-cta{padding:29px 0;background:linear-gradient(110deg,#086cff,#035ced);overflow:hidden;border-top:3px solid #c3e0ff}
.final-cta .container{max-width:1480px;padding:0 40px;flex-direction:row;align-items:center;justify-content:space-between;gap:35px;position:relative;min-height:95px}
.final-cta h2{font-size:clamp(1.65rem,2.2vw,2.25rem);line-height:1.5;margin:0;letter-spacing:-.035em;position:relative;z-index:1}
.final-cta .button-row{position:relative;z-index:2;flex-wrap:nowrap;margin-right:58px;gap:20px}
.final-cta .button{font-size:1rem;border-radius:12px;padding:17px 25px;min-width:180px;min-height:59px;box-shadow:inset 0 1px 2px #fff6}
.final-cta .button.translucent{border-color:#9acaff;background:#ffffff06}
.cta-send{position:absolute;right:7px;top:0;width:67px;height:67px;transform:rotate(4deg);opacity:.95;filter:drop-shadow(0 5px 12px #00399d33);pointer-events:none}
footer{background:linear-gradient(110deg,#082342,#061d39);padding-top:35px}
footer .container{max-width:1480px;padding-left:40px;padding-right:40px}
footer .footer-grid{grid-template-columns:2.1fr repeat(4,1fr);gap:34px;padding-bottom:27px}
footer .footer-about .brand{margin-bottom:21px;font-size:2rem}
footer .brand-mark{background:#a9dcff;color:#0a68ef;width:49px;height:46px;border-radius:50% 50% 50% 7px;box-shadow:none}
footer .brand-domain{font-size:1.3rem}
footer .brand small{font-size:.68rem;color:#c1d6ec}
footer .footer-about h3{font-size:.83rem;font-weight:700;margin-bottom:9px}
footer .footer-about p{font-size:.87rem;max-width:420px;color:#9db5d0;line-height:1.7;margin:0}
footer .footer-grid h4{font-size:.95rem;margin-bottom:12px;color:#e5f0ff}
footer .footer-grid>div>a:not(.brand),footer .footer-grid>div>button{font-size:.85rem;line-height:1.55;margin:8px 0;color:#99b1cf}
footer .footer-bottom{padding-top:15px;padding-bottom:19px;font-size:.76rem;color:#7795b7}
@media(max-width:1100px){#resources>.container,.final-cta .container,footer .container{padding-left:28px;padding-right:28px}.knowledge-layout{grid-template-columns:minmax(0,2.3fr) minmax(270px,1fr);gap:26px}#resources .resource-grid{gap:15px}#resources .resource-grid h3{font-size:.94rem}#resources .resource-grid p{font-size:.87rem}.final-cta .button-row{margin-right:35px;gap:12px}.final-cta .button{min-width:150px;padding:15px 18px;font-size:.9rem}.cta-send{width:49px;height:49px;right:0}footer .footer-grid{gap:22px;grid-template-columns:1.8fr repeat(4,1fr)}footer .footer-grid>div>a:not(.brand),footer .footer-grid>div>button{font-size:.79rem}}
@media(max-width:850px){.knowledge-layout{grid-template-columns:1fr;gap:32px}#resources .faq-section h2{font-size:1.65rem}#resources .faq-list{display:grid;grid-template-columns:1fr 1fr;align-items:start}#resources .resource-grid p{font-size:.94rem}.final-cta .container{flex-direction:column;align-items:flex-start;gap:22px}.final-cta .button-row{margin-right:0}.cta-send{right:28px;top:10px;width:60px;height:60px}footer .footer-grid{grid-template-columns:repeat(4,1fr);gap:25px}footer .footer-about{grid-column:1/5}footer .footer-about p{max-width:600px}}
@media(max-width:600px){#resources{padding:30px 0}#resources>.container,.final-cta .container,footer .container{padding-left:18px;padding-right:18px}#resources .section-head{display:block}#resources .section-head>.text-link{display:block;margin-top:14px;font-size:.85rem}#resources .resource-grid{grid-template-columns:1fr;gap:25px}#resources .resource-grid h3{font-size:1.1rem}#resources .resource-grid p{font-size:1rem}#resources .faq-list{grid-template-columns:1fr}#resources summary{font-size:.94rem;padding:17px 38px 17px 16px}#resources summary:after{top:22px}#resources details[open] summary:after{top:26px}#resources details p{font-size:.93rem}.final-cta{padding:26px 0}.final-cta h2{font-size:1.65rem;line-height:1.5;padding-right:10px}.final-cta .button-row{gap:11px;width:100%}.final-cta .button{min-width:0;flex:1;font-size:.88rem;padding:14px 15px;min-height:52px}.cta-send{display:none}footer .footer-grid{grid-template-columns:1fr 1fr;gap:24px}footer .footer-about{grid-column:1/3}footer .footer-about h3{font-size:.8rem}footer .footer-about p{font-size:.9rem}footer .footer-grid>div>a:not(.brand),footer .footer-grid>div>button{font-size:.86rem}footer .footer-bottom{flex-direction:column;gap:9px;font-size:.72rem}}
@media(prefers-reduced-motion:reduce){.resource-image{transition:none}.resource-photo:hover .resource-image{transform:none}}

/* Brotech ecosystem: a central hub with six connected product cards. */
#ecosystem{padding:40px 0;background:radial-gradient(ellipse at 50% 55%,#124e9c55,transparent 43%),linear-gradient(115deg,#0c2e57,#082242 60%,#0a2b54);isolation:isolate}
#ecosystem:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#39b8ff44 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(transparent,#0008,transparent);opacity:.4}
#ecosystem>.container{max-width:1440px;padding:0 40px}
#ecosystem .section-head{margin:0 auto 26px;max-width:900px}
#ecosystem h2{font-size:clamp(1.9rem,2.7vw,2.7rem);line-height:1.3;margin-bottom:10px;letter-spacing:-.045em}
#ecosystem .section-head p{font-size:1rem;margin:0;color:#bbd2ee}
#ecosystem .ecosystem-grid{display:grid;grid-template-columns:minmax(0,1fr) 220px minmax(0,1fr);grid-template-rows:repeat(3,100px);column-gap:85px;row-gap:15px;position:relative;align-items:stretch}
.ecosystem-connections{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 5px #00baff88)}
.ecosystem-connections path{fill:none;stroke:#1a96c4;stroke-width:2;vector-effect:non-scaling-stroke}
.ecosystem-connections .connection-pulses path{stroke:#67dfff;stroke-width:3;stroke-dasharray:5 180;animation:connection-flow 6s linear infinite}
.ecosystem-connections .connection-pulses path:nth-child(even){animation-delay:-3s;stroke:#86b6ff}
#ecosystem .ecosystem-products{display:contents}
#ecosystem .ecosystem-hub{grid-column:2;grid-row:1/4;justify-self:center;align-self:center;width:220px;height:220px;border-radius:50%;padding:28px 12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0;border:2px solid #a9ddff;background:radial-gradient(circle at 35% 20%,#fff,#edf6ff 65%,#d5e8ff);box-shadow:0 0 0 6px #2586ff15,0 0 0 16px #2586ff0a,0 0 65px #086fffbb,inset 0 0 16px #fff;z-index:2;color:#0e2548;text-align:center;position:relative}
.hub-logo{display:flex;justify-content:center;align-items:center;gap:8px}
#ecosystem .ecosystem-hub .brand-mark{width:48px;height:45px;flex-shrink:0;border-radius:50% 50% 50% 8px;box-shadow:0 3px 12px #0872ff20;margin:0;font-size:1.3rem}
#ecosystem .ecosystem-hub strong{font-size:2rem;line-height:1;letter-spacing:-.055em}
#ecosystem .ecosystem-hub strong span{font-size:1.2rem;letter-spacing:-.035em}
#ecosystem .ecosystem-hub small{font-size:.75rem;color:#397ed4;margin:9px 0 0;width:auto}
.hub-caption{font-size:.7rem;color:#698cb5;margin-top:14px;letter-spacing:.02em}
#ecosystem .eco-product{--eco-color:#10c3ff;position:relative;z-index:1;display:flex;align-items:center;gap:17px;padding:15px 20px;text-align:left;border-radius:17px;border:1px solid #3185a8;background:linear-gradient(120deg,#154569bb,#123454f0);box-shadow:inset 0 0 0 3px #2a779e22,0 0 0 3px #1393cc12;transition:transform .25s,box-shadow .25s,border-color .25s;min-width:0;color:white;min-height:100px}
#ecosystem .eco-product:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#57d9ff;box-shadow:0 0 8px 3px #04baff88;right:-5px;top:calc(50% - 4px)}
#ecosystem .eco-product:nth-child(even):after{right:auto;left:-5px;background:#90b6ff;box-shadow:0 0 8px 3px #367cff88}
#ecosystem .eco-product:nth-child(1){grid-column:1;grid-row:1;margin-left:25px}
#ecosystem .eco-product:nth-child(2){grid-column:3;grid-row:1;margin-right:25px;--eco-color:#b369ff}
#ecosystem .eco-product:nth-child(3){grid-column:1;grid-row:2;--eco-color:#17d3a2}
#ecosystem .eco-product:nth-child(4){grid-column:3;grid-row:2;--eco-color:#ffaf48}
#ecosystem .eco-product:nth-child(5){grid-column:1;grid-row:3;margin-left:45px;--eco-color:#3c9dff}
#ecosystem .eco-product:nth-child(6){grid-column:3;grid-row:3;margin-right:45px;--eco-color:#14d8bc}
#ecosystem .eco-product .icon{width:55px;height:55px;flex-shrink:0;display:grid;place-items:center;background:linear-gradient(135deg,var(--eco-color),color-mix(in srgb,var(--eco-color) 60%,#114b9a));color:#fff;margin:0;border-radius:13px;border:1px solid #ffffff50;box-shadow:0 0 18px color-mix(in srgb,var(--eco-color) 35%,transparent),inset 0 1px 4px #ffffff55}
#ecosystem .icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.eco-copy{min-width:0}
#ecosystem .eco-product strong{font-size:1.04rem;letter-spacing:-.025em;line-height:1.4}
#ecosystem .eco-product small{font-size:.82rem;color:#a5c5df;line-height:1.5;margin-top:4px}
#ecosystem .eco-product:hover,#ecosystem .eco-product.active{transform:translateY(-3px);border-color:#75d7ff;background:linear-gradient(120deg,#185b83,#154573);box-shadow:inset 0 0 0 3px #39a0db22,0 0 25px #1db9ff22}
#ecosystem .eco-product:focus-visible{outline-color:#80ddff}
#ecosystem .ecosystem-detail{margin:27px 25px 0;min-height:0;padding:18px 22px;background:#0b2845c0;border:1px solid #2e668f66;border-radius:14px;gap:22px}
#ecosystem .ecosystem-detail h3{font-size:1rem;margin:0 0 6px}
#ecosystem .ecosystem-detail p{font-size:.88rem;line-height:1.6}
#ecosystem .ecosystem-detail .button{background:#1a69bd;border-color:#4b9bdd;font-size:.82rem}
@keyframes connection-flow{to{stroke-dashoffset:-370}}
@media(max-width:1100px){#ecosystem>.container{padding:0 28px}#ecosystem .ecosystem-grid{grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr);column-gap:40px;grid-template-rows:repeat(3,95px)}#ecosystem .ecosystem-hub{width:170px;height:170px}#ecosystem .ecosystem-hub .brand-mark{width:39px;height:37px;font-size:1rem}#ecosystem .ecosystem-hub strong{font-size:1.7rem}#ecosystem .eco-product{padding:14px;gap:12px;min-height:95px}#ecosystem .eco-product .icon{width:46px;height:46px}#ecosystem .eco-product strong{font-size:.93rem}#ecosystem .eco-product small{font-size:.74rem}#ecosystem .eco-product:nth-child(n){margin-left:0;margin-right:0}}
@media(max-width:850px){#ecosystem .ecosystem-grid{grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);column-gap:20px;grid-template-rows:repeat(3,100px);row-gap:12px}#ecosystem .ecosystem-hub{width:140px;height:140px;padding:16px 6px}#ecosystem .ecosystem-hub .brand-mark{width:30px;height:29px;font-size:.8rem}#ecosystem .ecosystem-hub strong{font-size:1.4rem}#ecosystem .ecosystem-hub strong span{font-size:.9rem}.hub-logo{gap:5px}#ecosystem .ecosystem-hub small{font-size:.65rem}.hub-caption{font-size:.6rem;margin-top:7px}#ecosystem .eco-product{padding:13px 11px;gap:10px;min-height:100px}#ecosystem .eco-product .icon{width:38px;height:38px;border-radius:10px}#ecosystem .icon svg{width:24px;height:24px}#ecosystem .eco-product strong{font-size:.79rem}#ecosystem .eco-product small{font-size:.68rem}#ecosystem .ecosystem-detail{margin-left:0;margin-right:0}}
@media(max-width:600px){#ecosystem{padding:34px 0}#ecosystem>.container{padding:0 18px}#ecosystem h2{font-size:1.8rem}#ecosystem .section-head p{font-size:.92rem}#ecosystem .ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:13px}.ecosystem-connections{display:none}#ecosystem .ecosystem-hub{grid-column:1/3;grid-row:1;width:175px;height:175px;margin:5px 0 15px}#ecosystem .ecosystem-hub strong{font-size:1.75rem}#ecosystem .ecosystem-hub .brand-mark{width:40px;height:38px;font-size:1.15rem}#ecosystem .ecosystem-hub small{font-size:.72rem}.hub-caption{font-size:.68rem}#ecosystem .eco-product:nth-child(n){grid-column:auto;grid-row:auto;display:flex;flex-direction:column;align-items:flex-start;padding:18px 15px;gap:14px;min-height:145px}#ecosystem .eco-product:after{display:none}#ecosystem .eco-product .icon{width:43px;height:43px}#ecosystem .eco-product strong{font-size:.91rem;overflow-wrap:anywhere}#ecosystem .eco-product small{font-size:.78rem}#ecosystem .ecosystem-detail{padding:20px;margin-top:20px;flex-direction:column;align-items:flex-start}#ecosystem .ecosystem-detail .button{margin-left:0}}
@media(prefers-reduced-motion:reduce){.ecosystem-connections .connection-pulses path{animation:none}#ecosystem .eco-product{transition:none}#ecosystem .eco-product:hover,#ecosystem .eco-product.active{transform:none}}

/* Deployment journey: five distinct cards with a shared visual rhythm. */
.process-section{background:radial-gradient(ellipse at 8% 0,#e8f3ff 0,transparent 46%),radial-gradient(ellipse at 95% 100%,#ecebff 0,transparent 42%),#f7faff;padding:70px 0 78px;overflow:hidden}
.process-section>.container{max-width:1480px;padding:0 40px}
.process-section .section-head{align-items:center;margin-bottom:40px;gap:30px}
.process-section .kicker{display:inline-flex;font-size:.78rem;letter-spacing:.13em;padding:7px 13px;border:1px solid #d4e6ff;border-radius:30px;background:#fff9;margin-bottom:15px}
.process-section h2{font-size:clamp(2rem,3vw,2.9rem);color:#102b50;margin-bottom:0;line-height:1.3}
.process-section h2 span{color:#0872ff}
.process-section .section-head>p{font-size:1rem;color:#7386a0;margin:0;padding-left:24px;border-left:3px solid #c2dfff;line-height:1.7}
.process-section .process-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;position:relative}
.process-section .process-grid:before{content:'';position:absolute;left:3%;right:3%;top:60px;height:2px;background:linear-gradient(90deg,#3591ff,#a77aff,#25b8b0,#328efc);z-index:0}
.process-section .process-grid li{--step-color:#1679ee;--step-soft:#e5f1ff;position:relative;z-index:1;padding:24px 22px 22px;border:1px solid #dce9f9;border-radius:22px;background:linear-gradient(155deg,#fff 40%,#edf6ff);box-shadow:0 12px 30px #214c7e09;min-height:280px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden}
.process-section .process-grid li:before{content:'';position:absolute;left:24px;right:24px;top:0;height:4px;background:var(--step-color);border-radius:0 0 6px 6px}
.process-section .process-grid li:nth-child(2){--step-color:#8450e8;--step-soft:#eee7ff;background:linear-gradient(155deg,#fff 40%,#f4efff)}
.process-section .process-grid li:nth-child(3){--step-color:#09a286;--step-soft:#ddf8ee;background:linear-gradient(155deg,#fff 40%,#ecfbf6)}
.process-section .process-grid li:nth-child(4){--step-color:#008faf;--step-soft:#dcf5fc;background:linear-gradient(155deg,#fff 40%,#eefaff)}
.process-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:27px}
.process-icon{display:flex;width:56px;height:56px;border-radius:17px;justify-content:center;align-items:center;background:var(--step-soft);color:var(--step-color);box-shadow:inset 0 0 0 1px #ffffffc0,0 6px 14px #294f7410;transition:transform .25s}
.process-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.step-number{font-weight:800;font-size:2.2rem;line-height:1;color:var(--step-color);opacity:.2;letter-spacing:-.06em}
.process-section .process-grid li>.step-label{font-size:.7rem;color:var(--step-color);font-weight:700;letter-spacing:.12em;margin-bottom:9px}
.process-section .process-grid h3{font-size:1.06rem;line-height:1.5;letter-spacing:-.04em;margin:0 0 11px;color:#143054}
.process-section .process-grid p{font-size:.94rem;line-height:1.65;color:#71839a;margin:0 0 24px}
.step-track{display:flex;gap:5px;margin-top:auto;height:4px;background:var(--step-soft);border-radius:8px;overflow:hidden}
.step-track i{display:block;height:100%;width:20%;background:var(--step-color);border-radius:8px}
.process-grid li:nth-child(2) .step-track i{width:40%}.process-grid li:nth-child(3) .step-track i{width:60%}.process-grid li:nth-child(4) .step-track i{width:80%}.process-grid li:nth-child(5) .step-track i{width:100%}
.process-section .process-grid li:last-child{--step-color:#8bc4ff;--step-soft:#ffffff22;background:linear-gradient(145deg,#103b78,#086ef1);border-color:#1a6ade;box-shadow:0 16px 32px #096bff25;grid-column:auto}
.process-section .process-grid li:last-child:before{background:#8cc5ff}
.process-section .process-grid li:last-child h3{color:#fff}
.process-section .process-grid li:last-child p{color:#d0e4ff}
.process-section .process-grid li:last-child .step-label{color:#c0dfff}
.process-section .process-grid li:last-child .step-number{color:#fff;opacity:.3}
@media(hover:hover){.process-section .process-grid li:hover{transform:translateY(-9px);box-shadow:0 20px 40px #214c7e18;border-color:var(--step-color)}.process-section .process-grid li:hover .process-icon{transform:translateY(-3px)}.process-section .process-grid li:hover .step-number{opacity:.55}}
@media(max-width:1100px){.process-section>.container{padding:0 28px}.process-section .process-grid{gap:12px}.process-section .process-grid li{padding:22px 16px;min-height:285px;border-radius:18px}.process-icon{width:48px;height:48px;border-radius:14px}.step-number{font-size:1.9rem}.process-section .process-grid h3{font-size:.99rem}.process-section .process-grid p{font-size:.88rem}.process-section .section-head>p{font-size:.94rem}}
@media(max-width:850px){.process-section{padding:55px 0}.process-section .section-head{display:block;margin-bottom:30px}.process-section .section-head>p{border:0;padding:0;margin-top:16px}.process-section .section-head>p br{display:none}.process-section .process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.process-section .process-grid:before{display:none}.process-section .process-grid li{min-height:275px;padding:24px 20px}.process-section .process-grid h3{font-size:1.06rem}.process-section .process-grid p{font-size:.94rem}}
@media(max-width:600px){.process-section{padding:40px 0 45px}.process-section>.container{padding:0 18px}.process-section h2{font-size:1.95rem}.process-section h2 span{display:block}.process-section .kicker{font-size:.67rem}.process-section .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.process-section .process-grid li{padding:20px 16px;min-height:265px}.process-card-top{margin-bottom:23px}.process-icon{width:43px;height:43px;border-radius:13px}.process-icon svg{width:25px;height:25px}.step-number{font-size:1.8rem}.process-section .process-grid li>.step-label{font-size:.63rem}.process-section .process-grid h3{font-size:1rem}.process-section .process-grid p{font-size:.9rem}.process-section .process-grid li:last-child{grid-column:span 2;min-height:220px}.process-section .process-grid li:last-child .process-card-top{margin-bottom:15px}.process-section .process-grid li:last-child p{max-width:280px}}
@media(prefers-reduced-motion:reduce){.process-section .process-grid li,.process-section .process-icon{transition:none}.process-section .process-grid li:hover,.process-section .process-grid li:hover .process-icon{transform:none}}

/* Template library: illustrated message previews and horizontal cards. */
#templates{background:#fff;padding:42px 0 65px}
#templates>.container{max-width:1480px;padding:0 40px}
#templates .section-head{display:block;margin:0 0 20px;padding:0 12px}
#templates h2{font-size:clamp(1.8rem,2.7vw,2.65rem);margin:0;color:#0a2047}
#templates .filter-bar{margin-bottom:22px;gap:24px;padding:0 12px}
#templates .tabs{gap:12px}
#templates .tabs button{border-radius:9px;min-width:112px;padding:11px 20px;background:#f1f6fa;font-size:.94rem;color:#55637a;border:1px solid transparent}
#templates .tabs button.active{background:linear-gradient(#1686ff,#0667f3);border-color:#78b5ff;box-shadow:0 0 0 2px #e2eeff;color:#fff}
#templates .filter-bar>.text-link{font-size:.94rem;white-space:nowrap}
#templates .solution-grid{gap:22px}
#template-grid{gap:22px}
#templates .template-card{display:grid;grid-template-columns:44% 56%;padding:19px 17px 21px;border:1px solid #e5edf7;border-radius:16px;gap:0;align-items:stretch;background:linear-gradient(120deg,#fff,#fcfdff);box-shadow:inset 0 0 0 2px #f7f9fc;min-width:0}
.template-phone{width:100%;max-width:174px;min-width:0;min-height:310px;position:relative;border:4px solid #101820;border-radius:29px;padding:4px;background:#edf7ff;box-shadow:0 5px 10px #172f4526,inset 0 0 0 1px #61707b;align-self:center;overflow:hidden}
.phone-notch{position:absolute;top:0;left:23%;width:54%;height:15px;border-radius:0 0 10px 10px;background:#101820;z-index:2}
.phone-screen{border-radius:20px;overflow:hidden;background:#f6faff;min-height:296px;display:flex;flex-direction:column}
.phone-oa{display:flex;align-items:center;gap:5px;padding:21px 7px 8px;background:linear-gradient(#c9e9ff,#ecf5ff);color:#087aff;font-size:.8rem;font-weight:700}
.phone-oa>span{display:flex;justify-content:center;align-items:center;width:22px;height:22px;background:#087aff;color:white;border-radius:50%;letter-spacing:0;font-size:.65rem}
.phone-message{background:white;margin:5px;padding:8px 7px 7px;border-radius:8px;display:flex;flex:1;flex-direction:column}
.phone-message>strong{font-size:.65rem;color:#233651;line-height:1.5;min-height:29px;letter-spacing:-.02em}
.template-illustration{width:90px;max-width:100%;height:90px;align-self:center;background-image:url('assets/template-icons.png');background-repeat:no-repeat;background-size:600% 200%;background-position-y:center;flex-shrink:0;margin:3px 0}
.illustration-0{background-position-x:0%}.illustration-1{background-position-x:20%}.illustration-2{background-position-x:40%}.illustration-3{background-position-x:60%}.illustration-4{background-position-x:80%}.illustration-5{background-position-x:100%}
.phone-message p{font-size:.6rem;line-height:1.6;color:#5b697d;margin:4px 0 10px}
.phone-highlight{font-size:.87rem;color:#0872ff;text-align:center;margin:-3px 0 4px}
.phone-cta{margin-top:auto;display:block;background:linear-gradient(#188aff,#0869f5);color:#fff;text-align:center;border-radius:8px;padding:8px 3px;font-size:.61rem;font-weight:600;line-height:1.4}
#templates .template-info{padding:2px 2px 10px 18px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
#templates .template-info .badge{font-size:.81rem;padding:5px 10px;border-radius:9px;font-weight:600;letter-spacing:0}
#templates .transaction-badge{background:#eaf3ff;color:#267ee8}
#templates .care-badge{background:#f2eaff;color:#9263e3}
#templates .promo-badge{background:#ffedf7;color:#d75b9b}
#templates .template-info h3{font-size:1.13rem;line-height:1.5;letter-spacing:-.04em;margin:20px 0 16px;color:#122a4b}
#templates .template-info p{font-size:.92rem;line-height:1.65;color:#8592a6;margin:0 0 20px}
#templates .template-info .button{margin-top:auto;font-size:.9rem;padding:10px 22px;border-radius:9px;border:1px solid #70aaff;box-shadow:inset 0 0 0 2px #eff6ff;background:white;font-weight:700;color:#1478ef;min-height:44px}
.template-caption{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;margin:18px 12px 0}
#templates #template-count{font-size:.8rem;white-space:nowrap;margin:0;color:#657791}
.template-caption p{font-size:.76rem;color:#8693a6;margin:0;text-align:right;max-width:730px}
@media(max-width:1100px){#templates>.container{padding:0 28px}#templates .tabs{gap:8px}#templates .tabs button{min-width:90px;font-size:.84rem;padding:10px 15px}#templates .template-card{padding:16px 12px;grid-template-columns:43% 57%}.template-phone{min-height:295px;border-width:3px;border-radius:23px}.phone-screen{min-height:284px;border-radius:17px}.template-illustration{width:75px;height:75px}#templates .template-info{padding-left:12px}#templates .template-info h3{font-size:1rem;margin:17px 0 12px}#templates .template-info p{font-size:.81rem}#templates .template-info .badge{font-size:.72rem}#templates .template-info .button{font-size:.8rem;padding:10px 16px}#template-grid{gap:16px}}
@media(max-width:850px){#template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#templates .filter-bar{flex-wrap:wrap;gap:17px}#templates .template-info h3{font-size:1.08rem}#templates .template-info p{font-size:.88rem}.template-phone{min-height:310px}.phone-screen{min-height:300px}.template-caption{display:block}.template-caption p{text-align:left;margin-top:8px}}
@media(max-width:600px){#templates{padding:34px 0 45px}#templates>.container{padding:0 18px}#templates .section-head,#templates .filter-bar{padding:0 2px}#templates h2{font-size:1.8rem;line-height:1.3}#templates .tabs{gap:7px}#templates .tabs button{min-width:0;padding:9px 13px;font-size:.82rem}#templates .filter-bar>.text-link{font-size:.87rem}#template-grid{grid-template-columns:1fr;gap:17px}#templates .template-card{grid-template-columns:43% 57%;padding:18px 16px;min-height:330px}.template-phone{max-width:155px;min-height:302px}.phone-screen{min-height:290px}.template-illustration{width:80px;height:80px}#templates .template-info{padding-left:18px}#templates .template-info h3{font-size:1.12rem}#templates .template-info p{font-size:.93rem}#templates .template-info .button{font-size:.9rem;padding:10px 20px}.template-caption{margin:16px 2px 0}}
@media(max-width:360px){#templates .template-card{padding:14px 10px}#templates .template-info{padding-left:12px}#templates .template-info h3{font-size:1rem}#templates .template-info p{font-size:.84rem}#templates .template-info .button{padding:10px 15px}.phone-message{padding:6px 4px}.phone-message p{font-size:.57rem}}

/* Product and solution cards aligned with the supplied section reference. */
#start{background:#f1f8ff;padding:36px 0 26px}
#start>.container,#solutions>.container{max-width:1480px;padding-left:40px;padding-right:40px}
#start .section-head,#solutions .section-head{display:block;margin:0 0 26px;padding:0 22px}
#start .section-head h2,#solutions .section-head h2{font-size:clamp(1.9rem,2.7vw,2.65rem);color:#0a2047;margin-bottom:8px}
#start .section-head p,#solutions .section-head p{font-size:1rem;color:#77869b;margin:0}
#start .start-grid{gap:26px}
#start .start-card{min-height:280px;padding:26px 24px;border-radius:20px;isolation:isolate;border:1px solid #e3f2ff;box-shadow:inset 0 0 0 2px #ffffff70;display:flex;align-items:center}
#start .message{background:linear-gradient(110deg,#dcefff,#b6e1ff)}
#start .learning{background:linear-gradient(110deg,#f1eaff,#ddd1ff);border-color:#ede4ff}
.start-content{position:relative;z-index:2;width:56%;align-self:stretch;display:flex;flex-direction:column;align-items:flex-start}
#start .start-card h3{display:flex;align-items:center;gap:9px;font-size:clamp(1.15rem,1.65vw,1.6rem);white-space:nowrap;color:#061e44;margin:0 0 18px;line-height:1.3;letter-spacing:-.055em}
.start-brand{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:43px;height:43px;font-size:1.1rem;background:linear-gradient(#168bff,#0667f6);border-radius:50%;color:white;box-shadow:0 0 0 3px #ffffffa0,0 5px 12px #237cdf26;letter-spacing:1px}
.start-brand.study{border-radius:12px;background:linear-gradient(#ad72ff,#7733f4);font-size:1.5rem;letter-spacing:0}
.academy-word{font-size:.8em;color:#9050ef;letter-spacing:-.03em}
#start .start-card p{font-size:.96rem;line-height:1.7;max-width:355px;color:#546785;margin:0 0 22px}
#start .start-card .button{margin-top:auto;min-height:49px;padding:12px 24px;border-radius:10px;font-size:.94rem;background:linear-gradient(#178cff,#0663ee);border-color:#85c6ff;box-shadow:0 0 0 3px #ffffff70,inset 0 1px 2px #fff7;position:relative}
#start .start-card .button.violet{background:linear-gradient(#a162ff,#7431f3);border-color:#c8a5ff}
.start-art{position:absolute;right:0;bottom:0;width:49%;height:100%;z-index:1;background-image:url('assets/start-panels.png');background-size:200% 100%;background-repeat:no-repeat;mix-blend-mode:multiply}
.message-art{background-position:left center}.learning-art{background-position:right center}
#solutions{background:#fff;padding:28px 0 40px}
#solutions .section-head{margin-bottom:22px}
#solutions .solution-grid{gap:20px}
#solutions .feature-card{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:190px;padding:10px 16px 10px 6px;border:1px solid #e7effa;border-radius:14px;background:linear-gradient(115deg,#f7fbff,#fff);box-shadow:inset 0 0 0 2px #f4f8ff}
.solution-art{width:100%;aspect-ratio:1;background-image:url('assets/solution-panels.png');background-size:300% 100%;background-repeat:no-repeat;mix-blend-mode:multiply}
.transaction-art{background-position:0 center}.care-art{background-position:50% center}.loyalty-art{background-position:100% center}
.solution-copy{height:100%;display:flex;flex-direction:column;justify-content:center;padding:18px 0 6px 8px;min-width:0}
#solutions .feature-card h3{font-size:1.08rem;line-height:1.45;margin:0 0 10px;letter-spacing:-.035em;color:#112744}
#solutions .feature-card p{font-size:.86rem;line-height:1.65;margin:0 0 14px;color:#8390a4}
#solutions .text-link{font-size:.75rem;align-self:flex-end;margin-top:auto;padding:5px 0}
#solutions .policy-note{margin-top:12px;font-size:.8rem;color:#8592a6}
@media(max-width:1100px){#start>.container,#solutions>.container{padding-left:28px;padding-right:28px}#start .start-grid{gap:20px}#start .start-card{padding:24px 20px;min-height:270px}.start-brand{width:34px;height:34px}#start .start-card h3{font-size:1.15rem;gap:7px}#start .start-card p{font-size:.85rem}#start .start-card .button{font-size:.82rem;padding:12px 18px}#solutions .feature-card{min-height:185px;grid-template-columns:38% 62%;padding-right:12px}#solutions .feature-card h3{font-size:.93rem}#solutions .feature-card p{font-size:.8rem}}
@media(max-width:850px){#start .start-grid{grid-template-columns:1fr}#start .start-card{min-height:285px;padding:28px}.start-content{width:54%}#start .start-card h3{font-size:1.6rem}#start .start-card p{font-size:1rem}#start .start-card .button{font-size:.95rem}.start-art{width:47%}#solutions .solution-grid{grid-template-columns:1fr}#solutions .solution-grid article:last-child{grid-column:auto}#solutions .feature-card{grid-template-columns:150px 1fr;min-height:180px;padding:12px 24px 12px 10px}#solutions .feature-card h3{font-size:1.2rem}#solutions .feature-card p{font-size:1rem}.solution-copy{padding:18px 0 8px 20px}#solutions .text-link{font-size:.85rem}}
@media(max-width:600px){#start{padding:28px 0 22px}#start>.container,#solutions>.container{padding-left:18px;padding-right:18px}#start .section-head,#solutions .section-head{padding:0 2px;margin-bottom:22px}#start .section-head h2,#solutions .section-head h2{font-size:1.8rem;line-height:1.3}#start .section-head p,#solutions .section-head p{font-size:.94rem}#start .start-card{min-height:360px;padding:22px;align-items:flex-start}.start-content{width:100%;align-self:auto}#start .start-card h3{font-size:1.35rem;margin-bottom:14px}#start .start-card p{font-size:.94rem;max-width:100%;margin-bottom:18px}#start .start-card .button{margin-top:0;font-size:.86rem;padding:12px 15px}.start-art{width:48%;height:160px;bottom:0;right:0;background-size:200% 100%}#solutions{padding:28px 0}#solutions .feature-card{grid-template-columns:110px 1fr;min-height:175px;padding:12px}#solutions .feature-card h3{font-size:1rem}#solutions .feature-card p{font-size:.86rem}.solution-copy{padding-left:12px}#solutions .policy-note{font-size:.72rem}}

/* Hero composition aligned with the supplied ZBS reference. */
.hero{background:linear-gradient(115deg,#e7f3ff 0%,#edfbff 49%,#e5f2ff 100%);position:relative;isolation:isolate}
.hero-grid{max-width:1480px;grid-template-columns:46% 54%;gap:0;min-height:620px;padding:62px 48px 38px;position:relative}
.hero-copy{position:relative;z-index:2;padding-bottom:56px}
.hero .eyebrow{background:#cfe7ff;color:#0873e9;border-radius:30px;font-size:clamp(.65rem,.85vw,.85rem);padding:9px 24px;margin-bottom:28px;letter-spacing:0}
.hero .tiny-dot{display:none}
.hero h1{font-size:clamp(2.3rem,3.65vw,4.25rem);line-height:1.24;letter-spacing:-.055em;margin:0 0 24px;color:#071f47}
.hero h1 span{color:#0872ff;white-space:nowrap}
.hero-copy>p{font-size:clamp(1rem,1.25vw,1.25rem);line-height:1.6;color:#354b69;max-width:570px;margin-bottom:30px}
.hero .button-row{gap:18px;flex-wrap:nowrap}
.hero .button{min-height:60px;padding:17px 26px;min-width:220px;border-radius:13px;font-size:1rem;font-weight:700;border:1px solid #0872ff;background:linear-gradient(180deg,#138aff,#0563ed);box-shadow:inset 0 1px 2px #ffffff70,0 5px 0 #0872ff12,0 10px 24px #096bff18}
.hero .button.secondary{background:#ffffff70;color:#0867e9;border-color:#378bff;box-shadow:inset 0 0 0 3px #ffffff90,0 5px 0 #0872ff0a}
.hero .button:hover{box-shadow:0 10px 25px #096bff30}
.hero-art{align-self:center;width:123%;margin-left:-10%;position:relative;z-index:1}
.hero-art img{width:100%;max-width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:0;transform:none;mix-blend-mode:multiply}
.hero .value-strip{max-width:none;width:100%;border-radius:0;background:#fff;border:0;box-shadow:none;padding:24px max(28px,calc((100vw - 1384px)/2));gap:0;position:relative;z-index:3}
.hero .value-strip>div{padding:0 26px;gap:15px}
.hero .value-strip>div:first-child{padding-left:0}
.hero .value-strip strong{font-size:1rem;color:#10284c}
.hero .value-strip small{font-size:.85rem;color:#8795a9}
.hero .value-strip .icon{width:60px;height:60px;border-radius:50%;font-size:1.6rem}
.hero .value-strip .icon svg{width:55%;height:55%;filter:drop-shadow(0 2px 2px #096bff15)}
@media(min-width:1600px){.hero-grid{min-height:690px}.hero-art{width:128%;margin-left:-12%}}
@media(max-width:1100px){.hero-grid{padding:50px 28px 30px;min-height:530px}.hero-copy{padding-bottom:25px}.hero h1{font-size:3.4vw}.hero .eyebrow{padding:8px 15px;margin-bottom:22px}.hero-copy>p{font-size:1rem}.hero .button{min-width:0;min-height:54px;padding:14px 19px;font-size:.86rem}.hero .button-row{gap:12px}.hero .value-strip>div{padding:0 14px;gap:10px}.hero .value-strip .icon{width:46px;height:46px}.hero .value-strip strong{font-size:.85rem}.hero .value-strip small{font-size:.73rem}}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr;padding:44px 28px 0;min-height:0}.hero-copy{padding-bottom:0;max-width:640px}.hero h1{font-size:clamp(2rem,5.8vw,3.4rem)}.hero-copy>p{font-size:1.05rem;max-width:580px}.hero .eyebrow{font-size:.7rem}.hero .button{min-width:205px;font-size:.95rem}.hero-art{width:92%;margin:5px 0 -10px auto}.hero .value-strip{grid-template-columns:repeat(2,1fr);padding:24px 28px;gap:22px}.hero .value-strip>div,.hero .value-strip>div:first-child{padding:0;border:0}.hero .value-strip strong{font-size:.94rem}.hero .value-strip small{font-size:.8rem}}
@media(max-width:600px){.hero-grid{padding:32px 20px 0}.hero .eyebrow{font-size:.58rem;padding:8px 12px;margin-bottom:22px}.hero h1{font-size:clamp(1.65rem,6.7vw,2.55rem);letter-spacing:-.055em;margin-bottom:20px}.hero-copy>p{font-size:1rem;margin-bottom:24px}.hero .button-row{gap:10px;flex-wrap:wrap}.hero .button{flex:1;min-width:150px;min-height:52px;padding:13px 12px;font-size:.84rem;border-radius:10px}.hero-art{width:112%;margin:16px -6% -2px;max-width:none}.hero .value-strip{padding:22px 20px;gap:20px 12px}.hero .value-strip .icon{width:40px;height:40px;font-size:1.25rem}.hero .value-strip>div{gap:9px}.hero .value-strip strong{font-size:.76rem}.hero .value-strip small{font-size:.67rem}}

/* Home hero: seamless artwork and subtle technology motion. */
.home-hero{background:#eaf6ff;isolation:isolate}
.home-hero .hero-grid{grid-template-columns:51% 49%;padding-top:58px;padding-bottom:48px;min-height:650px}
.home-hero .hero-copy{padding-bottom:20px}
.home-hero h1{font-size:clamp(2.25rem,3.2vw,3.65rem);line-height:1.25}
.home-hero .hero-art{width:120%;margin-left:-6%;z-index:1;animation:zbs-art-float 8s ease-in-out infinite;will-change:transform}
.home-hero .hero-art img{mix-blend-mode:normal;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 91%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 91%,transparent);-webkit-mask-composite:source-in}
.hero-tech{position:absolute;inset:0 0 108px;pointer-events:none;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 75% 52%,#a5dcff88,transparent 48%),radial-gradient(ellipse at 90% 12%,#c9c4ff70,transparent 36%)}
.hero-tech::before{content:'';position:absolute;inset:35% -15% -45% 30%;background-image:linear-gradient(#2386ed18 1px,transparent 1px),linear-gradient(90deg,#2386ed18 1px,transparent 1px);background-size:46px 46px;transform:perspective(620px) rotateX(58deg);mask-image:radial-gradient(ellipse,#000,transparent 70%);animation:zbs-grid-flow 16s linear infinite}
.hero-tech::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 65%,#6cbfff35,transparent 45%);animation:zbs-glow 7s ease-in-out infinite alternate}
.hero-tech i{position:absolute;width:5px;height:5px;border-radius:50%;background:#58b7ff;box-shadow:0 0 14px 3px #66bbff55;animation:zbs-particle 7s ease-in-out infinite}
.hero-tech i:nth-child(1){left:48%;top:18%}.hero-tech i:nth-child(2){left:86%;top:12%;animation-delay:-2s}.hero-tech i:nth-child(3){left:93%;top:60%;animation-delay:-4s}.hero-tech i:nth-child(4){left:56%;top:83%;animation-delay:-1s}.hero-tech i:nth-child(5){left:76%;top:88%;animation-delay:-3s}.hero-tech i:nth-child(6){left:38%;top:66%;animation-delay:-5s}
@keyframes zbs-art-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes zbs-grid-flow{to{background-position:0 46px,46px 0}}
@keyframes zbs-glow{to{opacity:.45;transform:scale(1.08)}}
@keyframes zbs-particle{0%,100%{opacity:.25;transform:translateY(8px)}50%{opacity:.9;transform:translateY(-12px)}}
@media(min-width:1600px){.home-hero .hero-grid{min-height:680px}.home-hero .hero-art{width:120%;margin-left:-6%}}
@media(max-width:1100px){.home-hero .hero-grid{min-height:530px;padding:46px 28px 30px}.home-hero h1{font-size:3.2vw}.home-hero .hero-art{width:118%;margin-left:-4%}.home-hero .button-row{flex-wrap:wrap}}
@media(max-width:850px){.home-hero .hero-grid{grid-template-columns:1fr;min-height:0;padding:40px 28px 0}.home-hero h1{font-size:clamp(2rem,5.5vw,3.4rem)}.home-hero .hero-copy{padding-bottom:0}.home-hero .hero-art{width:100%;max-width:650px;margin:10px auto 0}.hero-tech{inset:0 0 145px}.hero-tech::before{inset:45% -35% -25% 0}}
@media(max-width:600px){.home-hero .hero-grid{padding:32px 20px 0}.home-hero h1{font-size:clamp(1.65rem,6.4vw,2.55rem)}.home-hero .hero-art{width:112%;margin:10px -6% 0}.home-hero .eyebrow{font-size:.75rem;line-height:1.5}.home-hero .button{font-size:.875rem}.home-hero .value-strip strong{font-size:.875rem}.home-hero .value-strip small{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.home-hero .hero-art,.hero-tech::before,.hero-tech::after,.hero-tech i{animation:none;will-change:auto}}

/* Supplied ZBS brand assets shared across every page. */
.brand .brand-logo{display:block;width:172px;height:auto;max-width:none;object-fit:contain;flex-shrink:0}
.site-header .brand{gap:0;flex-shrink:0}
footer{background:#071426}
.footer-about .brand{display:inline-flex;max-width:100%}
.footer-about .brand-logo{width:195px;max-width:100%;border-radius:4px}
#ecosystem .hub-brand-logo{display:block;width:175px;max-width:100%;height:auto;object-fit:contain}
#ecosystem .hub-logo{width:100%}
#start .start-brand.brand-icon{display:block;object-fit:contain;background:none;box-shadow:none;border-radius:0;letter-spacing:0}
@media(max-width:1100px){.brand .brand-logo{width:155px}}
@media(max-width:600px){.site-header .brand .brand-logo{width:138px}.footer-about .brand-logo{width:180px}}
/* Article covers populated from the local CMS demo. */
.cms-home-cover{position:relative;display:block;padding:0;overflow:hidden;min-height:0;aspect-ratio:1.65;background:#eaf5ff;border-radius:12px}
.cms-home-cover>span[role="img"]{display:block;width:100%;height:100%;background-image:url('assets/resources-covers.png');background-size:300% 200%;background-repeat:no-repeat}
.cms-panel-0>span[role="img"]{background-position:0 0}.cms-panel-1>span[role="img"]{background-position:50% 0}.cms-panel-2>span[role="img"]{background-position:100% 0}.cms-panel-3>span[role="img"]{background-position:0 100%}.cms-panel-4>span[role="img"]{background-position:50% 100%}.cms-panel-5>span[role="img"]{background-position:100% 100%}
.cms-admin-link{margin-top:8px}

.course-category{display:block;color:#086cff;font-size:13px;font-weight:700;margin-bottom:10px}

/* Category badges belong to their card, never to the viewport. */
#resources .cms-home-cover>.resource-topic{width:auto;height:auto;max-width:calc(100% - 24px);background-image:none;opacity:1;line-height:1.4;letter-spacing:.045em}

.site-header .nav-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.site-header .my-courses-button{background:#fff;border:1px solid #096bff;color:#096bff;box-shadow:none;white-space:nowrap}.site-header .my-courses-button:hover{background:#edf5ff;border-color:#0756d6;color:#0756d6}.site-header .nav-actions>.button{white-space:nowrap;line-height:1.4}.site-header .nav-wrap{gap:20px}.site-header .nav-wrap nav{gap:20px}@media(min-width:851px) and (max-width:1100px){.site-header .nav-wrap{gap:12px}.site-header .nav-wrap nav{gap:12px}.site-header .nav-actions{gap:8px}.site-header .nav-actions .button{font-size:12px;padding:10px 11px}}@media(max-width:850px){.site-header .nav-actions{margin-left:auto}.site-header .nav-wrap nav{gap:18px}.site-header .nav-actions .button{font-size:13px;padding:10px 12px}}@media(max-width:600px){.site-header .nav-wrap{display:grid;grid-template-columns:1fr auto;row-gap:12px;column-gap:16px;padding-top:14px;padding-bottom:12px}.site-header .brand{grid-column:1;grid-row:1}.site-header .menu-toggle{grid-column:2;grid-row:1}.site-header .nav-actions{grid-column:1/-1;grid-row:2;margin-left:0;width:100%;gap:10px}.site-header .nav-actions .button{flex:1;display:flex;justify-content:center;align-items:center;font-size:12px;padding:10px 8px;min-height:40px}.site-header .nav-wrap nav{top:100%;grid-column:1/-1}.article-content h2,.article-content h3{scroll-margin-top:155px}html{scroll-padding-top:150px}}

/* Course details and one-confirmation enrollment */
dialog.course-detail-dialog{max-width:1040px;width:calc(100% - 36px);padding:0;border-radius:22px;max-height:90vh;overflow:auto;background:#fff}.course-detail-dialog .dialog-close{z-index:2;top:16px;right:16px;width:36px;height:36px;padding:0;display:grid;place-items:center;border-radius:50%;background:#fff;color:#6382a8;border:1px solid #dce7f5;font-size:25px}.course-detail-header{padding:34px 42px 30px;background:radial-gradient(circle at 100% 0,#dfedff,transparent 70%),linear-gradient(120deg,#f4f9ff,#f8fbff);border-bottom:1px solid #e4edf7}.course-detail-header .kicker{font-size:12px;margin-bottom:14px;letter-spacing:.1em}.course-detail-badge{display:inline-flex;border:1px solid #e0d4ff;background:#f0eaff;color:#7954bd;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:700;margin-bottom:14px}.course-detail-badge.is-free{border-color:#c5efdc;background:#e9faf1;color:#19805c}#dialog-content .course-detail-header h2{font-size:30px;line-height:1.35;max-width:770px;padding-right:20px;margin:0 0 12px;letter-spacing:-.03em}#dialog-content .course-detail-header>p{font-size:16px;line-height:1.7;max-width:730px;margin:0 0 18px;color:#6c819e}.course-detail-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:14px;color:#5e7797}.course-detail-meta span{padding:5px 10px;background:#fff;border:1px solid #dfe9f6;border-radius:7px}.course-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;padding:30px 36px 36px;align-items:start}.course-detail-program{min-width:0}.course-detail-section{margin-bottom:26px}#dialog-content .course-detail-section h3,#dialog-content .course-detail-outcomes h3{font-size:20px;margin:0 0 14px;line-height:1.4;letter-spacing:-.02em}#dialog-content .course-detail-section p,#dialog-content .course-detail-outcomes p{font-size:15px;line-height:1.75}.course-detail-outcomes{padding:22px;background:#f0f8ff;border:1px solid #dbeafa;border-radius:12px;margin-bottom:28px}.course-section-label{display:block;font-size:12px;letter-spacing:.055em;font-weight:700;color:#096bff;margin-bottom:9px}#dialog-content .course-detail-outcomes p{display:flex;gap:10px;margin:0;color:#59779d}.course-detail-outcomes p>span{color:#199965;font-weight:700;flex-shrink:0}.course-program-heading{display:flex;gap:15px;align-items:flex-start;justify-content:space-between;margin-bottom:15px}.course-program-heading h3{margin:0!important}.course-program-heading>span{color:#8a9bb1;font-size:13px;white-space:nowrap;padding-top:4px}#dialog-content ol.course-lesson-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}#dialog-content .course-lesson-list li{display:flex;align-items:center;gap:12px;padding:15px 14px;border:1px solid #e3ebf5;border-radius:10px;background:#fff;font-size:14px}.course-lesson-index{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;background:#edf5ff;color:#096bff;border-radius:9px;font-size:13px;font-weight:700}.course-lesson-list li>div{flex:1;min-width:0}.course-lesson-list strong{display:block;font-weight:600;line-height:1.6;color:#304c70}.course-lesson-list li>div>span{display:block;font-size:12px;color:#8a9bb1;margin-top:3px}.course-preview-button{border:1px solid #cfe1fc;background:#f4f9ff;color:#096bff;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:600;white-space:nowrap}.course-preview-button:hover{background:#e6f0ff}.course-lesson-locked{font-size:13px;opacity:.5}.course-enroll-card{border:1px solid #dfE9f6;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #2358a20a;background:#fff;min-width:0}.course-enroll-cover{position:relative;height:165px;background:#edf5ff;overflow:hidden}.course-enroll-cover img{width:100%;height:100%;object-fit:cover}.course-enroll-cover>span{position:absolute;bottom:10px;left:12px;padding:4px 9px;border-radius:6px;background:#fffE;color:#096bff;font-size:12px;font-weight:700}.course-enroll-content{padding:22px}.course-detail-price{display:block;font-size:30px;line-height:1.3;letter-spacing:-.03em;margin:12px 0;color:#096bff}#dialog-content .course-enroll-content>p{font-size:14px;line-height:1.7;margin-bottom:18px;color:#7b8ea8}.course-enroll-primary{width:100%;display:flex;min-height:46px;padding:12px 10px;border-radius:9px;font-size:14px;box-shadow:none}.course-enroll-card [hidden]{display:none!important}.course-enroll-primary:disabled{opacity:.65;cursor:wait;transform:none}.course-enroll-confirm{border:1px solid #d6e7ff;border-radius:10px;background:#f6faff;padding:15px;margin:0 -6px 15px}.course-enroll-confirm>strong{font-size:15px;color:#254c7d}#dialog-content .course-enroll-confirm p{font-size:14px;line-height:1.65;margin:9px 0 14px}.course-enroll-confirm .text-link{display:block;text-align:center;margin:12px auto 0;font-size:13px}#dialog-content .course-enroll-error{color:#bd3e48;margin:12px 0 0}.course-enroll-error:empty{display:none}#dialog-content ul.course-enroll-benefits{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px}#dialog-content .course-enroll-benefits li{font-size:13px;line-height:1.6;color:#6b85a5}.course-my-link{display:block;border:1px solid #cce0ff;border-radius:8px;padding:10px;text-align:center;font-size:14px;color:#096bff;font-weight:600}.course-support-link{display:block;text-align:center;font-size:13px;color:#8a9eb9;margin-top:15px}.course-my-link:hover{background:#f1f7ff}@media(max-width:800px){.course-detail-layout{grid-template-columns:1fr;padding:24px;gap:8px}.course-detail-header{padding:30px 25px 24px}.course-enroll-card{display:grid;grid-template-columns:220px minmax(0,1fr)}.course-enroll-cover{height:100%;min-height:240px}.course-enroll-content{padding:24px}#dialog-content .course-detail-header h2{font-size:26px}}@media(max-width:520px){dialog.course-detail-dialog{width:calc(100% - 20px);max-height:94vh;border-radius:16px}.course-detail-header{padding:27px 20px 22px}.course-detail-header .kicker{padding-right:35px}.course-detail-layout{padding:22px 18px}.course-enroll-card{display:block}.course-enroll-cover{height:180px;min-height:0}.course-enroll-content{padding:20px}.course-program-heading{flex-direction:column;gap:2px}#dialog-content .course-lesson-list li{flex-wrap:wrap;gap:10px;padding:13px 12px}.course-lesson-list li>div{min-width:calc(100% - 54px)}.course-preview-button{margin-left:42px}.course-lesson-locked{display:none}#dialog-content .course-detail-header h2{font-size:24px;padding-right:0}.course-detail-meta{font-size:12px;gap:7px}}

footer .footer-contact{font-size:14px;line-height:1.8;margin:12px 0 0;color:#b8c9e0}footer .footer-contact strong{color:#eaf3ff;font-weight:600}footer .footer-contact a{display:inline;color:#fff;font-weight:600}footer .footer-contact a:hover{color:#77b9ff}

footer .footer-contact-column{min-width:0}footer .footer-contact-column .footer-contact{font-size:.82rem;line-height:1.75;margin:9px 0 12px}footer .footer-contact-column .footer-contact a[href^="tel:"]{white-space:nowrap}footer .footer-contact-column>a{font-size:.82rem!important}@media(min-width:1100px){footer .footer-grid{grid-template-columns:minmax(0,1.9fr) repeat(3,minmax(0,1fr)) minmax(0,1.65fr)}}

footer .footer-contact-column .footer-contact .footer-address-link{white-space:normal;font-weight:400;overflow-wrap:break-word}
#consult-form[hidden]{display:none}.consult-success{padding:20px;border:1px solid #cdeada;border-radius:12px;background:#f0fbf5}.consult-success>strong{display:block;font-size:20px;color:#23835c;margin-bottom:12px}.consult-error{color:#bd3e48!important;font-size:14px!important}.site-header .dashboard-login{background:#fff;border-color:#d2e2f8;color:#096bff;box-shadow:none}@media(min-width:851px) and (max-width:1100px){.site-header .nav-wrap{flex-wrap:wrap;padding-top:12px;padding-bottom:12px;row-gap:12px}.site-header .nav-wrap nav{order:3;flex:1 0 100%;justify-content:center;margin:0}.site-header .nav-actions{margin-left:auto}}@media(max-width:600px){.site-header .nav-actions{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.15fr);gap:7px}.site-header .nav-actions .button{font-size:12px;padding:10px 6px;min-width:0}.site-header .nav-actions .my-courses-button,.site-header .nav-actions .dashboard-register{white-space:normal}}

#consult-form .required-mark{color:#dc2626;font-weight:700;margin-left:3px}