
:root{--bg:#0c0c0e;--paper:#eeeae6;--purple:#bba4d1;--text:#f2f0ee;--line:#3a373d;--sans:'DM Sans',sans-serif;--display:'Barlow Condensed',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{width:min(1330px,calc(100% - 100px));margin:auto}.top{height:86px;border-bottom:1px solid #ffffff25;background:rgba(7,7,8,.9);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 max(50px,calc((100vw - 1330px)/2));position:sticky;top:0;z-index:40}.top img{height:62px;width:89px;object-fit:contain}.back{font-size:11px;font-weight:700;letter-spacing:.14em;color:#d4d0d6;transition:color .2s}.back:hover{color:var(--purple)}.top-tag{font-size:10px;letter-spacing:.13em;color:#9f99a4}.progress{height:3px;width:0;background:#d1b9ed;position:fixed;z-index:80;top:0;left:0}.hero{position:relative;min-height:730px;overflow:hidden;isolation:isolate}.hero-pic{position:absolute;inset:0 0 0 32%;background-image:url('/assets/live-atmosphere.webp');background-position:center;background-size:cover;filter:grayscale(.6) contrast(1.25);opacity:.56;transform:scale(1.08);animation:enterPhoto 2s ease both}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0c0c0efa 0%,#0c0c0edc 40%,#0c0c0e36 100%),linear-gradient(0deg,#0c0c0e 1%,transparent 54%,#0c0c0ea8 100%)}.hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;min-height:730px;padding-top:55px;padding-bottom:38px}.eyebrow{font-size:10px;letter-spacing:.2em;font-weight:800;text-transform:uppercase;color:var(--purple)}.hero-mini{display:flex;justify-content:space-between;align-items:center;padding-bottom:21px;border-bottom:1px solid #ffffff36}.hero-mini .index{font:700 40px var(--display);color:#d3c4e2}.hero-copy{margin:auto 0}.hero h1{font:900 clamp(110px,14vw,224px)/.76 var(--display);letter-spacing:-.026em;margin:25px 0 40px}.hero h1 span{display:block;white-space:nowrap;animation:revealTitle .9s cubic-bezier(.2,.7,.2,1) both}.hero h1 span:last-child{color:transparent;-webkit-text-stroke:1.7px #e8e2e9;animation-delay:.17s}.hero .lead{font-size:clamp(19px,2vw,28px);line-height:1.5;max-width:680px;margin:0;color:#e7e1e8;animation:revealTitle 1s .3s both}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid #ffffff36;padding-top:20px;font-size:10px;letter-spacing:.18em;font-weight:700;color:#dad4dd}.point{color:var(--purple)}.marquee{overflow:hidden;background:#baa6d0;color:#141117;white-space:nowrap;padding:13px 0}.marquee span{display:inline-block;width:max-content;animation:scrollText 26s linear infinite;font:800 26px var(--display);letter-spacing:.1em}.marquee b{padding:0 27px}.about{background:var(--paper);color:#141315;padding:105px 0 125px}.brow{display:flex;justify-content:space-between;border-bottom:1px solid currentColor;padding:0 0 22px;font-size:10px;letter-spacing:.16em;font-weight:800}.two-col{display:grid;grid-template-columns:1fr .9fr;gap:8%;padding-top:74px;align-items:start}.about h2,.chapter-title{font:900 clamp(65px,7.5vw,125px)/.89 var(--display);letter-spacing:-.01em;margin:0}.about h2 em,.chapter-title em{font-style:normal;color:#9a83ae}.about-copy{font-size:clamp(16px,1.7vw,22px);line-height:1.78;color:#525057;margin-top:0}.about-copy strong{color:#161318}.mini-pill{display:inline-block;font-size:10px;letter-spacing:.12em;font-weight:800;border:1px solid #777;padding:11px 15px;margin-top:18px}.quote-panel{background:#211d24;position:relative;overflow:hidden;padding:85px 0 110px;isolation:isolate}.quote-panel:before{content:"✳";position:absolute;z-index:-1;right:-5%;top:-140px;font:800 630px var(--display);color:#ab8ec116;animation:rotateSlow 45s linear infinite}.quote-panel .eyebrow{display:block;margin-bottom:90px}.quote-panel blockquote{font:900 clamp(78px,10vw,167px)/.83 var(--display);letter-spacing:-.015em;margin:0;max-width:1200px}.quote-panel blockquote span{color:#d6c3e8}.details{padding:112px 0 136px}.detail-intro{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:70px}.detail-intro h2{font:900 clamp(64px,8vw,132px)/.84 var(--display);margin:0}.detail-intro p{max-width:310px;line-height:1.65;color:#aaa4b0}.detail-items{display:grid;grid-template-columns:1fr 1fr;gap:15px}.detail-card{border:1px solid #454047;min-height:280px;padding:31px;position:relative;background:#111014;overflow:hidden;transition:transform .35s,border-color .35s,background .35s}.detail-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 87% 17%,#b39ac51b,transparent 48%);opacity:0;transition:opacity .3s}.detail-card:hover{transform:translateY(-6px);border-color:#ad9abc;background:#201b23}.detail-card:hover:before{opacity:1}.detail-card .num{font:800 15px var(--display);color:#b4a0c9}.detail-card h3{font:800 clamp(32px,3.6vw,56px)/.95 var(--display);margin:42px 0 18px}.detail-card p{color:#b9b5bd;line-height:1.7;font-size:14px;max-width:480px;margin:0}.detail-card .shape{position:absolute;right:29px;top:24px;color:#bcaad0;font-size:26px}.workflow{background:var(--paper);color:#171518;padding:115px 0 120px}.workflow h2{margin:70px 0;font:900 clamp(65px,8vw,125px)/.85 var(--display)}.workflow ol{list-style:none;margin:0;padding:0}.workflow li{border-top:1px solid #aaa1a9;display:grid;grid-template-columns:70px 1fr .9fr;gap:34px;align-items:start;padding:31px 0 44px}.workflow li:last-child{border-bottom:1px solid #aaa1a9}.workflow li .num{font:800 20px var(--display);color:#846893}.workflow h3{font:800 clamp(30px,3.5vw,52px) var(--display);margin:0}.workflow li p{margin:0;color:#54505a;line-height:1.7;font-size:15px}.faq{padding:105px 0}.faq h2{font:800 clamp(64px,8vw,112px)/.88 var(--display);margin:55px 0}.faq details{border-top:1px solid #605b64}.faq details:last-child{border-bottom:1px solid #605b64}.faq summary{padding:25px 0;display:flex;gap:35px;align-items:center;justify-content:space-between;font-weight:700;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary i{font-style:normal;color:var(--purple);font-size:24px;transition:transform .25s}.faq details[open] summary i{transform:rotate(45deg)}.faq details p{max-width:850px;color:#bfb9c3;line-height:1.8;margin:0 0 28px}.cta{background:#bda9d0;color:#151116;padding:100px 0 112px}.cta h2{font:900 clamp(80px,10vw,162px)/.81 var(--display);margin:30px 0 50px}.cta small{font-size:11px;letter-spacing:.15em;font-weight:700}.cta-links{display:flex;gap:22px;flex-wrap:wrap}.cta-links a{border:1px solid #1c1820;padding:20px 25px;font-size:12px;font-weight:800;letter-spacing:.08em;display:flex;gap:60px;justify-content:space-between;transition:transform .2s,background .2s}.cta-links a:first-child{background:#161218;color:#fff}.cta-links a:hover{transform:translateY(-5px)}.cta-links a:nth-child(2):hover{background:#e0d4eb}.footer{border-top:1px solid #39323c;background:#0b0a0c;padding:35px 0}.footer-inner{display:flex;gap:24px;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.12em}.footer img{width:96px;height:72px;object-fit:contain}.footer a:hover{color:var(--purple)}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes enterPhoto{from{opacity:.1;filter:blur(12px) grayscale(1);transform:scale(1.2)}to{opacity:.56;filter:grayscale(.6) contrast(1.25);transform:scale(1.08)}}@keyframes revealTitle{from{opacity:0;transform:translateY(60px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes scrollText{to{transform:translateX(-50%)}}@keyframes rotateSlow{to{transform:rotate(360deg)}}
@media(max-width:800px){.wrap{width:calc(100% - 38px)}.top{height:70px;padding:0 19px}.top img{height:49px;width:70px}.top-tag{display:none}.hero,.hero-inner{min-height:670px}.hero-inner{padding-top:35px}.hero-pic{inset:0 0 0 0;opacity:.35}.hero:before{background:linear-gradient(90deg,#0b0b0ee8,#0b0b0e85),linear-gradient(0deg,#0b0b0e 0,transparent 85%)}.hero h1{font-size:clamp(84px,18vw,145px)}.hero .lead{font-size:17px}.hero-foot{font-size:8px}.about{padding:75px 0 85px}.two-col{display:block;padding-top:50px}.two-col .about-copy{margin-top:38px}.quote-panel{padding:75px 0}.quote-panel .eyebrow{margin-bottom:55px}.quote-panel blockquote{font-size:clamp(77px,14vw,125px)}.details{padding:78px 0}.detail-intro{display:block}.detail-intro p{max-width:500px;margin-top:28px}.detail-items{grid-template-columns:1fr}.detail-card{min-height:225px}.workflow{padding:75px 0}.workflow h2{margin:45px 0}.workflow li{grid-template-columns:45px 1fr;gap:15px}.workflow li p{grid-column:2}.faq{padding:70px 0}.cta{padding:75px 0}.cta h2{font-size:clamp(74px,15vw,125px)}.cta-links a{width:100%}.footer-inner{flex-wrap:wrap}.footer-inner span{display:none}}
@media(max-width:380px){.hero h1{font-size:16vw}.cta h2{font-size:17vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.hero h1 span,.hero-pic,.quote-panel:before,.marquee span{animation:none!important}*,*:after,*:before{transition:none!important}}
/* V3 mobile-safe monumental typography */
@media(max-width:800px){
 html,body{max-width:100%;overflow-x:clip}
 .hero-mini .index{font-size:30px;white-space:nowrap}
 .hero h1{font-size:clamp(76px,16vw,130px)}
 .hero h1 span:last-child{font-size:.7em;-webkit-text-stroke:1.1px #e8e2e9}
 .cta h2{font-size:clamp(58px,12vw,101px)}
 .quote-panel blockquote{font-size:clamp(67px,13vw,111px);overflow-wrap:break-word}
 .about h2,.chapter-title{font-size:clamp(55px,12vw,95px)}
}
@media(max-width:450px){
 .service-marka-isbirligi .hero h1 span:last-child{font-size:.56em}
 .service-bilet-tanitim .hero h1 span:last-child{font-size:.63em}
 .service-icerik-medya .hero h1 span:last-child{font-size:.68em}
}
@media(max-width:800px){.cta h2{font-size:clamp(46px,10.8vw,95px)}}
@media(max-width:800px){.workflow h2{font-size:clamp(44px,10.5vw,90px)}.faq h2{font-size:clamp(49px,11vw,90px)}}


/* V3.1 — Turkish-capable display type needs positive line spacing. */
.hero h1{line-height:1.04;letter-spacing:-.017em}
.about h2,.chapter-title{line-height:1.09}
.quote-panel blockquote,.detail-intro h2,.workflow h2,.faq h2,.cta h2{line-height:1.09}
.detail-card h3{line-height:1.12}
@media(max-width:800px){
 .hero h1{font-size:clamp(68px,15.2vw,125px);line-height:1.08}
 .quote-panel blockquote{line-height:1.12}
 .cta h2{line-height:1.1}
}
