/* SITEHUB Operations Studio 2026 — isolated / automation & web platform */
.ad26{--a-ink:#102038;--a-blue:#2863dc;--a-muted:#61718b;--a-navy:#08172f;--a-line:#dfe7f2;color:var(--a-ink);font-family:inherit;width:min(1200px,calc(100% - 36px));margin:0 auto 84px;min-width:0}.ad26 *{box-sizing:border-box}.ad26 svg{width:20px;height:20px;flex:none}.ad26 h1,.ad26 h2,.ad26 h3,.ad26 p{margin-top:0}.ad26 h1,.ad26 h2,.ad26 h3{letter-spacing:-.045em}.ad26 h1{font-size:clamp(32px,3.9vw,52px);line-height:1.09;font-weight:800}.ad26 h2{font-size:clamp(25px,2.5vw,34px);line-height:1.13;font-weight:780}.ad26 h3{font-size:19px;line-height:1.2;font-weight:750}.ad26 p{line-height:1.62}.ad26 a{text-decoration:none}.ad26 button,.ad26 label,.ad26 a{ -webkit-tap-highlight-color:transparent}.ad26 :focus-visible{outline:3px solid #79adff;outline-offset:3px}.ad26-btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:12px 18px;border-radius:14px;font:inherit;font-size:14px;font-weight:750;cursor:pointer;text-align:center;transition:background .22s,color .22s,transform .22s,box-shadow .22s;white-space:normal}.ad26-btn:hover{transform:translateY(-2px)}.ad26-btn-primary{background:#2c63dd;color:#fff;border:1px solid #3b74f0;box-shadow:0 8px 22px rgba(31,95,225,.17)}.ad26-btn-primary:hover{background:#1f51bf;color:white}.ad26-btn-outline{border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.06);color:#f6f9ff}.ad26-btn-outline:hover{background:rgba(255,255,255,.15);color:#fff}.ad26-btn-light{border:1px solid #d0dcf0;background:#fff;color:#183667}.ad26-btn-light:hover{background:#edf4ff;color:#153c80}.ad26-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ad26-eyebrow,.ad26-kicker{font-size:12px;font-weight:800;letter-spacing:.115em;text-transform:uppercase}.ad26-eyebrow{color:#96baff}.ad26-kicker{color:#2b66d5}.ad26-section{padding:66px 0 10px}.ad26-section-title{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:26px}.ad26-section-title>div{min-width:0}.ad26-section-title h2{max-width:650px;margin:10px 0 0}.ad26-section-title>p{max-width:360px;margin:0;color:var(--a-muted);font-size:15px}.ad26-auto-hero{background:linear-gradient(140deg,#071329,#122951);border-radius:28px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:42px;padding:clamp(28px,5vw,62px);color:#fff;position:relative;overflow:hidden}.ad26-auto-hero:before{content:"";position:absolute;inset:auto -160px -220px auto;background:radial-gradient(circle,rgba(71,120,244,.15),transparent 70%);width:560px;height:560px;pointer-events:none}.ad26-auto-hero-copy{position:relative;z-index:1;align-self:center}.ad26-auto-hero h1{max-width:600px;margin:18px 0 18px}.ad26-auto-hero-copy>p{font-size:17px;color:#c5d4eb;max-width:580px;margin-bottom:26px}.ad26-pillset{display:flex;flex-wrap:wrap;gap:8px;margin-top:31px}.ad26-pillset>span{display:flex;align-items:center;gap:7px;border:1px solid rgba(161,190,236,.18);border-radius:100px;padding:7px 10px;font-size:12px;color:#bfceeb}.ad26-pillset svg{width:15px;height:15px;color:#9cc1fc}.ad26-auto-hero-visual{align-self:center;padding:21px;border:1px solid rgba(194,213,255,.24);background:rgba(255,255,255,.07);border-radius:22px;box-shadow:0 20px 45px rgba(0,0,0,.1);position:relative;z-index:1}.ad26-auto-visual-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ad26-auto-visual-label>span{display:flex;align-items:center;gap:8px;font-weight:800;color:#e5efff;font-size:13px}.ad26-auto-visual-label svg{width:17px;height:17px;color:#90b4ff}.ad26-flowrows{display:grid;gap:10px}.ad26-flowrow{display:grid;grid-template-columns:43px 1fr 20px;gap:12px;align-items:center;border-radius:15px;padding:14px;background:#f9fbff;color:#102039}.ad26-flowrow>i{height:42px;width:42px;display:grid;place-items:center;border-radius:12px;background:#e8effc;color:#265fcd;font-style:normal}.ad26-flowrow b{display:block;font-size:14px}.ad26-flowrow small{display:block;color:#697993;font-size:12px;margin-top:4px;line-height:1.3}.ad26-flowstate{display:grid;place-items:center;background:#e9f8ef;border-radius:100px;color:#208a51;width:22px;height:22px}.ad26-flowstate svg{width:14px}.ad26-auto-hero-visual>p{margin:15px 2px 0;color:#aabbd9;font-size:12px}.ad26-auto-tabs{display:grid;grid-template-columns:minmax(220px,.68fr) minmax(0,1.32fr);gap:16px}.ad26-auto-controls{display:grid;gap:8px}.ad26-auto-control{position:relative;cursor:pointer}.ad26-auto-control input{position:absolute;opacity:0;width:1px;height:1px}.ad26-auto-control>span{display:flex;align-items:center;gap:11px;padding:16px;min-height:67px;background:#fff;border:1px solid #dce5f2;border-radius:16px;color:#14223d;transition:.2s;font-size:14px;font-weight:750}.ad26-auto-control b{font-size:11px;color:#7a94c2}.ad26-auto-control svg{margin-left:auto;opacity:.35;width:16px;height:16px}.ad26-auto-control:hover>span{border-color:#aac3ef;background:#f7faff}.ad26-auto-control input:checked+span{border-color:#7da5f8;background:#edf4ff;color:#1d51bd;box-shadow:inset 3px 0 0 #2d65df}.ad26-auto-control input:focus-visible+span{outline:3px solid #79adff;outline-offset:2px}.ad26-auto-panels{min-height:288px;border-radius:21px;padding:clamp(22px,3.6vw,40px);background:#eaf1fb;display:flex;align-items:center}.ad26-auto-panel{display:none;animation:ad26Fade .25s ease both;width:100%}.ad26-auto-tabs:has(.ad26-auto-control input[value="0"]:checked) .ad26-auto-panel[data-workflow="0"],.ad26-auto-tabs:has(.ad26-auto-control input[value="1"]:checked) .ad26-auto-panel[data-workflow="1"],.ad26-auto-tabs:has(.ad26-auto-control input[value="2"]:checked) .ad26-auto-panel[data-workflow="2"],.ad26-auto-tabs:has(.ad26-auto-control input[value="3"]:checked) .ad26-auto-panel[data-workflow="3"]{display:block}.ad26-auto-panel h3{font-size:clamp(22px,2.5vw,31px);margin-bottom:13px}.ad26-auto-panel p{color:#506684;font-size:15px;max-width:600px}.ad26-workflow-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:28px}.ad26-workflow-chips>span{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #d9e5f7;padding:17px 15px;border-radius:14px;font-size:13px;font-weight:700}.ad26-workflow-chips small{color:#5086e5;font-size:11px}.ad26-auto-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.ad26-auto-cap{background:#fff;border:1px solid #e0e7f0;border-radius:18px;padding:23px 19px;transition:transform .24s,box-shadow .24s}.ad26-auto-cap:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(23,55,117,.08)}.ad26-auto-cap>span{display:grid;place-items:center;width:41px;height:41px;background:#ebf2ff;color:#2866d7;border-radius:12px;margin-bottom:20px}.ad26-auto-cap h3{font-size:17px;margin:0 0 9px}.ad26-auto-cap p{font-size:13px;color:#60718a;margin:0}.ad26-auto-process{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;margin-top:76px;padding:36px 0;border-top:1px solid #e3e8f1;border-bottom:1px solid #e3e8f1}.ad26-auto-process h2{margin:13px 0}.ad26-auto-process ol,.ad26-platform-steps{list-style:none;padding:0;margin:0}.ad26-auto-process ol{display:grid;grid-template-columns:1fr 1fr;gap:13px}.ad26-auto-process li{display:flex;align-items:start;gap:13px;padding:16px;background:#fff;border-radius:16px;border:1px solid #e1e7f1}.ad26-auto-process li>span{font-size:12px;color:#3373d7;font-weight:850}.ad26-auto-process strong{font-size:15px}.ad26-auto-process li p{font-size:12px;margin:6px 0 0;color:#6c7a8f}.ad26-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ad26-proof-grid a{display:grid;grid-template-columns:1fr auto;gap:12px;padding:23px;background:#fff;border:1px solid #e0e7f0;border-radius:18px;color:#112744;transition:.22s}.ad26-proof-grid a:hover{transform:translateY(-3px);border-color:#8cb1ee}.ad26-proof-grid span{grid-column:1/-1;color:#2864da;font-size:12px;font-weight:800;letter-spacing:.08em}.ad26-proof-grid b{font-size:17px}.ad26-proof-grid svg{color:#2a65d5}.ad26-auto-price,.ad26-platform-price{margin-top:65px;padding:34px clamp(24px,4vw,48px);border-radius:24px;background:#102447;display:grid;grid-template-columns:1fr 330px;gap:35px;color:#fff;align-items:center}.ad26-auto-price h2,.ad26-platform-price h2{margin:10px 0 12px}.ad26-auto-price p,.ad26-platform-price p{color:#bccce5;font-size:14px;margin:0}.ad26-auto-price>div:last-child,.ad26-platform-price>div:last-child{background:rgba(255,255,255,.09);border-radius:18px;padding:24px}.ad26-auto-price>div:last-child>span,.ad26-platform-price>div:last-child>span{display:block;color:#c5d6ef;font-size:12px}.ad26-auto-price strong,.ad26-platform-price strong{display:block;font-size:clamp(27px,3vw,38px);margin:9px 0 20px}.ad26-auto-price a,.ad26-platform-price a{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:700}.ad26-auto-price a svg,.ad26-platform-price a svg{width:16px}.ad26-faq-list{max-width:900px}.ad26-faq-list details{border:1px solid #e1e7f0;background:white;border-radius:15px;margin-bottom:9px;overflow:hidden}.ad26-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;cursor:pointer;font-size:15px;font-weight:740;list-style:none}.ad26-faq-list summary::-webkit-details-marker{display:none}.ad26-faq-list summary svg{width:18px;height:18px;transition:transform .2s}.ad26-faq-list details[open] summary svg{transform:rotate(90deg)}.ad26-faq-list details p{padding:0 20px 19px;font-size:14px;color:#66758d;margin:0}.ad26-last{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:58px 0 0;padding:34px 38px;border-radius:22px;background:#eaf1fc}.ad26-last h2{margin:0 0 9px}.ad26-last p{margin:0;color:#64748c;font-size:14px}.ad26-last .ad26-btn{flex:none}
/* Platform has its own visual language and hierarchy */
.ad26-platform-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:42px;align-items:center;padding:clamp(27px,4vw,53px);background:#f1f5fc;border:1px solid #e4eaf5;border-radius:28px}.ad26-platform .ad26-eyebrow{color:#306ad7}.ad26-platform-intro h1{max-width:540px;margin:17px 0}.ad26-platform-intro>p{font-size:16px;color:#536680;max-width:490px;margin-bottom:24px}.ad26-platform-architecture{padding:23px;border-radius:22px;background:#fff;border:1px solid #dae4f4;box-shadow:0 16px 50px rgba(17,50,120,.07)}.ad26-platform-architecture header{display:flex;align-items:start;justify-content:space-between;gap:13px;flex-wrap:wrap}.ad26-platform-architecture header>span{display:flex;align-items:center;gap:8px;color:#1c3869;font-weight:800;font-size:14px}.ad26-platform-architecture header small{color:#7a8ba1;font-size:11px;max-width:175px;text-align:right}.ad26-platform-architecture header svg{width:17px;color:#2865d6}.ad26-arch-actors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0 13px}.ad26-arch-actors>div{border-radius:15px;background:#f5f8fe;border:1px solid #e5ecf8;padding:15px 9px;display:flex;flex-direction:column;align-items:center;text-align:center}.ad26-arch-actors span{display:grid;place-items:center;background:#e4edfb;width:37px;height:37px;border-radius:11px;color:#2d66d7;margin-bottom:9px}.ad26-arch-actors b{font-size:13px;line-height:1.3}.ad26-arch-actors small{font-size:11px;line-height:1.45;margin-top:5px;color:#7b889a}.ad26-arch-core{display:flex;align-items:center;gap:14px;padding:15px;border-radius:15px;background:#0c2251;color:#fff}.ad26-arch-core>span{display:grid;place-items:center;background:rgba(255,255,255,.12);border-radius:10px;padding:8px}.ad26-arch-core b{font-size:13px}.ad26-arch-core p{font-size:12px;color:#c3d2ea;margin:4px 0 0}.ad26-platform-trust{display:flex;flex-wrap:wrap;gap:10px 26px;padding:24px 10px;border-bottom:1px solid #e3eaf4}.ad26-platform-trust span{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#576a83}.ad26-platform-trust svg{width:16px;color:#2366dc}.ad26-platform-formats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ad26-platform-formats article{display:flex;align-items:flex-start;gap:20px;border:1px solid #dde6f2;background:#fff;border-radius:18px;padding:23px;transition:transform .2s,box-shadow .2s}.ad26-platform-formats article:hover{transform:translateY(-2px);box-shadow:0 15px 26px rgba(15,43,93,.05)}.ad26-format-no{font-size:12px;color:#2a64d6;font-weight:800}.ad26-platform-formats h3{font-size:19px;margin:0 0 8px}.ad26-platform-formats p{font-size:14px;color:#53657d;margin:0 0 12px}.ad26-platform-formats small{font-size:12px;color:#2e65b3;font-weight:700;line-height:1.5}.ad26-platform-roles{padding:36px clamp(20px,4vw,45px);margin-top:68px;border-radius:25px;background:#102447;color:#fff}.ad26-platform-roles .ad26-kicker{color:#8fbaff}.ad26-platform-roles .ad26-section-title p{color:#c0cce2}.ad26-role-box{display:grid;grid-template-columns:.6fr 1fr;gap:15px}.ad26-role-buttons{display:grid;gap:9px}.ad26-role-buttons label{position:relative;cursor:pointer}.ad26-role-buttons input{position:absolute;opacity:0;pointer-events:none}.ad26-role-buttons label>span{display:flex;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);border-radius:14px;padding:15px 17px;min-height:57px;font-size:14px;font-weight:720}.ad26-role-buttons input:checked+span{background:#f0f5ff;color:#14386d}.ad26-role-buttons input:focus-visible+span{outline:3px solid #9bbdff}.ad26-role-buttons svg{width:19px}.ad26-role-screens{display:flex;align-items:center;padding:25px;border-radius:18px;background:#fff;color:#14233f;min-height:225px}.ad26-role-screen{display:none;width:100%;animation:ad26Fade .25s ease}.ad26-role-box:has(input[value="0"]:checked) .ad26-role-screen[data-role="0"],.ad26-role-box:has(input[value="1"]:checked) .ad26-role-screen[data-role="1"],.ad26-role-box:has(input[value="2"]:checked) .ad26-role-screen[data-role="2"]{display:block}.ad26-role-screen h3{font-size:22px;margin:0 0 16px}.ad26-role-screen ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.ad26-role-screen li{display:flex;align-items:center;gap:9px;font-size:14px}.ad26-role-screen li svg{color:#2378bc;width:17px}.ad26-platform-components{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ad26-platform-components article{padding:22px;border-radius:17px;background:#fff;border:1px solid #e0e8f3}.ad26-platform-components article>span{display:grid;place-items:center;border-radius:11px;background:#e8effd;color:#2766d8;width:41px;height:41px;margin-bottom:18px}.ad26-platform-components h3{font-size:17px;margin:0 0 8px}.ad26-platform-components p{font-size:13px;color:#66758e;margin:0}.ad26-platform-real{display:grid;grid-template-columns:1fr 200px;gap:28px;align-items:center;margin-top:69px;padding:32px 35px;background:#edf2fa;border-radius:23px}.ad26-platform-real h2{margin:10px 0}.ad26-platform-real p{color:#586b86;max-width:650px;font-size:14px}.ad26-real-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:24px 12px;border-radius:17px;background:#fff;min-height:150px}.ad26-real-mark img{display:block;max-width:98px;height:auto;object-fit:contain}.ad26-real-mark span{font-size:11px;letter-spacing:.09em;color:#667990;font-weight:800}.ad26-platform-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ad26-platform-steps li{padding:22px;border-radius:17px;border:1px solid #dde6f2;background:white}.ad26-platform-steps li>span{font-size:12px;color:#2b65d7;font-weight:800}.ad26-platform-steps h3{font-size:17px;margin:20px 0 8px}.ad26-platform-steps p{font-size:13px;color:#66758e;margin:0}.ad26-platform-price{background:#091a38}.ad26-platform-last{background:#eaf1fb}
@keyframes ad26Fade{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:950px){.ad26-auto-hero,.ad26-platform-hero{grid-template-columns:1fr;gap:28px}.ad26-auto-hero h1,.ad26-platform h1{max-width:700px}.ad26-auto-capabilities,.ad26-platform-components,.ad26-platform-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.ad26-auto-process{grid-template-columns:1fr;gap:20px}.ad26-platform-hero{gap:30px}.ad26-platform-architecture{max-width:650px;width:100%}}
@media(max-width:650px){.ad26{width:calc(100% - 28px);margin-bottom:52px}.ad26 h1{font-size:clamp(30px,8vw,39px);letter-spacing:-.045em}.ad26 h2{font-size:26px}.ad26-auto-hero,.ad26-platform-hero{padding:26px 21px;border-radius:23px}.ad26-auto-hero-copy>p,.ad26-platform-intro>p{font-size:15px}.ad26-section{padding-top:46px}.ad26-section-title{display:block;margin-bottom:19px}.ad26-section-title>p{margin-top:12px;font-size:14px}.ad26-actions{gap:8px}.ad26-actions .ad26-btn{flex:1 1 100%;width:100%}.ad26-pillset{margin-top:20px}.ad26-auto-hero-visual{padding:14px}.ad26-auto-tabs{grid-template-columns:1fr;gap:10px}.ad26-auto-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ad26-auto-control>span{padding:12px;min-height:73px;display:grid;grid-template-columns:1fr 14px;gap:5px;font-size:13px}.ad26-auto-control b{grid-column:1/-1}.ad26-auto-panels{min-height:auto;padding:22px}.ad26-workflow-chips{grid-template-columns:1fr;gap:7px}.ad26-workflow-chips>span{flex-direction:row;align-items:center;gap:12px;padding:13px}.ad26-auto-capabilities,.ad26-platform-components{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ad26-auto-cap,.ad26-platform-components article{padding:15px}.ad26-auto-cap h3,.ad26-platform-components h3{font-size:15px}.ad26-auto-process ol{grid-template-columns:1fr}.ad26-proof-grid,.ad26-platform-formats{grid-template-columns:1fr}.ad26-auto-price,.ad26-platform-price{grid-template-columns:1fr;gap:20px;padding:26px;border-radius:20px;margin-top:47px}.ad26-last{display:block;padding:26px;margin-top:44px}.ad26-last .ad26-btn{margin-top:18px;width:100%}.ad26-arch-actors{gap:6px}.ad26-arch-actors>div{padding:12px 5px}.ad26-arch-actors b{font-size:12px}.ad26-arch-actors small{font-size:10px}.ad26-platform-architecture{padding:15px}.ad26-platform-architecture header small{max-width:none;text-align:left}.ad26-platform-roles{margin-top:46px;padding:25px 20px}.ad26-role-box{grid-template-columns:1fr;gap:11px}.ad26-role-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ad26-role-buttons label>span{font-size:11px;padding:10px 6px;min-height:68px;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:4px}.ad26-role-screens{padding:20px}.ad26-platform-real{grid-template-columns:1fr;padding:25px;margin-top:44px}.ad26-real-mark{display:none}.ad26-platform-steps{grid-template-columns:1fr 1fr;gap:8px}.ad26-platform-steps li{padding:16px}.ad26-platform-formats article{padding:19px}.ad26-faq-list summary{padding:15px}.ad26-faq-list summary svg{min-width:17px}}
@media(max-width:370px){.ad26-auto-capabilities,.ad26-platform-components,.ad26-platform-steps{grid-template-columns:1fr}.ad26-auto-controls{grid-template-columns:1fr 1fr}.ad26-platform-trust{gap:10px}.ad26-arch-actors>div small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.ad26 *, .ad26 *::before,.ad26 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ad26-btn:hover,.ad26-auto-cap:hover{transform:none!important}}
