:root{--navy:#061b29;--deep:#03141f;--cyan:#1dbdcb;--ink:#142b3b;--muted:#506575;--soft:#f2f6f8;--line:#dce5eb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:16px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #0ca5b5;outline-offset:5px}header{height:96px;background:var(--deep);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,calc((100vw - 1280px)/2));border-bottom:1px solid #ffffff16;color:white}header nav{display:flex;align-items:center;gap:32px;font-size:14px}.logo{position:relative;overflow:hidden;width:220px;height:80px;display:block;flex-shrink:0}.logo img{position:absolute;width:1676px;max-width:none;left:-278px;top:0}.wrap{max-width:1280px;margin:auto;width:90%}section{padding:90px 0}.dark{background:var(--navy);color:#f6fbff}.dark p{color:#bdd0dc}.dark .eyebrow,.eyebrow{color:#087f90;font-size:12px;font-weight:800;letter-spacing:2.2px;margin:0 0 24px}.dark .eyebrow{color:var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(50px,5.3vw,78px);line-height:1.05;font-weight:400;letter-spacing:-3px;margin-bottom:26px}h2{font-size:clamp(32px,3.3vw,47px);line-height:1.15;font-weight:400;letter-spacing:-1.5px;margin-bottom:26px}h3{line-height:1.35;font-size:20px}em{font-style:normal;color:var(--cyan)}p{color:var(--muted)}.hero{background:var(--deep);padding:75px 0 65px}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.intro{max-width:485px;font-size:17px;line-height:1.8}.actions{display:flex;align-items:center;gap:24px;margin:30px 0 22px}.button{border:0;border-radius:7px;background:var(--cyan);color:var(--deep);padding:14px 23px;font-weight:700;font-size:14px;display:inline-block;text-align:center;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#52d1db}.button.small{padding:10px 20px}.button.outline{border:1px solid #197e8d;background:transparent;color:#fff}.button.navy{background:var(--navy);color:white}.textlink{font-size:14px}.micro{font-size:13px}.carousel{min-width:0}.carousel-stage{height:380px;border-radius:16px;overflow:hidden;border:1px solid #35505e;background:#0d2839;position:relative}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s}.slide.active{opacity:1;visibility:visible}.slide .product{margin:28px 24px;box-shadow:0 20px 50px #0004}.slide .photo{height:100%;border-radius:0}.carousel-foot{display:flex;align-items:center;justify-content:space-between;padding-top:24px;gap:12px}.carousel-foot .eyebrow{font-size:11px;margin:0 0 8px}.carousel-foot h3{font-size:19px;margin:0;font-weight:500}.controls{display:flex;gap:7px}.controls button{border:1px solid #526d7b;background:none;color:white;width:34px;height:34px;border-radius:50%;padding:0}.dots{display:flex;gap:8px;margin-top:18px}.dots button{height:5px;width:27px;border:0;border-radius:4px;background:#36505f;padding:0}.dots button.active{background:var(--cyan);width:46px}.benefits{background:var(--soft);padding:48px 0}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.three article+article{border-left:1px solid var(--line);padding-left:35px}.number{color:#088495;font-size:13px}.three h3{margin:12px 0}.three p{margin:0;font-size:15px}.section-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:35px}.section-head>p{max-width:390px}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:15px;flex-wrap:wrap}.tabs button{padding:10px 17px;border:1px solid var(--line);border-radius:6px;background:white;font-size:14px;color:var(--ink)}.tabs button[aria-selected=true]{background:var(--navy);color:white;border-color:var(--navy)}.workflow{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;padding:35px;background:var(--soft);border-radius:12px;margin-top:24px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}.steps li:last-child{border:0}.steps b{color:#008597;font-size:13px;padding-top:4px}.steps strong{font-size:16px}.steps p{font-size:14px;margin:3px 0 0}.workflow .product{align-self:center}.caption{font-size:12px;margin-top:15px;color:#657a88}.modules{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.module{text-align:left;padding:25px 23px;border:1px solid #2a4352;background:#0a2333;border-radius:10px;color:white;transition:transform .2s,border-color .2s;min-height:177px}.module:hover{transform:translateY(-4px);border-color:var(--cyan)}.icon{display:block;color:var(--cyan);margin-bottom:17px;font-size:26px}.module strong{display:block;font-size:16px}.module p{font-size:14px;margin:7px 0 0}.connected{border-top:1px solid #304652;margin-top:30px;padding-top:25px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.connected span{font-size:11px;letter-spacing:1.6px;color:#9db9c8}.connected button{border:0;background:none;color:white;font-size:14px;padding:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.split p{max-width:545px}.checkgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:14px;margin:25px 0}.checkgrid span{padding:10px;border-bottom:1px solid #8ca7b844}.soft{background:var(--soft)}.note{font-size:13px}.photo{width:100%;aspect-ratio:1.3;border-radius:15px;background-repeat:no-repeat;background-color:var(--navy)}.unit-photo{background-image:url('image-efb72c630cdb.png');background-size:308.4% auto;background-position:76.13% 81%}.obd-photo{background-image:url('image-3685a4552dce.png');background-size:308.8% auto;background-position:22.57% 22.22%}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px}.experience{font-size:66px;color:#0b8e9d;line-height:1.1;margin-bottom:25px}.experience span{font-size:15px;color:var(--ink)}.contact-section{padding:0 0 75px}.contact{padding:55px;border-radius:16px;display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}.contact h2{font-size:38px}.contact p{margin-bottom:0}.contact .eyebrow{margin-bottom:20px}.contact-actions{display:flex;align-items:center;flex-direction:column;gap:13px;font-size:15px}footer{background:var(--deep);color:white;padding:45px 0}footer .wrap{display:flex;justify-content:space-between;gap:30px}footer strong{letter-spacing:3px}footer p{font-size:14px;color:#a0b9c7}footer a{display:block;font-size:14px}dialog{max-width:630px;width:90%;border:0;border-radius:16px;padding:45px;color:var(--ink);box-shadow:0 20px 100px #0006}dialog::backdrop{background:#03141fcc;backdrop-filter:blur(4px)}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:30px;color:var(--ink)}dialog li{margin:12px 0}dialog h2{font-size:35px}.product-frame{padding:30px;background:#e6eef2;border-radius:15px}.product{background:white;color:var(--ink);border-radius:9px;overflow:hidden;box-shadow:0 12px 40px #14334218;font-size:13px;line-height:1.45;border:1px solid #dbe4eb}.product-head{background:var(--navy);color:white;padding:13px 17px;display:flex;justify-content:space-between;font-size:12px}.product-body{padding:20px}.product h4{margin:0 0 4px;font-size:22px}.product small{font-size:11px;color:#668090}.kpis{display:flex;gap:9px;margin:19px 0}.kpis>div{background:#f0f5f7;padding:11px;flex:1;border-radius:5px}.kpis b{display:block;font-size:22px}.kpis span{font-size:10px;color:#607786}.row{display:grid;grid-template-columns:1fr 1.3fr auto;gap:8px;align-items:center;padding:13px 0;border-top:1px solid #e5edf0;font-size:12px}.badge{background:#dff6ee;color:#15725f;border-radius:4px;padding:4px 7px;font-size:10px}.badge.amber{background:#fff1db;color:#8b601a}.badge.blue{background:#e0f2fa;color:#226681}.app-note{color:#6e8390;font-size:10px;padding:10px 20px;background:#f6f8fa}.route-row{display:grid;grid-template-columns:45px 1fr;gap:13px;margin:12px 0;align-items:center}.route-row time{font-size:11px;color:#6d8290}.route-stop{padding:10px 12px;border-left:3px solid var(--cyan);background:#edf6f8;border-radius:4px}.route-stop small{display:block}.invoice-sum{background:#edf7f6;padding:18px;margin-top:15px;border-radius:6px;display:flex;justify-content:space-between}.invoice-sum strong{color:#197b6e}.slide .product-body{padding:20px}.slide .app-note{font-size:10px}.slide-label{position:absolute;left:22px;bottom:22px;right:22px;background:#061b29eb;padding:14px 18px;border:1px solid #28515f;border-radius:8px;font-size:14px;color:#fff}
@media(min-width:1500px){.hero{padding:90px 0}.carousel-stage{height:410px}}
@media(max-width:1000px){.hero-grid{gap:30px}.hero h1{font-size:59px}.actions{align-items:start;flex-direction:column;gap:14px}.modules{grid-template-columns:repeat(2,1fr)}.split{gap:35px}.carousel-stage{height:365px}.hero-grid{grid-template-columns:1fr 1.15fr}.slide .product{margin:20px 12px}.product-body{padding:15px}.row{font-size:11px}.contact{padding:35px}}
@media(max-width:720px){header{height:80px;padding:0 5%}.logo{transform:scale(.78);transform-origin:left center;width:175px}header nav{gap:0}header nav>a:not(.button){display:none}header .button{font-size:12px;padding:9px 12px}.hero-grid,.split,.workflow,.about,.contact{grid-template-columns:1fr;gap:32px}.hero{padding:42px 0}.hero h1{font-size:60px}.hero h1 em br{display:none}.hero .intro{font-size:16px}.actions{flex-direction:row;align-items:center;gap:18px}.textlink{font-size:12px}.carousel-stage{height:355px}section{padding:56px 0}.three{grid-template-columns:1fr;gap:22px}.three article+article{padding:20px 0 0;border-left:0;border-top:1px solid var(--line)}.section-head{display:block;margin-bottom:25px}.section-head>p{max-width:none}.workflow{padding:20px;gap:20px}.tabs{gap:7px}.tabs button{font-size:12px;padding:10px 11px}.modules{gap:10px}.module{padding:20px 15px;min-height:175px}.module p{font-size:13px}.module strong{font-size:14px}.connected{gap:18px}.connected span{width:100%}.reverse>div:first-child{order:2}.product-frame{padding:20px}.contact{padding:28px}.contact h2{font-size:33px}.contact-actions{align-items:flex-start}.contact-section{padding-bottom:40px}.about{gap:15px}footer .wrap{flex-wrap:wrap}footer .caption{width:100%}.experience{font-size:54px}.photo{aspect-ratio:1.3}.checkgrid{font-size:13px}dialog{padding:35px 25px}.carousel-foot h3{font-size:16px}.controls button{width:31px;height:31px}.kpis span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Veyro brand palette, matched to the supplied colour card. */
:root{--navy:#061a2a;--deep:#03131f;--cyan:#22c2cf;--ink:#102235;--muted:#667687;--soft:#f5f7f9;--line:#dce3e8;--teal:#087f8f;--teal-light:#e8f7f8;--success:#2ead72;--warning:#d99a28;--danger:#d95c5c}
.logo{width:220px;height:80px;display:flex;align-items:center}.logo img{position:static;width:100%;height:auto;max-width:100%;object-fit:contain}.footer-logo{width:220px;display:block;margin-bottom:10px}.eyebrow{color:var(--teal)}.carousel-stage{height:428px}.slide>.app-demo{margin:17px 13px}.slide .app-demo{box-shadow:0 20px 50px #0004}.dots{flex-wrap:wrap}.dots button{width:22px}.app-demo{width:100%;min-width:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:var(--soft);border:1px solid var(--line);border-radius:9px;overflow:hidden;box-shadow:0 12px 35px #061a2a12;text-align:left;line-height:1.4}.app-chrome{display:flex;justify-content:space-between;gap:10px;padding:8px 12px;background:#fff;border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)}.app-chrome>span:first-child{font-weight:700;color:var(--ink)}.app-layout{display:grid;grid-template-columns:105px minmax(0,1fr);min-height:330px}.app-sidebar{background:var(--deep);color:#c4d4de;padding:9px 6px;position:relative}.app-sidebar img{width:100%;height:auto;display:block;margin-bottom:13px}.app-nav{font-size:8px;line-height:1.6}.app-nav>div{padding:4px 6px;border-radius:4px;margin-bottom:2px}.app-nav .current{color:#fff;background:var(--teal);font-weight:700}.app-nav ul{list-style:none;margin:0 0 5px;padding:0 0 0 12px;color:#9bb1c0;font-size:7px}.app-nav li{padding:2px 0}.app-nav .selected{color:#fff}.sidebar-bottom{border-top:1px solid #ffffff1c;font-size:7px;padding:9px 6px 0;margin-top:15px;line-height:1.8}.app-work{position:relative;padding:13px 11px;min-width:0;overflow:hidden}.app-breadcrumb{color:var(--muted);font-size:8px;margin-bottom:10px}.app-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.app-title h4{font-size:17px;margin:0 0 4px;letter-spacing:-.3px;line-height:1.25}.app-title small{font-size:8px;display:block;color:var(--muted)}.date-chip{font-size:8px;white-space:nowrap;padding:4px 6px;border:1px solid var(--line);border-radius:4px;background:#fff}.screen-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:13px 0}.screen-kpis>div{padding:9px 7px;background:#fff;border:1px solid var(--line);border-radius:6px}.screen-kpis span{font-size:7px;color:var(--muted);display:block;min-height:20px}.screen-kpis b{font-size:20px;display:block;line-height:1.15}.screen-panel{border:1px solid var(--line);background:white;border-radius:6px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:10px 8px;border-bottom:1px solid var(--line);font-size:9px}.panel-heading>span{font-size:7px;color:var(--teal)}.screen-columns,.screen-row{display:grid;grid-template-columns:1.15fr 1.55fr .8fr .8fr;align-items:center;gap:5px;padding:9px 7px;font-size:8px;border-bottom:1px solid #edf0f3}.screen-columns{font-size:7px;color:var(--muted);background:#fafbfc}.screen-row:last-child{border-bottom:0}.screen-row>span:first-child{color:var(--teal);font-weight:600}.state{display:inline-block;padding:3px 4px;border-radius:12px;font-size:7px;text-align:center}.state.green{background:#e4f5ee;color:#16714e}.state.yellow{background:#fcf0da;color:#94651c}.state.red{background:#fce9e9;color:#b53b3b}.screen-summary{display:flex;justify-content:space-between;margin-top:8px;font-size:7px;color:var(--muted)}.demo-bottom{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#fff;border-top:1px solid var(--line);gap:10px;font-size:9px;color:var(--muted)}.demo-bottom button{border:0;border-radius:4px;background:var(--teal-light);color:var(--teal);font-size:11px;padding:6px 9px;font-weight:600;white-space:nowrap}.demo-detail{position:absolute;inset:56px 10px 12px 18%;padding:20px;background:white;border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:7px;box-shadow:0 15px 40px #061a2a35;transform:translateX(130%);visibility:hidden;transition:transform .6s,visibility .6s}.playing .demo-detail{transform:translateX(0);visibility:visible}.demo-detail h5{font-size:18px;line-height:1.25;margin:12px 0}.demo-detail .detail-eyebrow{font-size:9px;color:var(--teal);font-weight:700}.demo-detail p{font-size:12px!important;line-height:1.55;color:var(--muted)!important}.demo-detail>div{border-block:1px solid var(--line);padding:12px 0;font-size:11px}.demo-detail>strong{font-size:11px;color:var(--teal);display:block;margin-top:14px}.playing .animated-row{background:var(--teal-light)}.slide.active .screen-kpis{animation:screen-intro .8s ease-out both}.slide.active .animated-row{animation:row-focus 3.5s ease-out 1}.calendar-line,.staff-line{display:grid;grid-template-columns:1.15fr repeat(5,1fr);font-size:8px;padding:9px 7px;border-bottom:1px solid var(--line);gap:3px;align-items:center}.screen-columns.six{grid-template-columns:1.15fr repeat(5,1fr)}.calendar-track{grid-column:2/7;display:grid;grid-template-columns:repeat(5,1fr);min-height:25px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),#edf0f3 calc(20% - 1px),#edf0f3 20%)}.booking{font-size:8px;padding:7px 4px;border-radius:3px;grid-column:1/4;background:#d9eef7;color:#22627d}.booking-1{grid-column:2/5;background:var(--teal-light);color:var(--teal)}.booking-2{grid-column:1/3;background:#fcf0da;color:#94651c}.booking-3{grid-column:3/6}.staff-cell{background:#e4f5ee;border:1px solid #bce1d1;color:#16714e;border-radius:4px;padding:8px 2px;text-align:center;font-size:8px}.staff-cell.short{background:#fcf0da;border-color:#ecd7ae;color:#94651c}.product-frame{padding:16px;background:#e8eef2}.workflow{grid-template-columns:.75fr 1.25fr;gap:28px;padding:25px}.workflow>.app-demo{align-self:center}.with-demo{max-width:930px}.with-demo .app-demo{margin-top:25px}.with-demo .app-layout{grid-template-columns:150px 1fr}.with-demo .app-nav{font-size:11px}.with-demo .app-nav ul{font-size:10px}.with-demo .app-title h4{font-size:23px}.with-demo .screen-row{font-size:12px;padding:14px 10px}.with-demo .screen-columns,.with-demo .panel-heading,.with-demo .state{font-size:10px}.with-demo .screen-kpis span{font-size:11px}.with-demo .app-title small{font-size:11px}.with-demo .app-work{padding:20px}.with-demo .calendar-line,.with-demo .staff-line,.with-demo .staff-cell,.with-demo .booking{font-size:11px}.with-demo .demo-detail{inset:65px 16px 15px 30%}.with-demo .app-layout{min-height:405px}.with-demo .demo-detail h5{font-size:25px}.with-demo .demo-detail p{font-size:15px!important}.with-demo .demo-detail>div,.with-demo .demo-detail>strong{font-size:13px}
@keyframes screen-intro{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes row-focus{0%,100%{background:white}30%,65%{background:var(--teal-light)}}
@media(max-width:1050px){.app-layout{grid-template-columns:87px minmax(0,1fr)}.app-title h4{font-size:15px}.app-work{padding:10px 8px}.workflow{grid-template-columns:1fr}.workflow .app-layout{grid-template-columns:120px minmax(0,1fr)}.screen-row{font-size:7px}.date-chip{display:none}}
@media(max-width:720px){.carousel-stage{height:406px}.slide>.app-demo{margin:10px 7px;width:calc(100% - 14px)}.app-layout{grid-template-columns:77px minmax(0,1fr);min-height:315px}.app-nav{font-size:7px}.app-nav ul{font-size:6.5px;padding-left:7px}.app-work{padding:10px 6px}.app-title h4{font-size:14px}.screen-kpis{gap:4px}.screen-kpis>div{padding:8px 5px}.screen-kpis span{font-size:6.5px}.screen-row{font-size:7px;gap:3px;padding:9px 5px}.screen-columns{font-size:6px;gap:3px;padding:8px 5px}.state{font-size:6px}.panel-heading{font-size:8px}.panel-heading>span{display:none}.demo-bottom{font-size:7px}.demo-bottom button{font-size:10px}.product-frame{padding:8px}.workflow{padding:13px}.workflow .app-layout{grid-template-columns:77px minmax(0,1fr)}.demo-detail{left:6%;padding:15px;top:49px}.demo-detail h5{font-size:16px}.demo-detail p{font-size:11px!important}.with-demo .app-layout{grid-template-columns:77px minmax(0,1fr);min-height:340px}.with-demo .app-nav{font-size:7px}.with-demo .app-nav ul{font-size:6.5px}.with-demo .app-work{padding:10px 6px}.with-demo .screen-row,.with-demo .screen-columns,.with-demo .state{font-size:7px;padding:7px 4px}.with-demo .screen-kpis span{font-size:7px}.with-demo .app-title h4{font-size:14px}.with-demo .app-title small{font-size:8px}.with-demo .calendar-line,.with-demo .staff-line,.with-demo .staff-cell,.with-demo .booking{font-size:7px}.with-demo .demo-detail{inset:45px 5px 10px 5%}.with-demo .demo-detail h5{font-size:16px}.with-demo .demo-detail p{font-size:11px!important}.with-demo .demo-detail>div,.with-demo .demo-detail>strong{font-size:10px}.with-demo{padding:35px 14px 20px}.with-demo .panel-heading{font-size:8px}.calendar-line,.staff-line,.booking,.staff-cell{font-size:7px}.footer-logo{width:200px}}
@media(prefers-reduced-motion:reduce){.slide.active .screen-kpis,.slide.active .animated-row{animation:none}.demo-detail{transition:none}}

@media(min-width:721px){.carousel-stage{height:454px}.slide>.app-demo{width:calc(100% - 26px)}}
.planning-map{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.map-toolbar{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;gap:5px;font-size:10px}.map-toolbar>div{display:flex;gap:5px}.route-choice{font-size:9px;padding:4px 8px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--muted)}.route-choice.active{background:var(--teal);border-color:var(--teal);color:white}.route-choice[data-route-choice=b].active{background:#596dba;border-color:#596dba}.planning-map svg{display:block;width:100%;height:auto}.route-overview{display:flex;justify-content:space-between;gap:8px;padding:8px;font-size:9px}.route-overview>span{color:var(--muted)}.planning-map[data-route=a] .route-b,.planning-map[data-route=a] .marker-b,.planning-map[data-route=b] .route-a,.planning-map[data-route=b] .marker-a{opacity:.25}.route-path,.route-markers{transition:opacity .3s}.with-demo .planning-map svg{max-height:320px}.with-demo .map-toolbar{font-size:14px}.with-demo .route-choice{font-size:12px}.with-demo .route-overview{font-size:12px}.app-demo[data-demo=planning] .screen-kpis{margin:9px 0}.app-demo[data-demo=planning] .screen-kpis>div{padding:6px}.app-demo[data-demo=planning] .screen-kpis span{min-height:12px}.app-demo[data-demo=planning] .screen-kpis b{font-size:18px}.app-demo[data-demo=planning] .app-layout{min-height:330px}
@media(max-width:720px){.map-toolbar{font-size:9px}.route-choice{font-size:9px;padding:4px 6px}.route-overview{font-size:8px;flex-wrap:wrap}.with-demo .map-toolbar{font-size:10px}.with-demo .route-choice{font-size:10px}.with-demo .route-overview{font-size:9px}.app-demo[data-demo=planning] .app-layout{min-height:315px}}


/* Search-friendly content and accessible navigation. */
.skip-link{position:fixed;left:15px;top:-100px;background:#fff;color:#102235;z-index:100;padding:12px}.skip-link:focus{top:12px}.menu-toggle{display:none}.module{display:block}.module h3{margin:0;font-size:17px}.module>a{display:block}.module .module-more{font-size:13px;margin-top:14px;color:#8fe7ec;text-decoration:underline}.module .module-preview{margin-top:15px;border:1px solid #365565;background:transparent;color:#d9edf1;border-radius:5px;font-size:13px;padding:7px 10px}.seo-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;font-size:15px}.seo-links a,.article-body a{text-decoration:underline;text-underline-offset:4px}.faq{max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:700}.faq details p{margin:12px 0 0;max-width:780px}.guide-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px}.guide-cards article{padding:28px;border:1px solid var(--line);border-radius:10px;background:#fff}.guide-cards a{color:var(--teal);text-decoration:underline}.article-hero{padding:60px 0}.article-hero h1{font-size:clamp(36px,4vw,60px);max-width:930px;letter-spacing:-1.6px;line-height:1.13}.article-hero .lead{font-size:19px;max-width:850px}.breadcrumbs{font-size:14px;margin-bottom:28px;color:#a8c2d1}.breadcrumbs a{text-decoration:underline}.article-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.8fr);gap:60px}.article-body section{padding:0 0 35px;scroll-margin-top:30px}.article-body h2{font-size:29px;letter-spacing:-.6px}.article-body p{font-size:17px;line-height:1.8;color:#465c6c}.article-aside{align-self:start;padding:25px;background:var(--soft);border-radius:10px}.article-aside h2{font-size:23px}.article-aside li{margin:12px 0;font-size:15px}.article-aside a{color:var(--teal);text-decoration:underline}.article-aside ul{padding-left:18px}.article-demo{margin-top:30px}.article-demo .app-demo{max-width:100%}.article-demo .app-layout{grid-template-columns:120px minmax(0,1fr)}.article-demo .screen-row{font-size:10px}.home-subtitle{font-size:20px;color:#fff!important}.hero h1{font-size:clamp(40px,4.6vw,65px)}.module a:hover{color:#8fe7ec}.module strong{font-size:12px;letter-spacing:1px;margin-bottom:8px;color:#8fe7ec}.seo-footer{border-top:1px solid #ffffff26;padding-top:20px;margin-top:20px;display:flex;flex-wrap:wrap;gap:12px 25px}.seo-footer a{font-size:13px}.dark .article-note{color:#bdd0dc}.article-demo .caption{font-size:13px}.guide-cards p{line-height:1.7}
@media(max-width:720px){header{position:relative;z-index:10}.menu-toggle{display:block;margin-left:auto;padding:9px 13px;background:transparent;border:1px solid #365565;border-radius:5px;color:white;font-size:14px}header nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--deep);padding:20px;flex-direction:column;align-items:stretch;gap:15px}header nav.menu-open{display:flex}header nav.menu-open>a:not(.button){display:block}header nav a{padding:5px}.article-grid{grid-template-columns:1fr;gap:20px}.article-aside{order:2}.article-hero{padding:40px 0}.article-hero .lead{font-size:17px}.article-body h2{font-size:25px}.guide-cards{grid-template-columns:1fr}.article-demo .app-layout{grid-template-columns:77px minmax(0,1fr)}.article-demo .screen-row{font-size:7px}.hero h1{font-size:46px}.home-subtitle{font-size:17px}.module h3{font-size:16px}.module .module-more,.module .module-preview{font-size:12px}}