body.theme-odak{font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}body.theme-odak h1,body.theme-odak h2,body.theme-odak h3{letter-spacing:-.035em;font-weight:700}body.theme-odak h2{font-size:clamp(30px,3.1vw,44px);line-height:1.16}body.theme-odak h3{font-size:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.odak-header{position:sticky;top:0;z-index:80;background:var(--bg);border-bottom:1px solid var(--line)}.odak-top{padding:8px var(--gutter);background:var(--paper);display:flex;justify-content:space-between;font-size:11px;color:var(--sub)}.odak-top a{font-weight:700}.odak-nav{margin:auto;padding:19px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:25px}.odak-nav .logo img{width:40px;height:40px}.odak-nav .logo span{font-size:20px}.odak-nav nav{display:flex;align-items:center;gap:24px}.odak-nav nav>a,.odak-mega>summary{font-size:13px;font-weight:600;white-space:nowrap;min-height:44px;display:flex;align-items:center;gap:8px}.odak-nav [aria-current=page]{color:var(--accent-text)}.odak-demo{display:flex;gap:25px;align-items:center;background:var(--brand);color:white;font-size:12px;font-weight:700;padding:12px 18px;border-radius:6px;white-space:nowrap;min-height:44px}.odak-demo:hover{background:#b91018;color:white}.odak-nav .header-tools{gap:12px}.odak-mega>summary{cursor:pointer;list-style:none}.odak-mega>summary::-webkit-details-marker{display:none}.odak-mega-panel{position:absolute;top:100%;left:var(--gutter);right:var(--gutter);background:var(--bg);border:1px solid var(--line);box-shadow:0 15px 30px #141b2814;padding:35px;display:grid;grid-template-columns:1fr 1.5fr;gap:45px;border-radius:0 0 12px 12px}.odak-mega-panel h2{font-size:30px!important;margin:12px 0}.odak-mega-panel p{max-width:320px;font-size:14px;color:var(--sub)}.odak-mega-panel>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.odak-mega-panel a{font-size:15px;padding:16px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.odak-eyebrow{display:block;font-size:11px;letter-spacing:1.5px;font-weight:700;line-height:1.6;margin-bottom:20px;color:var(--accent-text)}.odak-hero{margin:25px var(--gutter) 0;display:grid;grid-template-columns:1fr 1fr;min-height:530px;background:#be101c;border-radius:18px;overflow:hidden;color:white}.odak-hero-copy{padding:55px 5vw 60px}.odak-hero .odak-eyebrow{color:#fff;opacity:.85}.odak-hero h1{font-size:clamp(42px,4.4vw,66px);line-height:1.06;letter-spacing:-.04em}.odak-hero h1 em{color:white}.odak-hero-copy>p{max-width:420px;color:#fff;font-size:16px;margin:26px 0 30px;line-height:1.75}.odak-hero-actions{display:flex;align-items:flex-start;gap:20px;flex-direction:column}.theme-odak .cta{border-radius:6px;min-height:48px;font-size:13px}.odak-white{background:white;color:#a50e18}.odak-white:hover{background:#f4f5f7;color:#a50e18}.odak-hero-link{font-size:13px;color:white;border-bottom:1px solid #ffffff65;padding-bottom:5px}.odak-hero-link:hover{color:white;border-color:white}.odak-hero-photo{position:relative;min-width:0;min-height:100%}.odak-hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:58% center;position:absolute;inset:0}.odak-hero-photo figcaption{position:absolute;bottom:28px;left:30px;right:30px;padding:22px 26px;background:#141b28ef;border-left:3px solid #ed303a;border-radius:5px}.odak-hero-photo figcaption>span{font-size:10px;letter-spacing:1.2px;color:#e1e4e8}.odak-hero-photo figcaption>b{display:block;font-size:27px;letter-spacing:-.5px;margin:5px 0}.odak-hero-photo figcaption>a{font-size:12px;color:white}.odak-service-nav{display:grid;grid-template-columns:repeat(3,1fr);padding:25px var(--gutter) 28px;gap:30px;border-bottom:1px solid var(--line)}.odak-service-nav>a{display:flex;align-items:center;gap:20px;min-height:75px}.odak-service-nav>a>span{color:var(--accent-text);font-size:12px;border:1px solid var(--line);border-radius:50%;height:42px;width:42px;display:grid;place-items:center;flex-shrink:0}.odak-service-nav b{font-size:17px}.odak-service-nav p{color:var(--sub);font-size:13px}.odak-service-nav i{margin-left:auto;color:var(--accent-text);font-size:24px}.odak-finder,.odak-package-preview{padding:85px var(--gutter)}.odak-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:35px}.odak-section-head>p,.odak-section-head>div:last-child>p{max-width:365px;color:var(--sub);font-size:15px}.odak-finder-tools{display:flex;align-items:center;gap:24px;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:30px}.odak-finder-tools>div{display:flex;gap:8px;flex-wrap:wrap}.odak-finder-tools button{padding:10px 16px;min-height:44px;font-size:13px;font-weight:600;border-radius:30px;background:var(--paper);border:1px solid var(--line);transition:background .2s}.odak-finder-tools button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.odak-search{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;padding:8px 12px;gap:10px;width:300px;flex-shrink:0}.odak-search .ui-icon{width:20px;height:20px;fill:none;stroke:var(--sub);stroke-width:1.5;flex-shrink:0}.odak-search input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font-size:13px;min-height:28px}.odak-solutions{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.odak-solution{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:9px;padding:28px;background:var(--bg);transition:border-color .2s}.odak-solution:hover{border-color:inherit;box-shadow:0 8px 24px rgba(0,0,0,.08)}.odak-solution-mark{width:44px;height:44px;display:grid;place-items:center;color:var(--accent-text);margin-bottom:25px}.odak-solution-mark .ui-icon{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.odak-solution .odak-eyebrow{font-size:10px;margin-bottom:12px}.odak-solution h3{font-size:23px}.odak-solution>p{color:var(--sub);font-size:14px;margin:15px 0 24px}.odak-solution small{font-size:11px;color:var(--sub);margin-top:auto}.odak-solution-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:23px;font-size:13px;font-weight:700;min-height:44px}.odak-solution-link span{color:var(--accent-text)}.odak-results{font-size:12px;color:var(--sub);margin-top:18px}.odak-no-results{padding:40px 20px;text-align:center;background:var(--paper)}.odak-no-results button{display:block;margin:15px auto;color:var(--accent-text);text-decoration:underline;min-height:44px}.odak-desktop{padding:70px var(--gutter);background:#141b28;color:white;display:grid;grid-template-columns:1fr 1.65fr;gap:65px;align-items:center}.odak-desktop .odak-eyebrow{color:#ffffff}.odak-desktop h2{font-size:44px}.odak-desktop h2 em{color:white}.odak-desktop-copy>p{font-size:15px;color:#c7ced8;margin-top:25px}.odak-desktop-copy ul{padding:0;list-style:none;font-size:13px;margin:25px 0 30px;color:#e1e6ed}.odak-desktop-copy li{padding:9px 0;border-bottom:1px solid #ffffff20}.odak-desktop-product{background:white;border:1px solid #46505e;border-radius:10px;overflow:hidden;color:#141b28}.odak-screen-tabs{padding:10px 18px;display:flex;gap:16px;border-bottom:1px solid #dbe0e5}.odak-screen-tabs button{font-size:12px;min-height:44px;padding:8px 4px;border-bottom:2px solid transparent}.odak-screen-tabs button[aria-pressed=true]{color:#bb101c;border-color:#bb101c}.odak-desktop-product figure{background:#eef1f5;padding:18px}.odak-desktop-product img{width:100%;height:auto;max-height:430px;object-fit:contain}.odak-screen-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;padding:15px 22px}.odak-screen-caption a{font-weight:600}.odak-records{padding:80px var(--gutter);display:grid;grid-template-columns:1fr 1.3fr;gap:70px;align-items:center;background:var(--paper)}.odak-records>div>p{font-size:15px;color:var(--sub);max-width:350px;margin:25px 0}.odak-records .video-tabs{display:flex;gap:10px;flex-wrap:wrap}.odak-records .video-tabs button{border:1px solid var(--line);padding:12px 16px;min-height:48px;font-size:12px;border-radius:5px}.odak-records .video-tabs button[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.odak-records video{border-radius:8px;aspect-ratio:16/9;max-height:none;object-fit:contain}.odak-records video:fullscreen,.odak-records video:-webkit-full-screen{border:0;border-radius:0;outline:0;outline-offset:0;max-height:none;width:100vw;height:100vh;object-fit:contain;background:#10151f}.odak-start-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.odak-start-prices>a{padding:30px;border:1px solid var(--line);border-radius:9px;border-top:3px solid var(--brand)}.odak-start-prices>a>span{font-size:13px;color:var(--sub)}.odak-start-prices h3{font-size:30px;margin:12px 0 20px}.odak-start-prices strong{font-size:32px;letter-spacing:-1px;display:block}.odak-start-prices strong small{font-size:12px;font-weight:500;letter-spacing:0}.odak-start-prices p{color:var(--sub);font-size:13px;margin:15px 0 25px}.odak-start-prices b{font-size:13px}.odak-call{background:var(--paper);padding:65px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:45px;border-top:1px solid var(--line)}.odak-call p{color:var(--sub);font-size:15px;margin-top:20px;max-width:550px}.odak-call>div:last-child{display:flex;flex-direction:column;gap:18px;align-items:center}.theme-odak .site-footer{padding:55px var(--gutter) 30px}.theme-odak .page-intro{padding:65px var(--gutter);background:var(--paper)}.theme-odak .page-intro h1{font-size:clamp(35px,3.8vw,56px)}.theme-odak .page-intro p{font-size:16px;max-width:730px}.theme-odak .package{border-radius:8px;border:1px solid var(--line);background:var(--bg)}.theme-odak .package.featured{border-color:var(--red);border-top:3px solid var(--red)}.theme-odak .package h2{font-size:35px}.theme-odak .section-heading h2{font-size:40px}.theme-odak .desktop-intro{background:var(--paper);padding-top:45px}.theme-odak .desktop-intro h1{font-size:44px;max-width:740px}.theme-odak .desktop-facts{border-radius:8px;border-left-color:var(--red)}.theme-odak .desktop-view{border-radius:8px}.theme-odak .detail-body,.theme-odak .contact-layout{padding-top:55px;padding-bottom:55px}.theme-odak .web-manifesto,.theme-odak .backup-ledger,.theme-odak .about-wordmark,.theme-odak .contact-form{border-radius:9px}.theme-odak .detail-rows h2{font-size:25px}.theme-odak .faq h2{font-size:35px}.theme-odak .detail-close h2{font-size:40px} :root[data-theme=dark] .odak-finder-tools button[aria-pressed=true],:root[data-theme=dark] .odak-records .video-tabs button[aria-pressed=true]{background:#f7f8fa;color:#141b28;border-color:#f7f8fa} @media(max-width:1200px){.odak-nav nav{gap:14px}.odak-nav{gap:18px}.odak-nav nav>a,.odak-mega>summary{font-size:12px}.odak-nav .logo span{font-size:17px}.odak-nav .header-tools{gap:8px}.odak-demo{padding:10px 12px;gap:10px}.odak-hero-copy{padding:45px 4vw}.odak-finder-tools{flex-wrap:wrap}.odak-search{flex:1;max-width:350px}.odak-desktop{gap:35px}.odak-desktop h2{font-size:36px}.odak-solution{padding:24px}.odak-start-prices strong{font-size:27px}} @media(max-width:1000px){.odak-nav nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px 5vw;background:var(--bg);border-bottom:1px solid var(--line);max-height:75vh;overflow:auto}.odak-nav nav.open{display:block}.odak-nav nav>a,.odak-mega>summary{font-size:16px;padding:12px 0;border-bottom:1px solid var(--line)}.odak-nav .menu-switch{display:block}.odak-mega-panel{position:static;box-shadow:none;padding:20px;margin:15px 0;display:block}.odak-mega-panel>div:first-child{display:none}.odak-mega-panel>div:last-child{display:block}.odak-mega-panel a{font-size:14px}.odak-hero{min-height:520px}.odak-hero h1{font-size:48px}.odak-service-nav{gap:18px}.odak-service-nav>a{gap:12px}.odak-service-nav b{font-size:15px}.odak-solutions{grid-template-columns:repeat(2,1fr)}.odak-desktop{grid-template-columns:1fr 1.4fr}.odak-records{gap:35px}} @media(max-width:700px){.odak-top{padding:7px var(--gutter);font-size:10px}.odak-top>span{max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.odak-top a{font-size:10px;white-space:nowrap}.odak-nav{padding:13px var(--gutter);gap:10px}.odak-nav .logo img{width:32px;height:32px}.odak-nav .logo span{font-size:17px}.odak-demo{display:none}.odak-nav .header-tools{gap:10px}.odak-nav .theme-switch{width:42px;height:42px}.odak-hero{margin:14px 12px 0;border-radius:12px;grid-template-columns:1fr;min-height:0}.odak-hero-copy{padding:34px 25px 35px}.odak-hero h1{font-size:44px;line-height:1.08}.odak-eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:17px}.odak-hero-copy>p{font-size:14px;margin:22px 0 25px}.odak-hero-link{font-size:12px}.odak-hero-actions{gap:18px}.odak-hero-photo{min-height:290px}.odak-hero-photo>img{object-position:60% center}.odak-hero-photo figcaption{bottom:15px;left:16px;right:16px;padding:14px 18px}.odak-hero-photo figcaption>b{font-size:23px}.odak-hero-photo figcaption>span{font-size:9px}.odak-service-nav{grid-template-columns:1fr;padding:20px 24px;gap:0}.odak-service-nav>a{padding:14px 0;border-bottom:1px solid var(--line);gap:16px}.odak-service-nav>a:last-child{border-bottom:0}.odak-service-nav b{font-size:16px}.odak-service-nav p{font-size:12px}.odak-finder,.odak-package-preview{padding:50px 24px}.odak-section-head{display:block;margin-bottom:28px}.odak-section-head>p,.odak-section-head>div:last-child>p{font-size:14px;margin-top:18px}body.theme-odak h2{font-size:32px}.odak-finder-tools{gap:18px;padding-bottom:22px}.odak-finder-tools>div{gap:7px}.odak-finder-tools button{font-size:12px;padding:10px 13px}.odak-search{width:100%;max-width:none;flex:auto}.odak-solutions{grid-template-columns:1fr;gap:18px}.odak-solution{padding:24px}.odak-solution-mark{margin-bottom:15px}.odak-solution h3{font-size:23px}.odak-solution>p{margin-bottom:18px}.odak-desktop{display:block;padding:45px 24px}.odak-desktop-copy>p{font-size:14px}.odak-desktop h2{font-size:34px}.odak-desktop-product{margin-top:32px}.odak-screen-tabs{padding:6px 12px;gap:12px}.odak-screen-tabs button{font-size:11px}.odak-desktop-product figure{padding:10px}.odak-screen-caption{font-size:11px;padding:12px 15px}.odak-records{display:block;padding:45px 24px}.odak-records>div>p{font-size:14px;margin:20px 0}.odak-records .video-tabs button{padding:10px 12px;font-size:11px}.odak-records video{margin-top:28px}.odak-start-prices{grid-template-columns:1fr;gap:18px}.odak-start-prices>a{padding:25px}.odak-start-prices h3{font-size:27px}.odak-start-prices strong{font-size:30px}.odak-call{display:block;padding:45px 24px}.odak-call>div:last-child{align-items:flex-start;margin-top:28px}.odak-call p{font-size:14px}.theme-odak .site-footer{padding:35px 24px 25px}.theme-odak .page-intro{padding:40px 24px}.theme-odak .page-intro h1{font-size:35px;letter-spacing:-1.3px}.theme-odak .page-intro p{font-size:15px}.theme-odak .desktop-intro h1{font-size:34px}.theme-odak .desktop-intro{padding:30px 24px}.theme-odak .detail-body,.theme-odak .contact-layout{padding:35px 24px}.theme-odak .detail-close h2{font-size:32px}.theme-odak .section-heading h2{font-size:34px}} .odak-service-hero .automation-breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--sub)} /* Odak refinement: preserve the approved entrance and expand the service story. */ .odak-services-detail{padding:80px var(--gutter);border-bottom:1px solid var(--line)}.odak-services-editorial{display:grid;grid-template-columns:1fr 1fr;gap:0 70px}.odak-services-editorial>article{padding:35px 0 15px;border-top:1px solid var(--line)}.odak-service-title{display:flex;align-items:center;gap:20px;margin-bottom:25px}.odak-service-title .odak-eyebrow{margin:0}.odak-service-symbol{display:grid;place-items:center;width:60px;height:60px;border-radius:12px;background:var(--paper);color:var(--accent-text)}.odak-service-symbol .ui-icon{width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.odak-services-editorial h3{font-size:34px;line-height:1.18}.odak-services-editorial p{font-size:15px;color:var(--sub);max-width:470px;margin:22px 0 28px}.odak-service-flow{display:flex;align-items:center;gap:18px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;margin-bottom:18px}.odak-service-flow b{color:var(--accent-text);font-weight:400}.odak-service-flow span{white-space:nowrap}.odak-zoom-figure{position:relative}.odak-zoom{display:flex;gap:8px;align-items:center;justify-content:center;position:absolute;top:25px;right:25px;z-index:1;min-height:44px;background:#141b28;color:white;border:1px solid #ffffff50;border-radius:6px;padding:9px 13px;font-size:11px;box-shadow:0 2px 8px #141b2815}.odak-zoom:hover{background:#a70f18;color:white}.odak-zoom .ui-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.odak-zoom-inline{position:static;margin:16px auto 0;background:var(--navy)}.odak-dialog-open{overflow:hidden}.odak-screen-dialog{max-width:1400px;width:calc(100% - 48px);max-height:calc(100dvh - 48px);padding:22px 28px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);overflow:auto}.odak-screen-dialog::backdrop{background:#070d18d9}.odak-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:20px}.odak-dialog-toolbar span{font-size:10px;color:var(--sub);letter-spacing:1px}.odak-dialog-toolbar h2{font-size:23px!important;margin-top:5px}.odak-dialog-toolbar button{border:1px solid var(--line);border-radius:6px;min-height:44px;padding:10px 16px;font-size:13px;white-space:nowrap}.odak-dialog-toolbar button span{font-size:20px;color:var(--ink);margin-left:15px}.odak-screen-dialog>img{width:100%;height:auto;max-height:75dvh;object-fit:contain;background:var(--paper)}.odak-screen-dialog>p{font-size:12px;color:var(--sub);margin-top:15px}.odak-footer-main{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:45px;padding-bottom:45px}.odak-footer-main h2{font-size:14px!important;letter-spacing:0!important;margin-bottom:20px}.odak-footer-main>div>a:not(.logo){display:flex;align-items:center;min-height:36px;font-size:13px;color:var(--sub)}.odak-footer-main a:hover{color:var(--accent-text)!important}.odak-footer-brand>p{font-size:14px;color:var(--sub);margin:20px 0}.odak-footer-main address{font-style:normal;font-size:13px;color:var(--sub);line-height:1.9;margin-bottom:15px}.theme-odak .odak-footer .footer-bottom{border-top:1px solid var(--line);padding-top:25px}.odak-product-detail{margin-top:auto} @media(max-width:1000px){.odak-footer-main{grid-template-columns:1.2fr 1fr;gap:35px}.odak-services-editorial{gap:35px}.odak-services-editorial h3{font-size:29px}} @media(max-width:700px){.odak-services-detail{padding:45px 24px}.odak-services-editorial{grid-template-columns:1fr;gap:25px}.odak-services-editorial h3{font-size:29px}.odak-services-editorial p{font-size:14px}.odak-service-flow{gap:12px;font-size:12px}.odak-service-symbol{width:50px;height:50px}.odak-zoom{position:static;border-radius:0;width:100%;box-shadow:none;font-size:11px;margin:0}.odak-zoom-figure{padding-top:0!important}.odak-zoom-figure>img{margin-top:10px}.odak-screen-dialog{width:calc(100% - 24px);padding:16px;max-height:calc(100dvh - 24px)}.odak-dialog-toolbar{gap:12px}.odak-dialog-toolbar span{font-size:8px;letter-spacing:.4px}.odak-dialog-toolbar h2{font-size:18px!important}.odak-dialog-toolbar button{font-size:11px;padding:8px 12px}.odak-dialog-toolbar button span{margin-left:8px}.odak-footer-main{grid-template-columns:1fr 1fr;gap:30px 20px;padding-bottom:30px}.odak-footer-brand{grid-column:1 / -1}.odak-footer-main h2{font-size:13px!important;margin-bottom:12px}.odak-footer-main>div>a:not(.logo){font-size:12px;min-height:44px}.odak-footer-address{grid-column:1 / -1}.odak-footer-brand>p{margin:15px 0}.odak-desktop-copy{min-height:0}} .odak-screen-actions{display:flex;align-items:center;gap:20px}.odak-screen-actions .odak-zoom{position:static;box-shadow:none;background:transparent;color:#141b28;border:1px solid #dbe0e5;font-size:11px}.odak-screen-actions .odak-zoom:hover{background:#eef1f5}.odak-desktop-product .odak-zoom-figure{padding-top:18px!important}.odak-zoom-figure>img{margin-top:0} @media(max-width:700px){.odak-screen-caption{align-items:flex-start;flex-direction:column;gap:12px}.odak-screen-actions{width:100%;justify-content:space-between;gap:12px}.odak-screen-actions .odak-zoom{width:auto;border-radius:5px;padding:8px 10px}.odak-screen-actions>a{min-height:44px;display:flex;align-items:center}.odak-desktop-product .odak-zoom-figure{padding-top:10px!important}} .odak-sector-flow{padding:35px var(--gutter) 50px;background:var(--paper);border-bottom:1px solid var(--line)}.odak-sector-flow>div{display:flex;align-items:center;justify-content:space-between;gap:25px}.odak-sector-flow>div>span{flex:1;padding:18px 0;border-top:2px solid var(--red)}.odak-sector-flow small{font-size:11px;color:var(--sub);display:block;margin-bottom:12px}.odak-sector-flow b{font-size:25px;letter-spacing:-.5px}.odak-sector-flow i{font-size:25px;font-style:normal;color:var(--accent-text)}.odak-sector-flow p{font-size:13px;color:var(--sub);margin-top:20px} @media(max-width:700px){.odak-sector-flow{padding:30px 24px}.odak-sector-flow>div{display:grid;grid-template-columns:1fr 1fr;gap:25px}.odak-sector-flow i{display:none}.odak-sector-flow b{font-size:21px}} .odak-service-hero{padding:45px var(--gutter) 65px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.odak-service-hero .automation-breadcrumb{margin-bottom:30px}.odak-service-hero h1{font-size:clamp(36px,3.8vw,55px);line-height:1.12}.odak-service-hero>div>p{font-size:16px;line-height:1.8;color:var(--sub);max-width:530px;margin:26px 0 30px}.odak-web-visual{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}.odak-web-visual>div:first-child{display:flex;justify-content:space-between;gap:20px;padding:17px 22px;border-bottom:1px solid var(--line);font-size:9px;font-weight:700;letter-spacing:1px}.odak-web-visual>img{width:100%;height:auto}.odak-web-note{padding:20px 24px;background:var(--bg);border-top:1px solid var(--line)}.odak-web-note b{display:block;font-size:16px}.odak-web-note span{font-size:12px;color:var(--sub)}.odak-backup-plan{padding:40px;background:#141b28;color:white;border-radius:12px;border-top:4px solid #d71920}.odak-backup-plan>span{font-size:10px;letter-spacing:1.5px;color:#ffffff}.odak-backup-plan h2{margin:24px 0 30px;font-size:39px!important}.odak-backup-plan h2 em{color:white}.odak-backup-plan>div{padding:18px 0;display:flex;gap:20px;border-top:1px solid #ffffff25;align-items:start}.odak-backup-plan>div>span{font-size:11px;color:#ffffff;margin-top:5px}.odak-backup-plan p{font-size:13px;color:#c7ced8}.odak-backup-plan p b{display:block;color:white;font-size:16px;margin-bottom:4px}.odak-web-types{padding:30px var(--gutter);background:var(--paper);display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.odak-web-types span{font-size:11px;color:var(--accent-text)}body.theme-odak .odak-web-types h2{font-size:21px;margin:12px 0}.odak-web-types p{font-size:13px;color:var(--sub)}.odak-service-steps{padding:70px var(--gutter);display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.odak-service-steps>div>p{color:var(--sub);font-size:15px;margin-top:25px;max-width:400px}.odak-service-steps ol{list-style:none;padding:0;margin:0}.odak-service-steps li{display:flex;gap:25px;padding:24px 0;border-top:1px solid var(--line)}.odak-service-steps li>span{color:var(--accent-text);font-size:12px;margin-top:4px}body.theme-odak .odak-service-steps h3{font-size:23px;margin-bottom:12px}.odak-service-steps li p{font-size:14px;color:var(--sub)}.odak-service-scope{padding:60px var(--gutter);display:grid;grid-template-columns:1fr 1.2fr;gap:70px;background:var(--paper)}.odak-service-scope>div>p{font-size:15px;color:var(--sub)}.odak-service-scope ul{padding:0;margin:25px 0;list-style:none}.odak-service-scope li{padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.odak-service-scope li:before{content:'';display:inline-block;width:1em;height:1em;background:url('/panels/icons/actions/check.webp') center/contain no-repeat;color:var(--accent-text);margin-right:15px}.odak-service-scope p.odak-scope-note{font-size:12px}.odak-automation-work{padding:65px var(--gutter);display:grid;grid-template-columns:1fr 1.4fr;gap:65px;background:var(--paper)}.odak-automation-work>div:first-child>p{font-size:15px;color:var(--sub);margin-top:25px;max-width:390px}.odak-automation-work>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:20px 35px}.odak-automation-work article{padding:20px 0;border-top:1px solid var(--line)}.odak-automation-work article>span{font-size:10px;color:var(--accent-text)}body.theme-odak .odak-automation-work h3{font-size:22px;margin:12px 0}.odak-automation-work article>p{font-size:13px;color:var(--sub)} @media(max-width:1000px){.odak-service-hero{gap:35px}.odak-service-steps,.odak-service-scope,.odak-automation-work{gap:35px}.odak-backup-plan{padding:30px}.odak-backup-plan h2{font-size:32px!important}} @media(max-width:700px){.odak-service-hero{display:block;padding:30px 24px 40px}.odak-service-hero h1{font-size:36px}.odak-service-hero .automation-breadcrumb{margin-bottom:25px}.odak-service-hero>div>p{font-size:15px;margin:22px 0 25px}.odak-web-visual,.odak-backup-plan{margin-top:35px}.odak-web-visual>div:first-child{padding:14px;font-size:8px;letter-spacing:.4px}.odak-backup-plan h2{font-size:34px!important}.odak-web-types{grid-template-columns:1fr;padding:30px 24px;gap:25px}.odak-web-types>div+div{border-top:1px solid var(--line);padding-top:22px}.odak-service-steps,.odak-service-scope,.odak-automation-work{display:block;padding:45px 24px}.odak-service-steps ol,.odak-service-scope>div:last-child,.odak-automation-work>div:last-child{margin-top:30px}.odak-service-steps li{gap:20px}.odak-service-steps li p{font-size:13px}.odak-service-scope>div>p{font-size:14px}.odak-automation-work>div:last-child{grid-template-columns:1fr;gap:0}} .odak-menu-groups section>h3{font-size:12px!important;letter-spacing:.3px!important;color:var(--accent-text);margin:0 0 10px}.odak-menu-groups section>a{font-size:14px}.odak-comparison{padding:65px var(--gutter);background:var(--paper)}.odak-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:9px;background:var(--bg)}.odak-table-scroll table{border-collapse:collapse;width:100%;min-width:620px;font-size:13px}.odak-table-scroll caption{text-align:left;padding:20px 24px;font-size:15px;font-weight:700;border-bottom:1px solid var(--line)}.odak-table-scroll th,.odak-table-scroll td{padding:17px 24px;text-align:left;border-bottom:1px solid var(--line)}.odak-table-scroll thead{background:var(--paper)}.odak-table-scroll thead th{font-size:17px}.odak-table-scroll th:first-child{width:35%;font-weight:600}.odak-table-scroll tr:last-child th,.odak-table-scroll tr:last-child td{border-bottom:0}.odak-included{font-weight:700;color:var(--ink)}.odak-extra{color:var(--sub);font-size:12px}.odak-table-scroll button,.odak-table-scroll td>a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;font-weight:700;color:var(--accent-text)}.odak-table-note{font-size:12px;color:var(--sub);margin-top:20px}.odak-form-lead{font-size:14px;color:var(--sub);margin:-15px 0 25px}.odak-package-context{padding:18px 20px;border-left:3px solid var(--red);background:var(--bg);margin-bottom:25px}.odak-package-context span{display:block;font-size:9px;letter-spacing:1px;color:var(--sub)}.odak-package-context b{font-size:16px;display:block;margin-top:6px}.theme-odak .contact-information .odak-map-link{font-size:13px;letter-spacing:0;display:inline-flex;min-height:44px;align-items:center;color:var(--accent-text);margin-top:12px}.odak-contact-steps{padding-top:35px;border-top:1px solid var(--line);margin-top:15px}.odak-contact-steps h2{font-size:27px!important;margin-bottom:25px}.odak-contact-steps ol{list-style:none;padding:0;counter-reset:contact-step}.odak-contact-steps li{counter-increment:contact-step;position:relative;padding-left:42px;margin:23px 0}.odak-contact-steps li:before{content:'0' counter(contact-step);position:absolute;left:0;top:1px;font-size:11px;color:var(--accent-text)}.odak-contact-steps b{font-size:15px}.odak-contact-steps p{font-size:13px;color:var(--sub);margin-top:8px}.theme-odak .contact-form input:not([type=checkbox]):not([type=hidden]),.theme-odak .contact-form select,.theme-odak .contact-form textarea{border-radius:5px}#quote-form{scroll-margin-top:155px} @media(max-width:1000px){.odak-menu-groups section+section{margin-top:25px}} @media(max-width:700px){.odak-comparison{padding:45px 24px}.odak-table-scroll th,.odak-table-scroll td{padding:13px 18px}.odak-table-scroll caption{padding:17px 18px}.odak-contact-steps h2{font-size:25px!important}.odak-form-lead{font-size:13px}.odak-table-note{font-size:11px}#quote-form{scroll-margin-top:120px}} /* Compact navigation: one product dropdown, direct service links. */ .odak-nav nav{gap:22px}.odak-mega{position:relative}.odak-mega>summary{padding:0;gap:6px}.odak-mega>summary .ui-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform .18s}.odak-mega[open]>summary .ui-icon{transform:rotate(180deg)}.odak-mega-panel{top:calc(100% + 15px);left:-18px;right:auto;width:248px;padding:8px;display:block;border-radius:10px;box-shadow:0 12px 35px #141b2814}.odak-mega-panel a{padding:12px 14px;min-height:44px;border:0;font-size:13px;font-weight:500;border-radius:5px;white-space:nowrap}.odak-mega-panel a:hover,.odak-mega-panel a[aria-current=page]{background:var(--paper);color:var(--accent-text)}.odak-mega-panel a:first-child{font-weight:700;border-bottom:1px solid var(--line);border-radius:0;margin-bottom:5px}.odak-nav nav>.odak-mobile-home,.odak-nav nav>.odak-mobile-demo{display:none}.odak-nav .menu-switch{align-items:center;gap:10px;border-radius:6px;padding:0 12px;min-height:44px;font-size:12px;font-weight:600}.odak-nav .menu-switch span{margin:0}.odak-nav .menu-switch .ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.odak-nav .menu-switch[aria-expanded=true] .ui-icon{transform:rotate(90deg)} @media(min-width:1001px) and (max-width:1200px){.odak-nav nav{gap:13px}.odak-mega>summary{font-size:12px}} @media(max-width:1000px){.odak-nav .menu-switch{display:flex}.odak-nav nav{left:var(--gutter);right:var(--gutter);top:calc(100% + 8px);padding:12px 18px 18px;max-height:calc(100dvh - 155px);overflow:auto;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 35px #141b2814}.odak-nav nav>a,.odak-mega>summary{font-size:15px;min-height:48px;padding:11px 2px;letter-spacing:0;font-weight:500}.odak-nav nav>.odak-mobile-home{display:flex}.odak-mega>summary{justify-content:space-between}.odak-mega-panel{width:auto;position:static;margin:0 0 8px;padding:4px 0 4px 14px;border:0;border-left:2px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.odak-mega-panel a{font-size:13px;min-height:44px;padding:9px 10px}.odak-mega-panel a:first-child{border:0;margin:0;border-radius:5px}.odak-nav nav>.odak-mobile-demo{display:flex;justify-content:space-between;border:0;border-radius:6px;margin-top:16px;padding:12px 14px;background:var(--brand);color:white;font-size:13px;font-weight:700}.odak-nav nav>.odak-mobile-demo:hover{background:#b91018}} @media(prefers-reduced-motion:reduce){.odak-mega>summary .ui-icon{transition:none}} .odak-nav .menu-switch[aria-expanded=true] .ui-icon{transform:none}.odak-nav .menu-switch[aria-expanded=true] .ui-icon path:first-child{d:path("M5 5L19 19")}.odak-nav .menu-switch[aria-expanded=true] .ui-icon path:last-child{d:path("M5 19L19 5")} .odak-utility{display:flex;align-items:center;gap:20px}.odak-footer-legal{display:flex;gap:20px}.odak-top .odak-utility>a{font-weight:500}@media(max-width:700px){.odak-top>span{display:none}.odak-utility{width:100%;justify-content:space-between;gap:12px}.odak-footer-legal{flex-wrap:wrap;gap:12px}} /* Original bitmap glyphs remain crisp and consistent at menu and action sizes. */ .ui-icon { display:inline-block; object-fit:contain; flex-shrink:0; vertical-align:middle; filter:brightness(.43); } .dark .ui-icon, [data-icon-tone="light"] .ui-icon { filter:none; } button .ui-icon, a .ui-icon { pointer-events:none; } .ui-icon { width:1em; height:1em; min-width:1em; } .ui-icon.w-3\.5 { width:.875rem; height:.875rem; } .ui-icon.w-4 { width:1rem; height:1rem; } .ui-icon.w-5 { width:1.25rem; height:1.25rem; } .ui-icon.w-6 { width:1.5rem; height:1.5rem; } .ui-icon.w-7 { width:1.75rem; height:1.75rem; } .ui-icon.w-8 { width:2rem; height:2rem; } .ui-icon[width="15"] { width:15px; height:15px; } .ui-icon[width="17"] { width:17px; height:17px; } .ui-icon[width="18"] { width:18px; height:18px; } .ui-icon[width="19"] { width:19px; height:19px; } .ui-icon[width="24"]:not([class*="w-"]) { width:24px; height:24px; } .btn-primary .ui-icon, .cta .ui-icon, .odak-demo .ui-icon, .bg-brand .ui-icon, .text-white.ui-icon { filter:brightness(0) invert(1); } [data-theme="dark"] .ui-icon, .odak-footer .ui-icon { filter:none; } .panel-dialog { color:rgb(var(--color-text-main)); } .panel-dialog button:focus-visible, .panel-dialog a:focus-visible { outline-color:#d71920; } .inline-action-icon { width:1em!important; height:1em!important; margin-left:.25em; vertical-align:-.15em; } .inline-action-icon.is-outward { transform:rotate(-45deg); } /* Legacy utility colors follow the Odak theme, including the cookie dialog. */ :root[data-theme="light"] { --color-bg-navy: 255 255 255; --color-bg-navy-light: 255 255 255; --color-bg-navy-lighter: 244 245 247; --color-bg-navy-dark: 244 245 247; --color-surface: 255 255 255; --color-surface-card: 255 255 255; --color-surface-border: 219 224 229; --color-surface-hover: 244 245 247; --color-text-main: 20 27 40; --color-text-muted: 89 98 112; } :root[data-theme="dark"] { --color-bg-navy: 20 27 40; --color-bg-navy-light: 24 34 49; --color-bg-navy-lighter: 24 34 49; --color-bg-navy-dark: 20 27 40; --color-surface: 20 27 40; --color-surface-card: 24 34 49; --color-surface-border: 60 70 86; --color-surface-hover: 24 34 49; --color-text-main: 247 248 250; --color-text-muted: 184 194 208; } body.theme-odak #cookie-banner h3 { color: var(--ink); } body.theme-odak #cookie-accept-all { background: var(--brand); color: white; } body.theme-odak #cookie-accept-all:hover { background: #b91018; } body.theme-odak #cookie-banner button:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; } /* Refined site navigation and a small, unframed theme icon. */ body.theme-odak .odak-nav { min-height: 66px; padding-block: 11px; gap: 24px; } body.theme-odak .odak-nav .logo img { width: 36px; height: 36px; } body.theme-odak .odak-nav nav { gap: 20px; } body.theme-odak .odak-nav nav > a, body.theme-odak .odak-mega > summary { min-height: 40px; font-size: 13px; font-weight: 500; letter-spacing: 0; transition: color .15s ease; } body.theme-odak .odak-nav nav > a:hover, body.theme-odak .odak-mega > summary:hover { color:var(--accent-text); } body.theme-odak .odak-nav [aria-current="page"] { font-weight: 600; } body.theme-odak .odak-mega > summary { gap: 5px; } body.theme-odak .odak-mega > summary .ui-icon { width: 10px; min-width: 10px; height: 10px; } body.theme-odak .odak-mega-panel { top: calc(100% + 10px); left: -16px; width: 244px; padding: 6px; border-radius: 6px; box-shadow: 0 10px 26px #00000012; } body.theme-odak .odak-mega-panel a { min-height: 42px; padding: 10px 12px; font-size: 13px; font-weight: 400; border-radius: 3px; } body.theme-odak .odak-mega-panel a:first-child { font-weight: 600; } body.theme-odak .odak-nav .header-tools { gap: 10px; } body.theme-odak .odak-demo { min-height: 40px; padding: 10px 15px; gap: 18px; border-radius: 4px; } body.theme-odak .theme-switch.theme-icon-toggle { width: 32px; height: 32px; padding: 8px; display: inline-grid; place-items: center; border: 0; border-radius: 4px; background: transparent; box-shadow: none; } body.theme-odak .theme-icon-toggle .ui-icon { width: 14px; min-width: 14px; height: 14px; } body.theme-odak .theme-icon-toggle:hover { background: var(--paper); } body.theme-odak .theme-icon-toggle:focus-visible, body.theme-odak .odak-nav a:focus-visible, body.theme-odak .odak-mega > summary:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; } @media (min-width: 1001px) and (max-width: 1200px) { body.theme-odak .odak-nav { gap: 16px; } body.theme-odak .odak-nav nav { gap: 14px; } body.theme-odak .odak-nav nav > a, body.theme-odak .odak-mega > summary { font-size: 12px; } body.theme-odak .odak-demo { padding-inline: 12px; gap: 10px; } } @media (max-width: 1000px) { body.theme-odak .odak-nav { min-height: 58px; padding: 10px var(--gutter); gap: 12px; } body.theme-odak .odak-nav .logo img { width: 32px; height: 32px; } body.theme-odak .odak-nav nav { top: 100%; left: 0; right: 0; padding: 10px 20px 20px; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; box-shadow: 0 16px 24px #00000012; max-height: calc(100dvh - 110px); } body.theme-odak .odak-nav nav > a, body.theme-odak .odak-mega > summary { min-height: 46px; padding: 11px 0; font-size: 15px; } body.theme-odak .odak-mega-panel { width: auto; margin: 0 0 10px; padding: 4px 8px; border: 0; border-radius: 4px; box-shadow: none; background: var(--paper); } body.theme-odak .odak-mega-panel a { min-height: 42px; padding: 10px 8px; font-size: 13px; } body.theme-odak .odak-nav .menu-switch { min-height: 36px; padding: 0 6px; gap: 7px; border: 0; background: transparent; } body.theme-odak .odak-nav .menu-switch .ui-icon { width: 16px; height: 16px; } body.theme-odak .odak-nav nav > .odak-mobile-demo { padding-inline: 14px; } body.theme-odak .odak-nav nav > .odak-mobile-demo:hover { color: white; } } /* Homepage CTA and removal of the duplicate static desktop preview. */ body.theme-odak .odak-desktop { display: block; } body.theme-odak .odak-desktop-copy { max-width: 820px; } body.theme-odak #odak-product-detail { background: var(--brand); color: white; } body.theme-odak #odak-product-detail:hover { background: #b91018; color: white; } body.theme-odak #odak-product-detail .ui-icon { filter: brightness(0) invert(1); } /* White CTAs need a dark arrow rather than a white arrow on a white surface. */ body.theme-odak .cta.odak-white .ui-icon { filter: brightness(0); } /* Sector FAQ tabs reuse the site's accordion layout. */ .odak-sector-faq > div { min-width: 0; } .odak-sector-faq > div:first-child > p { margin-top: 20px; max-width: 310px; color: var(--sub); font-size: 14px; } .odak-faq-tabs { display: flex; flex-wrap: wrap; gap: 0 14px; margin-bottom: 20px; border-bottom: 1px solid var(--line); } .odak-faq-tabs > a { min-height: 44px; display: flex; align-items: center; padding: 10px 0; border-bottom: 2px solid transparent; font-size: 13px; color: var(--sub); } .odak-faq-tabs > a[aria-selected="true"] { color: var(--ink); font-weight: 600; border-bottom-color: var(--brand); } .odak-faq-tabs > a:hover { color: var(--ink); } .odak-faq-tabs > a:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; } .odak-faq-more { margin-top: 20px; font-size: 13px; } #sss, #sektor-sss { scroll-margin-top: 130px; } @media (max-width: 700px) { .odak-sector-faq > div:first-child > p { margin-bottom: 24px; } .odak-faq-tabs { gap: 0 16px; } .odak-faq-tabs > a { font-size: 12px; } #sss, #sektor-sss { scroll-margin-top: 110px; } } /* Video choices follow the copy as two full-width rows. */ .odak-clip-picker { display: grid; gap: 8px; max-width: 400px; } .odak-clip-picker > button { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; min-height: 64px; padding: 14px 16px; text-align: left; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--ink); font-size: 15px; font-weight: 500; transition: background-color .18s ease; } .odak-clip-picker > button[aria-pressed="true"] { background: var(--bg); font-weight: 700; } .odak-clip-picker > button:hover { background: var(--bg); } .odak-clip-play { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border: 1px solid var(--line); border-radius: 50%; color: var(--ink); transition: background-color .18s ease, transform .18s ease; } .odak-clip-play::before { content: ""; width: 0; height: 0; margin-left: 2px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid currentColor; } .odak-clip-picker > button[aria-pressed="true"] .odak-clip-play { background: var(--brand); border-color: var(--brand); color: white; } .odak-clip-picker > button:hover .odak-clip-play { transform: scale(1.08); } .odak-clip-picker > button:focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; } @media (prefers-reduced-motion: reduce) { .odak-clip-picker > button, .odak-clip-play { transition: none; } .odak-clip-picker > button:hover .odak-clip-play { transform: none; } } /* Readable accent text on dark surfaces; light mode and brand fills keep their colors. */ :root[data-theme="dark"] body.theme-odak .text-brand, :root[data-theme="dark"] body.theme-odak .hover\:text-brand:hover, :root[data-theme="dark"] body.theme-odak .group:hover .group-hover\:text-brand { color: var(--accent-text); } /* Keep separation between sector selection and package cards without a sector-description row. */ body.theme-odak .pricing-tools { margin-bottom: 28px; } /* Match the existing comparison-table footnote. */ #lisans-notu{scroll-margin-top:24px} /* Business examples use the existing editorial layout and theme colors. */ .odak-audiences{padding:65px var(--gutter);display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px;border-top:1px solid var(--line);scroll-margin-top:24px} body.theme-odak .odak-audience-heading h2{font-size:clamp(28px,3.1vw,40px);line-height:1.2;max-width:16ch} .odak-audience-heading>p{font-size:16px;line-height:1.75;color:var(--sub);max-width:40ch;margin-top:22px} .odak-audience-list article{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:24px;padding:24px 0;border-top:1px solid var(--line)} .odak-audience-list article:last-child{border-bottom:1px solid var(--line)} body.theme-odak .odak-audience-list h3{font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.01em;overflow-wrap:anywhere} .odak-audience-list p{font-size:16px;line-height:1.75;color:var(--sub);max-width:65ch;overflow-wrap:anywhere} .odak-business-links{margin-top:28px;padding-top:16px;border-top:1px solid var(--line)} body.theme-odak .odak-business-links>p{font-size:13px;line-height:1.6;color:var(--sub);margin:0 0 4px} .odak-business-links>div{display:flex;flex-wrap:wrap;gap:0 24px} .odak-business-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:500;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:5px} .odak-business-links a:hover{text-decoration-color:currentColor} @media(max-width:1000px){.odak-audiences{gap:36px;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}} @media(max-width:700px){.odak-audiences{display:block;padding:45px 24px}.odak-audience-heading{margin-bottom:28px}.odak-audience-heading>p{max-width:unset}.odak-audience-list article{grid-template-columns:1fr;gap:10px;padding:22px 0}.odak-business-links>div{gap:2px 20px}.odak-business-links a{font-size:15px}} .odak-nav nav>.odak-mobile-guides{display:none} @media(max-width:1000px){.odak-nav nav>.odak-mobile-guides{display:flex}} /* Cerez bildirimi: Odak sayfalarinda Tailwind yuklenmedigi icin kendi stilini tasir. */ body.theme-odak #cookie-banner{position:fixed;left:24px;bottom:24px;z-index:999;width:calc(100% - 48px);max-width:380px;transform:translateY(150%);opacity:0;pointer-events:none;transition:transform .45s ease,opacity .45s ease} body.theme-odak #cookie-banner.translate-y-0{transform:none} body.theme-odak #cookie-banner.opacity-100{opacity:1;pointer-events:auto} body.theme-odak #cookie-banner>div{position:relative;overflow:hidden;padding:20px;background:rgb(var(--color-surface-card));border:1px solid rgb(var(--color-surface-border));border-radius:8px;box-shadow:0 18px 44px rgba(20,27,40,.18)} body.theme-odak #cookie-banner>div>div:first-child{display:none} body.theme-odak #cookie-banner>div>.flex{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px} body.theme-odak #cookie-banner>div>.flex>div:first-child{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:36px;border-radius:6px;background:rgba(215,25,32,.1)} body.theme-odak #cookie-banner .ui-icon,body.theme-odak #cookie-banner svg,body.theme-odak #cookie-banner img{width:18px;height:18px} body.theme-odak #cookie-banner h3{margin:0;font-size:14px;font-weight:700;line-height:1.3} body.theme-odak #cookie-banner p{margin:4px 0 0;font-size:12px;line-height:1.6;color:rgb(var(--color-text-muted))} body.theme-odak #cookie-banner p a{color:var(--brand);text-decoration:underline} body.theme-odak #cookie-banner>div>.flex.gap-2{display:flex;gap:8px;margin-bottom:0} body.theme-odak #cookie-banner>div>.flex.gap-2 button{flex:1 1 0;padding:9px 10px;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;text-align:center;border:1px solid rgb(var(--color-surface-border));background:transparent;color:rgb(var(--color-text-muted))} body.theme-odak #cookie-banner>div>.flex.gap-2 button#cookie-accept-all{border-color:var(--brand);background:var(--brand);color:#fff} body.theme-odak #cookie-banner>div>.flex.gap-2 button#cookie-accept-necessary:hover{color:rgb(var(--color-text-main));border-color:rgb(var(--color-text-muted))} body.theme-odak #cookie-banner #cookie-close{position:absolute;top:10px;right:10px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:rgb(var(--color-text-muted));cursor:pointer} body.theme-odak #cookie-banner #cookie-close svg,body.theme-odak #cookie-banner #cookie-close .ui-icon{width:14px;height:14px} @media (max-width:520px){body.theme-odak #cookie-banner{left:12px;right:12px;bottom:12px;width:auto;max-width:none}} /* Ana sayfa ilk acilista koyu masaustu bolumu gorunmesin: ilk ekran hero + hizmet seridiyle dolar. */ @media(min-width:1001px){body.page-anasayfa .odak-hero{min-height:max(530px,calc(100svh - 245px))}} /* Ana sayfa basliklarinda aciklayici metni sag kolonda dengeli tut. */ @media(min-width:1001px){.odak-services-detail>.odak-section-head, .odak-package-preview>.odak-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);align-items:end;justify-content:initial;gap:clamp(36px,5vw,72px)}} @media(min-width:701px) and (max-width:1000px){.odak-services-detail>.odak-section-head, .odak-package-preview>.odak-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);align-items:end;gap:30px}} /* Fancy select: enhanced