.onon-seo{--web-accent:#b11f55;--web-ink:#64102f;--seo-dark:#170f13;--seo-pink:#dd91ad;--seo-peach:#edb9a4}
.onon-seo .onon-web-hero__word{left:-.03em;color:rgba(177,31,85,.037);font-size:clamp(120px,18vw,350px)}
.onon-seo-stage{position:relative;isolation:isolate}.onon-seo-orbit{position:absolute;inset:5%;border:1px solid rgba(177,31,85,.15);border-radius:50%;box-shadow:0 0 0 55px rgba(177,31,85,.022),0 0 0 110px rgba(177,31,85,.015);animation:ononWebOrbit 18s linear infinite}.onon-seo-orbit::before{content:"";position:absolute;inset:18%;border:1px dashed rgba(177,31,85,.16);border-radius:50%}
.onon-seo-console{position:absolute;left:8%;right:4%;top:8%;bottom:7%;z-index:2;border:6px solid #fff;border-radius:31px;overflow:hidden;background:#fff;box-shadow:0 35px 75px rgba(71,18,38,.2);transform:rotateY(-5deg) rotateX(2deg);animation:ononSeoConsole 7s ease-in-out infinite}.onon-seo-console__bar{height:48px;padding:0 17px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(177,31,85,.12);color:#956377;font-size:6px;font-weight:700;letter-spacing:.12em}.onon-seo-console__bar>span{display:flex;gap:5px}.onon-seo-console__bar i{width:7px;aspect-ratio:1;border-radius:50%;background:#dca6b9}.onon-seo-console__bar small{text-align:right;color:#b11f55;font-size:5px}.onon-seo-console__body{height:calc(100% - 48px);padding:7%;background:linear-gradient(150deg,#fffaf6,#f5e9e5)}
.onon-seo-query{height:49px;padding:0 16px;border:1px solid rgba(177,31,85,.18);border-radius:15px;display:flex;align-items:center;gap:12px;background:#fff;color:#6b2440}.onon-seo-query>i{color:var(--web-accent)}.onon-seo-query strong{font-size:9px;font-weight:550}.onon-seo-query span{margin-left:auto;padding:5px 7px;border-radius:6px;background:#f5e4ea;font-size:5px}.onon-seo-result{margin-top:17px;padding:20px;border:1px solid rgba(177,31,85,.13);border-radius:18px;background:#fff}.onon-seo-result small{color:#806171;font-size:5px}.onon-seo-result h2{margin:8px 0 7px;color:#7a1237;font-size:18px;line-height:1.05;letter-spacing:-.035em}.onon-seo-result p{margin:0;color:#8a6573;font-size:7px;line-height:1.5}.onon-seo-result>div{margin-top:14px;display:flex;align-items:center;justify-content:space-between}.onon-seo-result>div span{color:#8a5468;font-size:6px}.onon-seo-result>div span i{color:#b11f55}.onon-seo-result>div b{color:#b11f55;font-size:11px}
.onon-seo-metrics{margin-top:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.onon-seo-metrics>span{min-height:74px;padding:11px;border:1px solid rgba(177,31,85,.12);border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.72)}.onon-seo-metrics small{color:#a27b89;font-size:5px;letter-spacing:.08em}.onon-seo-metrics strong{color:#701234;font-size:23px;line-height:.8}.onon-seo-metrics em{font-size:9px;font-style:normal}.onon-seo-chart{height:54px;margin-top:12px;padding:7px 10px;display:flex;align-items:flex-end;gap:5px;border-radius:13px;background:#6c1233}.onon-seo-chart i{flex:1;border-radius:4px 4px 1px 1px;background:#e9adc2;animation:ononSeoBars 2.8s ease-in-out infinite alternate}.onon-seo-chart i:nth-child(1){height:25%}.onon-seo-chart i:nth-child(2){height:38%;animation-delay:.1s}.onon-seo-chart i:nth-child(3){height:34%;animation-delay:.2s}.onon-seo-chart i:nth-child(4){height:51%;animation-delay:.3s}.onon-seo-chart i:nth-child(5){height:63%;animation-delay:.4s}.onon-seo-chart i:nth-child(6){height:58%;animation-delay:.5s}.onon-seo-chart i:nth-child(7){height:79%;animation-delay:.6s}.onon-seo-chart i:nth-child(8){height:94%;background:#fff;animation-delay:.7s}
.onon-seo-tag{position:absolute;z-index:4;padding:11px 14px;border:1px solid rgba(177,31,85,.16);border-radius:999px;background:rgba(255,250,246,.92);box-shadow:0 13px 30px rgba(83,30,48,.1);color:#67102f;font-size:6px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.onon-seo-tag i{margin-right:7px}.onon-seo-tag.is-one{left:-1%;top:16%}.onon-seo-tag.is-two{right:-2%;bottom:17%}
.onon-seo-manifesto .onon-web-lab__frame{background:radial-gradient(circle at 75% 20%,rgba(221,145,173,.22),transparent 30%),linear-gradient(145deg,#170f13,#731239)}
.onon-seo-checks{display:flex!important;flex-wrap:wrap;gap:7px!important}.onon-seo-checks b{display:flex;align-items:center;gap:6px}.onon-seo-checks b i{color:#efb4c9}.onon-seo-keywords>div{position:absolute;left:27px;right:27px;bottom:28px;display:flex;flex-wrap:wrap;gap:7px}.onon-seo-keywords>div b{padding:8px 10px;border:1px solid rgba(100,16,47,.14);border-radius:999px;background:rgba(255,255,255,.42);color:#711035;font-size:6px;letter-spacing:.07em}.onon-seo-local-card{background:linear-gradient(145deg,#fff9f5,#efd6df)!important}.onon-seo-pin{position:absolute;right:28px;bottom:27px;width:118px;aspect-ratio:1;border:1px solid rgba(177,31,85,.18);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 21px rgba(177,31,85,.035),0 0 0 42px rgba(177,31,85,.02)}.onon-seo-pin>i{z-index:2;color:#b11f55;font-size:28px;animation:ononSeoPin 2s ease-in-out infinite}.onon-seo-pin>span{position:absolute;width:10px;aspect-ratio:1;border-radius:50%;background:#b11f55;opacity:.15;animation:ononSeoPulse 2s ease-out infinite}
.onon-seo-scope{position:relative;padding:130px 0;background:var(--seo-dark);color:#fff;overflow:hidden}.onon-seo-scope::before{content:"";position:absolute;right:-250px;top:-240px;width:650px;aspect-ratio:1;border:1px solid rgba(221,145,173,.15);border-radius:50%;box-shadow:0 0 0 90px rgba(221,145,173,.02),0 0 0 180px rgba(221,145,173,.012)}.onon-seo-scope__head{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:90px;align-items:end;margin-bottom:65px}.onon-seo-scope__head h2{margin:18px 0 0;font-size:clamp(58px,6vw,104px);font-weight:330;line-height:.89;letter-spacing:-.07em}.onon-seo-scope__head h2 em{color:var(--seo-pink);font-style:normal;font-weight:700}.onon-seo-scope__head>p{margin:0;color:#d5bac4;font-size:12px;line-height:1.8}.onon-seo-scope__grid{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.onon-seo-scope__grid article{min-height:365px;padding:34px;border:1px solid rgba(255,255,255,.14);border-radius:27px;background:rgba(255,255,255,.025);transition:transform .35s ease,background .35s ease}.onon-seo-scope__grid article:hover{transform:translateY(-6px);background:rgba(177,31,85,.14)}.onon-seo-scope__grid article>span{display:flex;align-items:center;justify-content:space-between;color:#d48ca6;font-size:8px;font-weight:700;letter-spacing:.14em}.onon-seo-scope__grid article>span i{font-size:18px;color:var(--seo-peach)}.onon-seo-scope__grid h3{margin:55px 0 24px;font-size:32px;letter-spacing:-.045em}.onon-seo-scope__grid ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 22px;margin:0;padding:0;list-style:none}.onon-seo-scope__grid li{position:relative;padding-left:15px;color:#d7c0c8;font-size:10px;line-height:1.55}.onon-seo-scope__grid li::before{content:"";position:absolute;left:0;top:.55em;width:5px;aspect-ratio:1;border-radius:50%;background:var(--seo-pink)}
.onon-seo-local{padding:130px 0;background:var(--onon-paper)}
.onon-seo-local__layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(70px,9vw,150px);align-items:center}
.onon-seo-local__copy h2{margin:20px 0 30px;color:#68102f;font-size:clamp(52px,5.6vw,96px);font-weight:330;line-height:.91;letter-spacing:-.065em}
.onon-seo-local__copy h2 em{font-style:normal;font-weight:700}
.onon-seo-local__copy>p{max-width:660px;margin:0;color:#85576a;font-size:13px;line-height:1.8}
.onon-seo-local__copy ul{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 24px;margin:34px 0 0;padding:0;list-style:none}
.onon-seo-local__copy li{display:flex;gap:10px;color:#6f3049;font-size:10px;line-height:1.5}
.onon-seo-local__copy li i{margin-top:2px;color:#b11f55}
.onon-seo-map{position:relative;min-height:590px;border:1px solid rgba(177,31,85,.16);border-radius:34px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 39%,rgba(177,31,85,.2),transparent 29%),radial-gradient(circle at 84% 10%,rgba(237,185,164,.34),transparent 34%),linear-gradient(145deg,#fff9f5,#ead6dc)}
.onon-seo-map::before,.onon-seo-map::after{content:"";position:absolute;left:50%;top:40%;width:330px;aspect-ratio:1;border:1px solid rgba(177,31,85,.14);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 55px rgba(177,31,85,.035),0 0 0 110px rgba(177,31,85,.02)}
.onon-seo-map::after{width:115px;border-style:dashed;animation:ononWebOrbit 16s linear infinite;box-shadow:none}
.onon-seo-map__grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(177,31,85,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(177,31,85,.065) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000 0 75%,transparent 96%)}
.onon-seo-map__route{position:absolute;z-index:1;left:50%;top:40%;height:1px;background:linear-gradient(90deg,rgba(177,31,85,.65),rgba(177,31,85,.08));transform-origin:left center}
.onon-seo-map__route::after{content:"";position:absolute;right:-3px;top:-3px;width:7px;aspect-ratio:1;border-radius:50%;background:#b11f55;box-shadow:0 0 0 8px rgba(177,31,85,.08)}
.onon-seo-map__route.is-r1{width:190px;transform:rotate(-29deg)}.onon-seo-map__route.is-r2{width:205px;transform:rotate(18deg)}.onon-seo-map__route.is-r3{width:175px;transform:rotate(146deg)}.onon-seo-map__route.is-r4{width:180px;transform:rotate(205deg)}
.onon-seo-map__core{position:absolute;z-index:3;left:50%;top:40%;width:146px;aspect-ratio:1;padding:0!important;border:0!important;border-radius:50%!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#b91f57,#721333)!important;box-shadow:0 24px 55px rgba(100,16,47,.28)!important;transform:translate(-50%,-50%);color:#fff;text-align:center;backdrop-filter:none!important}
.onon-seo-map__core i{margin-bottom:9px;font-size:26px}.onon-seo-map__core b{font-size:17px;letter-spacing:.02em}.onon-seo-map__core small{margin-top:5px;color:#f0bfd0;font-size:5px;letter-spacing:.18em}
.onon-seo-map__city{position:absolute;z-index:2;padding:8px 11px;border:1px solid rgba(177,31,85,.16);border-radius:999px;background:rgba(255,250,246,.86);box-shadow:0 11px 24px rgba(100,16,47,.08);color:#6b1434;font-size:7px;font-weight:700;letter-spacing:.06em;backdrop-filter:blur(9px)}
.onon-seo-map__city i{display:inline-block;width:5px;aspect-ratio:1;margin-right:6px;border-radius:50%;background:#b11f55;box-shadow:0 0 0 5px rgba(177,31,85,.08)}
.onon-seo-map__city.is-istanbul{right:7%;top:16%}.onon-seo-map__city.is-ankara{right:5%;top:51%}.onon-seo-map__city.is-izmir{left:7%;top:25%}.onon-seo-map__city.is-antalya{left:9%;top:57%}.onon-seo-map__city.is-bursa{right:17%;top:69%}
.onon-seo-map__panel{position:absolute!important;z-index:5;left:28px!important;right:28px!important;bottom:28px!important;padding:22px!important;border:1px solid rgba(177,31,85,.14)!important;border-radius:21px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:6px!important;background:rgba(255,250,246,.88)!important;box-shadow:0 18px 45px rgba(100,16,47,.1);backdrop-filter:blur(12px)}
.onon-seo-map__panel small{font-size:6px;letter-spacing:.14em}.onon-seo-map__panel strong{grid-row:2;color:#68102f;font-size:30px;letter-spacing:-.05em}.onon-seo-map__panel span{grid-column:2;grid-row:1/3;align-self:center;padding:9px 11px;border-radius:999px;background:#b11f55;color:#fff;font-size:6px;letter-spacing:.08em;text-transform:uppercase}
.onon-seo-delivery{padding:0 0 125px;background:var(--onon-paper)}.onon-seo-delivery__box{position:relative;overflow:hidden;padding:48px;border:1px solid rgba(177,31,85,.17);border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.7),rgba(221,145,173,.12))}.onon-seo-delivery__box::after{content:"";position:absolute;width:340px;aspect-ratio:1;right:-150px;top:-180px;border:1px solid rgba(177,31,85,.1);border-radius:50%;box-shadow:0 0 0 55px rgba(177,31,85,.025),0 0 0 110px rgba(177,31,85,.018);pointer-events:none}.onon-seo-delivery__box>div:first-child{position:relative;z-index:1;display:grid;grid-template-columns:minmax(180px,.48fr) minmax(0,1.52fr);gap:clamp(45px,6vw,120px);align-items:end;margin-bottom:45px}.onon-seo-delivery h2{max-width:820px;margin:18px 0 0;color:#68102f;font-size:clamp(46px,4.25vw,72px);font-weight:340;line-height:.95;letter-spacing:-.055em}.onon-seo-delivery h2 em{font-style:normal;font-weight:700}.onon-seo-delivery__list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(177,31,85,.14)}.onon-seo-delivery__list span{min-height:120px;padding:19px;border-right:1px solid rgba(177,31,85,.13);display:flex;flex-direction:column;justify-content:space-between;color:#68102f;font-size:10px;font-weight:600;line-height:1.45}.onon-seo-delivery__list span:nth-child(4n){border-right:0}.onon-seo-delivery__list i{color:#b11f55;font-size:18px}
@keyframes ononSeoConsole{0%,100%{transform:rotateY(-5deg) rotateX(2deg) translateY(0)}50%{transform:rotateY(-2deg) rotateX(0) translateY(-8px)}}@keyframes ononSeoBars{to{transform:scaleY(.72);opacity:.68}}@keyframes ononSeoPin{50%{transform:translateY(-7px)}}@keyframes ononSeoPulse{to{transform:scale(8);opacity:0}}
@media(max-width:1024px){.onon-seo-scope__head,.onon-seo-local__layout{grid-template-columns:1fr}.onon-seo-map{min-height:520px}.onon-seo-delivery__box>div:first-child{grid-template-columns:1fr}.onon-seo-delivery__list{grid-template-columns:repeat(2,1fr)}.onon-seo-delivery__list span:nth-child(2n){border-right:0}}
@media(max-width:767px){.onon-seo .onon-web-hero__word{font-size:125px;top:19%}.onon-seo-console{left:3%;right:3%;border-width:4px;border-radius:23px}.onon-seo-console__body{padding:6%}.onon-seo-query{height:40px}.onon-seo-result{padding:15px}.onon-seo-result h2{font-size:14px}.onon-seo-metrics>span{min-height:58px;padding:9px}.onon-seo-metrics strong{font-size:18px}.onon-seo-chart{height:42px}.onon-seo-tag{padding:9px 11px;font-size:5px}.onon-seo-tag.is-one{left:-2%;top:10%}.onon-seo-tag.is-two{right:-2%;bottom:10%}.onon-seo-scope,.onon-seo-local{padding:88px 0}.onon-seo-scope__head{gap:25px;margin-bottom:48px}.onon-seo-scope__head h2,.onon-seo-local__copy h2{font-size:48px}.onon-seo-scope__grid{grid-template-columns:1fr}.onon-seo-scope__grid article{min-height:auto;padding:25px}.onon-seo-scope__grid h3{margin:42px 0 21px;font-size:28px}.onon-seo-scope__grid ul,.onon-seo-local__copy ul{grid-template-columns:1fr}.onon-seo-map{min-height:470px;border-radius:25px}.onon-seo-map::before{width:240px}.onon-seo-map__core{top:37%;width:112px}.onon-seo-map__core i{font-size:21px}.onon-seo-map__core b{font-size:13px}.onon-seo-map__route{top:37%;transform-origin:left center}.onon-seo-map__route.is-r1{width:115px}.onon-seo-map__route.is-r2{width:125px}.onon-seo-map__route.is-r3{width:110px}.onon-seo-map__route.is-r4{width:105px}.onon-seo-map__city{padding:7px 8px;font-size:5px}.onon-seo-map__city.is-istanbul{right:3%;top:13%}.onon-seo-map__city.is-ankara{right:3%;top:48%}.onon-seo-map__city.is-izmir{left:3%;top:21%}.onon-seo-map__city.is-antalya{left:4%;top:51%}.onon-seo-map__city.is-bursa{right:12%;top:62%}.onon-seo-map__panel{left:18px!important;right:18px!important;bottom:18px!important;padding:17px!important}.onon-seo-map__panel strong{font-size:22px}.onon-seo-map__panel span{font-size:5px}.onon-seo-delivery{padding-bottom:88px}.onon-seo-delivery__box{padding:28px 21px}.onon-seo-delivery h2{font-size:43px}.onon-seo-delivery__list{grid-template-columns:1fr}.onon-seo-delivery__list span,.onon-seo-delivery__list span:nth-child(2n),.onon-seo-delivery__list span:nth-child(4n){min-height:88px;border-right:0;border-bottom:1px solid rgba(177,31,85,.13)}.onon-seo-delivery__list span:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.onon-seo-console,.onon-seo-chart i,.onon-seo-pin>i,.onon-seo-pin>span,.onon-seo-map::after{animation:none!important}}