/*
Theme Name: ATLANT AI Premium
Theme URI: https://atlant-marketing.com/
Author: ATLANT AI
Description: Bilingual ATLANT AI landing page with warm office photography and a rounded visual system.
Version: 2.6.2
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: atlant-ai-premium
*/
:root{--ink:#172033;--navy:#111a2d;--navy2:#1b2943;--muted:#647084;--paper:#f7f7f4;--line:#d8dfe3;--white:#fff;--blue:#4f83ec;--blue-light:#d7e6ff;--gold:#d5b77d;--wrap:1220px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit}button{cursor:pointer}
a{color:inherit;text-decoration:none}a:hover{text-decoration:none}
img,video{max-width:100%}img{height:auto}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
[hidden]{display:none!important}
.wrap{width:min(calc(100% - 64px),var(--wrap));margin-inline:auto}
.skip-link{position:absolute;left:16px;top:-100px;background:white;padding:10px 16px;z-index:1000}.skip-link:focus{top:16px}
.site-header{position:sticky;top:0;z-index:100;background:var(--navy);color:#e7ecf2;border-bottom:1px solid rgba(255,255,255,.16)}
.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:inline-flex;align-items:center;gap:12px;flex:none;color:white}.brand-image{width:auto;max-width:190px;height:48px;display:block;object-fit:contain;background:white;padding:3px}.brand-mark{font-size:33px;letter-spacing:-.12em;font-weight:800;line-height:1}.brand-mark-line{color:var(--blue)}.brand-name,.footer-brand{font-size:19px;letter-spacing:.12em;font-weight:800}.brand-name span,.footer-brand span{color:var(--blue);margin-left:2px}
.desktop-nav{display:flex;align-items:center;gap:28px;font-size:14px}.desktop-nav a{color:#c6cdd7;transition:color .2s}.desktop-nav a:hover{color:white}
.header-actions{display:flex;align-items:center;gap:20px}.language-switch{display:flex;gap:6px;color:#98a4b5;font-size:12px;letter-spacing:.08em;font-weight:700}.language-switch a:hover,.language-switch a[aria-current=page]{color:white}
.header-cta{border:1px solid rgba(255,255,255,.45);padding:11px 16px;font-size:13px;font-weight:650;white-space:nowrap}.header-cta:hover{background:white;color:var(--navy)}.header-cta span{color:var(--gold)}
.mobile-menu{display:none}.mobile-menu summary{list-style:none;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}
.hero{background:var(--navy);color:white;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 25%,rgba(76,119,204,.15),transparent 34%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:7%;min-height:660px;padding-block:90px 100px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#4b6b9a;margin:0 0 28px}.eyebrow.light{color:var(--gold)}
h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.09}h1{font-size:clamp(50px,5.3vw,82px);max-width:800px;margin-bottom:28px;font-weight:660}h2{font-size:clamp(38px,4vw,58px);font-weight:640;margin-bottom:25px}h3{font-size:24px;font-weight:650}
.hero-lede{max-width:590px;font-size:19px;color:#bfc9d7;line-height:1.65;margin-bottom:36px}.hero-buttons{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:14px 21px;font-size:14px;font-weight:750;letter-spacing:.005em;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue-light);color:#14284a}.button-primary:hover{background:white}.button span{font-size:17px}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:4px}.light-link{color:#e8edf5}.light-link:hover{color:var(--gold)}
.flow-graphic{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.035);padding:24px 28px;box-shadow:30px 30px 0 rgba(10,17,31,.28)}.flow-head{display:flex;align-items:center;gap:18px;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.18);font-size:10px;letter-spacing:.18em;color:#b5c0ce;font-weight:800}.flow-symbol{font-size:20px;color:white;letter-spacing:-.08em}.flow-indicator{width:7px;height:7px;border-radius:50%;background:var(--gold);margin-left:auto}.flow-row{display:grid;grid-template-columns:46px 1fr 18px;align-items:center;gap:8px;min-height:75px;border-bottom:1px solid rgba(255,255,255,.14)}.flow-row strong{font-size:21px;font-weight:550;letter-spacing:-.03em}.flow-num{color:var(--gold);font-size:11px;letter-spacing:.12em;font-weight:800}.flow-arrow{color:#719dec}.flow-foot{font-size:10px;letter-spacing:.18em;color:#929eaf;padding-top:22px}.flow-foot span{color:var(--gold);padding:0 5px}
.capability-strip{background:#e8ebed;border-bottom:1px solid var(--line)}.capability-strip .wrap{min-height:72px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.capability-strip span{font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;color:#586980;padding:10px 18px;border-right:1px solid #cdd4d8}.capability-strip span:first-child{padding-left:0}.capability-strip span:last-child{border:0}
.section{padding-block:120px;scroll-margin-top:96px}.section-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%}.section-intro p:not(.eyebrow){max-width:430px;font-size:18px;color:var(--muted);line-height:1.65}.service-list{border-top:1px solid #bfc9d0}.service-row{display:grid;grid-template-columns:50px 1fr 22px;gap:14px;align-items:start;padding:28px 0;border-bottom:1px solid #bfc9d0}.service-row .index,.row-mark{color:#45669c;font-size:12px;font-weight:800}.service-row h3{margin-bottom:10px}.service-row p{max-width:540px;color:var(--muted);margin-bottom:0;line-height:1.6}
.demo-section{background:var(--navy2);color:white}.demo-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:end;margin-bottom:45px}.demo-heading h2{max-width:690px;margin-bottom:0}.demo-heading>p{color:#bdc6d4;font-size:17px;max-width:370px;margin-bottom:6px}
.demo-frame{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);border:1px solid rgba(255,255,255,.2);background:#0b1322}.demo-stage{min-width:0}.demo-stage-head{display:flex;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid rgba(255,255,255,.15);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#a8b3c3}.demo-stage video,.demo-placeholder{width:100%;aspect-ratio:16/9;display:block;background:#080e1a;object-fit:contain}.demo-placeholder{display:grid;place-items:center;color:#aab5c4;padding:25px;text-align:center}.demo-chapters{border-left:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column}.chapter{display:grid;grid-template-columns:35px 1fr 18px;align-items:center;gap:12px;flex:1;min-height:70px;padding:13px 18px;background:none;color:#d4dce7;text-align:left;border:0;border-bottom:1px solid rgba(255,255,255,.15)}.chapter:last-child{border-bottom:0}.chapter:hover,.chapter[aria-selected=true]{background:#293c5e;color:white}.chapter span:first-child{color:var(--gold);font-size:11px;font-weight:800}.chapter strong{font-size:14px;font-weight:600}.chapter-arrow{color:#96b7ee}.demo-footnote{margin:18px 0 0;color:#aeb9c8;font-size:12px}
.process-section h2{max-width:780px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:65px}.process-grid article{border-top:1px solid #a9b9c7;padding-top:22px}.process-num{display:block;font-size:13px;font-weight:800;color:#43669c;margin-bottom:38px}.process-grid h3{font-size:22px;margin-bottom:16px}.process-grid p{font-size:15px;color:var(--muted);line-height:1.65}.principle{border-left:3px solid var(--blue);padding:13px 0 13px 25px;font-size:clamp(20px,2.3vw,30px);letter-spacing:-.025em;line-height:1.3;max-width:790px;margin:60px 0 0}
.pricing-section{background:#e9edef}.pricing-section h2{max-width:720px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.price-option{min-height:350px;background:#fff;border:1px solid #cdd6de;padding:32px;display:flex;flex-direction:column}.price-option:nth-child(2){border-top:4px solid #557fd0;padding-top:29px}.price-index{font-size:11px;letter-spacing:.16em;color:#54729e;font-weight:800;margin-bottom:50px}.price-option h3{margin:0 0 14px}.price-amount{font-size:26px;font-weight:650;letter-spacing:-.03em;margin-bottom:20px}.price-option p{color:var(--muted);font-size:15px;line-height:1.6;flex:1}.price-option a{font-size:14px;font-weight:700;border-top:1px solid var(--line);padding-top:19px}.price-option a span{color:#406bd3}.price-option a:hover{color:#315bad}
.contact-section{background:var(--navy);color:white}.contact-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:10%;align-items:center}.contact-grid h2{max-width:720px}.contact-grid p:not(.eyebrow){max-width:590px;color:#bfc9d7;font-size:18px;line-height:1.65}.contact-action{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.contact-action>span{color:#b8c5d4;font-size:13px;margin-top:13px}.contact-email{font-size:19px;border-bottom:1px solid var(--gold);overflow-wrap:anywhere}.contact-email:hover{color:var(--gold)}
.site-footer{background:#0a1120;color:#cbd3dd;padding-top:60px}.footer-main{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:8%;padding-bottom:60px}.footer-brand{color:white;font-size:25px;margin-bottom:20px}.footer-main p{color:#a4b0c0;max-width:260px}.footer-main nav,.footer-legal{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:13px}.footer-main a:hover,.footer-bottom a:hover{color:white}.footer-legal span{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:7px}.footer-bottom{border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;gap:18px;padding-block:22px;color:#8897ab;font-size:12px}.footer-bottom a{color:#c9d4e0}
.inner-page{padding:85px 0 120px;min-height:60vh}.inner-page article{max-width:860px}.inner-page h1{color:var(--ink);font-size:clamp(38px,5vw,62px)}.page-content{font-size:17px;line-height:1.75}.page-content a{text-decoration:underline;color:#315bad}
.page-content h2{margin:2.2em 0 .55em;color:var(--ink);font-size:clamp(25px,3vw,34px);line-height:1.2;letter-spacing:-.025em}.page-content h2:first-child{margin-top:.8em}.page-content h3{margin:1.8em 0 .5em;color:var(--ink);font-size:22px;line-height:1.3}.page-content p{margin:0 0 1.1em}.page-content strong{font-weight:700}.page-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:1.5em 0;font-size:15px}.page-content th,.page-content td{border-bottom:1px solid #d8e1ec;padding:12px 14px;text-align:left;vertical-align:top}.page-content th{background:#eaf0f8;color:#173358;font-weight:700}.page-content a:hover{color:#173f7f}
@media(max-width:1100px){.desktop-nav{gap:15px}.header-actions{gap:12px}.header-cta{display:none}.hero-grid{gap:5%}.flow-row strong{font-size:18px}}
@media(max-width:850px){.wrap{width:min(calc(100% - 40px),var(--wrap))}.desktop-nav,.header-actions{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{width:40px;display:flex;flex-direction:column;gap:5px;padding:9px}.mobile-menu summary span{height:2px;width:22px;background:white}.mobile-menu nav{position:absolute;right:0;top:42px;width:min(310px,calc(100vw - 40px));background:#1b2943;border:1px solid #41516a;box-shadow:0 18px 28px rgba(0,0,0,.25);padding:16px;display:flex;flex-direction:column;gap:4px}.mobile-menu nav>a{padding:8px}.mobile-languages{border-top:1px solid #58657a;display:flex;gap:18px;margin-top:8px;padding:13px 8px 3px;font-size:13px}.hero-grid,.section-grid,.contact-grid{grid-template-columns:1fr}.hero-grid{padding-block:72px;gap:70px}.flow-graphic{max-width:600px}.capability-strip .wrap{grid-template-columns:repeat(2,1fr)}.capability-strip span:nth-child(2){border:0}.capability-strip span:nth-child(n+3){border-top:1px solid #cdd4d8}.section{padding-block:85px}.section-grid{gap:35px}.demo-heading{grid-template-columns:1fr;gap:10px}.demo-frame{grid-template-columns:1fr}.demo-chapters{border-left:0;border-top:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:repeat(5,1fr)}.chapter{grid-template-columns:1fr;gap:5px;min-height:85px;border-right:1px solid rgba(255,255,255,.15);font-size:12px}.chapter strong{font-size:12px}.chapter-arrow{display:none}.process-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.price-option{min-height:260px}.price-index{margin-bottom:27px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}.contact-grid{gap:35px}}
@media(max-width:600px){.header-inner{min-height:72px}.brand-image{height:39px;max-width:150px}.hero-grid{padding-block:64px;gap:55px}.hero h1{font-size:clamp(42px,10vw,60px)}.hero-lede{font-size:16px}.hero-buttons{align-items:flex-start;flex-direction:column;gap:22px}.flow-graphic{padding:15px 18px;box-shadow:12px 12px 0 rgba(10,17,31,.28)}.flow-row{min-height:64px}.flow-row strong{font-size:17px}.flow-head{font-size:9px}.capability-strip span{font-size:10px;letter-spacing:.06em}.section{padding-block:72px}.service-row{grid-template-columns:35px 1fr 12px}.service-row h3{font-size:21px}.demo-frame{margin-inline:-20px}.demo-stage-head{font-size:9px}.demo-chapters{grid-template-columns:repeat(2,1fr)}.chapter{min-height:62px}.process-grid{gap:30px 18px;margin-top:42px}.process-grid h3{font-size:18px}.process-grid p{font-size:14px}.principle{margin-top:45px}.price-option{padding:25px}.footer-main{grid-template-columns:1fr;gap:30px}.footer-main>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* v2.1: original identity, larger reading text and a concrete visual example */
.brand-image{max-width:225px;height:56px;padding:0;border:1px solid rgba(255,255,255,.4)}
.footer-logo{width:225px;height:auto;display:block;background:white;margin-bottom:20px}
.eyebrow{font-size:12px;letter-spacing:.17em}
.section h2{font-size:clamp(38px,3.6vw,52px);line-height:1.13}
.section-intro p:not(.eyebrow),.demo-heading>p,.contact-grid p:not(.eyebrow){font-size:19px}
.service-row p,.process-grid p,.price-option p{font-size:17px;line-height:1.68}
.process-grid h3{font-size:24px}.process-num{font-size:14px;margin-bottom:28px}
.chapter strong{font-size:15px}.demo-footnote,.scenario-disclaimer{font-size:13px}
.footer-main nav,.footer-legal{font-size:15px}.footer-bottom{font-size:13px}

.scenario-section{background:#edf1f3;border-block:1px solid #d4dce1;overflow:hidden}
.scenario-heading{display:grid;grid-template-columns:1.15fr .7fr;gap:8%;align-items:end;margin-bottom:48px}
.scenario-heading h2{max-width:690px;margin-bottom:0}
.scenario-heading>p{font-size:19px;line-height:1.63;color:#627187;margin-bottom:3px;max-width:420px}
.scenario-board{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center}
.scenario-app{min-width:0;min-height:385px;background:#fff;border:1px solid #bfcbd5;box-shadow:0 22px 55px rgba(26,46,73,.10)}
.scenario-app-top{height:48px;background:#17253e;color:#b8c8e1;display:flex;align-items:center;gap:14px;padding:0 18px;font-size:11px;font-weight:800;letter-spacing:.12em}
.app-dots{display:flex;gap:4px}.app-dots i{width:5px;height:5px;display:block;border-radius:50%;background:#87a0c4}.app-dots i:first-child{background:#c9ac78}
.app-index{margin-left:auto;color:#e3edff}
.app-body{padding:27px 28px}
.scenario-caption-line{display:flex;align-items:center;gap:11px;color:#416596;font-size:11px;letter-spacing:.16em;font-weight:800;margin-bottom:24px}
.app-icon{width:30px;height:30px;display:grid;place-items:center;background:#e8eef8;color:#2c5aa9;font-size:18px;font-weight:800;letter-spacing:0}
.sender-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.sender-avatar,.owner-avatar{flex:none;display:grid;place-items:center;border-radius:50%;background:#325b9f;color:white;font-weight:700}
.sender-avatar{width:42px;height:42px}.sender-row strong,.sender-row small{display:block}.sender-row strong{font-size:15px}.sender-row small{font-size:12px;color:#7b889a}
.message-time{margin-left:auto;font-size:12px;color:#8390a2}
.message-bubble{max-width:95%;background:#eef4fb;border:1px solid #d7e3f2;border-radius:2px 15px 15px 15px;padding:17px 19px;font-size:16px;line-height:1.55;color:#24354e}
.analysis-summary{display:flex;align-items:center;gap:12px;margin-top:22px;padding-top:18px;border-top:1px solid #e0e7ed}
.ai-mark{display:grid;place-items:center;width:32px;height:32px;background:#152b50;color:#dce9ff;font-size:11px;font-weight:800}
.analysis-summary strong,.analysis-summary small{display:block}.analysis-summary strong{font-size:14px}.analysis-summary small{font-size:12px;color:#708093;margin-top:2px}
.scenario-bridge{display:flex;align-items:center;color:#416ba8}.scenario-bridge span{height:1px;background:#9db4d4;flex:1}.scenario-bridge b{font-size:22px;font-weight:500;padding:0 5px}
.crm-task{border:1px solid #d7e0e8;background:#fbfcfe;padding:20px;box-shadow:5px 6px 0 #e8eef5}
.crm-task-head{display:flex;justify-content:space-between;align-items:center;gap:7px;margin-bottom:25px}.task-id{color:#7186a3;letter-spacing:.12em;font-size:11px;font-weight:800}.task-status{background:#dce9fa;color:#28538d;padding:5px 8px;font-size:11px;font-weight:800}
.crm-task h3{font-size:21px;margin-bottom:11px}.crm-task p{font-size:15px;color:#68788b;line-height:1.5;min-height:48px;margin-bottom:22px}
.task-footer{border-top:1px solid #e0e5eb;display:flex;align-items:center;gap:9px;padding-top:14px;font-size:13px;color:#5c6f86}.task-footer strong{color:#253751}.owner-avatar{width:25px;height:25px;font-size:10px;background:#95a8c5}.task-arrow{margin-left:auto;color:#416ba8}
.handoff-line{display:flex;align-items:center;gap:9px;margin-top:19px;color:#41628f;font-size:13px;font-weight:650}.handoff-pulse{width:8px;height:8px;border-radius:50%;background:#6497c5;box-shadow:0 0 0 4px #e6f0f7}
.scenario-disclaimer{color:#7a8797;margin-top:22px;margin-bottom:0}
@media(max-width:850px){.scenario-heading{grid-template-columns:1fr;gap:20px}.scenario-heading>p{max-width:650px}.scenario-board{grid-template-columns:1fr;max-width:620px}.scenario-bridge{width:70px;height:54px;transform:rotate(90deg);margin:auto}.scenario-app{min-height:0}.footer-logo{width:210px}}
@media(max-width:600px){.brand-image{max-width:175px;height:44px}.section h2{font-size:clamp(34px,8.5vw,44px)}.section-intro p:not(.eyebrow),.scenario-heading>p,.demo-heading>p,.contact-grid p:not(.eyebrow){font-size:17px}.service-row p,.process-grid p,.price-option p{font-size:16px}.process-grid h3{font-size:20px}.scenario-app-top{font-size:9px}.app-body{padding:20px}.scenario-bridge{height:48px}.scenario-heading{margin-bottom:32px}}

/* v2.2: persistent navigation, business links and restrained pictograms */
body.admin-bar .site-header{top:32px}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}
.desktop-nav .sister-site-link{border-left:1px solid rgba(255,255,255,.25);padding-left:19px;color:#e3c890;white-space:nowrap}
.desktop-nav .sister-site-link:hover{color:#fff}
.flow-row{grid-template-columns:42px 1fr 24px;gap:16px}
.flow-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(141,179,236,.42);color:#a9c9ff}
.flow-icon svg{width:20px;height:20px}
.flow-row .flow-num{justify-self:end}
.service-row{grid-template-columns:52px 1fr 26px;gap:20px}
.service-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #bdcbd8;background:#edf2f8;color:#3a669d}
.service-icon svg{width:23px;height:23px}
.row-mark{font-size:11px;margin-top:10px}
.app-icon svg,.ai-mark svg{width:19px;height:19px}
.handoff-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid #bdcbd8;background:#e7f0f9;color:#41628f;flex:none}
.handoff-icon svg{width:17px;height:17px}
.footer-sister-link{display:inline-flex;align-items:center;gap:7px;color:#e6c98f;border-bottom:1px solid rgba(230,201,143,.6);padding-bottom:3px;font-size:14px;font-weight:700}
.footer-social-row{display:flex;align-items:center;justify-content:space-between;gap:26px;border-top:1px solid rgba(255,255,255,.14);padding-block:25px}
.footer-social-row>span{color:#aeb9c8;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}
.social-links{display:flex;flex-wrap:wrap;gap:9px}
.social-links a{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.28);border-radius:13px;padding:8px 12px;color:#d9e3f0;font-size:12px;font-weight:650;transition:background .2s,border-color .2s}
.social-links a:hover{background:#263b60;border-color:#8baee4;color:white}
.social-links svg{width:17px;height:17px;flex:none}
@media(max-width:1100px){.desktop-nav{gap:12px}.desktop-nav .sister-site-link{padding-left:12px}}
@media(max-width:850px){.header-actions{display:flex;margin-left:auto}.header-cta{display:none}.mobile-menu{flex:none}.footer-social-row{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.header-inner{gap:10px}.brand-image{max-width:155px;height:42px}.language-switch{font-size:11px}.flow-row{grid-template-columns:36px 1fr 22px;gap:11px}.flow-icon{width:32px;height:32px}.flow-icon svg{width:18px;height:18px}.service-row{grid-template-columns:40px 1fr 18px;gap:12px}.service-icon{width:36px;height:36px}.service-icon svg{width:20px;height:20px}.social-links a{padding:7px 9px;font-size:11px}}

/* v2.3: taller, more expressive plans with a clearly recommended middle option */
.pricing-section{background:linear-gradient(180deg,#eef3f7 0%,#e8eef4 100%)}
.pricing-grid{gap:22px;align-items:stretch;margin-top:58px}
.price-option{min-height:515px;padding:34px 32px 30px;border:1px solid #cbd9e6;border-radius:22px;background:linear-gradient(155deg,#ffffff 0%,#f7faff 100%);box-shadow:0 16px 38px rgba(19,49,91,.09);overflow:hidden;transition:transform .2s,box-shadow .2s}
.price-option:hover{transform:translateY(-5px);box-shadow:0 23px 45px rgba(19,49,91,.15)}
.price-option.price-option--featured{min-height:540px;margin-top:-12px;margin-bottom:-12px;padding:35px 32px 30px;border:1px solid #77a7ed;background:linear-gradient(148deg,#eff6ff 0%,#d9eaff 50%,#edf5ff 100%);box-shadow:0 24px 52px rgba(37,93,176,.2)}
.price-option.price-option--featured:hover{transform:translateY(-5px);box-shadow:0 30px 58px rgba(37,93,176,.25)}
.price-topline{min-height:38px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:28px}
.price-index{margin:5px 0 0;color:#59718f;font-size:12px}
.price-badge{display:inline-flex;align-items:center;min-height:28px;padding:5px 11px;border-radius:999px;background:#2f69ca;color:white;font-size:11px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.price-main h3{font-size:clamp(26px,2.2vw,32px);line-height:1.15;margin:0 0 14px;color:#172d51}
.price-amount{display:block;margin-bottom:22px;font-size:clamp(28px,2.45vw,36px);line-height:1.13;font-weight:730;color:#214e8d}
.price-description{max-width:290px;min-height:80px;margin:0;color:#536982;font-size:16px;line-height:1.55}
.price-points{list-style:none;margin:28px 0 24px;padding:21px 0 0;border-top:1px solid #d8e2ed;display:grid;gap:11px}
.price-points li{position:relative;padding-left:23px;color:#3c5573;font-size:14px;line-height:1.43}
.price-points li::before{content:"✓";position:absolute;left:0;top:0;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e3eefc;color:#2863b4;font-size:11px;font-weight:800}
.price-option--featured .price-points{border-color:#bdd4f2}
.price-option--featured .price-points li::before{background:#2f69ca;color:white}
.price-option .price-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:52px;margin-top:auto;padding:12px 17px;border:0;border-radius:11px;background:#172b4b;color:white;font-size:14px;font-weight:750;transition:background .2s,transform .2s}
.price-option .price-cta span{color:#fff}
.price-option .price-cta:hover{background:#2b5796;color:white;transform:translateY(-2px)}
.price-option--featured .price-cta{background:#2863bf}
.price-option--featured .price-cta:hover{background:#174c9d}
.price-option .price-cta .price-cta-arrow{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.16);color:white;font-size:17px}
@media(max-width:850px){.pricing-grid{gap:20px;margin-top:38px}.price-option,.price-option.price-option--featured{min-height:0;margin:0;padding:31px}.price-description{max-width:none;min-height:0}.price-points{margin-top:25px}.price-option .price-cta{margin-top:10px}}
@media(max-width:600px){.price-option,.price-option.price-option--featured{padding:26px;border-radius:18px}.price-topline{margin-bottom:20px}.price-main h3{font-size:27px}.price-amount{font-size:29px}.price-description{font-size:15px}.price-points li{font-size:13px}}
@media(prefers-reduced-motion:reduce){.price-option,.price-option .price-cta{transition:none}.price-option:hover,.price-option.price-option--featured:hover,.price-option .price-cta:hover{transform:none}}

/* v2.4: direct consultation form with a clear delivery state */
.contact-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:7%;align-items:start}
.contact-intro{padding-top:15px}
.contact-intro h2{font-size:clamp(38px,3.6vw,53px)}
.contact-grid .contact-intro>p:not(.eyebrow){font-size:19px}
.contact-direct{margin-top:54px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:8px}
.contact-direct span{font-size:13px;color:#b8c5d4}
.contact-direct strong{font-size:19px;font-weight:650;color:#f2f6ff;overflow-wrap:anywhere}
.contact-form-card{background:#f8fbff;color:#1a2e4e;border:1px solid #b8cce8;border-radius:22px;padding:34px;box-shadow:0 24px 52px rgba(2,12,31,.25)}
.contact-form-head{margin-bottom:24px}
.contact-form-head>span{display:block;margin-bottom:12px;color:#3d6bb3;font-size:11px;font-weight:800;letter-spacing:.16em}
.contact-form-head h3{font-size:29px;line-height:1.2;margin:0 0 10px}
.contact-grid .contact-form-head p{margin:0;color:#607188;font-size:15px;line-height:1.5}
.contact-form{display:grid;gap:18px;position:relative}
.contact-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.contact-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.contact-field>span{font-size:12px;font-weight:760;color:#314b70}
.contact-field b{color:#3273d9}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;min-height:48px;padding:12px 13px;border:1px solid #cad8e8;border-radius:10px;background:white;color:#1c304d;font-size:14px;line-height:1.4;outline:none;box-shadow:inset 0 1px 2px rgba(25,59,102,.035)}
.contact-field textarea{min-height:123px;resize:vertical}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#4d85df;box-shadow:0 0 0 3px rgba(77,133,223,.17)}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#8797aa}
.contact-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.contact-consent{display:flex;align-items:flex-start;gap:11px;font-size:12px;line-height:1.6;color:#5c6e84;cursor:pointer}
.contact-consent input{flex:none;width:17px;height:17px;margin:1px 0 0;accent-color:#2863bf}
.contact-consent a{color:#225aa9;text-decoration:underline;text-underline-offset:2px}
.contact-consent a:hover{color:#163d7a}
.contact-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:55px;width:100%;padding:12px 17px;border:0;border-radius:11px;background:#2863bf;color:#fff;font-size:15px;font-weight:760;text-align:left;transition:background .2s}
.contact-submit:hover:not(:disabled){background:#174c9d}
.contact-submit:disabled{cursor:not-allowed;background:#6489c0}
.contact-submit-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.19);font-size:18px}
.contact-grid .contact-form-note{margin:0;color:#637895;font-size:12px;line-height:1.45}
.contact-grid .contact-feedback{padding:13px 15px;margin:0 0 21px;border-radius:9px;font-size:13px;line-height:1.45}
.contact-grid .contact-feedback--success{border:1px solid #abd2bc;background:#ebf7ef;color:#1d6340}
.contact-grid .contact-feedback--error{border:1px solid #e1b9b3;background:#fff2ef;color:#9b372e}
@media(max-width:850px){.contact-grid{grid-template-columns:1fr;gap:35px}.contact-intro{padding-top:0}.contact-direct{margin-top:31px}.contact-form-card{max-width:680px}}
@media(max-width:600px){.contact-form-card{padding:23px;border-radius:17px}.contact-form-row{grid-template-columns:1fr;gap:18px}.contact-form-head h3{font-size:26px}.contact-intro h2{font-size:clamp(34px,8.5vw,44px)}}
@media(prefers-reduced-motion:reduce){.contact-submit{transition:none}}

/* v2.5: warmer office photography and a softer, rounded visual language */
.hero{background-image:linear-gradient(90deg,rgba(9,17,31,.94) 0%,rgba(12,22,39,.82) 43%,rgba(12,22,39,.28) 100%),url('assets/ai-office-hero.jpg');background-position:center,right center;background-size:cover}
.hero:before{background:radial-gradient(circle at 82% 24%,rgba(232,173,101,.18),transparent 36%);mix-blend-mode:screen}
.hero .button-primary{border-radius:12px}
.flow-graphic{border-radius:24px;background:rgba(15,25,43,.48);backdrop-filter:blur(8px);box-shadow:22px 22px 0 rgba(10,17,31,.3)}
.flow-icon,.service-icon,.app-icon,.handoff-icon{border-radius:11px}
.demo-section{background-image:linear-gradient(90deg,rgba(12,21,37,.92),rgba(12,21,37,.79)),url('assets/ai-office-demo.jpg');background-position:center,right center;background-size:cover}
.demo-frame{grid-template-columns:minmax(0,1.7fr) minmax(270px,.72fr);gap:18px;border:0;background:transparent;align-items:stretch}
.demo-stage{overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:22px;background:rgba(8,15,28,.74);box-shadow:0 22px 56px rgba(3,9,18,.22)}
.demo-stage-head{background:rgba(7,13,24,.25)}
.demo-stage video,.demo-placeholder{border-radius:0 0 21px 21px}
.demo-chapters{border:0;gap:10px;padding:4px 0}
.chapter{flex:none;min-height:74px;padding:13px 16px;border:1px solid rgba(255,255,255,.19);border-radius:15px;background:rgba(13,22,38,.67);box-shadow:0 8px 22px rgba(3,9,18,.13);transition:background .2s,border-color .2s,transform .2s}
.chapter:last-child{border-bottom:1px solid rgba(255,255,255,.19)}
.chapter:hover,.chapter[aria-selected=true]{background:rgba(189,137,75,.25);border-color:rgba(231,190,137,.62);color:#fff;transform:translateX(-5px)}
.scenario-section{background:#f2efe8;border-color:#e2ddd3}
.scenario-app{overflow:hidden;border-radius:20px;box-shadow:0 22px 55px rgba(54,46,35,.12)}
.scenario-app-top{border-radius:19px 19px 0 0;background:linear-gradient(100deg,#17253e,#283954)}
.message-bubble{border-radius:6px 17px 17px 17px}
.crm-task{border-radius:16px;box-shadow:5px 6px 0 #e8eef5}
.contact-section{position:relative;isolation:isolate;background-color:#111a2d;background-image:linear-gradient(90deg,rgba(10,18,32,.94) 0%,rgba(10,18,32,.84) 48%,rgba(10,18,32,.43) 100%),url('assets/ai-office-contact.jpg');background-position:center,right center;background-size:cover}
.contact-section:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 83% 42%,rgba(232,173,101,.12),transparent 40%)}
.contact-grid{position:relative}
.contact-form-card{border-radius:24px;box-shadow:0 26px 64px rgba(2,12,31,.32)}
.contact-field input,.contact-field select,.contact-field textarea,.contact-submit{border-radius:12px}
@media(max-width:850px){.demo-frame{grid-template-columns:1fr;gap:14px}.demo-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0}.chapter{min-height:72px}.chapter:hover,.chapter[aria-selected=true]{transform:translateY(-2px)}}
@media(max-width:600px){.hero{background-position:61% center}.hero:before{background:linear-gradient(90deg,rgba(10,18,32,.56),rgba(10,18,32,.18))}.flow-graphic{border-radius:20px}.demo-section{background-position:64% center}.demo-frame{margin-inline:0}.demo-stage{border-radius:18px}.demo-stage video,.demo-placeholder{border-radius:0 0 17px 17px}.demo-chapters{grid-template-columns:1fr 1fr}.chapter{grid-template-columns:28px 1fr;gap:9px;padding:11px 12px;font-size:12px}.chapter strong{font-size:12px}.chapter-arrow{display:none}.contact-section{background-position:67% center}.contact-section:before{background:linear-gradient(90deg,rgba(10,18,32,.42),rgba(10,18,32,.18))}.scenario-app{border-radius:17px}.scenario-app-top{border-radius:16px 16px 0 0}}
@media(prefers-reduced-motion:reduce){.chapter{transition:none}.chapter:hover,.chapter[aria-selected=true]{transform:none}}

/* v2.5.2: make the team visible in the hero and demo sections */
.hero-grid{min-height:820px;padding-block:80px 190px}
.hero .flow-graphic{align-self:end;transform:translateY(125px);max-width:500px;padding:18px 22px}
.hero .flow-row{min-height:60px}
.hero-team-photo{display:none}
.demo-section{background-color:#111a2d;background-image:linear-gradient(90deg,rgba(8,15,27,.54) 0%,rgba(10,18,32,.38) 55%,rgba(10,18,32,.32) 100%),url('assets/ai-office-demo-background.jpg');background-position:center,right 10%;background-size:cover}
.demo-section{padding-top:96px}
.demo-section .demo-heading{grid-template-columns:1fr;gap:18px;align-items:start;margin-bottom:34px}
.demo-section .demo-heading h2{max-width:760px}
.demo-section .demo-heading>p{max-width:620px;margin:0;color:#d4dae3;font-size:16px;line-height:1.65}
.demo-heading>div{min-width:0}
.developer-card{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(30px,6vw,82px);margin-top:72px;padding:24px;background:#fff;border:1px solid #e0e4e5;border-radius:26px;box-shadow:0 18px 48px rgba(24,39,59,.08)}
.developer-portrait{overflow:hidden;aspect-ratio:1.35/1;margin:0;border-radius:19px;background:#e7e9e8}
.developer-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 36%}
.developer-copy{max-width:550px;padding:20px 24px 20px 0}
.developer-copy .eyebrow{margin-bottom:16px;color:#54749c}
.developer-copy h3{font-size:clamp(30px,3vw,42px);line-height:1.12;margin:0 0 8px}
.developer-copy .developer-role{margin:0 0 18px;color:#416ba8;font-size:17px;font-weight:700}
.developer-copy>p:last-child{max-width:520px;margin:0;color:var(--muted);font-size:18px;line-height:1.7}
@media(max-width:850px){.hero-grid{min-height:760px;padding-block:72px 120px}.hero .flow-graphic{transform:translateY(70px);max-width:600px}.hero-team-photo{display:block;overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.16);border-radius:20px;aspect-ratio:16/9;background:#1b2943}.hero-team-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%}.developer-card{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:30px;padding:18px}.developer-copy{padding:12px 10px 12px 0}}
@media(max-width:600px){.hero{background-image:none;background-color:var(--navy)}.hero:before{display:none}.hero-grid{min-height:0;padding-block:54px 76px;gap:30px}.hero .flow-graphic{transform:none;padding:15px 18px;box-shadow:12px 12px 0 rgba(10,17,31,.28)}.hero-team-photo{border-radius:16px;aspect-ratio:1.5/1}.hero-team-photo img{object-position:center 35%}.developer-card{grid-template-columns:1fr;gap:18px;margin-top:42px;padding:14px;border-radius:20px}.developer-portrait{aspect-ratio:1.4/1;border-radius:15px}.developer-copy{padding:4px 5px 10px}.developer-copy>p:last-child{font-size:17px}.demo-section{padding-top:72px;background-position:center,64% 10%}}