.lu-page { --orange:#fa7101; color:#000; font-family:Nunito,Arial,sans-serif; }
.lu-page *{box-sizing:border-box}
.lu-page{scroll-behavior:smooth}
.lu-page h1,.lu-page h2,.lu-page p,.lu-page ul{margin:0}
.lu-page{background:#f7f6f5}
.lu-page img{display:block;max-width:none}
.lu-page button,.lu-page a{-webkit-tap-highlight-color:transparent}
.lu-page button{font:inherit}
.lu-page :focus-visible{outline:3px solid #1652bd;outline-offset:5px}

/* Masaustu koordinatlari Figma 1920 genislikli tasarima gore.
   --u bir tasarim pikselini kullanilabilir genislige olcekler. */
.lu-bound { --u: calc(100cqw / 1920); container-type: inline-size; width:100%; max-width:1920px; margin-inline:auto; overflow:clip; background:linear-gradient(180deg,#fdf7f4 0%,#f7f6f5 82.033%); }
.lu-hero { height:calc(var(--u) * 904); position:relative; }
.lu-hero-art { display:block; width:calc(var(--u) * 1920); height:calc(var(--u) * 904); }
.lu-hero-card { position:absolute; left:calc(var(--u) * 1464); width:calc(var(--u) * 381); height:calc(var(--u) * 112); background:#fcfdff; border-radius:calc(var(--u) * 28); box-shadow:0 calc(var(--u) * 12) calc(var(--u) * 30) #31497026; color:#15263e; text-decoration:none; }
.lu-hero-card.appointment { top:calc(var(--u) * 108); }
.lu-hero-card.service { top:calc(var(--u) * 246); height:calc(var(--u) * 116); }
.lu-hero-card.customer { top:calc(var(--u) * 388); }
.lu-hero-card.storage { top:calc(var(--u) * 528); height:calc(var(--u) * 115); }
.lu-hero-icon { position:absolute; left:calc(var(--u) * 16); top:calc(var(--u) * 14); width:calc(var(--u) * 86); height:calc(var(--u) * 86); border-radius:50%; background-image:url('/upload/images/lastik-usta/lu-hero-sprite.webp'); background-size:calc(var(--u) * 1920) calc(var(--u) * 904); background-position:calc(var(--u) * -1480) calc(var(--u) * -122); }
.lu-hero-card.service .lu-hero-icon { background-position:calc(var(--u) * -1480) calc(var(--u) * -260); }
.lu-hero-card.customer .lu-hero-icon { background-position:calc(var(--u) * -1480) calc(var(--u) * -402); }
.lu-hero-card.storage .lu-hero-icon { background-position:calc(var(--u) * -1480) calc(var(--u) * -542); }
.lu-hero-card-copy { position:absolute; left:calc(var(--u) * 115); top:calc(var(--u) * 23); font-family:Arial,sans-serif; letter-spacing:calc(var(--u) * -.7); }
.lu-hero-card-copy strong { display:block; font-size:calc(var(--u) * 22); line-height:calc(var(--u) * 29); font-weight:700; }
.lu-hero-card-copy > span { display:block; margin-top:calc(var(--u) * 2); font-size:calc(var(--u) * 19); line-height:calc(var(--u) * 23); color:#65728a; letter-spacing:calc(var(--u) * -.8); }
.lu-hero-card.storage .lu-hero-card-copy { left:calc(var(--u) * 118); top:calc(var(--u) * 14); font-family:Nunito,Arial,sans-serif; letter-spacing:calc(var(--u) * -.4); }
.lu-hero-card.storage .lu-hero-card-copy strong { font-size:calc(var(--u) * 24); line-height:calc(var(--u) * 47); }
.lu-hero-card.storage .lu-hero-card-copy > span { margin-top:calc(var(--u) * -6); font-size:calc(var(--u) * 19); color:#37405d; letter-spacing:0; }

.lu-hero-logo { position:absolute; left:calc(var(--u) * 1148); top:calc(var(--u) * 239); width:calc(var(--u) * 239); height:calc(var(--u) * 239); border-radius:50%; z-index:1; }
.lu-hero-logo-art { display:block; width:100%; height:100%; border-radius:inherit; opacity:0; background-image:url('/upload/images/lastik-usta/lu-hero-sprite.webp'); background-size:calc(var(--u) * 1920) calc(var(--u) * 904); background-position:calc(var(--u) * -1148) calc(var(--u) * -239); transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .2s,box-shadow .35s; }
.lu-hero-logo::after { content:""; position:absolute; inset:-7%; border:2px solid #ff872b; border-radius:50%; opacity:0; transform:scale(.92); pointer-events:none; transition:opacity .35s,transform .35s; }
.lu-hero-card { transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s; }
.lu-hero-card::after { content:""; position:absolute; inset:0; border:1.5px solid #ff8a36; border-radius:inherit; opacity:0; pointer-events:none; transition:opacity .28s; }
.lu-hero-icon { transition:transform .28s cubic-bezier(.2,.8,.2,1); }
.lu-hero-card-copy strong { transition:color .28s; }
.lu-hero-card:focus-visible { transform:translateY(-3px) scale(1.025); box-shadow:0 16px 34px #fa71012b; }
.lu-hero-card:focus-visible::after { opacity:1; }
.lu-hero-card:focus-visible .lu-hero-icon { transform:scale(1.07) rotate(-6deg); }
.lu-hero-card:focus-visible strong { color:#e56300; }
.lu-hero-logo:focus-visible .lu-hero-logo-art { opacity:1; transform:scale(1.055); box-shadow:0 0 35px #fa71014d; }
.lu-hero-logo:focus-visible::after { opacity:.65; transform:scale(1); }
.lu-hero-flow { position:absolute; inset:0; width:100%; height:100%; z-index:1; overflow:visible; pointer-events:none; }
.lu-hero-flow-ring { fill:none; stroke:#fa7101; transform-box:fill-box; transform-origin:center; }
.lu-hero-flow-ring-outer { stroke-width:2; stroke-linecap:round; stroke-dasharray:4 17 46 25; opacity:.32; animation:luHeroOrbit 18s linear infinite; }
.lu-hero-flow-ring-inner { stroke-width:1.5; stroke-linecap:round; stroke-dasharray:3 28 62 21; opacity:.2; animation:luHeroOrbitReverse 24s linear infinite; }
.lu-hero-flow-path { fill:none; stroke:#ff8a32; stroke-width:4; stroke-linecap:round; stroke-dasharray:7 24; opacity:0; filter:drop-shadow(0 0 4px rgba(250,113,1,.72)); animation:luHeroDataFlow 8s linear infinite; }
.lu-flow-appointment { animation-delay:0s; }
.lu-flow-service { animation-delay:2s; }
.lu-flow-customer { animation-delay:4s; }
.lu-flow-storage { animation-delay:6s; }
.lu-hero-flow-particle { fill:#fff; stroke:#fa7101; stroke-width:3; opacity:0; filter:drop-shadow(0 0 5px rgba(250,113,1,.95)); }
.lu-hero-flow-node { fill:#fa7101; opacity:0; transform-box:fill-box; transform-origin:center; animation:luHeroNodePulse 8s ease-out infinite; }
.lu-node-appointment { animation-delay:0s; }
.lu-node-service { animation-delay:2s; }
.lu-node-customer { animation-delay:4s; }
.lu-node-storage { animation-delay:6s; }
.lu-hero-card::before { content:""; position:absolute; inset:0; border-radius:inherit; box-shadow:0 0 0 0 rgba(250,113,1,0); opacity:0; pointer-events:none; animation:luHeroCardSignal 8s ease-out infinite; }
.lu-hero-card.appointment::before { animation-delay:.32s; }
.lu-hero-card.service::before { animation-delay:2.32s; }
.lu-hero-card.customer::before { animation-delay:4.32s; }
.lu-hero-card.storage::before { animation-delay:6.32s; }
@keyframes luHeroOrbit { to { transform:rotate(360deg); } }
@keyframes luHeroOrbitReverse { to { transform:rotate(-360deg); } }
@keyframes luHeroDataFlow {
  0%,21%,100% { opacity:0; stroke-dashoffset:42; }
  4% { opacity:.18; }
  9%,15% { opacity:.88; }
  20% { opacity:0; stroke-dashoffset:-42; }
}
@keyframes luHeroNodePulse {
  0%,14%,100% { opacity:0; transform:scale(.65); }
  6% { opacity:.95; transform:scale(1); }
  12% { opacity:0; transform:scale(2.15); }
}
@keyframes luHeroCardSignal {
  0%,15%,100% { opacity:0; box-shadow:0 0 0 0 rgba(250,113,1,0); }
  5% { opacity:.6; box-shadow:0 0 0 calc(var(--u) * 2) rgba(250,113,1,.24),0 calc(var(--u) * 10) calc(var(--u) * 28) rgba(250,113,1,.16); }
  13% { opacity:0; box-shadow:0 0 0 calc(var(--u) * 8) rgba(250,113,1,0); }
}
@media(hover:hover) and (pointer:fine) {
 .lu-hero-card:hover { transform:translateY(-3px) scale(1.025); box-shadow:0 16px 34px #fa71012b; }
 .lu-hero-card:hover::after { opacity:1; }
 .lu-hero-card:hover .lu-hero-icon { transform:scale(1.07) rotate(-6deg); }
 .lu-hero-card:hover strong { color:#e56300; }
 .lu-hero-logo:hover .lu-hero-logo-art { opacity:1; transform:scale(1.055); box-shadow:0 0 35px #fa71014d; }
 .lu-hero-logo:hover::after { opacity:.65; transform:scale(1); }
}
@media(prefers-reduced-motion:reduce) {
 .lu-hero-card:is(:hover,:focus-visible),.lu-hero-card:is(:hover,:focus-visible) .lu-hero-icon,.lu-hero-logo:is(:hover,:focus-visible) .lu-hero-logo-art { transform:none; }
 .lu-hero-flow-ring,.lu-hero-flow-path,.lu-hero-flow-node,.lu-hero-card::before { animation:none; }
 .lu-hero-flow-particle { display:none; }
}
.lu-intro { position:relative; height:calc(var(--u) * 287); text-align:center; }
.lu-intro h1 { position:absolute; left:calc(var(--u) * 689); top:calc(var(--u) * -14); font-size:calc(var(--u) * 45); line-height:calc(var(--u) * 47); font-weight:800; white-space:nowrap; }
.lu-intro h1 span { color:var(--orange); }
.lu-intro h1::before,.lu-intro h1::after { content:""; position:absolute; top:50%; width:calc(var(--u) * 65); height:calc(var(--u) * 2); background:var(--orange); transform:translateY(-50%); }
.lu-intro h1::before { right:calc(100% + var(--u) * 12); }
.lu-intro h1::after { left:calc(100% + var(--u) * 12); }
.lu-underline { position:absolute; overflow:hidden; display:block; }
.lu-underline img { position:absolute; max-width:none; width:780.49%; height:3760%; left:-343.09%; top:-2060%; }
.lu-intro-underline { left:calc(var(--u) * 959); top:calc(var(--u) * 33); width:calc(var(--u) * 245); height:calc(var(--u) * 15); }
.lu-benefits { position:absolute; left:calc(var(--u) * 539); top:calc(var(--u) * 55); width:calc(var(--u) * 842); height:calc(var(--u) * 113); list-style:none; padding:0; }
.lu-benefit { position:absolute; top:0; height:calc(var(--u) * 113); }
.lu-benefit-service { left:calc(var(--u) * 28); width:calc(var(--u) * 227); }
.lu-benefit-stock { left:calc(var(--u) * 288); width:calc(var(--u) * 247); }
.lu-benefit-payment { left:calc(var(--u) * 565); width:calc(var(--u) * 252); }
.lu-benefit-pill { position:absolute; left:0; top:calc(var(--u) * 21); width:100%; height:calc(var(--u) * 88); border:calc(var(--u) * 1) solid #cfc9c7; border-radius:calc(var(--u) * 44); background:linear-gradient(110deg,#fff5 0%,#fceee940 100%); }
.lu-benefit-art { position:absolute; top:0; left:0; width:calc(var(--u) * 124); height:calc(var(--u) * 113); background-image:url('/upload/images/lastik-usta/lu-benefit-sprite.webp'); background-size:calc(var(--u) * 842.505) calc(var(--u) * 280.432); background-position:calc(var(--u) * -28.25) calc(var(--u) * -92.547); }
.lu-benefit-stock .lu-benefit-art { width:calc(var(--u) * 140); background-position:calc(var(--u) * -288.25) calc(var(--u) * -92.547); }
.lu-benefit-payment .lu-benefit-art { width:calc(var(--u) * 125); background-position:calc(var(--u) * -565.25) calc(var(--u) * -92.547); }
.lu-benefit strong { position:absolute; top:calc(var(--u) * 39); left:calc(var(--u) * 126); text-align:left; font-family:Arial,sans-serif; font-size:calc(var(--u) * 20); line-height:calc(var(--u) * 22); font-weight:800; letter-spacing:calc(var(--u) * -.6); color:#080d1b; white-space:nowrap; }
.lu-benefit-stock strong { left:calc(var(--u) * 145); }
.lu-benefit-payment strong { left:calc(var(--u) * 126); }
.lu-benefit-service::after,.lu-benefit-stock::after { content:""; position:absolute; top:calc(var(--u) * 39); right:calc(var(--u) * -17); width:calc(var(--u) * 1); height:calc(var(--u) * 50); background:#ff650c; }
.lu-benefit-link { position:absolute; inset:0; border-radius:calc(var(--u) * 44); color:inherit; text-decoration:none; transition:transform .28s cubic-bezier(.2,.8,.2,1); }
.lu-benefit-pill { transition:border-color .28s,box-shadow .28s; }
.lu-benefit-art { transform-origin:50% 80%; transition:transform .28s cubic-bezier(.2,.8,.2,1); }
.lu-benefit strong { transition:color .28s; }
.lu-benefit-link:focus-visible { transform:translateY(-4px) scale(1.025); }
.lu-benefit-link:focus-visible .lu-benefit-pill { border-color:#ff8a36; box-shadow:0 10px 24px #fa710126; }
.lu-benefit-link:focus-visible .lu-benefit-art { transform:scale(1.055); }
.lu-benefit-link:focus-visible strong { color:#e56300; }
@media(hover:hover) and (pointer:fine) {
 .lu-benefit-link:hover { transform:translateY(-4px) scale(1.025); }
 .lu-benefit-link:hover .lu-benefit-pill { border-color:#ff8a36; box-shadow:0 10px 24px #fa710126; }
 .lu-benefit-link:hover .lu-benefit-art { transform:scale(1.055); }
 .lu-benefit-link:hover strong { color:#e56300; }
}
@media(prefers-reduced-motion:reduce) {
 .lu-benefit-link:is(:hover,:focus-visible),.lu-benefit-link:is(:hover,:focus-visible) .lu-benefit-art { transform:none; }
}
.lu-intro-description { position:absolute; left:0; width:100%; top:calc(var(--u) * 190); font-size:calc(var(--u) * 22); line-height:calc(var(--u) * 37); white-space:nowrap; }
.lu-feature { position:relative; height:calc(var(--u) * 506); margin-bottom:calc(var(--u) * 40); }
.lu-feature-visual { position:absolute; top:0; height:calc(var(--u) * 506); width:calc(var(--u) * 936); }
.lu-feature-visual > img { position:absolute; inset:0; width:calc(var(--u) * 936); height:calc(var(--u) * 506); }
.lu-visual-left { left:calc(var(--u) * -31); }
.lu-orange-edge { position:absolute; left:calc(var(--u) * 854); top:calc(var(--u) * 8.3); width:calc(var(--u) * 30); height:calc(var(--u) * 505.189); border-radius:calc(var(--u) * 8); background:var(--orange); transform:rotate(13.78deg); }
.lu-feature-service .lu-service-base { left:calc(var(--u) * 13); width:calc(var(--u) * 900); }
.lu-feature-copy { position:absolute; width:calc(var(--u) * 628); }
.lu-copy-right { top:calc(var(--u) * 84); left:calc(var(--u) * 975); text-align:right; }
.lu-eyebrow { color:var(--orange); font-size:calc(var(--u) * 30); line-height:calc(var(--u) * 50); font-weight:500; white-space:nowrap; }
.lu-feature-copy .lu-eyebrow { display:flex; align-items:center; gap:calc(var(--u) * 18); }
.lu-copy-right .lu-eyebrow { justify-content:flex-end; }
.lu-eyebrow img { display:inline-block; width:calc(var(--u) * 41.194); height:calc(var(--u) * 19.953); flex-shrink:0; }
.lu-arrow-left { transform:rotate(180deg); }
.lu-feature h2 { margin-top:calc(var(--u) * 9); font-size:calc(var(--u) * 40); line-height:calc(var(--u) * 50); font-weight:800; white-space:nowrap; }
.lu-description { font-size:calc(var(--u) * 22); line-height:calc(var(--u) * 37); font-weight:400; }
.lu-feature .lu-description { margin-top:calc(var(--u) * 25); }
.lu-copy-right .lu-description { width:calc(var(--u) * 538); margin-left:auto; }
.lu-button { display:inline-flex; align-items:center; justify-content:center; gap:calc(var(--u) * 12); width:calc(var(--u) * 251); height:calc(var(--u) * 59); border:0; border-radius:calc(var(--u) * 29.5); background:var(--orange); color:white; font-family:Nunito,Arial,sans-serif; font-size:calc(var(--u) * 20); line-height:calc(var(--u) * 37); font-weight:500; cursor:pointer; text-decoration:none; transition:filter .15s,box-shadow .15s; }
.lu-feature .lu-button { margin-top:calc(var(--u) * 20); }
.lu-button img { width:calc(var(--u) * 37.045); height:calc(var(--u) * 16.904); }
.lu-arrow-right { transform:rotate(180deg); }
.lu-button:hover { filter:brightness(.94); box-shadow:0 calc(var(--u) * 6) calc(var(--u) * 18) #fa710126; }
.lu-hotel { position:relative; height:calc(var(--u) * 564); margin-bottom:calc(var(--u) * 39); }
.lu-hotel-art { display:block; width:calc(var(--u) * 1920); height:calc(var(--u) * 564); }
.lu-hotel-mask { position:absolute; background:#fcfdff; }
.lu-hotel-mask-title { left:calc(var(--u) * 686); top:calc(var(--u) * 59); width:calc(var(--u) * 448); height:calc(var(--u) * 271); }
.lu-hotel-mask-small { left:calc(var(--u) * 833); top:calc(var(--u) * 298); width:calc(var(--u) * 52); height:calc(var(--u) * 15); }
.lu-hotel-mask-description { left:calc(var(--u) * 713); top:calc(var(--u) * 330); width:calc(var(--u) * 464); height:calc(var(--u) * 87); }
.lu-hotel-copy { position:absolute; inset:0; }
.lu-hotel .lu-eyebrow { position:absolute; left:calc(var(--u) * 730); top:calc(var(--u) * 65); display:flex; gap:calc(var(--u) * 16); align-items:center; }
.lu-hotel h2 { position:absolute; left:calc(var(--u) * 642); top:calc(var(--u) * 124); width:calc(var(--u) * 535); font-size:calc(var(--u) * 40); font-weight:800; line-height:calc(var(--u) * 50); text-align:center; }
.lu-hotel-underline { left:calc(var(--u) * 878); top:calc(var(--u) * 274); width:calc(var(--u) * 163); height:calc(var(--u) * 10); }
.lu-hotel .lu-description { position:absolute; left:calc(var(--u) * 642); top:calc(var(--u) * 304); width:calc(var(--u) * 538); line-height:calc(var(--u) * 31); color:#37405d; text-align:center; }
.lu-hotel-button-area { position:absolute; left:calc(var(--u) * 712); top:calc(var(--u) * 399); width:calc(var(--u) * 377); height:calc(var(--u) * 118); background:#fcfdff; }
.lu-button-gradient { background:linear-gradient(115deg,#ff922c,#ff3a08); box-shadow:0 calc(var(--u) * 8) calc(var(--u) * 15) #f97a1220; border:calc(var(--u) * 1) solid #ffb874; }
.lu-hotel .lu-button-gradient { position:absolute; top:calc(var(--u) * 17); left:calc(var(--u) * 43); width:calc(var(--u) * 308); height:calc(var(--u) * 62); font-family:Arial,sans-serif; letter-spacing:calc(var(--u) * -.5); }
.lu-button-gradient span { font-family:Arial,sans-serif; font-size:calc(var(--u) * 31); font-weight:400; margin-left:calc(var(--u) * 8); }
.lu-feature-pool { margin-bottom:calc(var(--u) * 43); }
.lu-feature-pool .lu-visual-left { left:calc(var(--u) * -30); }
.lu-feature-pool .lu-orange-edge { left:calc(var(--u) * 850); top:calc(var(--u) * 11.3); }
.lu-feature-pool .lu-copy-right { top:calc(var(--u) * 83); left:calc(var(--u) * 980); }
.lu-feature-pool .lu-description { width:calc(var(--u) * 628); }
.lu-feature-products .lu-copy-left { left:calc(var(--u) * 318); top:calc(var(--u) * 64); text-align:left; }
.lu-visual-right { left:calc(var(--u) * 1040); }
.lu-visual-right .lu-products-base { top:calc(var(--u) * -2); }
.lu-visual-right .lu-orange-edge { left:calc(var(--u) * 59); top:calc(var(--u) * 8.6); transform:rotate(-13.78deg); }
.lu-feature-customers .lu-visual-left { left:calc(var(--u) * -29); }
.lu-feature-customers .lu-orange-edge { left:calc(var(--u) * 852); }
.lu-feature-customers .lu-copy-right { top:calc(var(--u) * 82); left:calc(var(--u) * 978); }
.lu-payment { position:relative; height:calc(var(--u) * 575); }
.lu-payment-background { position:absolute; left:calc(var(--u) * 57); top:0; width:calc(var(--u) * 1863); height:calc(var(--u) * 570); overflow:hidden; }
.lu-payment-background img { position:absolute; left:0; top:calc(var(--u) * -.057); width:calc(var(--u) * 1941.06); height:calc(var(--u) * 570.17); }
.lu-payment-mask { position:absolute; left:calc(var(--u) * 356); top:calc(var(--u) * 102); width:calc(var(--u) * 446); height:calc(var(--u) * 332); background:#fcfcfe; }
.lu-payment-left-mask { position:absolute; left:calc(var(--u) * -2); top:calc(var(--u) * 57); width:calc(var(--u) * 103); height:calc(var(--u) * 570); background:#fbfbfc; }
.lu-payment-copy { position:absolute; left:calc(var(--u) * 318); top:calc(var(--u) * 58); width:calc(var(--u) * 538); }
.lu-payment .lu-eyebrow { display:flex; align-items:center; gap:calc(var(--u) * 14.806); }
.lu-payment-heading-arrow { width:calc(var(--u) * 41.194); height:calc(var(--u) * 19.953); flex-shrink:0; }
.lu-payment h2 { position:relative; margin-top:calc(var(--u) * 6); font-size:calc(var(--u) * 40); line-height:calc(var(--u) * 50); font-weight:800; white-space:nowrap; }
.lu-payment h2 span { color:var(--orange); }
.lu-payment .lu-description { margin-top:calc(var(--u) * 15); }
.lu-payment-button-area { position:absolute; top:calc(var(--u) * 305); left:calc(var(--u) * -44); width:calc(var(--u) * 377); height:calc(var(--u) * 118); background:#fcfcfe; }
.lu-payment .lu-button-gradient { position:absolute; top:calc(var(--u) * 17); left:calc(var(--u) * 43); width:calc(var(--u) * 308); height:calc(var(--u) * 62); font-size:calc(var(--u) * 20); }
.lu-payment-art { position:absolute; left:calc(var(--u) * 814); top:0; width:calc(var(--u) * 1191); height:calc(var(--u) * 570); overflow:hidden; }
.lu-payment-art img { position:absolute; height:calc(var(--u) * 570); width:calc(var(--u) * 1938.59); max-width:none; left:calc(var(--u) * -747.59); top:0; }

/* Mobil: Figma'da mobil cerceve olmadigindan metinler 760px alti okunur boyuta gecer. */
@media(max-width:760px){
 .lu-bound{--u:calc(100cqw / 1920)}
 .lu-hero{height:auto;padding-bottom:22px}
 .lu-hero-art{height:75vw;width:100%;object-fit:cover;object-position:left top}
 .lu-hero-logo,.lu-hero-flow{display:none}
 .lu-hero-features{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 16px;margin-top:4px}
 .lu-hero-card,.lu-hero-card.appointment,.lu-hero-card.service,.lu-hero-card.customer,.lu-hero-card.storage{position:relative;inset:auto;width:auto;height:auto;min-height:105px;border-radius:15px;padding:13px 10px 13px 47px}
 .lu-hero-icon{left:10px;top:15px;width:29px;height:29px;background-size:650px 306px;background-position:-501px -41.3px}
 .lu-hero-card.service .lu-hero-icon{background-position:-501px -88px}
 .lu-hero-card.customer .lu-hero-icon{background-position:-501px -136px}
 .lu-hero-card.storage .lu-hero-icon{background-position:-501px -183.5px}
 .lu-hero-card-copy,.lu-hero-card.storage .lu-hero-card-copy{position:static;letter-spacing:0;font-family:Nunito,Arial,sans-serif}
 .lu-hero-card-copy strong,.lu-hero-card.storage .lu-hero-card-copy strong{font-size:13px;line-height:18px;letter-spacing:0}
 .lu-hero-card-copy>span,.lu-hero-card.storage .lu-hero-card-copy>span{font-size:11px;line-height:15px;letter-spacing:0;margin-top:5px}
 .lu-hero-card-copy br{display:none}
 .lu-intro{height:auto;padding:12px 20px 34px}
 .lu-intro h1{position:static;font-size:27px;line-height:35px;white-space:normal}
 .lu-intro h1::before,.lu-intro h1::after{display:none}
 .lu-intro-underline{display:none}
 .lu-benefits{position:relative;left:auto;top:auto;width:100%;height:76px;margin:22px 0 10px;display:flex;justify-content:center;gap:8px}
 .lu-benefit{position:relative;inset:auto;width:31%;height:70px}
 .lu-benefit-pill{top:12px;height:52px;border-radius:25px}
 .lu-benefit-art{width:45px!important;height:55px;background-size:337px 112px;background-position:-11.3px -37px}
 .lu-benefit-stock .lu-benefit-art{width:56px!important;background-position:-115.3px -37px}
 .lu-benefit-payment .lu-benefit-art{width:49px!important;background-position:-226.1px -37px}
 .lu-benefit strong,.lu-benefit-stock strong,.lu-benefit-payment strong{left:45px;top:26px;font-size:10px;line-height:12px;letter-spacing:-.4px}
 .lu-benefit-stock strong{left:55px}
 .lu-benefit-payment strong{left:47px;font-size:9px}
 .lu-benefit::before,.lu-benefit::after{display:none}
 .lu-intro-description{position:static;white-space:normal;font-size:15px;line-height:25px}
 .lu-feature,.lu-feature-pool{height:auto;display:flex;flex-direction:column;gap:26px;margin-bottom:42px}
 .lu-feature-visual,.lu-visual-left,.lu-visual-right,.lu-feature-pool .lu-visual-left,.lu-feature-customers .lu-visual-left{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:936 / 506;order:0}
 .lu-feature-visual>img,.lu-feature-service .lu-service-base{width:100%;height:100%;left:0}
 .lu-feature-visual .lu-orange-edge{display:none}
 .lu-feature-copy,.lu-copy-right,.lu-feature-pool .lu-copy-right,.lu-feature-products .lu-copy-left,.lu-feature-customers .lu-copy-right{position:static;width:auto;margin:0 24px;text-align:left;order:1}
 .lu-eyebrow{font-size:18px;line-height:30px;white-space:normal}
 .lu-feature-copy .lu-eyebrow,.lu-copy-right .lu-eyebrow{justify-content:flex-start;gap:10px}
 .lu-eyebrow img{width:28px;height:15px}
 .lu-feature h2{font-size:27px;line-height:35px;white-space:normal;margin-top:8px}
 .lu-feature h2 br{display:none}
 .lu-description,.lu-feature .lu-description,.lu-copy-right .lu-description,.lu-feature-pool .lu-description{font-size:16px;line-height:26px;width:auto;margin-top:15px}
 .lu-button{font-size:15px;line-height:24px;width:190px;height:47px;border-radius:24px;gap:10px}
 .lu-button img{width:27px;height:14px}
 .lu-feature .lu-button{margin-top:19px}
 .lu-hotel{height:auto;margin-bottom:42px;background:#fcfdff;padding-bottom:30px}
 .lu-hotel-art{width:100%;height:78vw;object-fit:cover;object-position:right top}
 .lu-hotel-mask{display:none}
 .lu-hotel-copy{position:relative;inset:auto;margin-top:-4px;padding:25px 24px 0;background:#fcfdff}
 .lu-hotel .lu-eyebrow{position:static;justify-content:center;gap:10px}
 .lu-hotel h2{position:static;width:auto;font-size:30px;line-height:37px;margin-top:10px}
 .lu-hotel-underline{display:none}
 .lu-hotel .lu-description{position:static;width:auto;font-size:16px;line-height:26px;margin-top:18px}
 .lu-hotel-button-area{position:static;width:auto;height:auto;margin-top:20px;text-align:center}
 .lu-hotel .lu-button-gradient{position:static;width:245px;height:50px;font-size:17px}
 .lu-button-gradient span{font-size:25px;margin-left:2px}
 .lu-payment{height:auto;display:flex;flex-direction:column;background:#fcfcfe;padding-bottom:30px}
 .lu-payment-background,.lu-payment-mask,.lu-payment-left-mask,.lu-payment-heading-arrow{display:none}
 .lu-payment-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1191 / 570;order:0}
 .lu-payment-art img{height:100%;width:162.77%;left:-62.77%}
 .lu-payment-copy{position:static;order:1;width:auto;margin:25px 24px 0}
 .lu-payment .lu-eyebrow{margin:0}
 .lu-payment h2{font-size:28px;line-height:36px;white-space:normal;margin-top:10px}
 .lu-payment .lu-description{font-size:16px;line-height:26px;margin-top:16px}
 .lu-payment-button-area{position:static;width:auto;height:auto;margin-top:20px}
 .lu-payment .lu-button-gradient{position:static;width:260px;height:49px;font-size:16px}
 .lu-desktop-break{display:none}
}
@media(prefers-reduced-motion:reduce){.lu-page{scroll-behavior:auto}.lu-page *{transition:none!important}}
@media(min-width:761px){
 .lu-feature-service .lu-button { transform:translateX(calc(var(--u) * 5)); }
 .lu-feature-customers .lu-button { transform:translateX(calc(var(--u) * 4)); }
 .lu-feature-pool .lu-button { transform:translateY(calc(var(--u) * 1)); }
 .lu-hotel-button-area,.lu-payment-button-area { background-image:url('/upload/images/lastik-usta/lu-hotel-sprite.webp'); background-size:calc(var(--u) * 1920) calc(var(--u) * 564); background-position:calc(var(--u) * -712) calc(var(--u) * -420); }
 .lu-hotel-underline::after { content:""; position:absolute; left:calc(var(--u) * 4); top:0; width:calc(var(--u) * 17); height:calc(var(--u) * 2); background:#fcfdff; }
 .lu-payment .lu-button-gradient { justify-content:flex-start; padding-left:calc(var(--u) * 22); gap:calc(var(--u) * 8); }
 .lu-hotel .lu-button-gradient { justify-content:flex-start; padding-left:calc(var(--u) * 36); gap:calc(var(--u) * 20); }
}
.lu-button-gradient { background:linear-gradient(155deg,#ff9c38 0%,#ff6410 50%,#ff2f03 100%); border-color:#ffcfb2; box-shadow:inset 0 calc(var(--u) * 3) calc(var(--u) * 6) #ffffff40,0 calc(var(--u) * 8) calc(var(--u) * 15) #f97a1220; }
.lu-button-gradient img { width:calc(var(--u) * 23); height:calc(var(--u) * 17); }

@media(max-width:760px){
  .lu-benefits{height:123px;gap:8px}
  .lu-benefit{height:115px}
  .lu-benefit-pill{top:0;height:115px;border-radius:18px}
  .lu-benefit-art{left:calc(50% - 23px);top:8px}
  .lu-benefit-stock .lu-benefit-art{left:calc(50% - 28px)}
  .lu-benefit-payment .lu-benefit-art{left:calc(50% - 24px)}
  .lu-benefit strong,.lu-benefit-stock strong,.lu-benefit-payment strong{left:0;top:70px;width:100%;font-size:11px;line-height:14px;letter-spacing:0;text-align:center}
  .lu-button-gradient img{width:23px;height:17px}
}

/* Yuzen/dip demo-satin al bandı */
.lu-floating-cta-section { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; padding: 0 calc(var(--u) * 20); display: flex; justify-content: center; align-items: center; box-sizing: border-box; }
.lu-floating-cta-slot { width: min(1014px, calc(100% - 32px)); max-width: 1014px; aspect-ratio: 2170 / 440; min-height: 0; position: relative; display: flex; justify-content: center; align-items: center; margin: 0 auto; }
.lu-floating-cta-bar { container-type: inline-size; position: relative; width: min(1014px, calc(100% - 32px)); max-width: 1014px; aspect-ratio: 2170 / 725; box-sizing: border-box; transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease, filter 0.3s ease; will-change: transform, opacity; }
.lu-floating-cta-bar.is-hidden { position: fixed; bottom: -68px; left: 50%; transform: translateX(-50%) translateY(140%) scale(0.92); opacity: 0; pointer-events: none; z-index: 100; }
.lu-floating-cta-bar.is-fixed { position: fixed; bottom: calc(-68px - var(--lu-alt-menu, 0px)); left: 50%; transform: translateX(-50%) translateY(0) scale(1); opacity: 1; pointer-events: auto; z-index: 100; filter: drop-shadow(0 14px 34px rgba(15, 23, 42, 0.22)); }
.lu-floating-cta-bar.is-docked { position: relative; bottom: auto; left: auto; width: 100%; transform: translateY(0) scale(1); opacity: 1; pointer-events: auto; filter: drop-shadow(0 8px 24px rgba(15, 23, 42, 0.12)); }
.lu-floating-cta-bar.is-dismissed { transform: translateX(-50%) translateY(140%) scale(0.9) !important; opacity: 0 !important; pointer-events: none !important; }
.lu-floating-cta-img { display: block; width: 100%; height: 100%; object-fit: contain; pointer-events: none; user-select: none; }
.lu-floating-cta-bar::before { content: ""; position: absolute; z-index: 1; left: 57.45%; top: 43.8%; width: 36.8%; height: 23.5%; border-radius: 999px; background: #fff; pointer-events: none; }

.lu-real-cta-btn { position: absolute; z-index: 2; display: inline-flex; align-items: center; justify-content: center; border: 0; outline: 0; cursor: pointer; border-radius: 999px; font-family: Nunito, Arial, sans-serif; font-weight: 700; white-space: nowrap; user-select: none; text-decoration: none; box-sizing: border-box; padding: 0 clamp(8px, 1.35cqw, 22px); gap: clamp(5px, 0.9cqw, 15px); font-size: clamp(9px, 1.62cqw, 26px); line-height: 1; transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.22s ease, filter 0.22s ease; -webkit-tap-highlight-color: transparent; }

.lu-cta-demo-btn { left: 58.35%; top: 46.5%; width: 19.25%; height: 14.45%; border: clamp(1px, 0.16cqw, 3px) solid #ff5b10; background: #ffffff; color: #f15a16; box-shadow: 0 clamp(2px, 0.35cqw, 6px) clamp(8px, 1.1cqw, 18px) rgba(31, 41, 55, 0.12); }
.lu-cta-demo-btn:hover { transform: translateY(-2px); box-shadow: 0 clamp(4px, 0.6cqw, 10px) clamp(12px, 1.5cqw, 24px) rgba(250, 113, 1, 0.28); filter: brightness(1.015); color: #f15a16; }
.lu-cta-demo-btn:active { transform: translateY(0) scale(0.98); }

.lu-cta-buy-btn { left: 78.05%; top: 46.2%; width: 15.55%; height: 14.55%; background: linear-gradient(135deg, #ff7108 0%, #ff4b04 100%); color: #ffffff; box-shadow: 0 clamp(2px, 0.4cqw, 6px) clamp(8px, 1.2cqw, 20px) rgba(250, 86, 1, 0.35); }
.lu-cta-buy-btn:hover { transform: translateY(-2px); box-shadow: 0 clamp(4px, 0.8cqw, 8px) clamp(10px, 2cqw, 20px) rgba(0, 0, 0, 0.3); filter: brightness(0.98);color: #fff; }
.lu-cta-buy-btn:active { transform: translateY(0) scale(0.98); }

.lu-btn-badge { display: flex; align-items: center; justify-content: center; width: clamp(15px, 2.6cqw, 42px); height: clamp(15px, 2.6cqw, 42px); border-radius: 50%; flex-shrink: 0; }
.lu-calendar-badge { color: #fa7101; padding: clamp(1px, 0.15cqw, 2px); box-sizing: border-box; }
.lu-cart-badge { color: #ffffff; box-sizing: border-box; }
.lu-btn-label { letter-spacing: -0.2px; }
.lu-btn-arrow { width: clamp(11px, 2.0cqw, 32px); height: clamp(11px, 2.0cqw, 32px); flex-shrink: 0; transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1); }
.lu-real-cta-btn:hover .lu-btn-arrow { transform: translateX(3px); }

.lu-cta-hotspot { position: absolute; z-index: 2; border: 0; background: transparent; cursor: pointer; outline: none; transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1), background-color 0.2s; }
.lu-cta-close { left: 94.55%; top: 49.75%; width: 3.25%; height: 9.75%; border-radius: 50%; }
.lu-cta-close:hover { background: rgba(255, 255, 255, 0.25); transform: scale(1.15); }

@media(max-width:760px){
  .lu-floating-cta-section { padding: 0 12px; }
  .lu-floating-cta-bar.is-fixed { bottom: calc(-22px - var(--lu-alt-menu, 0px)); width: calc(100% - 20px); filter: drop-shadow(0 10px 24px rgba(15, 23, 42, 0.26)); }
}

.lu-detail-dialog{border:0;border-radius:22px;padding:32px;max-width:520px;width:calc(100% - 40px);color:#15263e;box-shadow:0 24px 80px #0003;font-family:Nunito,Arial,sans-serif}
.lu-detail-dialog::backdrop{background:#15263e80;backdrop-filter:blur(4px)}
.lu-dialog-close{position:absolute;top:12px;right:15px;border:0;background:none;font-size:30px;cursor:pointer;color:#37405d}
.lu-dialog-eyebrow{color:var(--orange);font-weight:800;margin-bottom:12px}
.lu-detail-dialog h2{font-size:26px;line-height:1.3;margin-bottom:16px;font-weight:800}
.lu-detail-dialog #lu-detail-description{font-size:17px;line-height:1.7}
.lu-dialog-done{margin-top:24px;background:var(--orange);color:#fff;border:0;border-radius:22px;padding:10px 25px;cursor:pointer;font-family:Nunito,Arial,sans-serif}