/* Alodot services v20, extending the approved cobalt / yellow brand. */
:root{scroll-snap-type:none}
.hero-eyebrow{font-size:10px;letter-spacing:.15em;font-weight:750;color:#fff;margin:0 0 24px;line-height:1.5}
.hero-description{max-width:520px;font-size:clamp(14px,1.35vw,21px);line-height:1.5}
.hero-expertises strong{font-size:clamp(19px,1.9vw,30px)}
.hero-expertises div>span{font-size:clamp(11px,1vw,16px)}
.services-section{background:var(--cream);color:var(--ink);padding:90px 0 80px!important;min-height:0!important}
.services-heading{display:grid;grid-template-columns:1.5fr 1fr;align-items:end;gap:60px;margin-bottom:45px}
.services-heading .eyebrow{color:var(--blue);font-size:10px;letter-spacing:.16em;margin:0 0 20px}
.services-heading h2{font:400 clamp(34px,3.8vw,61px)/1.04 ArchivoBlack,Arial,sans-serif;letter-spacing:-.055em;margin:0}
.services-heading h2 em{font-style:normal;color:var(--blue)}
.services-heading>p{font-size:15px;line-height:1.85;margin:0 0 3px;max-width:460px;color:#4b536b}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.service-card{display:flex;flex-direction:column;background:#fff;border:1px solid #dee0e8;border-radius:14px;overflow:hidden;padding:27px;transition:border-color .2s,translate .2s;min-width:0}
.service-card:hover{border-color:#2854e4;translate:0 -3px}
.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;color:var(--blue)}
.service-card-top>span{font-size:11px;letter-spacing:.1em;font-weight:800}
.service-card-top svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.service-card h3{font-size:23px;font-weight:800;letter-spacing:-.05em;line-height:1.2;margin:0 0 14px;max-width:260px}
.service-card>p{font-size:12px;line-height:1.8;color:#5e677f;margin:0 0 22px;min-height:65px}
.service-card ul{list-style:none;display:grid;gap:10px;padding:0;margin:0 0 29px;font-size:11px;line-height:1.55;font-weight:600;color:#394564}
.service-card li{display:flex;gap:8px;align-items:baseline}.service-card li:before{content:'↗';color:var(--blue);flex-shrink:0}
.service-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:17px;border-top:1px solid #e4e8f1;margin-top:auto;font-size:10px;font-weight:800}
.service-card-bottom a{color:#687386;min-height:40px;display:inline-flex;align-items:center;gap:10px}
.service-card-bottom button{background:transparent;border:0;border-radius:5px;padding:10px 0;color:var(--blue);display:inline-flex;gap:12px;min-height:40px;align-items:center}
.service-card-bottom span{font-size:17px}
.service-card-code{background:#08246d;color:#fff;border-color:#08246d}
.service-card-code .service-card-top,.service-card-code li:before,.service-card-code .service-card-bottom button{color:var(--yellow)}
.service-card-code>p,.service-card-code ul,.service-card-code .service-card-bottom a{color:#d0dcff}.service-card-code .service-card-bottom{border-color:#ffffff30}
.services-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:35px;padding-top:24px;border-top:1px solid #d8dbe3}
.services-bottom p{margin:0;font-size:13px;line-height:1.8;color:#59617b}.services-bottom strong{color:var(--ink)}
.services-bottom button{border:0;border-radius:50px;background:var(--yellow);color:var(--ink);font-size:12px;font-weight:800;padding:16px 22px;display:flex;align-items:center;gap:20px;min-height:48px}
.ai-section.chapter{padding-top:75px}.social-section .section-copy h2{font-size:clamp(37px,4.3vw,64px)}
.marketing-section{background:#edf0fa;color:var(--ink);padding:90px 0 65px!important;min-height:0!important}
.marketing-section .section-topline{margin-bottom:45px}.marketing-heading{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:start}
.marketing-heading h2{font:400 clamp(39px,4.4vw,70px)/1.02 ArchivoBlack,Arial,sans-serif;letter-spacing:-.055em;margin:0 0 25px}.marketing-heading h2 em{font-style:normal;color:var(--blue)}
.marketing-heading>div>p{font-size:15px;line-height:1.85;color:#4c5875;max-width:420px;margin:0}
.marketing-signature{display:flex;align-items:center;gap:20px;margin-top:45px}.marketing-signature>span{font-size:72px;color:var(--blue);line-height:1}.marketing-signature p{font-size:14px;line-height:1.7;margin:0;color:#4d5974}.marketing-signature strong{color:var(--ink)}
.marketing-workbench{background:white;border:1px solid #d7dfef;border-radius:18px;overflow:hidden;box-shadow:10px 12px 0 #d4dcf5;min-width:0}
.marketing-tabs{display:flex;gap:6px;padding:15px;background:#f7f8fd;border-bottom:1px solid #e0e6f1}
.marketing-tabs button{flex:1;min-width:0;border:1px solid transparent;background:transparent;border-radius:8px;padding:12px 8px;min-height:45px;color:#576581;font-size:11px;font-weight:750;line-height:1.5}
.marketing-tabs button[aria-selected=true]{color:#fff;background:var(--blue);border-color:var(--blue)}
.marketing-panel{padding:26px}.marketing-panel>h3{font-size:22px;line-height:1.3;font-weight:800;letter-spacing:-.045em;margin:26px 0 11px}
.marketing-panel>p{font-size:12px;line-height:1.85;color:#5a6680;margin:0 0 19px}.marketing-panel>ul{list-style:none;display:grid;gap:11px;font-size:11px;line-height:1.7;padding:0;margin:0 0 24px;color:#334361}
.marketing-panel>ul>li{padding-left:18px;position:relative}.marketing-panel>ul>li:before{content:'↗';position:absolute;left:0;color:var(--blue);font-weight:800}
.marketing-project{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;background:var(--yellow);color:var(--ink);font-size:12px;font-weight:800;border:0;border-radius:8px;padding:16px 18px;min-height:49px}
.marketing-project>span{font-size:19px}.campaign-preview{background:#ffdf42;border-radius:9px;padding:24px;overflow:hidden;color:#082053;position:relative}
.campaign-preview>div:first-child{display:flex;justify-content:space-between;gap:15px;font-size:8px;font-weight:800;letter-spacing:.06em}.campaign-preview>p{font:400 clamp(25px,2.7vw,42px)/1.03 ArchivoBlack,Arial,sans-serif;letter-spacing:-.06em;margin:25px 0 22px}.campaign-preview>p em{font-style:normal;color:#123bde}
.campaign-flow{display:flex;flex-wrap:wrap;gap:7px}.campaign-flow>span{font-size:8px;font-weight:800;background:#ffffff70;padding:8px 10px;border-radius:30px}
.social-preview{background:#092675;border-radius:9px;padding:20px;color:white}.social-preview-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.social-preview-top strong{font-size:20px;letter-spacing:-.06em}.social-preview-top strong span{color:var(--yellow)}.social-preview-top>span{font-size:8px;letter-spacing:.08em;color:#cdd8fc}
.social-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.social-preview-grid>div{padding:14px 10px;background:#e7eaff;color:#102057;border-radius:6px;min-width:0}.social-preview-grid>div:nth-child(2){background:#ffdf42}.social-preview-grid>div:nth-child(3){background:#d8c7ff}.social-preview-grid span{font-size:7px;font-weight:800;letter-spacing:.04em}.social-preview-grid strong{display:block;font-size:clamp(12px,1.3vw,19px);letter-spacing:-.055em;margin:18px 0 6px}.social-preview-grid p{font-size:8px;line-height:1.4;margin:0}.social-preview-grid b{font-size:32px;line-height:1.2;display:block;margin-top:12px;color:#0b36de}.social-preview>p{font-size:9px;line-height:1.6;color:#d7e1ff;margin:18px 0 0}
.email-preview{border-radius:9px;border:1px solid #dce3ee;overflow:hidden;background:#f5f7fb}.email-preview-envelope{display:flex;justify-content:space-between;gap:10px;padding:11px 16px;border-bottom:1px solid #dce3ee;font-size:8px;color:#738099;font-weight:650}.email-preview-body{background:white;margin:16px;padding:23px;border-radius:7px;border:1px solid #e2e8f0}.email-preview-body>span:first-child{font-size:8px;font-weight:800;letter-spacing:.06em;color:#54749e}.email-preview-body h4{font-size:32px;line-height:1.08;letter-spacing:-.06em;margin:20px 0 13px;font-weight:800}.email-preview-body h4 em{font-style:normal;color:var(--blue)}.email-preview-body>p{font-size:10px;line-height:1.8;color:#71819c;margin:0 0 17px}.email-preview-cta{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:10px;padding:12px;background:#0b39e4;color:#fff;border-radius:5px;font-weight:800}.email-preview-foot{font-size:8px;text-align:center;color:#8793a7;margin:0 10px 14px;line-height:1.6}
.marketing-bottom{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;border-top:1px solid #c9d2e8;margin-top:46px;padding-top:25px}.marketing-bottom strong{font-size:17px;line-height:1.5;letter-spacing:-.03em}.marketing-bottom p{font-size:12px;line-height:1.85;margin:0;color:#576784}
.footer-services{display:flex;flex-wrap:wrap;column-gap:26px;row-gap:6px;padding-top:40px;margin-top:30px;border-top:1px solid #ffffff40;color:white;font-size:11px}.footer-services a{min-height:35px;display:flex;align-items:center}.footer-services a:hover{color:var(--yellow)}
.mobile-menu{overflow-y:auto}.mobile-menu nav a{font-size:clamp(22px,5.4vw,36px)}
@media(min-width:701px){.hero h1{font-size:clamp(42px,5.7vw,110px)}.hero-eyebrow{margin-bottom:21px}.hero-expertises>.wrap{gap:24px}}
@media(min-width:701px) and (max-width:960px){.hero-expertises strong{font-size:16px}.hero-expertises div>span{font-size:10px}}
@media(max-width:1100px){.services-heading{gap:30px}.service-card{padding:22px}.service-card h3{font-size:20px}.service-card>p{min-height:87px}.marketing-heading,.marketing-bottom{gap:40px}.marketing-panel{padding:21px}.marketing-heading h2{font-size:4.5vw}}
@media(max-width:960px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-heading{grid-template-columns:1fr;gap:23px}.services-heading>p{max-width:640px}.services-heading h2{font-size:44px}.service-card>p{min-height:65px}.hero-eyebrow{font-size:8px}.marketing-heading{gap:28px}.marketing-heading h2{font-size:4.6vw}.marketing-tabs{padding:10px;gap:2px}.marketing-tabs button{font-size:9px;padding:10px 5px}}
@media(max-width:700px){.hero-eyebrow{order:0;font-size:7px;margin:0 0 14px;letter-spacing:.12em}.hero h1{font-size:clamp(40px,13.1vw,85px)}.hero-description{max-width:none;font-size:12px;line-height:1.5;margin-top:12px}.hero-expertises strong{font-size:10px}.hero-expertises div>span{display:none}.services-section{padding:55px 0 45px!important}.services-heading{gap:20px;margin-bottom:30px}.services-heading h2{font-size:clamp(29px,7.9vw,45px);letter-spacing:-.06em}.services-heading .eyebrow{font-size:8px;margin-bottom:15px}.services-heading>p{font-size:12px;line-height:1.8}.services-grid{gap:13px}.service-card{padding:18px}.service-card h3{font-size:19px}.service-card>p{font-size:11px;min-height:80px}.service-card ul{font-size:10px;gap:8px;margin-bottom:19px}.service-card-top{margin-bottom:25px}.service-card-top svg{width:27px;height:27px}.service-card-bottom{gap:8px;font-size:9px;flex-wrap:wrap;padding-top:10px}.service-card-bottom button{gap:8px}.services-bottom{display:block;margin-top:25px}.services-bottom p{font-size:12px;margin-bottom:20px}.services-bottom button{width:100%;justify-content:space-between;font-size:11px}.ai-section.chapter{padding-top:48px}.marketing-section{padding:55px 0 45px!important}.marketing-section .section-topline{margin-bottom:30px}.marketing-heading{grid-template-columns:1fr;gap:30px}.marketing-heading h2{font-size:clamp(34px,9vw,58px);margin-bottom:20px}.marketing-heading>div>p{font-size:12px;max-width:none}.marketing-signature{display:none}.marketing-workbench{box-shadow:6px 8px 0 #d4dcf5;margin-right:6px;border-radius:12px}.marketing-tabs{padding:10px;gap:4px}.marketing-tabs button{font-size:10px;min-height:45px;line-height:1.4}.marketing-panel{padding:20px}.marketing-panel>h3{font-size:21px}.marketing-panel>p{font-size:11px}.marketing-panel>ul{font-size:10px}.marketing-project{font-size:11px}.campaign-preview{padding:20px}.campaign-preview>p{font-size:clamp(26px,7.5vw,40px)}.campaign-preview>div:first-child{font-size:7px}.campaign-flow>span{font-size:7px;padding:7px 8px}.social-preview-grid strong{font-size:15px}.marketing-bottom{grid-template-columns:1fr;gap:14px;margin-top:34px;padding-top:22px}.marketing-bottom strong{font-size:15px}.marketing-bottom p{font-size:11px}.footer-services{font-size:10px;gap:8px 20px;padding-top:25px}.social-section .section-copy h2{font-size:clamp(30px,8.7vw,49px)}}
@media(max-width:440px){.services-grid{grid-template-columns:1fr}.service-card{padding:23px}.service-card h3{font-size:23px;max-width:none}.service-card>p{min-height:0;font-size:12px}.service-card ul{font-size:11px}.service-card-top{margin-bottom:21px}.service-card-bottom{font-size:10px;flex-wrap:nowrap}.marketing-tabs button{font-size:9px}.hero-expertises>.wrap{gap:8px}.hero-expertises strong{font-size:9px}.hero-expertises a{gap:6px}.social-preview-grid strong{font-size:13px}.social-preview-grid>div{padding:13px 8px}.email-preview-body{margin:12px;padding:19px}.campaign-preview>div:first-child{font-size:6px;gap:10px}.campaign-flow{gap:5px}.campaign-flow>span{font-size:6px}.footer-services a{min-height:34px}}
@media(prefers-reduced-motion:reduce){.service-card{transition:none}.service-card:hover{translate:none}}