:root{--ink:#12263a;--muted:#60758a;--line:#dce7ee;--blue:#0b5ed7;--blue2:#00a7d8;--aqua:#e9f9fc;--navy:#071d32;--white:#fff;--paper:#f5f9fb;--green:#23b574;--danger:#c73939;--shadow:0 24px 70px rgba(7,41,69,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.section{padding:100px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#058caf;font-size:12px;font-weight:800;letter-spacing:2px}.eyebrow:before{content:'';width:28px;height:2px;background:currentColor}.eyebrow.light{color:#72e1f3}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.93);backdrop-filter:blur(15px);border-bottom:1px solid rgba(18,38,58,.08)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font:800 20px 'Manrope',sans-serif}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue2));box-shadow:0 8px 20px rgba(11,94,215,.25)}.header-nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:700}.header-nav a:hover{color:var(--blue)}.header-nav .mini-cta{padding:11px 17px;border-radius:10px;color:#fff;background:var(--ink)}
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 82% 25%,rgba(23,203,222,.22),transparent 25%),linear-gradient(125deg,#071d32 0%,#073655 50%,#066a8b 100%)}.hero:after{content:'';position:absolute;inset:auto 0 0;height:1px;background:rgba(255,255,255,.1)}.hero-grid{position:relative;z-index:2;min-height:650px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:55px;padding-top:44px;padding-bottom:52px}.hero-copy h1{max-width:650px;margin:18px 0;font:800 clamp(44px,5vw,68px)/1.05 'Manrope',sans-serif;letter-spacing:-2.8px}.hero-copy h1 em{color:#75e6f4;font-style:normal}.hero-copy>p{max-width:610px;margin:0 0 30px;color:#c9dce9;font-size:18px}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 21px;border:0;border-radius:11px;font-weight:800;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px)}.button-light{color:#073655;background:#fff;box-shadow:0 14px 35px rgba(0,0,0,.16)}.button-primary{color:#fff;background:linear-gradient(135deg,#0967df,#00a2d1);box-shadow:0 12px 28px rgba(6,105,206,.24)}.button-secondary{color:var(--ink);background:#edf5f8}.button-wide{width:100%}.trust-line{display:flex;align-items:center;gap:9px;color:#d5e7ef;font-size:13px;font-weight:600}.trust-line i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#08253d;background:#73e7d0;font-style:normal}.hero-points{display:flex;gap:30px;margin-top:52px;color:#b9d0dc;font-size:12px}.hero-points span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.hero-points b{color:#56d3e8;font-size:11px}.hero-visual{position:relative;height:490px}.visual-card{position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.17),rgba(255,255,255,.05));box-shadow:0 35px 70px rgba(0,0,0,.25);backdrop-filter:blur(9px)}.water-card{top:5px;right:0;width:285px;height:360px;padding:28px}.robot-card{left:10px;bottom:0;width:290px;height:320px;padding:28px}.visual-kicker{font-size:10px;font-weight:800;letter-spacing:1.5px;color:#82e2ef}.visual-card strong{position:absolute;left:28px;bottom:25px;font:700 17px/1.35 'Manrope',sans-serif}.water-device{position:absolute;left:65px;top:70px;width:155px;height:195px;border-radius:34px 34px 22px 22px;background:linear-gradient(140deg,#fff,#a9d5df);box-shadow:inset -18px -15px 35px rgba(6,55,75,.2),0 24px 30px rgba(0,0,0,.23)}.water-device i{position:absolute;left:25px;top:26px;width:105px;height:60px;border-radius:17px;background:linear-gradient(145deg,#123f58,#071c2f);box-shadow:inset 0 0 12px rgba(83,225,242,.4)}.water-device b{position:absolute;left:60px;top:43px;width:35px;height:16px;border-radius:10px;background:#40e0e9;box-shadow:0 0 16px #40e0e9}.water-device u{position:absolute;left:68px;top:103px;width:20px;height:58px;border-radius:8px;background:#5d8c9d;text-decoration:none}.robot-device,.robot-large{position:absolute;border-radius:50%;background:linear-gradient(155deg,#ebf5f7,#6d8d98 65%,#1e3c4a);box-shadow:inset -14px -12px 35px rgba(0,0,0,.34),0 23px 30px rgba(0,0,0,.32)}.robot-device{left:57px;top:77px;width:175px;height:175px}.robot-device i,.robot-device b{position:absolute;border-radius:50%}.robot-device i{inset:18px;border:1px solid rgba(255,255,255,.4)}.robot-device b{left:71px;top:30px;width:34px;height:34px;background:#173748;box-shadow:inset 0 0 0 7px #6a8f9e}.floating-badge{position:absolute;right:5px;bottom:55px;width:130px;padding:14px;border-radius:17px;color:#082d42;background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.22)}.floating-badge span{float:left;display:grid;place-items:center;width:31px;height:31px;margin-right:9px;border-radius:50%;color:#fff;background:var(--green)}.floating-badge b,.floating-badge small{display:block}.floating-badge b{font-size:13px}.floating-badge small{font-size:10px;color:#668096}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.4}.orb-one{width:280px;height:280px;right:-120px;top:30px;border:1px solid #56e0ee}.orb-two{width:500px;height:500px;right:70px;bottom:-390px;border:1px solid #27a3c4}
.benefit-strip{border-bottom:1px solid var(--line);background:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}.benefit-grid>div{display:flex;align-items:center;gap:13px;padding:28px 18px;border-right:1px solid var(--line)}.benefit-grid>div:last-child{border:0}.icon-box{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:11px;color:#0788af;background:var(--aqua);font-size:21px}.benefit-grid p,.benefit-grid strong,.benefit-grid small{display:block;margin:0}.benefit-grid strong{font-size:14px}.benefit-grid small{color:var(--muted);font-size:11px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading h2,.center-heading h2,.appointment-copy h2,.faq h2{margin:10px 0 0;font:800 clamp(32px,4vw,45px)/1.12 'Manrope',sans-serif;letter-spacing:-1.5px}.section-heading>p{max-width:470px;margin:0;color:var(--muted)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.product-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 13px 35px rgba(12,52,76,.06);transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-art{position:relative;height:270px;overflow:hidden}.product-a .product-art{background:linear-gradient(145deg,#d9f1f3,#84b4ba)}.product-b .product-art{background:linear-gradient(145deg,#e8f8ff,#7ec7dd)}.robot-large{left:50%;top:45px;width:205px;height:205px;transform:translateX(-50%)}.robot-large:before{content:'';position:absolute;inset:18px;border-radius:50%;border:2px solid rgba(255,255,255,.45)}.robot-large span{position:absolute;top:39px;left:84px;width:38px;height:38px;border:8px solid #769ca6;border-radius:50%;background:#193847}.robot-large i{position:absolute;left:48px;bottom:47px;width:110px;height:12px;border-radius:10px;background:rgba(255,255,255,.25)}.clean-path{position:absolute;inset:40px 60px;border:1px dashed rgba(255,255,255,.65);border-radius:50%}.purifier-large{position:absolute;left:50%;top:30px;width:175px;height:225px;border-radius:40px 40px 23px 23px;transform:translateX(-50%);background:linear-gradient(145deg,#fff,#a7d8e3);box-shadow:inset -22px -15px 36px rgba(9,84,110,.18),0 27px 35px rgba(9,69,90,.22)}.purifier-large span{position:absolute;left:28px;top:28px;width:120px;height:68px;border-radius:19px;background:#0d354c}.purifier-large i{position:absolute;left:68px;top:52px;width:41px;height:17px;border-radius:10px;background:#29d3e6;box-shadow:0 0 18px #29d3e6}.purifier-large b{position:absolute;left:77px;top:120px;width:22px;height:62px;border-radius:9px;background:#6b9aa9}.drop-ring{position:absolute;width:330px;height:330px;left:50%;top:65px;transform:translateX(-50%);border:1px solid rgba(255,255,255,.7);border-radius:50%}.product-body{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:29px 31px 33px}.product-no{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#078aad;background:#e7f9fc;font-weight:800}.product-body h3{margin:0 0 8px;font:800 23px 'Manrope',sans-serif}.product-body p{margin:0 0 18px;color:var(--muted);font-size:14px}.product-body a{color:#0671cf;font-size:13px;font-weight:800}.product-body a span{margin-left:8px}.how{background:var(--paper)}.center-heading{text-align:center}.center-heading .eyebrow{justify-content:center}.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px}.steps:before{content:'';position:absolute;left:17%;right:17%;top:48px;border-top:1px dashed #aac5d1}.steps article{position:relative;text-align:center}.step-number{position:absolute;top:-4px;left:calc(50% + 28px);z-index:2;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;background:#05a1c6;font-size:11px;font-weight:800}.step-icon{position:relative;z-index:1;display:grid;place-items:center;width:90px;height:90px;margin:0 auto 22px;border:8px solid var(--paper);border-radius:50%;color:#078cb1;background:#fff;box-shadow:0 11px 30px rgba(15,62,89,.12);font-size:30px}.steps h3{margin:0 0 7px;font:800 18px 'Manrope',sans-serif}.steps p{max-width:260px;margin:auto;color:var(--muted);font-size:14px}
.appointment{position:relative;overflow:hidden;color:#fff;background:linear-gradient(125deg,#072238,#064d6b)}.appointment:before{content:'';position:absolute;width:700px;height:700px;right:-240px;top:-350px;border:1px solid rgba(87,224,238,.19);border-radius:50%}.appointment-grid{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start}.appointment-copy{padding-top:30px}.appointment-copy h2{margin-bottom:20px;color:#fff}.appointment-copy>p{color:#c2d7e1}.check-list{list-style:none;padding:0;margin:30px 0}.check-list li{display:flex;align-items:center;gap:11px;margin:15px 0;color:#e3f1f6;font-size:14px}.check-list i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#073349;background:#79e6d1;font-style:normal;font-weight:800}.direct-phone{display:grid;grid-template-columns:46px 1fr;align-items:center;max-width:270px;padding:15px 18px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.07)}.direct-phone span{grid-row:span 2;font-size:26px}.direct-phone small{color:#a9c5d2}.form-card{color:var(--ink);padding:37px;border-radius:24px;background:#fff;box-shadow:0 35px 80px rgba(0,0,0,.26)}.form-title{margin-bottom:23px}.form-title>span{color:#058ead;font-size:11px;font-weight:800;letter-spacing:1.7px}.form-title h3{margin:5px 0 2px;font:800 26px 'Manrope',sans-serif}.form-title p{margin:0;color:#7c8e9d;font-size:12px}.form-title b,label b{color:#e15454}.form-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid label{display:block}.form-grid .span-two{grid-column:span 2}.form-grid label>span{display:block;margin-bottom:6px;color:#385064;font-size:12px;font-weight:700}.form-grid label small{color:#96a4ae;font-weight:500}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #cfdee6;border-radius:9px;outline:0;background:#fbfdfe;color:var(--ink);transition:.2s}.form-grid input,.form-grid select{height:47px;padding:0 13px}.form-grid textarea{resize:vertical;padding:11px 13px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#159bc2;box-shadow:0 0 0 3px rgba(21,155,194,.12)}.form-grid em,.field-error{display:block;margin-top:4px;color:var(--danger);font-size:11px;font-style:normal}.consent{display:flex;align-items:flex-start;gap:10px;margin:19px 0 17px;color:#627789;font-size:11px}.consent input{accent-color:#078dc7;margin-top:3px}.form-assurance{text-align:center;color:#8497a6;font-size:10px}.hp-field{position:absolute!important;left:-10000px!important}.alert{margin:0 0 18px;padding:13px 15px;border-radius:10px;font-size:12px}.alert-error{color:#932e2e;background:#fff0f0;border:1px solid #f4cece}.alert ul{margin:5px 0 0}.success-panel{text-align:center;padding:32px 10px}.success-icon{display:grid;place-items:center;width:75px;height:75px;margin:0 auto 22px;border-radius:50%;color:#fff;background:var(--green);font-size:37px;box-shadow:0 15px 35px rgba(35,181,116,.3)}.success-panel h2{margin:7px 0;font:800 34px 'Manrope',sans-serif}.success-panel p{color:var(--muted)}.request-code{margin:24px 0;padding:14px;border-radius:10px;background:#eef7fa}.request-code strong{display:block;color:var(--blue);letter-spacing:2px}.faq-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px}.faq-grid>div:first-child>p{color:var(--muted)}.accordions details{border-bottom:1px solid var(--line)}.accordions summary{display:flex;justify-content:space-between;cursor:pointer;padding:20px 0;font-weight:800;list-style:none}.accordions summary::-webkit-details-marker{display:none}.accordions summary span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf7fa}.accordions details[open] summary span{transform:rotate(45deg)}.accordions details p{margin:-7px 40px 22px 0;color:var(--muted);font-size:14px}.site-footer{padding:28px 0;border-top:1px solid var(--line);background:#fff}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-inner p,.footer-inner>a{color:var(--muted);font-size:12px}.brand-dark{color:var(--ink)}.whatsapp-button{position:fixed;right:24px;bottom:24px;z-index:15;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;color:#fff;background:#25d366;box-shadow:0 13px 30px rgba(37,211,102,.35);font-size:30px}.setup-page{min-height:100vh;padding:45px 20px;background:var(--paper)}.setup-shell{width:min(850px,100%);margin:auto}.setup-shell>.brand{margin-bottom:25px}.setup-card{padding:42px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.setup-card h1{margin:8px 0;font:800 38px 'Manrope',sans-serif}.setup-card .lead{color:var(--muted)}.setup-form fieldset{margin:26px 0;padding:23px;border:1px solid var(--line);border-radius:13px}.setup-form legend{padding:0 9px;font-weight:800}.button-row{display:flex;gap:12px;margin-top:25px}
.footer-links{display:flex;gap:18px}.consent a{color:#0874b9;text-decoration:underline}.privacy-page{background:var(--paper)}.privacy-shell{width:min(820px,calc(100% - 32px));margin:45px auto}.privacy-card{margin-top:24px;padding:45px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.privacy-card h1{font-size:36px;line-height:1.2}.privacy-card h2{margin-top:30px;font-size:20px}.privacy-card p,.privacy-card li{color:#526b7c;font-size:14px}.privacy-note{padding:14px;border-radius:10px;background:#fff6dc;color:#765a0a!important}.privacy-back{display:inline-block;margin-top:24px;color:#0875b8;font-weight:800}
.hero-product-image{position:absolute;display:block;object-fit:contain;filter:drop-shadow(0 20px 18px rgba(0,0,0,.28))}.hero-water-image{top:52px;left:50%;width:175px;height:215px;transform:translateX(-50%)}.hero-robot-image{top:62px;left:50%;width:180px;height:175px;transform:translateX(-50%)}.product-video-art{display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 50% 45%,#badde2 0,#74aab4 48%,#294f5b 100%)}.product-video{display:block;width:100%;height:100%;border-radius:15px;object-fit:contain;background:rgba(4,27,39,.22);box-shadow:0 18px 38px rgba(11,45,58,.28)}.product-image-art{display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,#f8fdff 0,#c8e8ef 52%,#79bfd2 100%)}.product-image-art img{display:block;width:auto;height:245px;max-width:82%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(9,70,91,.22))}
@media(max-width:900px){.header-nav a:not(.mini-cta){display:none}.hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:80px}.hero-visual{width:min(550px,100%);margin:auto}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-grid>div:nth-child(2){border-right:0}.section-heading{display:block}.section-heading>p{margin-top:18px}.appointment-grid,.faq-grid{grid-template-columns:1fr}.appointment-grid{gap:35px}.appointment-copy{padding:0}.faq-grid{gap:25px}}
@media(max-width:650px){.container{width:min(100% - 28px,1160px)}.section{padding:68px 0}.header-inner{height:66px}.header-nav .mini-cta{padding:9px 12px;font-size:12px}.hero-grid{padding-top:65px}.hero-copy h1{font-size:42px;letter-spacing:-1.8px}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-points{gap:15px}.hero-visual{height:440px;transform:scale(.88);transform-origin:center top;margin-bottom:-45px}.water-card{right:-25px}.robot-card{left:-22px}.floating-badge{right:-20px}.benefit-grid,.product-grid,.steps{grid-template-columns:1fr}.benefit-grid>div{border-right:0;border-bottom:1px solid var(--line)}.section-heading h2,.center-heading h2,.appointment-copy h2,.faq h2{font-size:32px}.steps{gap:38px}.steps:before{display:none}.product-art{height:240px}.product-body{grid-template-columns:1fr}.product-no{width:40px;height:40px}.form-card,.setup-card{padding:24px 19px}.form-grid.two{grid-template-columns:1fr}.form-grid .span-two{grid-column:auto}.appointment{padding-top:75px}.faq-grid{gap:15px}.footer-inner{flex-direction:column;gap:10px}.footer-links{flex-direction:column;align-items:center;gap:5px}.button-row{flex-direction:column}.setup-card h1{font-size:30px}.privacy-card{padding:26px 20px}.privacy-card h1{font-size:29px}}

/* VIP Çarşı logo, ürün vitrini ve WhatsApp düzenlemeleri */
.site-brand{display:inline-flex;align-items:center;flex:0 0 auto}
.site-brand img{display:block;width:auto;height:auto}
.site-brand-header img{width:186px;max-height:56px}
.site-brand-footer img{width:175px;max-height:54px}
.site-footer{padding:30px 0;border-top:0;background:#062b43}
.site-footer .footer-inner p,.site-footer .footer-links a{color:#bfd3df}
.site-footer .footer-links a:hover{color:#fff}
.hero-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:420px auto;align-items:start;column-gap:18px;row-gap:8px;height:465px}
.hero-visual .visual-card{position:relative;inset:auto;width:auto;height:420px;padding:24px;overflow:hidden}
.hero-visual .robot-card,.hero-visual .water-card{top:auto;right:auto;bottom:auto;left:auto}
.hero-visual .visual-card:after{content:'';position:absolute;inset:45% -45% -30%;border-radius:50%;background:radial-gradient(circle,rgba(77,218,236,.22),transparent 67%);pointer-events:none}
.hero-visual .visual-kicker{position:relative;z-index:2;display:block;min-height:30px;font-size:9px;line-height:1.45}
.hero-visual .hero-product-image{z-index:1;left:50%;transform:translateX(-50%)}
.hero-visual .hero-robot-image{top:58px;width:232px;height:270px}
.hero-visual .hero-water-image{top:50px;width:225px;height:288px}
.hero-visual .visual-card strong{z-index:2;left:24px;right:18px;bottom:24px;font-size:15px}
.hero-visual .floating-badge{position:relative;right:auto;bottom:auto;z-index:4;grid-column:1/-1;grid-row:2;justify-self:center;margin-top:-2px;transform:none}
.whatsapp-button{overflow:visible;transition:transform .2s ease,box-shadow .2s ease}
.whatsapp-button:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 17px 38px rgba(37,211,102,.45)}
.whatsapp-button img{display:block;width:32px;height:32px}
.whatsapp-button:before{content:'Ürün hakkında bilgi alın';position:absolute;right:66px;top:50%;width:max-content;padding:8px 12px;border-radius:8px;color:#fff;background:#123047;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transform:translate(8px,-50%);transition:.2s}
.whatsapp-button:hover:before,.whatsapp-button:focus-visible:before{opacity:1;transform:translate(0,-50%)}
@media(max-width:900px){.hero-visual{width:min(580px,100%);height:455px}}
@media(max-width:650px){.site-brand-header img{width:148px;max-height:47px}.site-brand-footer img{width:165px}.hero-visual{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:345px auto;column-gap:10px;row-gap:8px;height:395px;margin:10px auto 15px;transform:none}.hero-visual .visual-card{height:345px;padding:15px;border-radius:20px}.hero-visual .visual-kicker{min-height:35px;font-size:8px;letter-spacing:1px}.hero-visual .hero-robot-image{top:60px;width:148px;height:195px}.hero-visual .hero-water-image{top:55px;width:145px;height:210px}.hero-visual .visual-card strong{left:15px;right:10px;bottom:19px;font-size:12px;line-height:1.3}.hero-visual .floating-badge{width:118px;padding:11px;margin-top:-2px}.hero-visual .floating-badge span{width:27px;height:27px}.whatsapp-button:before{display:none}}