:root{--ink:#131217;--paper:#f7f7f4;--purple:#7b01f7;--line:#d8d7dd;--muted:#6b6973;--pad:clamp(24px,4.2vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Poppins,Arial,sans-serif;font-size:16px;line-height:1.65}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ab78ff;outline-offset:5px}::selection{background:#a879ff;color:#fff}.skip{position:fixed;top:-80px;z-index:100;background:#fff;padding:12px}.skip:focus{top:0}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;font-weight:400;letter-spacing:-.055em}h1{font-size:clamp(48px,6.2vw,104px)}h2{font-size:clamp(36px,4.1vw,70px)}h3{font-size:28px}p{max-width:75ch}button{border:0;background:none}section{scroll-margin-top:110px}.shell{padding-inline:var(--pad)}.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;display:flex;gap:20px;align-items:center}.eyebrow:before{content:'';width:24px;height:1px;background:currentColor}.nav{height:104px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#101013;color:#fff;padding-inline:var(--pad);position:relative;z-index:20;border-bottom:1px solid #2b2932}.brand{display:flex;align-items:center;gap:11px;line-height:1.15}.brand img{width:50px;height:50px;object-fit:contain}.brand span{font-size:22px;font-weight:600;letter-spacing:-1px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:3px;margin-top:2px}.navlinks{display:flex;align-items:center;gap:clamp(22px,3.1vw,60px);font-size:14px}.navlinks a:hover{color:#b587ff}.pill{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid currentColor;border-radius:99px;padding:13px 25px;font-size:14px;transition:background .2s,transform .2s}.pill:hover{transform:translateY(-2px)}.pill.purple{background:var(--purple);border-color:var(--purple);color:white}.pill.light{background:#fff;border-color:#fff;color:#17151e}.arrow{font-family:Arial;font-size:24px;line-height:1}.menu-toggle{display:none}.hero{background:#101013;color:#fff;position:relative;overflow:hidden}.hero-main{display:grid;grid-template-columns:1.1fr 1fr;min-height:610px;align-items:center;padding:50px var(--pad) 65px;gap:5vw}.hero-copy{position:relative;z-index:2}.hero .eyebrow{color:#b9b6c2;margin-bottom:36px}.hero h1{font-size:clamp(62px,7.1vw,126px);line-height:1.01;letter-spacing:-.065em}.hero h1 span{display:block}.hero h1 span:nth-child(2){color:#ab7cf4}.hero .pill{margin-top:36px}.hero-art{height:510px;display:flex;align-items:center;justify-content:center;position:relative;background:#7b01f7;overflow:hidden;border-radius:0 90px 0 0}.hero-art img{height:100%;width:100%;object-fit:contain;transition:opacity .2s}.hero-art .asset-caption{position:absolute;bottom:20px;left:22px;background:#14121acf;color:#fff;font-size:12px;padding:7px 12px;border-radius:20px}.hero-index{display:grid;grid-template-columns:1fr repeat(3,180px);border-top:1px solid #48424e;align-items:stretch}.hero-index>p{padding:25px var(--pad);font-size:clamp(21px,2.3vw,38px);letter-spacing:-.045em;color:#cecad5}.hero-tab{border-left:1px solid #48424e;position:relative;font-size:14px;padding:24px 18px;text-align:left;color:#b1acbb;display:flex;justify-content:space-between;align-items:center}.hero-tab.active{color:#fff}.hero-tab.active:after{content:'';height:3px;position:absolute;left:18px;right:18px;bottom:18px;background:#a877ff}.intro{padding-block:110px;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.intro .eyebrow{margin-bottom:30px}.intro h2{max-width:650px}.intro .intro-text{padding-top:49px;font-size:18px;line-height:1.8}.intro .pill{margin-top:32px}.logos{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:38px var(--pad) 50px}.logos .eyebrow{margin-bottom:32px}.logo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:38px;align-items:center}.logo-grid img{width:120px;height:55px;object-fit:contain;margin:auto;filter:grayscale(1)}.work{padding-block:110px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:55px}.section-head .eyebrow{margin-bottom:25px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 30px}.work-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;background:#19171f;color:#fff}.work-image{background:#7b01f7;overflow:hidden;aspect-ratio:1.25}.work-image img{height:100%;width:100%;object-fit:contain;transition:transform .65s}.work-card:hover img{transform:scale(1.025)}.work-card:first-child .work-image{aspect-ratio:1.25}.work-desc{padding:22px 0;display:flex;align-items:center;justify-content:space-between}.work-desc h3{font-size:32px}.work-card:first-child .work-desc{padding:55px;flex-direction:column;align-items:start;justify-content:space-between}.work-card:first-child h3{font-size:clamp(42px,5vw,78px)}.work-desc .overline{display:block;font-size:13px;color:#8e8799;margin-bottom:15px}.work-card:first-child .overline{color:#b3a9c4}.circle{height:48px;width:48px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:24px}.service-band{background:var(--purple);color:white;padding-block:95px}.service-band .eyebrow{color:#d3baff}.service-band .section-head{align-items:start}.home-service-list{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}.home-service-list details{border-top:1px solid #b071f3}.home-service-list summary{list-style:none;display:flex;align-items:center;gap:20px;padding:27px 0;cursor:pointer;font-size:23px;line-height:1.3;letter-spacing:-.03em}.home-service-list summary::-webkit-details-marker{display:none}.home-service-list summary img{width:37px;filter:brightness(0) invert(1)}.home-service-list summary b{font-weight:400;margin-left:auto}.home-service-list details[open] summary b{transform:rotate(45deg)}.home-service-list p{font-size:16px;color:#eee1ff;padding:0 40px 27px 57px;line-height:1.75}.partners{padding-block:65px;display:grid;grid-template-columns:1fr 2fr;gap:70px;align-items:center}.partners h2{font-size:32px}.partners .logo-grid{grid-template-columns:repeat(4,1fr);gap:30px}.partners img{width:130px;height:65px;object-fit:contain}.cta{background:#101013;color:white;padding-block:85px;border-top:1px solid #37323d}.cta-inner{display:flex;gap:60px;align-items:center;justify-content:space-between}.cta h2{font-size:clamp(44px,6.4vw,112px);max-width:1050px}.cta .circle{width:95px;height:95px;flex-shrink:0;font-size:48px;background:var(--purple);border:0}.footer{background:#101013;color:#b4aebf;padding-block:45px 65px;border-top:1px solid #37323d}.footer-row{display:flex;justify-content:space-between;gap:35px;font-size:13px}.footer-links{display:flex;flex-wrap:wrap;gap:26px}.footer .brand{color:#fff;margin-bottom:40px}.preview-tools{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:45;display:flex;gap:4px;align-items:center;padding:5px;background:#fffef9;border:1px solid #ddd9e4;border-radius:99px;box-shadow:0 4px 30px #10062022;font-size:12px;white-space:nowrap}.preview-tools span{padding:0 12px;color:#716b7d}.preview-tools a{padding:9px 15px;border-radius:30px}.preview-tools a.active{background:#18141f;color:white}.preview-tools a:hover{background:#ece5f9;color:#27113e}.page-hero{padding:85px var(--pad) 80px;background:#101013;color:#fff}.page-hero .eyebrow{color:#b4a7c8;margin-bottom:32px}.page-hero h1{max-width:1100px}.page-hero p{font-size:23px;color:#b8a9ce;margin-top:32px}.services-list{padding-block:55px 100px}.service-row{display:grid;grid-template-columns:60px 1fr 1fr 70px;align-items:center;gap:45px;padding:38px 0;border-bottom:1px solid #d8d4df;transition:color .2s}.service-row:hover{color:var(--purple)}.service-row>span{font-size:13px;color:#777}.service-row h2{font-size:clamp(25px,2.7vw,40px)}.service-row p{font-size:16px;color:#6b6574}.service-row .service-symbol{width:54px}.service-title{display:flex;align-items:center;gap:25px}.service-row .arrow{font-size:32px;text-align:right}.detail-layout{padding-block:75px 100px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:7vw}.detail-aside{position:sticky;top:30px;align-self:start}.detail-aside p{font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:25px}.detail-aside a{display:block;font-size:14px;padding:12px 0;border-bottom:1px solid var(--line);color:#6f637b}.article{max-width:960px}.article>p{font-size:18px;line-height:1.85;margin-bottom:28px}.article h2{font-size:38px;line-height:1.2;margin:65px 0 25px}.article h3{font-size:26px;line-height:1.3;margin:36px 0 18px}.article .detail-image{margin:40px 0;width:100%;max-height:600px;object-fit:contain;background:#f0eef4}.article table{border-collapse:collapse;width:100%;font-size:14px}.article th,.article td{text-align:left;padding:18px 14px;border-bottom:1px solid #d5d0dc;vertical-align:top}.article th{background:#ece5f7}.table-scroll{overflow-x:auto}.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh;background:#f4f4f7}.sidebar{background:#17121f;color:#c1b8ce;padding:32px 20px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.sidebar .brand{margin-bottom:45px;color:white}.sidebar button{display:flex;gap:12px;padding:14px 16px;text-align:left;border-radius:8px;width:100%;margin-bottom:5px;font-size:14px}.sidebar button.active{background:#7b01f7;color:#fff}.sidebar-bottom{margin-top:auto;font-size:12px;line-height:1.7;padding:16px}.admin-main{min-width:0;padding:35px 46px 100px}.admin-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dedbe3;padding-bottom:25px;gap:25px}.admin-top h1{font-size:30px;letter-spacing:-.04em}.admin-top p{font-size:13px;color:#756b81}.demo-note{padding:12px 18px;border:1px solid #dfd0f9;border-radius:8px;background:#f0e8fd;font-size:13px;margin:25px 0;color:#5d3d88}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.stat{background:white;border:1px solid #e2dfe8;padding:24px;border-radius:12px}.stat strong{font-size:32px;display:block;font-weight:400}.stat span{font-size:13px;color:#776b81}.editor-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}.panel{background:white;border:1px solid #e2dfe8;border-radius:12px;padding:26px}.panel h2{font-size:21px;letter-spacing:-.02em;margin-bottom:24px}.field{display:block;margin-bottom:24px;font-size:14px}.field input,.field textarea,.field select{display:block;width:100%;border:1px solid #d6d0df;border-radius:7px;padding:12px;margin-top:8px;background:#fff;color:#201828;font-size:14px}.field textarea{min-height:130px;resize:vertical}.field small{color:#83778b}.editor-actions{display:flex;gap:12px;flex-wrap:wrap}.editor-actions button{font-size:13px;border:1px solid #ded5e9;padding:12px 17px;border-radius:7px}.editor-actions .save{background:var(--purple);color:white;border-color:var(--purple)}.mini-preview{background:#101013;color:white;padding:32px;border-radius:8px;min-height:400px;display:flex;flex-direction:column;justify-content:space-between}.mini-preview h3{font-size:49px;margin:35px 0;white-space:pre-line}.mini-preview img{width:42px}.mini-preview>span{font-size:12px;color:#bbaecb}.page-table{width:100%;border-collapse:collapse;font-size:14px}.page-table th,.page-table td{text-align:left;border-bottom:1px solid #eee8f3;padding:15px 5px}.page-table th{font-weight:400;color:#84748f;font-size:12px}.tag{font-size:12px;padding:4px 9px;background:#f1eafb;color:#6a389a;border-radius:5px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.media-item{background:white;border:1px solid #ded8e5;padding:12px;border-radius:10px;font-size:13px}.media-item img{width:100%;height:230px;object-fit:contain;background:#eeebf3;margin-bottom:10px}.brand-card{padding:36px;background:#fff;border:1px solid #dfd7e8}.swatches{display:flex;gap:20px;margin:25px 0}.swatch{height:100px;width:120px;border-radius:10px;display:flex;align-items:end;padding:10px;color:white;font-size:12px}#toast{position:fixed;right:25px;bottom:85px;background:#21152f;color:#fff;padding:14px 22px;border-radius:9px;z-index:99;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;font-size:14px;max-width:calc(100vw - 50px)}#toast.show{opacity:1;transform:translateY(0)}.reveal{animation:arrive .55s both}@keyframes arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
@media(min-width:1800px){.hero-main{min-height:710px}.hero-art{height:600px}}
@media(max-width:1100px){.navlinks{gap:20px}.navlinks .optional{display:none}.hero-main{min-height:550px}.hero-art{height:440px}.hero-index{grid-template-columns:1fr repeat(3,140px)}.hero-index>p{font-size:24px}.intro{gap:50px}.intro .intro-text{font-size:16px}.service-row{gap:25px;grid-template-columns:30px 1fr 1fr 30px}.service-title{gap:18px}.service-symbol{width:40px!important}.admin-main{padding-inline:25px}.admin-shell{grid-template-columns:200px 1fr}.editor-grid{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--pad:22px}.nav{height:80px}.brand img{width:39px;height:39px}.brand span{font-size:19px}.navlinks{display:none;position:absolute;top:80px;left:0;right:0;background:#17131d;padding:25px;align-items:stretch;flex-direction:column;border-top:1px solid #40334e}.navlinks.open{display:flex}.navlinks .optional{display:block}.menu-toggle{display:block;font-size:14px;border:1px solid #6d6279;border-radius:30px;padding:9px 17px}.hero-main{grid-template-columns:1fr;padding-top:34px;padding-bottom:26px;gap:35px;min-height:0}.hero h1{font-size:clamp(53px,12.5vw,85px)}.hero .eyebrow{margin-bottom:25px;font-size:11px}.hero .pill{margin-top:26px}.hero-art{height:340px;border-radius:0 60px 0 0}.hero-index{grid-template-columns:repeat(3,1fr)}.hero-index>p{grid-column:1/-1;font-size:24px;padding:22px}.hero-tab{padding:22px 14px;font-size:12px;border-top:1px solid #48424e}.hero-tab.active:after{bottom:9px;left:14px;right:14px}.intro{padding-block:64px;grid-template-columns:1fr;gap:25px}.intro .intro-text{padding-top:0}.intro h2{font-size:39px}.logo-grid{grid-template-columns:repeat(3,1fr);gap:30px}.logo-grid img{width:90px;height:45px}.work{padding-block:65px}.section-head{display:block;margin-bottom:30px}.section-head .pill{margin-top:25px}.work-grid{grid-template-columns:1fr}.work-card:first-child{grid-column:auto;display:block}.work-card:first-child .work-desc{padding:25px;gap:25px}.work-card:first-child h3{font-size:40px}.work-card:first-child .work-desc .pill{padding:10px 18px}.work-desc h3{font-size:28px}.service-band{padding-block:60px}.home-service-list{grid-template-columns:1fr}.home-service-list summary{font-size:21px;padding-block:22px}.home-service-list p{padding-left:0;padding-right:10px}.partners{padding-block:50px;grid-template-columns:1fr;gap:30px}.partners .logo-grid{grid-template-columns:repeat(2,1fr)}.cta{padding-block:60px}.cta-inner{gap:25px;align-items:end}.cta h2{font-size:42px}.cta .circle{height:56px;width:56px;font-size:30px}.footer-row{flex-direction:column;font-size:12px}.footer{padding-bottom:110px}.preview-tools{max-width:calc(100vw - 20px);font-size:11px;gap:0;bottom:10px}.preview-tools>span{display:none}.preview-tools a{padding:10px 11px}.page-hero{padding-block:55px}.page-hero h1{font-size:47px}.page-hero p{font-size:18px}.services-list{padding-block:20px 55px}.service-row{grid-template-columns:1fr 25px;gap:17px;padding-block:29px}.service-row>span{display:none}.service-title{grid-column:1;grid-row:1}.service-title h2{font-size:27px}.service-row p{grid-column:1;grid-row:2;font-size:15px}.service-row .arrow{grid-column:2;grid-row:1/3}.service-symbol{width:37px!important}.detail-layout{grid-template-columns:1fr;padding-block:35px 60px;gap:30px}.detail-aside{position:static;border-bottom:1px solid #ddd;padding-bottom:20px}.detail-aside a{display:inline-block;border:0;padding:8px 15px 8px 0}.article>p{font-size:16px}.article h2{font-size:32px;margin-top:40px}.article h3{font-size:25px}.article table{min-width:620px}.admin-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;padding:18px 20px;display:block}.sidebar .brand{margin-bottom:15px}.admin-nav{display:flex;overflow-x:auto}.sidebar button{width:auto;white-space:nowrap;font-size:12px;padding:11px 15px}.sidebar-bottom{display:none}.admin-main{padding:25px 18px 100px}.admin-top{align-items:start}.admin-top .pill{padding:10px;font-size:11px}.admin-top h1{font-size:25px}.admin-stats{gap:10px}.stat{padding:13px}.stat strong{font-size:26px}.stat span{font-size:11px}.panel{padding:20px}.media-grid{grid-template-columns:1fr 1fr;gap:12px}.media-item img{height:150px}.media-item{font-size:11px}.mini-preview{min-height:300px}.mini-preview h3{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Propeller referansina uygun grotesk tipografi */
body{font-family:'DM Sans',Arial,sans-serif}h1,h2,h3{font-weight:300;letter-spacing:-.045em}.hero h1{font-weight:300;letter-spacing:-.055em}.hero-art{border-radius:0}.navlinks{font-size:16px}.pill{font-size:16px}.hero-tab{font-size:16px}.hero h1 span:nth-child(2){color:white}.hero-copy .eyebrow{color:#c2b6d2}.hero-art img{object-fit:contain}.hero-main{gap:6vw}.hero-index>p{font-weight:300}.work-desc h3{font-weight:400}.service-row h2{font-weight:400}.article strong{font-weight:600}.admin-top h1,.panel h2{font-weight:500}
@media(max-width:760px){.hero-tab{font-size:13px}.hero h1{font-size:clamp(58px,15vw,90px)}.pill{font-size:14px}}
.sidebar,.admin-main,.panel,.stat,.editor-grid>*{min-width:0}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-nav{max-width:100%}.page-table td{overflow-wrap:anywhere}.article h2,.article h3{overflow-wrap:break-word}
@media(max-width:760px){.admin-shell{grid-template-columns:minmax(0,1fr)}.admin-top{flex-wrap:wrap}.editor-grid{grid-template-columns:minmax(0,1fr)}.sidebar .admin-nav{width:100%}.admin-stats .stat span{overflow-wrap:break-word}.mini-preview{padding:22px}.mini-preview h3{font-size:38px}.page-table{font-size:12px}.preview-tools{font-size:11px}}
/* Five-language preview navigation */
.nav{gap:22px}.navlinks{gap:20px;font-size:14px}.navlinks .pill{font-size:14px;white-space:nowrap}.language-picker{position:relative;flex-shrink:0;font-size:13px;z-index:40}.language-picker summary{cursor:pointer;border:1px solid #5e536b;border-radius:30px;padding:10px 14px;list-style:none}.language-picker summary:after{content:'⌄';margin-left:7px}.language-picker>div{position:absolute;right:0;top:46px;background:#21192c;border:1px solid #5e536b;border-radius:12px;min-width:155px;padding:8px;box-shadow:0 12px 32px #0005}.language-picker a{display:block;padding:10px 12px;color:#fff;border-radius:6px}.language-picker a:hover,.language-picker a[aria-current]{background:#7b01f7}.language-picker summary:focus-visible,.language-picker a:focus-visible{outline:2px solid #cfa5ff;outline-offset:3px}.translation-scope{border-left:1px solid #aaa;padding-left:10px;font-size:10px}.hero-copy,.service-title{min-width:0}.hero h1{font-size:clamp(48px,7.8vw,120px)}.service-title h2{overflow-wrap:anywhere;hyphens:auto}.hero h1 span{overflow-wrap:normal;hyphens:auto}.cta h2{overflow-wrap:anywhere}
@media(max-width:1150px){.nav{flex-wrap:wrap}.navlinks{order:3;width:100%;justify-content:space-between}.language-picker{margin-left:auto}.navlinks a{font-size:13px}.hero h1{font-size:clamp(48px,7vw,94px)}}
@media(max-width:760px){.nav{flex-wrap:nowrap}.menu-toggle{margin-left:auto}.language-picker{margin-left:0}.navlinks{width:auto}.navlinks a{font-size:19px}.hero h1{font-size:clamp(40px,11vw,75px)}.translation-scope{display:none}.service-row h2{font-size:clamp(24px,6.8vw,36px)}}

/* Standalone HTML interaction polish */
.footer{padding-bottom:48px}.work-image{overflow:hidden}.work-image img{transition:transform .65s cubic-bezier(.2,.65,.3,1)}.work-card:hover .work-image img{transform:scale(1.025)}.pill{transition:background .25s,color .25s,transform .25s}.pill:hover{transform:translateY(-2px)}.hero-art img{animation:arrive .45s both}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #b77cff;outline-offset:5px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}