@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#07172b;--ink:#14243a;--muted:#68778b;--teal:#50e0cb;--cream:#f5f8f8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}.header{height:84px;background:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #e8edef}.nav{height:100%;display:flex;justify-content:space-between;align-items:center}.logo{font:800 18px Manrope,sans-serif;letter-spacing:1.2px;color:var(--navy);white-space:nowrap}.logo b{font-weight:500}.logo-icon{color:#1ab9b3;font-size:24px;vertical-align:-2px;margin-right:5px}.nav nav{display:flex;align-items:center;gap:30px}.nav nav a{font-size:13px;font-weight:700;color:#26344a}.nav nav a:hover{color:#009e9d}.nav-cta{background:var(--navy);color:#fff!important;padding:13px 19px;border-radius:7px}.menu-btn{display:none}.hero{background:#061426;color:#fff;overflow:hidden;position:relative}.hero-grid{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:20px}.hero-copy{position:relative;z-index:2;padding:60px 0}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2.4px;color:#008d92}.eyebrow{color:#70e8d5}.eyebrow i{display:inline-block;background:#55e4c9;width:7px;height:7px;border-radius:50%;margin-right:10px}.hero h1{font:800 clamp(43px,5.2vw,74px)/1.13 Manrope,sans-serif;letter-spacing:-3px;margin:28px 0}.hero h1 em{font-style:normal;color:#68e8d3}.hero p{font-size:17px;line-height:1.85;color:#b5c3d2;max-width:530px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;gap:26px;justify-content:center;padding:16px 22px;border-radius:8px;font-size:13px;font-weight:800}.primary{background:#5de2cc;color:#05263a}.outline{border:1px solid #607186;color:#fff}.hero-note{color:#899caf;font-size:12px;margin-top:32px}.hero-note span{color:#65ead6;margin-right:8px}.eye-scene{height:530px;position:relative;display:flex;align-items:center;justify-content:center}.eye-shape{height:270px;width:470px;border-radius:65% 35% 65% 35% / 60% 50% 50% 40%;transform:rotate(-8deg);background:radial-gradient(ellipse at center,#dde9ed 0%,#93a6b1 43%,#253b51 65%,#0a1c30 74%);box-shadow:0 0 80px #00e8d027,0 0 140px #2147b535,inset 0 0 30px #00101d;display:grid;place-items:center;overflow:hidden}.iris{width:258px;height:258px;border-radius:50%;background:repeating-conic-gradient(from 15deg,#058f8d 0deg,#65e3ce 3deg,#103f73 6deg,#061a38 9deg,#0c6a91 12deg);display:grid;place-items:center;box-shadow:0 0 35px #06182a}.iris-inner{width:192px;height:192px;border-radius:50%;background:repeating-conic-gradient(#0d446a 0 5deg,#0db2aa 7deg,#081b39 12deg,#1a7690 16deg);display:grid;place-items:center}.pupil{width:118px;height:118px;background:#020a13;border-radius:50%;box-shadow:0 0 0 8px #092239, inset -12px -8px 25px #0e2130}.pupil:after{content:'';display:block;width:30px;height:30px;background:#d5ffffb8;border-radius:50%;margin:17px 0 0 23px;filter:blur(3px)}.orbit{position:absolute;border:1px solid #54e4d32a;border-radius:50%;width:470px;height:470px}.orbit-b{width:590px;height:590px}.floating-label{position:absolute;right:0;bottom:52px;border:1px solid #5ddfc74d;background:#0c2a3cb8;padding:15px 20px;border-radius:9px;font-size:10px;letter-spacing:2px;color:#79e5d5}.floating-label strong{display:block;color:white;font-size:15px;margin-top:8px}.dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#60f4db;box-shadow:0 0 20px #60f4db}.dot-one{top:85px;right:95px}.dot-two{bottom:90px;left:30px}.hero-bottom{display:flex;gap:45px;padding:0 0 28px;color:#70869b;font-size:10px;font-weight:800;letter-spacing:2px}.section{padding:110px 0}.section-head{max-width:700px;margin-bottom:46px}.section h2{font:800 clamp(34px,4vw,52px)/1.18 Manrope,sans-serif;letter-spacing:-2px;margin:20px 0}.section h2 span{color:#008e96}.section p{color:var(--muted);font-size:16px;line-height:1.85}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{padding:32px;border:1px solid #e3e9ec;border-radius:14px;background:#fff}.feature-icon{font-size:35px;color:#00a9aa}.feature h3{font:800 19px Manrope}.feature p{font-size:14px;margin-bottom:0}.dark-section{background:#0b2035;color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.dark-section p{color:#b0c1d0}.light{color:#71e8d8}.text-link{display:inline-block;color:#75ebd7;font-weight:800;margin-top:18px}.spectrum{text-align:center}.spectrum-disc{height:330px;width:330px;margin:auto;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,transparent 0 8%,#0000 8%),radial-gradient(circle,#f8b641 18%,#f45b43 45%,#c83e3c 68%,#f49b40 90%);position:relative;box-shadow:0 0 0 12px #ffffff12}.spectrum-disc:before{content:'';position:absolute;inset:12px;border-radius:50%;background-image:radial-gradient(circle,#f2e2aa 2px,transparent 3px);background-size:15px 15px;opacity:.8}.spectrum-disc span{position:relative;font:800 70px Manrope;color:#214b3b}.spectrum small{display:block;color:#9fb0c2;margin-top:30px}.filter-visual{height:360px;background:linear-gradient(135deg,#e8f9f5,#d7e7f1);border-radius:18px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.beam{width:80%;height:140px;background:linear-gradient(90deg,#f15151,#ffc94e,#5ccf7b,#49b7d6,#715bd8);filter:blur(13px);opacity:.6;clip-path:polygon(0 35%,100% 0,100% 100%,0 65%)}.filter-glass{position:absolute;height:235px;width:70px;border:3px solid #ffffffa8;background:#a5d5e777;transform:rotate(14deg);box-shadow:0 10px 40px #2a8c9670;border-radius:16px}.filter-caption{position:absolute;bottom:20px;font-size:11px;letter-spacing:2px;font-weight:800;color:#4a7282}.dark-btn{background:var(--navy);color:#fff;margin-top:20px}.pricing{background:#f0f7f7}.pricing-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.pricing-inner p{max-width:650px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-card{background:#f4f8f9;border-radius:16px;padding:34px;display:flex;flex-direction:column;gap:10px}.contact-card span{font-size:10px;font-weight:800;letter-spacing:2px;color:#7a8995;margin-top:15px}.contact-card a{font:700 19px Manrope}.contact-card a:hover{color:#008f96}footer{background:#061426;color:#b0c2d0;padding:40px 0}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.footer .logo{color:#fff}.footer p,.footer small{font-size:12px;color:#8298ad}@media(max-width:900px){.nav nav{gap:15px}.nav nav a{font-size:11px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:80px 0 10px}.eye-scene{height:340px}.eye-shape{transform:scale(.75) rotate(-8deg)}.orbit{transform:scale(.7)}.split{gap:40px}.section{padding:75px 0}}@media(max-width:650px){.wrap{width:min(100% - 34px,1160px)}.header{height:70px}.logo{font-size:15px}.menu-btn{display:block;background:none;border:0;font-size:27px;color:#061426}.nav nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:20px 24px;box-shadow:0 20px 25px #0002}.nav nav.open{display:flex}.nav nav a{font-size:14px;padding:10px}.hero h1{font-size:43px;letter-spacing:-2px}.hero p{font-size:15px}.hero-grid{min-height:0}.hero-copy{padding-top:65px}.eye-scene{height:290px}.eye-shape{transform:scale(.62) rotate(-8deg)}.orbit{transform:scale(.55)}.floating-label{bottom:10px;right:0}.hero-bottom{gap:14px;justify-content:space-between;font-size:8px}.section{padding:65px 0}.section h2{font-size:35px}.cards,.split,.contact-grid{grid-template-columns:1fr}.split{gap:38px}.spectrum-disc{width:260px;height:260px}.pricing-inner{align-items:flex-start;flex-direction:column}.contact-card a{font-size:16px}.footer{align-items:flex-start;flex-direction:column}}

/* Çok sayfalı tasarım ekleri */
.page-hero{background:linear-gradient(115deg,#07172b,#0c3449);color:white;padding:105px 0 100px}.page-hero h1{font:800 clamp(38px,5vw,66px)/1.12 Manrope,sans-serif;letter-spacing:-2px;max-width:850px;margin:24px 0}.page-hero p{font-size:17px;line-height:1.8;color:#b6cbd6;max-width:700px}.narrow{max-width:1000px}.narrow>p{max-width:790px}.fine-print{font-size:13px!important;color:#728393!important;margin-top:32px}.feature-link{display:block;transition:transform .2s,border-color .2s}.feature-link:hover{transform:translateY(-4px);border-color:#5de2cc}.feature-link strong{display:inline-block;color:#008e96;font-size:13px;margin-top:20px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps>div{border:1px solid #e3e9ec;border-radius:14px;padding:28px}.steps b{color:#008e96;letter-spacing:2px}.steps h3{font:800 20px Manrope,sans-serif}@media(max-width:650px){.page-hero{padding:75px 0}.steps{grid-template-columns:1fr}}

/* Orijinal marka tipografisi korunarak gerçek görsellerin entegrasyonu */
.hero-real-eye{min-height:530px;background:url('assets/renk-korlugu-lensi-goz.webp') 66% center / auto 100% no-repeat;position:relative;align-self:stretch;filter:contrast(1.04)}
.hero-grid{grid-template-columns:1.08fr .92fr}.hero-real-eye:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061426 0%,transparent 36%)}
.product-showcase{background:#f6f9fa}.product-photo{position:relative;max-width:500px}.product-photo>img:first-child{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 18px 55px #09263b18}.product-brand{width:160px;max-width:45%;background:#061426;padding:12px;border-radius:8px;position:absolute;bottom:16px;left:16px}.test-photo{display:flex;justify-content:center}.test-photo img{width:min(100%,450px);height:auto;border-radius:14px}.eye-explainer{background:#f6f9fa}.eye-strip{height:310px;border-radius:15px;background:#050505 url('assets/renk-korlugu-lensi-goz.webp') right center / cover no-repeat}
@media(max-width:900px){.hero-real-eye{min-height:310px;background-size:auto 100%;background-position:right center}}
@media(max-width:650px){.hero-real-eye{min-height:235px;background-position:65% center}.product-brand{width:130px}.eye-strip{height:230px}}
/* Hero image: preserve the complete original artwork at every viewport. */
.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
.hero-real-eye{min-width:0;min-height:0;height:auto;aspect-ratio:2.4/1;background-image:url('assets/renk-korlugu-lensi-goz.webp');background-size:contain;background-position:center center;background-repeat:no-repeat;align-self:center;filter:none}
.hero-real-eye:before{display:none}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:0}.hero-real-eye{width:100%;min-height:0;aspect-ratio:2.4/1;background-size:contain;background-position:center}.hero-copy{padding-bottom:18px}}
@media(max-width:650px){.hero-real-eye{width:100%;min-height:0;aspect-ratio:2.4/1;background-position:center;background-size:contain;margin:0 0 22px}.hero h1{overflow-wrap:break-word}}

/* Hero image v3: full bleed, image black blends naturally into navy */
.hero{isolation:isolate}
.hero-grid{position:relative;grid-template-columns:1fr;min-height:650px;display:flex;align-items:center}
.hero-copy{width:min(62%,690px);position:relative;z-index:2}
.hero-real-eye{position:absolute;z-index:1;top:0;bottom:0;right:-6vw;width:72%;height:100%;min-height:0;aspect-ratio:auto;align-self:auto;background-image:url('assets/renk-korlugu-lensi-goz.webp');background-size:auto 100%;background-position:right center;background-repeat:no-repeat;mix-blend-mode:screen;pointer-events:none}
.hero-real-eye:before{display:none}
@media(max-width:900px){.hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:0}.hero-copy{width:100%;padding:70px 0 12px}.hero-real-eye{position:relative;top:auto;bottom:auto;right:auto;width:100%;height:300px;aspect-ratio:auto;background-size:auto 100%;background-position:right center;mix-blend-mode:screen;margin:0 0 20px}}
@media(max-width:650px){.hero-copy{padding:56px 0 16px}.hero-real-eye{height:260px;width:100%;margin:0 0 12px;background-size:auto 100%;background-position:right center}.hero h1{font-size:clamp(35px,9vw,43px);letter-spacing:-1.8px}}


/* V4: one full-bleed hero canvas; no separate image column or black rectangle. */
.hero{position:relative;isolation:isolate;background:#061426;overflow:hidden}
.hero::before{content:"";position:absolute;z-index:-2;inset:0;background-image:url('assets/renk-korlugu-lensi-goz.webp');background-repeat:no-repeat;background-position:right center;background-size:auto 100%;mix-blend-mode:screen;pointer-events:none}
.hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#061426 0%,#061426 25%,rgba(6,20,38,.94) 39%,rgba(6,20,38,.5) 58%,transparent 80%);pointer-events:none}
.hero-grid{display:flex;align-items:center;min-height:650px;position:relative}
.hero-copy{width:min(62%,690px);padding:60px 0;z-index:1}
.hero-real-eye{display:none!important}
@media(max-width:900px){.hero-grid{min-height:610px;display:flex;align-items:center}.hero-copy{width:min(80%,690px);padding:65px 0}.hero::before{background-size:auto 100%;background-position:calc(100% + 250px) center}.hero::after{background:linear-gradient(90deg,#061426 0%,rgba(6,20,38,.96) 35%,rgba(6,20,38,.7) 65%,rgba(6,20,38,.3) 100%)}}
@media(max-width:650px){.hero-grid{min-height:640px;align-items:flex-start}.hero-copy{width:100%;padding:60px 0 55px}.hero h1{font-size:clamp(35px,9vw,43px);letter-spacing:-1.8px;max-width:95%}.hero p{max-width:90%}.hero::before{background-size:auto 82%;background-position:calc(100% + 290px) bottom;opacity:.8}.hero::after{background:linear-gradient(180deg,#061426 0%,rgba(6,20,38,.97) 38%,rgba(6,20,38,.80) 70%,rgba(6,20,38,.45) 100%)}.hero-bottom{position:relative;z-index:1}}