/* Panel-backed home presentation. Kept separate from shared page styles. */
.adanet-home-filled .adanet-hero{min-height:calc(100svh - 76px);padding:88px 0 58px;overflow:hidden}
.adanet-home-filled .adanet-hero::after{content:'';position:absolute;z-index:1;top:-210px;right:-275px;width:760px;aspect-ratio:1;background:url('/up-media/site/yonca.png?v=1') center/contain no-repeat;opacity:.085;filter:drop-shadow(0 20px 44px rgba(8,124,255,.12));transform:translate(24px,-20px) rotate(-7deg);animation:adanetHeroYoncaIn 1.15s cubic-bezier(.2,.8,.2,1) .15s both,adanetHeroYoncaFloat 8s ease-in-out 1.3s infinite alternate;pointer-events:none}
@keyframes adanetHeroYoncaIn{to{transform:translate(0,0) rotate(0)}}
@keyframes adanetHeroYoncaFloat{from{transform:translate(0,0) rotate(0) scale(1)}to{transform:translate(-12px,15px) rotate(4deg) scale(1.035)}}
.adanet-home-filled .adanet-hero-stats{margin-top:40px}
.adanet-home-filled .adanet-hero-stat strong{font-size:clamp(34px,4vw,52px);line-height:1.1}
.adanet-home-filled .adanet-hero-stat>span{font-size:14px}
.adanet-home-filled .adanet-reveal{opacity:1;transform:none;transition:transform .3s,box-shadow .3s}
.adanet-home-filled .adanet-story{height:255svh;padding:0}
.adanet-home-filled .adanet-story-sticky{position:sticky;top:76px;height:calc(100svh - 76px);overflow:hidden;display:flex;align-items:center}
.adanet-home-filled .adanet-story-sticky::before{content:'';position:absolute;z-index:0;top:-260px;right:-255px;width:620px;aspect-ratio:1;background:url('/up-media/site/yonca.png?v=1') center/contain no-repeat;opacity:.13;filter:drop-shadow(0 0 34px rgba(22,119,223,.28));transform:rotate(-8deg);transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .45s ease;pointer-events:none}
.adanet-home-filled .adanet-story-grid{position:relative;z-index:1}
.adanet-home-filled .adanet-story[data-story-active="1"] .adanet-story-sticky::before{opacity:.035;transform:translate(28px,-18px) rotate(3deg)}
.adanet-home-filled .adanet-story[data-story-active="2"] .adanet-story-sticky::before{opacity:.11;transform:translate(-22px,18px) rotate(10deg)}
.adanet-home-filled .adanet-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-rows:1fr auto;gap:12px 42px;align-items:center;padding:30px 34px;width:100%;height:100%;max-height:750px}
.adanet-home-filled .adanet-story-copy{position:relative;min-height:440px;height:100%}
.adanet-home-filled .adanet-story-step{position:absolute;inset:0;top:0;max-width:490px;display:flex;flex-direction:column;justify-content:center;padding:0 0 38px;margin:0;visibility:hidden;opacity:0;transform:translateY(12px);transition:opacity .22s,transform .22s;pointer-events:none}
.adanet-home-filled .adanet-story-step.is-active{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.adanet-home-filled .adanet-step-no{color:#2185e8;letter-spacing:.12em;font-size:13px;margin-bottom:20px}
.adanet-home-filled .adanet-step-no span{color:#6e7787;margin-left:8px}
.adanet-home-filled .adanet-story-step h2{font-size:clamp(38px,4.4vw,62px);line-height:1.04;margin-bottom:22px}
.adanet-home-filled .adanet-story-step p{font-size:17px;line-height:1.6;color:#b6bdc9}
.adanet-service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.adanet-service-tags>span{display:inline-flex;padding:6px 10px;font-size:12px;line-height:1.4;border-radius:7px;background:#eef3f8;color:#50647c;border:1px solid #e1e8f0}
.adanet-story .adanet-service-tags>span{border-color:#303a48;color:#c4d4e6;background:#151c27}
.adanet-home-filled .adanet-story-link{display:inline-flex;align-items:center;gap:32px;align-self:flex-start;margin-top:26px;font-size:15px;font-weight:650;color:#fff;padding:0 0 8px;border-bottom:1px solid #46566e}
.adanet-home-filled .adanet-story-link:hover{color:#2185e8;border-color:#2185e8}
.adanet-home-filled .adanet-story-dots{bottom:0;display:flex}
.adanet-home-filled .adanet-story-dot{appearance:none;border:0;cursor:pointer;width:42px;height:24px;background:transparent;border-radius:0;position:relative;padding:0}
.adanet-home-filled .adanet-story-dot:after{content:'';position:absolute;top:10px;left:0;width:100%;height:3px;background:#3a4351;border-radius:3px}
.adanet-home-filled .adanet-story-dot.is-active:after{background:#1677df}
.adanet-home-filled a:focus-visible,.adanet-home-filled button:focus-visible{outline:3px solid #428dff;outline-offset:5px}
.adanet-home-filled .adanet-device-scene{width:100%;margin:0;order:0;perspective:1200px}
.adanet-home-filled .adanet-real-device{position:relative;width:100%;aspect-ratio:1.55;transform:translateY(12px) rotateX(-8deg);transition:transform .45s ease}
.adanet-home-filled .is-open .adanet-real-device{transform:none}
.adanet-home-filled .adanet-screen-panel{padding:0;visibility:hidden;opacity:0;transform:none;transition:opacity .2s}
.adanet-home-filled .adanet-screen-panel.is-active{visibility:visible;opacity:1}
.adanet-real-work{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(0,0,0,.28))}
.adanet-campaign-board{height:100%;padding:6%;border:1px solid #dce8f7;border-radius:20px;background:linear-gradient(135deg,#fff,#edf4ff);color:#141d2c;box-shadow:0 22px 80px #0005}
.adanet-campaign-header{display:flex;align-items:center;gap:8px;font-size:23px;color:#5f6368;line-height:1}
.adanet-campaign-header img{width:83px;height:28px;object-fit:contain}
.adanet-campaign-title{margin:5% 0 4%;font-size:clamp(21px,2.7vw,36px);line-height:1.1;letter-spacing:-.045em}
.adanet-campaign-title strong{color:#1970e8;font-weight:650}
.adanet-campaign-items{display:grid;gap:7px}
.adanet-campaign-items>div{display:flex;align-items:center;gap:12px;padding:9px 12px;border:1px solid #dde7f3;background:#fff;border-radius:9px;font-size:13px}
.adanet-campaign-items>div>span{color:#2476dc;font-size:11px}.adanet-campaign-items b{margin-left:auto;color:#4285f4}
.adanet-campaign-note{margin-top:4%;font-size:11px;color:#6e7e92}
.adanet-home-filled .adanet-hero-partners{grid-column:1/-1;margin:0;padding-top:16px;border-top:1px solid #252c36;justify-content:center}
.adanet-home-filled .adanet-hero-partners-row{display:flex;gap:44px;width:auto}
.adanet-home-filled .adanet-hero-partners-row img{height:24px;width:100px;max-width:100px;opacity:.72}
.adanet-home-filled .adanet-services{padding:88px 0}
.adanet-home-filled .adanet-section-head{margin-bottom:36px;gap:30px}
.adanet-home-filled .adanet-section-head h2{font-size:clamp(36px,4.4vw,60px);max-width:720px}
.adanet-home-filled .adanet-section-head>p{max-width:335px;font-size:16px}
.adanet-home-filled .adanet-bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.adanet-home-filled .adanet-service-card{padding:28px;border-radius:22px}
.adanet-home-filled .adanet-service-card p{display:block;overflow:visible;font-size:15px;line-height:1.65}
.adanet-home-filled .adanet-service-card h3{font-size:23px;line-height:1.2}
.adanet-home-filled .adanet-service-card:after{margin-top:auto;padding-top:22px;font-size:14px}
.adanet-home-filled .adanet-icon{width:48px;height:48px;font-size:24px;background:#eef4ff}
.adanet-home-filled .adanet-icon:before{display:none}.adanet-home-filled .adanet-icon img{width:28px;height:28px;object-fit:contain}
.adanet-home-filled .adanet-service-featured{grid-row:span 2;background:linear-gradient(160deg,#0b1c37,#122f56);border-color:#17365b;color:#fff;min-height:580px}
.adanet-home-filled .adanet-service-featured h3{font-size:33px;color:#fff}.adanet-home-filled .adanet-service-featured p{color:#bccde1}
.adanet-home-filled .adanet-service-featured .adanet-icon{background:#ffffff12}.adanet-home-filled .adanet-service-featured .adanet-icon img{filter:brightness(0) invert(1)}
.adanet-home-filled .adanet-service-featured .adanet-service-tags>span{color:#cbdcf3;background:#ffffff08;border-color:#ffffff22}
.adanet-home-filled .adanet-service-featured:after{color:#9bc8ff}
.adanet-home-filled .adanet-service-card:last-child{grid-column:1/-1}
.adanet-service-preview{margin:30px -15px 6px}.adanet-service-preview img{width:100%;height:auto;object-fit:contain}
.adanet-home-filled .adanet-clients{padding:45px 0 30px}.adanet-home-filled .adanet-clients-label{margin-bottom:24px}
.adanet-home-filled .adanet-clients-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;padding:24px;min-height:110px}
.adanet-home-filled .adanet-clients-row img{justify-self:center;width:100%;height:50px;max-width:140px;opacity:.85;filter:grayscale(1)}
.adanet-home-filled .adanet-clients-row img:hover{filter:none;opacity:1}
.adanet-home-filled .adanet-experience{padding:34px 0}
.adanet-home-filled .adanet-experience-card{grid-template-columns:1.05fr 1fr;padding:0;gap:0;overflow:hidden;border-radius:26px}
.adanet-office-visual{position:relative;height:100%;min-height:420px}.adanet-office-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:38% center}
.adanet-office-visual:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0009)}
.adanet-office-visual>span{position:absolute;bottom:28px;left:28px;color:#fff;z-index:1;font-size:14px}
.adanet-home-filled .adanet-experience-copy{padding:42px}.adanet-home-filled .adanet-experience-copy h2{font-size:clamp(35px,4.1vw,54px);line-height:1.06}
.adanet-home-filled .adanet-experience-copy p{font-size:16px;line-height:1.7}
.adanet-home-filled .adanet-work{padding:66px 0 84px}
.adanet-work-intro{margin:20px 0 0;color:#6c7683;font-size:16px;line-height:1.6;max-width:640px}
.adanet-home-filled .adanet-work-browser{background:linear-gradient(145deg,#eef3f8,#e1e8f0);border-color:#e1e7ee;box-shadow:none}
.adanet-home-filled .adanet-work-browser-visual{aspect-ratio:1.35;background:transparent;display:flex;align-items:center;padding:18px 8px}
.adanet-home-filled .adanet-work-browser-visual img{height:auto;object-fit:contain;filter:none}
.adanet-home-filled .adanet-work-slide-info h3{font-size:24px;min-height:0;margin:9px 0 12px;display:block}
.adanet-home-filled .adanet-work-slide-info p{display:block;font-size:15px;line-height:1.65}
.adanet-home-filled .adanet-work-slide-info small{font-size:12px;display:block;min-height:18px}
.adanet-project-link{display:block;color:#087cff;font-size:14px;font-weight:600;margin-top:16px}.adanet-project-link>span{margin-left:16px}
.adanet-home-filled .adanet-work-nav{top:24%;font-size:21px}
.adanet-home-filled .adanet-cta{padding:94px 0 80px}
@media(max-width:1100px){.adanet-home-filled .adanet-story-grid{gap:12px 28px}.adanet-home-filled .adanet-story-step h2{font-size:43px}.adanet-home-filled .adanet-story-step p{font-size:16px}.adanet-home-filled .adanet-service-card{padding:23px}.adanet-home-filled .adanet-experience-copy{padding:32px}}
@media(min-width:768px) and (max-width:991px){.adanet-home-filled .adanet-story-sticky{top:68px;height:calc(100svh - 68px)}.adanet-home-filled .adanet-story-step h2{font-size:37px}.adanet-home-filled .adanet-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.adanet-home-filled .adanet-service-card:last-child{grid-column:auto}.adanet-home-filled .adanet-service-featured{grid-row:auto;min-height:0}.adanet-home-filled .adanet-clients-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){
.adanet-home-filled .adanet-hero{min-height:auto;padding:70px 0 44px}.adanet-home-filled .adanet-hero h1{font-size:clamp(43px,12.3vw,72px);line-height:1;letter-spacing:-.065em;margin:20px auto 24px}.adanet-home-filled .adanet-eyebrow{font-size:10px;letter-spacing:1.15px}
.adanet-home-filled .adanet-hero::after{top:-125px;right:-135px;width:330px;opacity:.07;filter:none;animation-duration:1.15s,10s}
.adanet-home-filled .adanet-lead{font-size:17px;line-height:1.55}.adanet-home-filled .adanet-actions{margin-top:26px}.adanet-home-filled .adanet-hero-stats{margin-top:32px}.adanet-home-filled .adanet-hero-stat{padding:0 15px}.adanet-home-filled .adanet-hero-stat strong{font-size:30px}.adanet-home-filled .adanet-hero-stat>span{font-size:11px}
.adanet-home-filled .adanet-story{height:250svh}.adanet-home-filled .adanet-story-sticky{top:68px;height:calc(100svh - 68px)}
.adanet-home-filled .adanet-story-grid{grid-template-columns:1fr;grid-template-rows:auto minmax(300px,1fr) auto;gap:16px;height:100%;max-height:none;padding:22px 20px 16px;align-content:center}
.adanet-home-filled .adanet-device-scene{order:-1;width:min(100%,350px);margin:auto}.adanet-home-filled .adanet-real-device{aspect-ratio:1.4;transform:none}
.adanet-home-filled .adanet-story-copy{min-height:300px}.adanet-home-filled .adanet-story-step{max-width:none;background:none;border:0;border-radius:0;padding:0 0 28px;justify-content:center}
.adanet-home-filled .adanet-step-no{font-size:11px;margin-bottom:10px}.adanet-home-filled .adanet-story-step h2{font-size:34px;margin-bottom:14px}.adanet-home-filled .adanet-story-step p{font-size:15px;line-height:1.5}
.adanet-home-filled .adanet-story .adanet-service-tags{gap:6px;margin-top:15px}.adanet-home-filled .adanet-story .adanet-service-tags>span{padding:4px 8px;font-size:11px}.adanet-home-filled .adanet-story-link{font-size:14px;margin-top:18px;padding-bottom:6px}
.adanet-home-filled .adanet-hero-partners{padding-top:12px}.adanet-home-filled .adanet-hero-partners-row{gap:18px;flex-wrap:nowrap}.adanet-home-filled .adanet-hero-partners-row img{width:63px;height:19px;max-width:63px}
.adanet-campaign-board{padding:5%;border-radius:14px}.adanet-campaign-header{font-size:15px}.adanet-campaign-header img{width:60px;height:18px}.adanet-campaign-title{font-size:23px;margin:3% 0}.adanet-campaign-items{gap:4px}.adanet-campaign-items>div{font-size:10px;padding:4px 8px}.adanet-campaign-note{display:none}
.adanet-home-filled .adanet-services{padding:60px 0}.adanet-home-filled .adanet-section-head h2{font-size:39px}.adanet-home-filled .adanet-section-head>p{margin-top:20px}.adanet-home-filled .adanet-bento{display:grid;grid-template-columns:1fr;gap:15px}.adanet-home-filled .adanet-service-featured{grid-row:auto;min-height:0}.adanet-home-filled .adanet-service-card:last-child{grid-column:auto}.adanet-home-filled .adanet-service-card{padding:25px}.adanet-service-preview{max-width:340px;margin:22px auto 0}.adanet-home-filled .adanet-service-featured h3{font-size:30px}
.adanet-home-filled .adanet-clients{padding:32px 0 22px}.adanet-home-filled .adanet-clients-row{grid-template-columns:repeat(3,minmax(0,1fr));padding:22px 15px;gap:24px 17px}.adanet-home-filled .adanet-clients-row img{height:40px}
.adanet-home-filled .adanet-experience{padding:25px 0}.adanet-home-filled .adanet-experience-card{grid-template-columns:1fr;border-radius:22px}.adanet-office-visual{min-height:270px}.adanet-home-filled .adanet-experience-copy{padding:30px 26px}.adanet-home-filled .adanet-experience-copy h2{font-size:40px}
.adanet-home-filled .adanet-work{padding:45px 0 60px}.adanet-home-filled .adanet-work .adanet-section-head>a{display:inline-block;margin-top:20px}.adanet-home-filled .adanet-work-carousel{padding-left:0}.adanet-home-filled .adanet-work-slide{flex-basis:88%}.adanet-home-filled .adanet-work-slide-info h3{font-size:23px}.adanet-home-filled .adanet-work-browser-visual{aspect-ratio:1.45}.adanet-home-filled .adanet-cta{padding:65px 0}.adanet-home-filled .adanet-work-nav{display:none}
}
@media(prefers-reduced-motion:reduce){.adanet-home-filled .adanet-hero::after{animation:none;transform:none}}
@media(prefers-reduced-motion:reduce){.adanet-home-filled .adanet-story{height:auto;padding:40px 0}.adanet-home-filled .adanet-story-sticky{position:relative;top:0;height:auto;overflow:visible}.adanet-home-filled .adanet-story-copy{height:auto;min-height:0}.adanet-home-filled .adanet-story-step{position:relative;inset:auto;visibility:visible;opacity:1;transform:none;pointer-events:auto;padding:25px 0}.adanet-home-filled .adanet-story-dots{display:none}.adanet-home-filled .adanet-real-device{transform:none}.adanet-home-filled *{scroll-behavior:auto!important;transition:none!important}}

.adanet-campaign-header img{filter:brightness(0);opacity:.7}

/* Balanced six-service grid and client showcase. */
.adanet-home-filled .adanet-bento{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.adanet-home-filled .adanet-service-featured{grid-row:auto;min-height:0}
.adanet-home-filled .adanet-service-card:last-child{grid-column:auto}
.adanet-home-filled .adanet-service-card{min-width:0}
.adanet-home-filled .adanet-service-preview{margin:22px -10px 0;max-width:none}
.adanet-home-filled .adanet-service-preview img{display:block;width:100%;max-height:215px;object-fit:contain}
.adanet-home-filled .adanet-service-featured h3{font-size:28px}
.adanet-home-filled .adanet-device-scene{width:106%;max-width:106%;justify-self:center}
.adanet-home-filled .adanet-story-grid{grid-template-columns:.85fr 1.15fr}
.adanet-home-filled .adanet-work-browser-visual{aspect-ratio:1.48;padding:6px 0}
.adanet-home-filled .adanet-clients{padding:54px 0 38px;background:#fff}
.adanet-clients-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}
.adanet-clients-heading h2{margin:12px 0 0;color:#737d8a;font-size:clamp(30px,3.7vw,48px);font-weight:450;letter-spacing:-.05em;line-height:1.15}
.adanet-clients-heading h2 strong{color:#111721;font-weight:650}
.adanet-clients-heading>a{font-size:14px;font-weight:600;color:#087cff;white-space:nowrap;padding-bottom:6px}.adanet-clients-heading>a span{margin-left:16px}
.adanet-home-filled .adanet-clients-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border:1px solid #e2e8ef;background:linear-gradient(180deg,#fff,#f7f9fc);padding:0;overflow:hidden;border-radius:22px}
.adanet-client-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:175px;padding:26px 15px;border-right:1px solid #e5eaf0;transition:background .2s}
.adanet-client-tile:last-child{border-right:0}.adanet-client-tile:hover{background:#fff}
.adanet-home-filled .adanet-client-tile img{width:100%;height:62px;max-width:142px;opacity:1;filter:none;object-fit:contain;transition:transform .25s}
.adanet-client-tile:hover img{transform:translateY(-4px)}.adanet-client-tile>span{font-size:12px;color:#738092;text-align:center;line-height:1.4}
.adanet-direct-contact{display:flex;justify-content:center;gap:14px;max-width:700px;margin:30px auto 0}
.adanet-direct-contact>a{position:relative;text-align:left;flex:1;min-width:0;padding:18px 42px 18px 20px;background:#ffffff12;border:1px solid #ffffff35;border-radius:16px;color:#fff;transition:background .2s}
.adanet-direct-contact>a:hover{background:#ffffff22}.adanet-direct-contact small{display:block;font-size:12px;color:#e1eaff;margin-bottom:7px}.adanet-direct-contact strong{font-size:17px;font-weight:600;overflow-wrap:anywhere}.adanet-direct-contact>a>span{position:absolute;right:17px;top:32px}
@media(min-width:768px) and (max-width:991px){.adanet-home-filled .adanet-bento{grid-template-columns:repeat(2,minmax(0,1fr))}.adanet-home-filled .adanet-clients-row{grid-template-columns:repeat(3,minmax(0,1fr))}.adanet-client-tile:nth-child(3n){border-right:0}.adanet-client-tile:nth-child(-n+3){border-bottom:1px solid #e5eaf0}}
@media(max-width:767px){.adanet-home-filled .adanet-bento{grid-template-columns:1fr}.adanet-home-filled .adanet-story-grid{grid-template-columns:1fr}.adanet-home-filled .adanet-device-scene{width:min(100%,365px);max-width:100%}.adanet-home-filled .adanet-service-preview{margin:20px auto 0;width:100%;max-width:360px}.adanet-home-filled .adanet-service-preview img{max-height:none}.adanet-home-filled .adanet-clients{padding:35px 0 25px}.adanet-clients-heading{display:block;margin-bottom:23px}.adanet-clients-heading h2{font-size:35px}.adanet-clients-heading>a{display:inline-block;margin-top:18px}.adanet-home-filled .adanet-clients-row{grid-template-columns:repeat(2,minmax(0,1fr))}.adanet-client-tile{min-height:145px;padding:22px 16px;gap:15px;border-bottom:1px solid #e5eaf0}.adanet-client-tile:nth-child(2n){border-right:0}.adanet-client-tile:nth-last-child(-n+2){border-bottom:0}.adanet-home-filled .adanet-client-tile img{height:55px;max-width:128px}.adanet-direct-contact{flex-direction:column;gap:10px}.adanet-direct-contact strong{font-size:17px}.adanet-home-filled .adanet-work-browser-visual{aspect-ratio:1.48;padding:6px 0}}

/* Primary services: balanced copy and real panel media in the first row. */
.adanet-home-filled .adanet-service-visual{display:grid;grid-template-rows:auto auto 1fr auto 200px auto;align-content:start}
.adanet-home-filled .adanet-service-visual h3{font-size:26px;line-height:1.15}
.adanet-home-filled .adanet-service-visual p{font-size:15px;line-height:1.65;margin:0}
.adanet-home-filled .adanet-service-visual .adanet-service-tags{align-self:end;margin-top:20px;min-height:62px;align-content:start}
.adanet-home-filled .adanet-service-visual .adanet-service-preview{height:180px;width:100%;margin:20px 0 0;max-width:none;align-self:end;border-radius:14px;overflow:hidden}
.adanet-home-filled .adanet-service-visual .adanet-service-preview img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.adanet-home-filled .adanet-service-visual .adanet-service-cover{background:#edf5fa}
.adanet-home-filled .adanet-service-visual .adanet-service-cover img{object-fit:cover;object-position:73% center}
.adanet-home-filled .adanet-service-visual:after{margin-top:0;padding-top:22px}
@media(max-width:767px){.adanet-home-filled .adanet-service-visual{grid-template-rows:auto auto auto auto 200px auto}.adanet-home-filled .adanet-service-visual .adanet-service-tags{min-height:0}.adanet-home-filled .adanet-service-visual h3{font-size:27px}}

/* Headline typography: slightly looser tracking + serif italic accent word */
.adanet-hero h1,.adanet-cta h2{letter-spacing:-.045em}
.adanet-hero h1 span,.adanet-cta h2 em{font-family:'Instrument Serif',Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:1.1em;letter-spacing:-.012em;padding-right:.08em}
.adanet-hero h1 span{display:inline-block;animation:adanetAccentIn .9s cubic-bezier(.2,.8,.2,1) .15s both}
.adanet-cta h2 em{color:#dfe6ff}
@keyframes adanetAccentIn{from{opacity:0;transform:translateY(.14em)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.adanet-hero h1 span{animation:none}}

/* Accent word: room for Turkish diacritics (ğ breve, descenders) inside the gradient-clipped box */
.adanet-hero h1 span{position:relative;padding:.14em .08em .22em 0;margin:-.14em 0 -.22em}
/* Letter-by-letter, left-to-right reveal (split by inline script) */
.adanet-hero h1 span.is-split{animation:none;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit}
.adanet-hero h1 span.is-split i{display:inline-block;font-style:inherit;padding:.14em .06em .22em;margin:-.14em -.06em -.22em;background:linear-gradient(105deg,#087cff,#6e5cff 58%,#de50a5) no-repeat;background-size:var(--w,100%) 100%;background-position:calc(var(--x,0px) * -1) 0;-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateX(-.28em);animation:adanetCharIn .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.25s + var(--i) * 75ms)}
@keyframes adanetCharIn{to{opacity:1;transform:none}}

/* CTA accent word: same letter-by-letter reveal, started when the section scrolls into view */
.adanet-cta h2 em.is-split i{display:inline-block;font-style:inherit;padding:.14em .06em .22em;margin:-.14em -.06em -.22em;opacity:0;transform:translateX(-.28em)}
.adanet-cta h2 em.is-split.is-play i{animation:adanetCharIn .6s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(.15s + var(--i) * 75ms)}

/* CTA accent word: same gradient idea as the hero, in lighter tones so it stays readable on the blue section */
.adanet-cta h2 em{position:relative;padding:.1em .08em .2em 0;background:linear-gradient(105deg,#8fd8ff,#c9b8ff 55%,#ff9fd4);-webkit-background-clip:text;background-clip:text;color:transparent}
.adanet-cta h2 em.is-split{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit}
.adanet-cta h2 em.is-split i{background:linear-gradient(105deg,#8fd8ff,#c9b8ff 55%,#ff9fd4) no-repeat;background-size:var(--w,100%) 100%;background-position:calc(var(--x,0px) * -1) 0;-webkit-background-clip:text;background-clip:text;color:transparent}

/* Hero stats: counting numbers, gradient '+', tracked uppercase labels, fading dividers */
.adanet-home-filled .adanet-hero-stat strong .adanet-count{display:inline-block;text-align:right;font-variant-numeric:tabular-nums}
.adanet-home-filled .adanet-hero-stat strong em{font-style:normal;margin-left:.03em;background:linear-gradient(105deg,#087cff,#6e5cff 58%,#de50a5);-webkit-background-clip:text;background-clip:text;color:transparent}
.adanet-home-filled .adanet-hero-stat>span{text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:#7a8290}
.adanet-home-filled .adanet-hero-stat+.adanet-hero-stat{border-left-color:transparent;background:linear-gradient(to bottom,transparent,#d6dbe4 30%,#d6dbe4 70%,transparent) left center/1px 100% no-repeat}
@media(min-width:768px){.adanet-home-filled .adanet-hero-stat>span{font-size:12.5px}}
.adanet-home-filled .adanet-hero-stat strong{white-space:nowrap}
@media(max-width:767px){.adanet-home-filled .adanet-hero-stat>span{font-size:9.5px;letter-spacing:.06em;white-space:nowrap}}
.adanet-home-filled .adanet-hero-stat strong em{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit}
@media(max-width:767px){.adanet-home-filled .adanet-hero-stats{max-width:100%}.adanet-home-filled .adanet-hero-stat{flex:1 1 0;min-width:0;padding:0 8px}.adanet-home-filled .adanet-hero-stat strong{font-size:clamp(22px,7.6vw,30px)}.adanet-home-filled .adanet-hero-stat strong .adanet-count{min-width:0!important}.adanet-home-filled .adanet-hero-stat>span{white-space:normal;text-align:center;font-size:9.5px;letter-spacing:.05em;line-height:1.35}}

/* Reference cards: laptop whose screen scrolls through the full-page screenshot on hover */
.adanet-scroll-laptop{position:relative;width:100%;aspect-ratio:1024/600}
.adanet-scroll-screen{position:absolute;left:12.402%;top:5.5%;width:75.391%;height:80.5%;overflow:hidden;background:#fff;container-type:size}
.adanet-home-filled .adanet-work-browser-visual .adanet-scroll-screen img{display:block;width:100%;height:auto;object-fit:initial;transform:none;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.adanet-home-filled .adanet-work-slide:hover .adanet-work-browser-visual .adanet-scroll-screen img,.adanet-home-filled .adanet-work-slide:focus-visible .adanet-work-browser-visual .adanet-scroll-screen img{transform:translateY(calc(-100% + 100cqh));transition:transform var(--scroll-dur,6s) cubic-bezier(.45,.05,.55,.95)}
.adanet-home-filled .adanet-work-browser-visual .adanet-scroll-frame,.adanet-home-filled .adanet-work-slide:hover .adanet-work-browser-visual .adanet-scroll-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;transform:none;pointer-events:none}
@media(prefers-reduced-motion:reduce){.adanet-home-filled .adanet-work-slide:hover .adanet-work-browser-visual .adanet-scroll-screen img{transform:none}}

/* Story laptop: the full-page screenshot scrolls with the page while its step is active (--panel-progress set in script.js) */
.adanet-home-filled .adanet-story-scroll{position:absolute;left:5%;right:5%;top:50%;transform:translateY(-50%);filter:drop-shadow(0 24px 28px rgba(0,0,0,.28))}
.adanet-home-filled .adanet-story-scroll .adanet-scroll-screen img{display:block;width:100%;height:auto;transform:translateY(calc((-100% + 100cqh) * var(--panel-progress, 0)));transition:transform .2s linear;will-change:transform}
.adanet-home-filled .adanet-story-scroll .adanet-scroll-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
@media(prefers-reduced-motion:reduce){.adanet-home-filled .adanet-story-scroll .adanet-scroll-screen img{transition:none}}

/* Reference cards: no grey tile behind the laptop; lift with a laptop-shaped shadow instead of a box shadow */
.adanet-home-filled .adanet-work-browser,.adanet-home-filled .adanet-work-slide:hover .adanet-work-browser{background:transparent;border-color:transparent;box-shadow:none}
.adanet-home-filled .adanet-work-browser-visual{transition:filter .35s}
.adanet-home-filled .adanet-work-slide:hover .adanet-work-browser-visual{filter:drop-shadow(0 22px 26px rgba(23,35,55,.18))}

/* Hero title: from tablet up keep 'olağanüstü gösterelim.' on one line (at 116px it is ~1108px wide, over the old 1080px cap; the section itself is 1216px) */
@media(min-width:768px){.adanet-home-filled .adanet-hero h1{max-width:none;white-space:nowrap}}
/* Story laptop: sit in the panel's content box like the other panels' images (absolute left/right + width:100% pushed it sideways) */
.adanet-home-filled .adanet-story-scroll{position:relative;left:auto;right:auto;top:50%;width:auto;transform:translateY(-50%)}

/* Story 02: Google sponsored result mockup, scoped so it cannot affect reference pages */
.adanet-home-filled .adanet-search-ad-mockup{width:min(100%,680px);max-height:100%;margin:auto;padding:clamp(20px,2.25vw,28px) clamp(22px,2.8vw,34px);border:1px solid #303946;border-radius:8px;background:#1d2127;color:#eef1f6;box-shadow:0 24px 64px rgba(0,0,0,.34);overflow:hidden}
.adanet-home-filled .adanet-ads-brand{display:flex;align-items:center;gap:10px;margin-bottom:clamp(13px,1.45vw,18px);color:#a7adb7;font-size:clamp(16px,1.25vw,19px);font-weight:500;line-height:1}
.adanet-google-ads-mark{display:block;width:28px;height:25px;flex:0 0 28px;object-fit:contain}
.adanet-home-filled .adanet-sponsored-label{display:flex;align-items:center;gap:7px;width:max-content;margin-bottom:clamp(11px,1.2vw,15px);font-size:clamp(11px,.88vw,12.5px);font-weight:650;letter-spacing:0;color:#d9dee6}
.adanet-home-filled .adanet-sponsored-label>span{width:5px;height:5px;border-radius:50%;background:#1677df;box-shadow:0 0 0 3px rgba(22,119,223,.16)}
.adanet-home-filled .adanet-ad-result{display:grid;gap:clamp(9px,1.05vw,13px)}
.adanet-home-filled .adanet-ad-meta{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(10px,1vw,15px)}
.adanet-home-filled .adanet-ad-logo{display:grid;place-items:center;width:clamp(30px,3vw,42px);height:clamp(30px,3vw,42px);overflow:hidden;border:1px solid #6d727a;border-radius:50%;background:#fff;line-height:1}
.adanet-home-filled .adanet-ad-logo img{display:block;width:100%;height:100%;object-fit:cover}
.adanet-home-filled .adanet-ad-meta strong{display:block;font-size:clamp(15px,1.35vw,20px);line-height:1.05;color:#f6f7fa}
.adanet-home-filled .adanet-ad-meta small{display:block;margin-top:3px;font-size:clamp(10.5px,.92vw,14px);font-weight:650;color:#b9c0cc}
.adanet-home-filled .adanet-ad-meta i{width:5px;height:24px;background:radial-gradient(circle,currentColor 2px,transparent 2.6px) center/5px 8px repeat-y;color:#aeb5c0}
.adanet-home-filled .adanet-ad-result h3{max-width:29ch;margin:1px 0 0;font-size:clamp(23px,1.9vw,28px);line-height:1.18;font-weight:680;letter-spacing:0;color:#69aaf0}
.adanet-home-filled .adanet-ad-result p{max-width:60ch;margin:0;font-size:clamp(12px,.92vw,13.5px);line-height:1.52;font-weight:500;color:#c5cad3}
.adanet-home-filled .adanet-ad-links{display:grid;margin-top:clamp(4px,.8vw,10px);border-top:1px solid #555b64}
.adanet-home-filled .adanet-ad-links span{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(7px,.8vw,10px) 0;border-bottom:1px solid #4b535e;font-size:clamp(13px,.96vw,14.5px);font-weight:650;color:#69aaf0}
.adanet-home-filled .adanet-ad-links b{font-size:1.2em;font-weight:600;color:#dce2eb}

/* Partner logos: 'Çözüm ortaklarımız' label + divider, equal-height logos, brighten on hover */
.adanet-home-filled .adanet-hero-partners{width:100%;justify-content:flex-start;gap:clamp(24px,3vw,48px)}
.adanet-hero-partners-label{flex-shrink:0;padding-right:clamp(24px,3vw,48px);border-right:1px solid #2a323d;color:#7d8795;font-size:11.5px;font-weight:600;letter-spacing:.16em;line-height:1.4;text-transform:uppercase;white-space:nowrap}
.adanet-home-filled .adanet-hero-partners-row{flex:1;width:auto;min-width:0;justify-content:space-between;gap:clamp(22px,3vw,54px)}
.adanet-home-filled .adanet-hero-partners-row img{height:22px;width:auto;max-width:110px;opacity:.6;transition:opacity .25s}
.adanet-home-filled .adanet-hero-partners-row img:hover{opacity:1}
@media(max-width:767px){.adanet-home-filled .adanet-hero-partners{flex-direction:column;gap:10px}.adanet-hero-partners-label{padding:0;border:0;font-size:10.5px}.adanet-home-filled .adanet-hero-partners-row{width:100%;gap:12px}.adanet-home-filled .adanet-hero-partners-row img{height:18px;max-width:72px}}

/* Story section stays sticky on every phone (Safari's visible height on e.g. iPhone 16 Pro is ~740px, which used to trigger a non-sticky layout). Short screens get a compact layout so everything fits. */
@media(max-width:767px) and (max-height:740px){
.adanet-home-filled .adanet-device-scene{width:min(88%,330px)}
.adanet-home-filled .adanet-story .adanet-service-tags{display:none}
.adanet-home-filled .adanet-story-step h2{font-size:30px}
.adanet-home-filled .adanet-story-step p{font-size:14.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}
@media(max-width:767px) and (max-height:620px){
.adanet-home-filled .adanet-device-scene{width:min(72%,280px)}
.adanet-home-filled .adanet-story-step h2{font-size:26px}
.adanet-home-filled .adanet-story-step p{-webkit-line-clamp:2}
}
/* Mobile Google Ads board: everything scales with the board's width (ratios taken from the 362px board that fits), so it never overflows when the laptop shrinks */
@media(max-width:767px){
.adanet-home-filled .adanet-story-sticky::before{top:-132px;right:-142px;width:330px;opacity:.1;filter:drop-shadow(0 0 18px rgba(22,119,223,.2))}
.adanet-home-filled .adanet-story[data-story-active="1"] .adanet-story-sticky::before{opacity:.025;transform:translate(14px,-8px) rotate(3deg)}
.adanet-home-filled .adanet-story[data-story-active="2"] .adanet-story-sticky::before{opacity:.08;transform:translate(-12px,10px) rotate(10deg)}
.adanet-home-filled .adanet-campaign-board{container-type:inline-size}
.adanet-home-filled .adanet-campaign-header{font-size:4.6cqw;gap:2.4cqw}
.adanet-home-filled .adanet-campaign-header img{width:18.4cqw;height:5.5cqw}
.adanet-home-filled .adanet-campaign-title{font-size:7.05cqw}
.adanet-home-filled .adanet-campaign-items{gap:1.23cqw}
.adanet-home-filled .adanet-campaign-items>div{font-size:3.07cqw;padding:1.23cqw 2.45cqw;gap:3.7cqw;border-radius:2.7cqw}
.adanet-home-filled .adanet-campaign-items>div>span{font-size:3.07cqw}
.adanet-home-filled .adanet-search-ad-mockup{container-type:inline-size;width:min(100%,360px);padding:3.8cqw 5cqw;border-radius:2.2cqw}
.adanet-home-filled .adanet-ads-brand{gap:2.5cqw;margin-bottom:2.3cqw;font-size:5cqw}
.adanet-google-ads-mark{width:7.2cqw;height:6.4cqw;flex-basis:7.2cqw}
.adanet-home-filled .adanet-sponsored-label{gap:2cqw;margin-bottom:2.2cqw;font-size:3.45cqw}
.adanet-home-filled .adanet-sponsored-label>span{width:1.4cqw;height:1.4cqw;box-shadow:0 0 0 .8cqw rgba(22,119,223,.16)}
.adanet-home-filled .adanet-ad-result{gap:1.7cqw}
.adanet-home-filled .adanet-ad-meta{gap:2.5cqw}
.adanet-home-filled .adanet-ad-logo{width:9.5cqw;height:9.5cqw}
.adanet-home-filled .adanet-ad-meta strong{font-size:4.9cqw}
.adanet-home-filled .adanet-ad-meta small{margin-top:.7cqw;font-size:3.05cqw}
.adanet-home-filled .adanet-ad-meta i{width:1.3cqw;height:6.5cqw;background-size:1.3cqw 2.2cqw}
.adanet-home-filled .adanet-ad-result h3{max-width:27ch;font-size:5.35cqw;line-height:1.13}
.adanet-home-filled .adanet-ad-result p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:3.05cqw;line-height:1.34}
.adanet-home-filled .adanet-ad-links{margin-top:1cqw}
.adanet-home-filled .adanet-ad-links span{padding:1.05cqw 0;font-size:3.35cqw}
}
/* Very short screens: slightly bigger laptop (readable board text), room made by hiding the step paragraph */
@media(max-width:767px) and (max-height:620px){
.adanet-home-filled .adanet-device-scene{width:min(82%,300px)}
.adanet-home-filled .adanet-story-step p{display:none}
}

/* Bizi tercih edenler — kayan logo şeridi (2026-09-28) */
.adanet-brands-marquee{position:relative;display:grid;gap:14px;padding:26px 0;border:1px solid #e2e8ef;border-radius:24px;background:linear-gradient(180deg,#fff,#f5f8fc);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.adanet-brands-track{display:flex;width:max-content;gap:14px;margin:0;padding:0;list-style:none;animation:adanet-brands-scroll var(--brands-dur,46s) linear infinite}
.adanet-brands-track[data-dir="right"]{animation-direction:reverse}
.adanet-brands-marquee:hover .adanet-brands-track,.adanet-brands-marquee:focus-within .adanet-brands-track{animation-play-state:paused}
.adanet-brand{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:212px;height:104px;padding:18px 26px;border:1px solid #e8edf3;border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(17,23,33,.04);transition:border-color .25s,box-shadow .25s,transform .25s}
.adanet-brand:hover{border-color:#cfe3ff;box-shadow:0 12px 28px -14px rgba(8,124,255,.35);transform:translateY(-3px)}
.adanet-brand img{display:block;max-width:100%;max-height:58px;width:auto;height:auto;object-fit:contain}
.adanet-brand--mark img{max-height:68px}
@keyframes adanet-brands-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 7px))}}
@media(max-width:767px){.adanet-brands-marquee{gap:10px;padding:16px 0;border-radius:18px}.adanet-brands-track{gap:10px;--brands-dur:34s}.adanet-brand{width:150px;height:76px;padding:12px 16px;border-radius:14px}.adanet-brand img{max-height:40px}.adanet-brand--mark img{max-height:48px}@keyframes adanet-brands-scroll{to{transform:translateX(calc(-50% - 5px))}}}
@media(prefers-reduced-motion:reduce){.adanet-brands-marquee{-webkit-mask-image:none;mask-image:none;overflow-x:auto}.adanet-brands-track{animation:none}.adanet-brands-track [aria-hidden="true"]{display:none}}