@font-face{font-family:Manrope;src:url('/assets/manrope-regular.woff2') format('woff2'),url('/assets/manrope-regular.ttf') format('truetype');font-display:fallback}@font-face{font-family:Manrope;src:url('/assets/manrope-bold.woff2') format('woff2'),url('/assets/manrope-bold.ttf') format('truetype');font-weight:700 900;font-display:fallback}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font:16px/1.65 Manrope,Arial,sans-serif;color:#1d1d1f;background:#f5f5f7;--accent:#c5aff2;--ink:#7653a3}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}button,input,textarea,select{font:inherit}button,summary{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9870c5;outline-offset:5px}::selection{background:#d9c8f5}.wrap{width:min(1280px,90%);margin:auto}.nav-shell{position:sticky;top:0;z-index:30;background:#f5f5f7de;backdrop-filter:blur(24px);border-bottom:1px solid #dedee380}.nav-shell>.wrap{max-width:1380px;width:92%}.header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.vyfu-brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.vyfu-brand>img{width:53px;height:50px;object-fit:contain}.vyfu-brand>span{font-size:38px;letter-spacing:-2px;font-weight:800;line-height:1}.brand-dot{color:#9e7cc7}.nav{display:flex;align-items:center;gap:33px;font-size:14px}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:#25212b;color:white;border:1px solid transparent;border-radius:99px;padding:15px 25px;min-height:49px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#614782;transform:translateY(-2px)}.nav .button{padding:10px 20px;font-size:13px;min-height:42px;background:#e5daf5;color:#332b3d}.button.light{background:white;color:#25212b}.button.outline{background:transparent;color:#25212b;border-color:#cdc8d4}.text-link{color:var(--ink);font-size:15px;display:inline-flex;align-items:center;gap:10px;font-weight:700}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.icon,.button svg,.text-link svg{width:20px;height:20px;flex:none}.menu{display:none;background:none;border:1px solid #d4cedc;border-radius:99px;padding:8px 16px;min-height:42px}.eyebrow{font-size:12px;letter-spacing:.13em;font-weight:700;color:#67547c}.bird-hero{position:relative;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;min-height:690px;padding:70px 0 85px;gap:0}.bird-copy{position:relative;z-index:1}.bird-copy h1{font-size:clamp(68px,7.8vw,116px);line-height:.99;letter-spacing:-.075em;margin:28px 0 22px;font-weight:800}.bird-copy h1 span{color:#8a67b4}.hero-slogan{font-size:clamp(25px,2.5vw,36px);letter-spacing:-.04em;font-weight:700;margin:0 0 19px}.hero-desc{font-size:18px;line-height:1.65;color:#6e6777}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px;flex-wrap:wrap}.bird-art{margin-right:-5vw;margin-left:-8%;position:relative}.bird-art img{width:100%;max-width:none;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 89%,transparent),linear-gradient(transparent,#000 12%,#000 89%,transparent);mask-composite:intersect}.section{padding:105px 0}.intro{background:white}.intro-inner{text-align:center}.intro h2{font-size:clamp(35px,4.6vw,66px);line-height:1.13;letter-spacing:-.055em;margin:27px 0}.intro h2 span{color:#8a67b4}.intro p:last-child{font-size:19px;line-height:1.7;max-width:590px;margin:25px auto 0;color:#6e6777}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:40px}.section-head h2{font-size:clamp(34px,4vw,54px);letter-spacing:-.05em;line-height:1.15;margin:0}.section-head p{color:#6e6777;margin:0}.expertise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start}.expertise-card{border-radius:25px;background:white;overflow:hidden;border:1px solid #edeaef;transition:transform .25s,box-shadow .25s}.expertise-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #24202a09}.expertise-card[open]{border-color:#cbb7e3}.expertise-card summary{list-style:none;padding:28px 25px;min-height:275px;display:flex;flex-direction:column}.expertise-card summary::-webkit-details-marker{display:none}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px}.card-top>svg{width:31px;height:31px;color:#a085bf;stroke-width:1.4}.number{font-size:12px;letter-spacing:.06em;color:#67547c}.expertise-card h3{font-size:23px;line-height:1.25;letter-spacing:-.035em;margin:0 0 28px;text-wrap:balance}.card-more{margin-top:auto;font-size:13px;color:#67547c;display:flex;align-items:center;justify-content:space-between}.card-more>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f0eaf8;font-size:21px;color:#775796;transition:transform .25s}.expertise-card[open] .card-more>span{transform:rotate(45deg)}.service-body{padding:0 25px 28px;font-size:15px;color:#716779}.service-body p{margin-top:0;line-height:1.8}.manifesto{background:#232027;color:white;border-radius:36px;padding:65px 70px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:60px;overflow:hidden}.manifesto h2{font-size:clamp(37px,4.5vw,62px);letter-spacing:-.055em;line-height:1.13;margin:25px 0}.manifesto h2 span{color:#c5aff2}.manifesto p:not(.eyebrow){color:#b9b1c3;max-width:490px;font-size:17px;line-height:1.8;margin-bottom:30px}.manifesto .eyebrow{color:#b4a0cc}.manifesto>img{width:100%;max-height:360px;object-fit:contain}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.principles article{border-top:1px solid #d9d3e0;padding-top:25px}.principles h3{font-size:24px;letter-spacing:-.035em;margin:20px 0 15px}.principles p{font-size:16px;color:#6e6777;line-height:1.75}.cta{text-align:center;background:#eee8f6;padding:90px 0}.cta h2{font-size:clamp(52px,7vw,90px);letter-spacing:-.065em;line-height:1.08;margin:25px 0 34px}.cta h2 span{color:#8a67b4}.footer{padding:50px 0 25px;background:#f5f5f7}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:27px;font-size:14px;color:#79707f}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ded9e3;padding-top:22px;margin-top:40px;font-size:12px;color:#8b8292}.footer-bottom svg{width:15px;height:15px;vertical-align:middle}.page-head{padding:80px 0 65px}.page-title{font-size:clamp(42px,6vw,82px);line-height:1.12;letter-spacing:-.06em;margin:25px 0}.page-head>p{font-size:19px;color:#84798d;max-width:690px;line-height:1.8}.service-full{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:white;border-radius:26px;padding:40px;margin-bottom:18px;scroll-margin-top:105px}.service-full h2{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin:0 0 20px}.service-full p{color:#807387;font-size:16px;line-height:1.8}.service-full ul{list-style:none;margin:0;padding:0}.service-full li{padding:12px 0;border-bottom:1px solid #ede8f1;font-size:15px}.process-row{display:grid;grid-template-columns:45px 1fr 1.2fr;gap:30px;background:white;padding:38px;border-radius:26px;margin-bottom:18px}.process-row h2{font-size:27px;letter-spacing:-.035em;line-height:1.3;margin:0}.process-row p{color:#817389;margin:0}.dark{background:#25202b;color:white}.big-manifesto{font-size:clamp(35px,5vw,68px);letter-spacing:-.04em;line-height:1.2;margin:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:50px}.about-grid>div{background:white;padding:35px;border-radius:25px}.about-grid h3{font-size:25px;line-height:1.3;letter-spacing:-.03em}.about-grid p{color:#86758f}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.brand-panel{display:flex;flex-direction:column;min-height:300px;border-radius:28px;background:white;padding:35px;justify-content:space-between}.brand-panel.lilac{background:#ddd0f0}.brand-panel.black{background:#242029;color:white}.brand-panel .vyfu-brand{margin:auto}.brand-panel .vyfu-brand>img{width:100px;height:100px}.brand-panel .vyfu-brand>span{font-size:75px}.brand-panel .bird-mark{width:210px;height:210px;object-fit:contain;margin:auto}.brand-panel h2{font-size:clamp(30px,3vw,44px);letter-spacing:-.05em;line-height:1.2}.swatches{display:grid;grid-template-columns:repeat(4,1fr);border-radius:20px;overflow:hidden;margin:30px 0}.swatch{padding:70px 22px 22px;font-size:14px}.swatch span{display:block}.brand-text{max-width:820px}.brand-text h2{font-size:30px;letter-spacing:-.04em;margin:45px 0 20px}.brand-text p{color:#82748c;line-height:1.85}.download-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:35px}.identity-note{font-size:13px;color:#908498;margin-top:30px}.identity-content{padding-bottom:80px}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:8%;margin-bottom:90px}.contact-copy h2{font-size:34px;line-height:1.25;letter-spacing:-.04em}.contact-copy p{color:#84748f;line-height:1.85}.contact-copy>a{color:var(--ink)}.contact-note{font-size:13px}.form{background:white;padding:35px;border-radius:25px;display:grid;grid-template-columns:1fr 1fr;gap:23px}.form label{font-size:14px;color:#74607e}.form input,.form select,.form textarea{display:block;width:100%;background:#f8f6fa;border:1px solid #e9e2ee;border-radius:11px;min-height:49px;padding:12px;font-size:16px;margin-top:8px;color:#28202d}.form textarea{min-height:145px;resize:vertical}.form .full{grid-column:1/-1}.form .button{width:100%}.form-note{font-size:12px;color:#97889f}.status{font-size:14px;color:var(--ink)}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:white;padding:15px}.error-page{text-align:center;padding:100px 20px}.error-page h1{font-size:50px}.scroll-reveal{transition:opacity .7s,transform .7s}.scroll-reveal.pending{opacity:0;transform:translateY(18px)}
@media(max-width:1100px){.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.expertise-card summary{min-height:220px}.expertise-card h3{font-size:25px}.bird-hero{min-height:600px}.bird-copy h1{font-size:85px}.manifesto{padding:50px;gap:30px}.nav{gap:23px}.service-full{gap:25px;padding:30px}}
@media(max-width:760px){.wrap{width:88%}.header{height:72px}.nav-shell>.wrap{width:90%}.vyfu-brand>img{width:45px;height:43px}.vyfu-brand>span{font-size:34px}.menu{display:block}.nav{display:none;position:absolute;top:71px;left:0;right:0;padding:25px 6%;background:#faf9fc;flex-direction:column;align-items:flex-start;gap:25px;border-bottom:1px solid #ddd}.nav.open{display:flex}.nav a{font-size:16px}.bird-hero{display:flex;flex-direction:column;min-height:0;text-align:center;padding:44px 0 22px}.bird-copy h1{font-size:clamp(70px,15vw,105px);line-height:1.01;margin:24px 0 20px}.hero-slogan{font-size:27px}.hero-desc{font-size:16px}.hero-actions{justify-content:center;gap:20px}.bird-art{width:115%;margin:12px -7.5% 0}.bird-art img{width:100%}.section{padding:65px 0}.intro h2{font-size:39px}.intro p:last-child{font-size:17px}.section-head{align-items:flex-start;flex-direction:column;gap:23px;margin-bottom:28px}.section-head h2{font-size:37px}.section-head p{font-size:16px}.expertise-grid{gap:12px}.expertise-card{border-radius:20px}.expertise-card summary{padding:22px 19px;min-height:235px}.expertise-card h3{font-size:21px;line-height:1.3;letter-spacing:-.035em}.card-top{margin-bottom:23px}.card-top>svg{width:27px;height:27px}.card-top .number{font-size:11px}.service-body{padding:0 19px 25px}.manifesto{padding:35px;border-radius:26px;grid-template-columns:1fr;gap:20px}.manifesto h2{font-size:40px}.manifesto>img{max-height:260px}.principles{grid-template-columns:1fr;gap:25px}.principles h3{margin:14px 0 10px}.principles p{margin:0}.cta{padding:65px 0}.cta h2{font-size:61px}.footer-top{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap;gap:23px}.footer-bottom{flex-wrap:wrap;gap:14px}.page-head{padding:45px 0 30px}.page-title{font-size:44px}.page-head>p{font-size:17px}.service-full{grid-template-columns:1fr;gap:20px;padding:28px}.service-full h2{font-size:27px}.process-row{grid-template-columns:27px 1fr;padding:27px;gap:18px}.process-row p{grid-column:2}.about-grid,.brand-grid,.contact-grid{grid-template-columns:1fr}.brand-panel{min-height:260px;padding:28px}.brand-panel .vyfu-brand>img{width:80px;height:80px}.brand-panel .vyfu-brand>span{font-size:65px}.swatches{grid-template-columns:1fr 1fr}.contact-grid{gap:25px}.form{padding:25px;grid-template-columns:1fr}.form .full{grid-column:auto}}
@media(max-width:380px){.expertise-grid{grid-template-columns:1fr}.expertise-card summary{min-height:205px}.expertise-card h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.scroll-reveal.pending{opacity:1;transform:none}}

/* Articulated feather rig. One clipped viewport layer prevents overflow. */
main:has(.bird-flight-stage){isolation:isolate}
.bird-flight-stage{position:fixed;inset:0;z-index:4;pointer-events:none;user-select:none;overflow:hidden;visibility:hidden;contain:strict}
.bird-flight-anchor{position:absolute;top:0;left:0;width:0;height:0;will-change:transform;transform-origin:0 0}
.bird-flight-rig{position:absolute;left:-980px;top:-420px;width:1536px;height:1024px;isolation:isolate}
.bird-part{position:absolute;inset:0;width:1536px;height:1024px;max-width:none;mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
.bird-body{z-index:3}
.bird-tail{z-index:1;transform-origin:733px 520px;will-change:transform}
.bird-feet{z-index:2;transform-origin:995px 679px;will-change:transform}
.bird-wing{position:absolute;width:768px;height:1024px;overflow:hidden;will-change:transform,opacity;backface-visibility:visible}
.bird-wing img{position:absolute;top:0;width:1536px;height:1024px;max-width:none}
.bird-wing-near{left:108px;top:-90px;transform-origin:722px 470px;z-index:4}
.bird-wing-near img{left:0}
.bird-wing-far{left:1018px;top:-96px;transform-origin:132px 466px;z-index:0}
.bird-wing-far img{left:-768px}
.bird-flight-ready .bird-art>img{mix-blend-mode:normal;mask-composite:add;-webkit-mask-composite:source-over;mask-size:100% 100%;-webkit-mask-size:100% 100%}
main:has(.bird-flight-stage) .bird-copy,main:has(.bird-flight-stage) .intro-inner,main:has(.bird-flight-stage) .section-head,main:has(.bird-flight-stage) .manifesto>div,main:has(.bird-flight-stage) .cta>.wrap{position:relative;z-index:5}
@media(prefers-reduced-motion:reduce){.bird-flight-stage{display:none!important}}

/* Kart simgesi: "+" karakteri yazi tipinde ortada durmuyor, donunce (x) kayiyordu; iki cizgiyle cizilir. */
.card-more>span{position:relative;font-size:0}
.card-more>span::before,.card-more>span::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.6px;border-radius:1px;background:currentColor;transform:translate(-50%,-50%)}
.card-more>span::after{transform:translate(-50%,-50%) rotate(90deg)}

/* Anasayfa "Birlikte ilerleriz": uc adim bir cizgiyle baglanir; cizgi ve noktalar ilerledikce koyulasir. */
.journey{--gap:20px;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);position:relative}
.journey::before{content:"";position:absolute;top:9px;height:2px;left:calc((100% - 2 * var(--gap)) / 6);right:calc((100% - 2 * var(--gap)) / 6);
  background:linear-gradient(90deg,#e7ddf3,#c5aff2 50%,#8a67b4);border-radius:2px}
.journey-step{position:relative;display:flex;flex-direction:column}
.journey-dot{position:absolute;top:0;left:50%;width:20px;height:20px;margin-left:-10px;border-radius:50%;border:2px solid #8a67b4;background:#e7ddf3;box-shadow:0 0 0 6px #f5f5f7;z-index:1}
.journey-step:nth-child(2) .journey-dot{background:#c5aff2}
.journey-step:nth-child(3) .journey-dot{background:#8a67b4}
.journey-step::after{content:"";position:absolute;top:20px;left:50%;width:2px;height:16px;margin-left:-1px;background:#d9c9ec}
.journey-card{flex:1;margin-top:36px;background:white;border:1px solid #ece7f1;border-radius:24px;padding:28px 30px 32px;
  transition:transform .3s,box-shadow .3s,border-color .3s}
.journey-step:hover .journey-card{transform:translateY(-4px);box-shadow:0 18px 40px #24202a0f;border-color:#d9c9ec}
.journey-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.journey-verb{font-size:12px;font-weight:800;letter-spacing:.14em;color:#67547c;padding-top:10px}
.journey-num{font-size:48px;line-height:1;letter-spacing:-.04em;color:#8a67b4}
.journey-card h3{font-size:24px;letter-spacing:-.035em;margin:26px 0 12px}
.journey-card p{margin:0;font-size:16px;line-height:1.75;color:#6e6777}
.journey-step.scroll-reveal:nth-child(2){transition-delay:.12s}
.journey-step.scroll-reveal:nth-child(3){transition-delay:.24s}
@media(max-width:900px){
  .journey{grid-template-columns:1fr;gap:16px}
  .journey::before{display:none}
  .journey-dot{left:0;top:30px;margin-left:0}
  /* her adimdan bir sonrakinin noktasina uzanan parca; son adimda cizgi biter */
  .journey-step::after{left:9px;top:50px;height:calc(100% - 4px);margin-left:0;background:linear-gradient(180deg,#e7ddf3,#c5aff2)}
  .journey-step:nth-child(2)::after{background:linear-gradient(180deg,#c5aff2,#8a67b4)}
  .journey-step:last-child::after{display:none}
  .journey-card{margin:0 0 0 38px}
}

/* Hizmet kartlarinin ustunde, acilan karta konan kusa yer: baslikla izgara arasi biraz acik */
.section-head:has(+ .expertise-grid){margin-bottom:104px}
/* dar ekranda kartlar kusun yana kacamayacagi kadar dar: siralar arasi kusa yer birakir */
@media(max-width:760px){.expertise-grid{row-gap:58px}.section-head:has(+ .expertise-grid){margin-bottom:64px}}

/* Hero gorseli bilerek kenardan tasar (margin:-5vw); sayfada yatay kaydirma olusturmasin */
body{overflow-x:clip}
