@font-face{font-family:'Atkinson Hyperlegible Next';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/atkinson-hyperlegible-next-latin-ext-v1.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Atkinson Hyperlegible Next';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/atkinson-hyperlegible-next-latin-v1.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Atkinson Hyperlegible Next';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/inter-digits-400-800-v1.woff2') format('woff2');unicode-range:U+0030-0039;size-adjust:93%;ascent-override:105.8%;descent-override:34%;line-gap-override:0%}
@font-face{font-family:'Poppins';src:url('fonts/poppins-700-latin-tr-v1.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url('fonts/poppins-800-latin-tr-v1.woff2') format('woff2');font-weight:800 900;font-style:normal;font-display:swap}

/* Layout Studio, screen "front", My look 9 */
.pv{height:100%;overflow-y:auto;overflow-x:hidden;position:relative;background:var(--p-bg);color:var(--p-text);
font-family:var(--p-font);font-size:var(--p-size);line-height:var(--p-lh,1.55);-webkit-font-smoothing:antialiased;scroll-behavior:auto}
.pv *{box-sizing:border-box}
.pv svg.i{width:1.2em;height:1.2em;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.22em}
.pv .pg{min-height:100%;display:flex;flex-direction:column}
.pv .body{flex:1;display:flex;min-height:0}
.pv main{flex:1;min-width:0;padding:var(--p-gap) 16px calc(var(--p-gap)*2);display:flex;flex-direction:column;gap:var(--p-gap)}
@media (min-width:768px){.pv main{padding:calc(var(--p-gap)*1.5) 32px calc(var(--p-gap)*3)}}
.pv .wrap{width:100%;max-width:var(--p-width);margin:0 auto;display:flex;flex-direction:column;gap:var(--p-gap)}
.pv h1,.pv h2,.pv h3{font-family:var(--p-hfont);font-weight:var(--p-hw);color:var(--p-head);margin:0;line-height:1.2;letter-spacing:var(--p-trk,0);text-wrap:balance}
.pv h1{font-size:1.55em}
@media (min-width:768px){.pv h1{font-size:1.9em}}
.pv h2{font-size:1.15em}
.pv h3{font-size:1.02em}
.pv p{margin:0}
.pv .muted{color:var(--p-muted)}
.pv .small{font-size:.86em}
.pv .brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:1.05em;letter-spacing:.01em;white-space:nowrap}
.pv .mark{width:28px;height:28px;border-radius:50%;background:var(--p-markbg);color:var(--p-marktext);display:inline-grid;place-items:center;font-size:.72em;font-weight:900;letter-spacing:-.02em}
.pv .bx{background:var(--p-surface);border-radius:var(--p-r);padding:calc(var(--p-gap)*.9) calc(var(--p-gap)*1.05)}
.pv[data-edge="border"] .bx{border:1px solid var(--p-line)}
.pv .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--p-bh,48px);padding:0 var(--p-bpx,20px);border-radius:var(--p-br);border:2px solid var(--p-act);background:var(--p-act);color:var(--p-acttext);font:inherit;font-weight:750;font-size:.98em;cursor:pointer;text-decoration:none;white-space:nowrap}
.pv .btn.sec{background:transparent;color:var(--p-act)}
@media (max-width:767px){.pv[data-btnwidth="full"] .btn.main{width:100%}}
.pv .lnk{color:var(--p-link);font-weight:700;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px;display:inline-flex;gap:4px;align-items:center}
.pv,.pv *{scrollbar-width:none}
.pv::-webkit-scrollbar,.pv *::-webkit-scrollbar{display:none}
.pv .cen{text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}
.pv .btnrow{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:767px){.pv[data-btnwidth="full"] .btnrow{flex-direction:column-reverse}}
@media (max-width:767px){.pv[data-btnwidth="full"] .btnrow .btn{width:100%}}
.pv .ladder{display:flex;gap:4px}
.pv .ladder div{flex:1;text-align:center;padding:10px 0;border-radius:10px;background:var(--p-track);font-weight:800;color:var(--p-muted);position:relative}
.pv .ladder div.past{background:color-mix(in srgb,var(--p-sec) 25%,var(--p-track));color:var(--p-text)}
.pv .ladder div.now{background:var(--p-sec);color:#fff}
.pv .ladder div.now::after{content:"Siz";position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:.7em;color:var(--p-sec)}
.pv .ftop{display:flex;align-items:center;gap:14px;padding:0 16px;min-height:62px;background:var(--p-surface);border-bottom:1px solid var(--p-line);position:sticky;top:0;z-index:6}
@media (min-width:768px){.pv .ftop{padding:0 48px}}
.pv .ftop .links{display:flex;gap:22px;margin-left:24px;font-weight:650;font-size:.94em}
@media (max-width:767px){.pv .ftop .links{display:none}}
.pv .fhero{display:flex;flex-direction:column;gap:14px;padding:18px 0 8px}
.pv .fhero h1{font-size:2em;line-height:1.1}
@media (min-width:768px){.pv .fhero h1{font-size:3.1em}}
.pv .fhero.cen{align-items:center;text-align:center}
.pv .fhero .lead{font-size:1.1em;color:var(--p-muted);max-width:34em}
.pv .steps{display:grid;gap:12px}
@media (min-width:768px){.pv .steps{grid-template-columns:repeat(3,1fr)}}
.pv .steps .bx{display:flex;flex-direction:column;gap:6px}
.pv .steps .num{width:36px;height:36px;border-radius:50%;background:var(--p-act);color:var(--p-acttext);display:grid;place-items:center;font-weight:800}
.pv .faq .fq{display:flex;justify-content:space-between;align-items:center;min-height:54px;border-bottom:1px solid var(--p-line);font-weight:700;gap:10px}
.pv .faq .fq.open{border-bottom:0}
.pv .faq .fa{padding:0 0 12px;color:var(--p-muted);border-bottom:1px solid var(--p-line)}
.pv .cta{background:var(--p-band);color:#fff;border-radius:var(--p-r);padding:26px 20px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.pv .cta h2{color:#fff}
.pv .cta .btn{background:#fff;color:var(--p-band);border-color:#fff}
.pv .ffoot{padding:22px 16px 30px;display:grid;gap:14px;background:var(--p-foot);color:#fbf7ee;font-size:.88em}
@media (min-width:768px){.pv .ffoot{grid-template-columns:2fr 1fr 1fr 1fr;padding:30px 48px}}
.pv .ffoot b{display:block;margin-bottom:6px}
.pv .ffoot a{color:inherit;display:block;margin:3px 0}
.pv del{color:var(--st-bad-ink);text-decoration-thickness:2px;background:color-mix(in srgb,var(--st-bad-bg) 60%,transparent)}
.pv ins{color:var(--st-ok-ink);text-decoration:underline;text-decoration-thickness:2px;background:color-mix(in srgb,var(--st-ok-bg) 60%,transparent);font-weight:700}
.pv .x-askfab{position:sticky;bottom:18px;align-self:flex-end;margin:-60px 16px 0 auto;z-index:8;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;background:var(--p-act);color:var(--p-acttext);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.pv .x-askfab svg.i{width:26px;height:26px}
.pv .x-nums{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:8px 0}
@media (min-width:768px){.pv .x-nums{grid-template-columns:repeat(4,1fr)}}
.pv .x-nums div{text-align:center;display:flex;flex-direction:column}
.pv .x-nums b{font-size:1.6em;color:var(--p-head);font-family:var(--p-hfont)}
.pv .x-nums span{font-size:.82em;color:var(--p-muted)}
.pv .x-price{display:grid;gap:10px}
@media (min-width:768px){.pv .x-price{grid-template-columns:repeat(3,1fr)}}
.pv .x-price .bx{display:flex;flex-direction:column;gap:4px}
.pv .x-price .x-pop{border:2px solid var(--p-act)!important}
.pv .x-badge{align-self:flex-start;background:var(--p-act);color:var(--p-acttext);font-size:.72em;font-weight:800;border-radius:99px;padding:2px 10px}
.pv .x-amt{font-size:1.6em;font-weight:800;color:var(--p-head)}
.pv .x-test{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--p-tint)!important}
.pv .x-test>div{flex:1;min-width:160px}
.pv .x-test .x-bigic{width:48px;height:48px;border-radius:14px;background:var(--p-act);color:var(--p-acttext);display:grid;place-items:center}
.pv .x-about{display:flex;gap:14px;align-items:flex-start}
.pv .x-about .ph{width:64px;height:64px;border-radius:50%;background:var(--p-acc);color:var(--p-h1ink);display:grid;place-items:center;font-weight:800;flex:none}
.pv[data-ftrust="bignums"][data-scr="front"] .x-nums{background:var(--p-tint);border:1px solid var(--p-line);border-radius:var(--p-r);padding:16px 4px;gap:0}
.pv[data-ftrust="bignums"][data-scr="front"] .x-nums div{padding:10px 8px}
.pv[data-ftrust="bignums"][data-scr="front"] .x-nums div:nth-child(2n){border-left:1px solid var(--p-line)}
.pv[data-ftrust="bignums"][data-scr="front"] .x-nums div:nth-child(n+3){border-top:1px solid var(--p-line)}
.pv[data-ftrust="bignums"][data-scr="front"] .x-nums b{font-size:2.4em;line-height:1.1;color:var(--p-act)}
.pv[data-ftrust="bignums"][data-scr="front"] .x-nums span{font-size:.86em;font-weight:650}
.pv[data-fsteps="accent"][data-scr="front"] .steps .bx:nth-child(1){background:var(--st-info-bg)!important;color:var(--st-info-ink);border:0!important}
.pv[data-fsteps="accent"][data-scr="front"] .steps .bx:nth-child(2){background:var(--st-ok-bg)!important;color:var(--st-ok-ink);border:0!important}
.pv[data-fsteps="accent"][data-scr="front"] .steps .bx:nth-child(3){background:var(--st-warn-bg)!important;color:var(--st-warn-ink);border:0!important}
.pv[data-fsteps="accent"][data-scr="front"] .steps .bx b{color:inherit}
.pv[data-fsteps="accent"][data-scr="front"] .steps .bx .muted{color:inherit;opacity:.85}
.pv[data-fsteps="accent"][data-scr="front"] .steps .bx:nth-child(1) .num{background:var(--st-info-ink);color:var(--st-info-bg)}
.pv[data-fsteps="accent"][data-scr="front"] .steps .bx:nth-child(2) .num{background:var(--st-ok-ink);color:var(--st-ok-bg)}
.pv[data-fsteps="accent"][data-scr="front"] .steps .bx:nth-child(3) .num{background:var(--st-warn-ink);color:var(--st-warn-bg)}
.pv[data-ffaq="plus"][data-scr="front"] .faq .fq{min-height:62px;font-size:1.05em;border-bottom:0;border-top:1px solid var(--p-line)}
.pv[data-ffaq="plus"][data-scr="front"] .faq .fq.open{border-top:1px solid var(--p-line)}
.pv[data-ffaq="plus"][data-scr="front"] .faq .fq span{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--p-act);color:var(--p-acttext);font-weight:900;font-size:1.1em}
.pv[data-ffaq="plus"][data-scr="front"] .faq .fq:not(.open) span{background:var(--p-actsoft);color:var(--p-act)}
.pv[data-ffaq="plus"][data-scr="front"] .faq .fa{border-bottom:0}
.pv[data-fprice="table"][data-scr="front"] .x-price{grid-template-columns:1fr!important;gap:0;background:var(--p-surface);border:1px solid var(--p-line);border-radius:var(--p-r);overflow:hidden}
.pv[data-fprice="table"][data-scr="front"] .x-price .bx{display:grid!important;grid-template-columns:1fr auto;column-gap:12px;row-gap:2px;align-items:center;background:transparent!important;border:0!important;border-bottom:1px solid var(--p-line)!important;border-radius:0!important;box-shadow:none!important}
.pv[data-fprice="table"][data-scr="front"] .x-price .bx:last-child{border-bottom:0!important}
.pv[data-fprice="table"][data-scr="front"] .x-price .bx>*{grid-column:1}
.pv[data-fprice="table"][data-scr="front"] .x-price .x-amt{grid-column:2;grid-row:1/4;font-size:1.35em}
.pv[data-fprice="table"][data-scr="front"] .x-price .x-pop{background:var(--p-actsoft)!important}
.pv[data-focusring="double"] .btn.main{box-shadow:0 0 0 2px var(--p-bg),0 0 0 5px var(--p-text),0 0 0 7px var(--p-bg),0 0 0 9px var(--p-text)!important}
.pv[data-tapsize="p8"] .btn{min-height:calc(var(--p-bh,48px) + 8px)!important;padding-left:calc(var(--p-bpx,20px) + 4px);padding-right:calc(var(--p-bpx,20px) + 4px)}
.pv[data-tapsize="p8"] .lnk{min-height:40px}
.pv[data-contrast="more"]{--p-muted:color-mix(in srgb,var(--p-text) 86%,var(--p-bg))!important;--p-line:color-mix(in srgb,var(--p-text) 42%,var(--p-bg))!important;--p-field:color-mix(in srgb,var(--p-text) 60%,var(--p-bg))!important}
.pv[data-contrast="more"] .bx{border-color:var(--p-line)}
.pv[data-barcolor="paper"]{--p-bar:color-mix(in srgb,#f0d48a 30%,var(--p-surface))!important}
.pv[data-link="circ"] .lnk{text-decoration:none}
.pv[data-link="circ"] .lnk::after{content:"›";display:inline-grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;background:var(--p-act);color:var(--p-acttext);font-size:.95em;line-height:1;font-weight:800;margin-left:2px}
.pv[data-fhero="wave"][data-scr="front"] .fhero.cen{position:relative;overflow:hidden;padding:40px 18px 76px;border-radius:var(--p-r);background:linear-gradient(160deg,var(--p-actsoft),color-mix(in srgb,var(--p-acc) 55%,transparent) 65%,var(--p-tint))}
.pv[data-fhero="wave"][data-scr="front"] .fhero.cen::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:44px;background:var(--p-bg);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M0 6 C 15 0, 30 12, 60 6 S 105 0, 120 6 V12 H0 Z' fill='black'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12' preserveAspectRatio='none'%3E%3Cpath d='M0 6 C 15 0, 30 12, 60 6 S 105 0, 120 6 V12 H0 Z' fill='black'/%3E%3C/svg%3E") center/100% 100% no-repeat}
.pv[data-fhero="wave"][data-scr="front"] .fhero.cen .btnrow{position:relative;z-index:1;margin-bottom:-8px}
.pv[data-fcta="envelope"][data-scr="front"] .cta{position:relative;overflow:hidden;background:var(--p-surface);color:var(--p-text);border:2px solid var(--p-act);padding:76px 20px 26px;align-items:center;text-align:center}
.pv[data-fcta="envelope"][data-scr="front"] .cta::before{content:"";position:absolute;top:0;left:0;right:0;height:54px;background:var(--p-act);clip-path:polygon(0 0,100% 0,50% 100%)}
.pv[data-fcta="envelope"][data-scr="front"] .cta::after{content:"✉";position:absolute;top:26px;left:50%;transform:translateX(-50%);width:38px;height:38px;border-radius:50%;background:var(--p-acc);color:var(--p-h1ink);display:grid;place-items:center;font-size:1.1em;box-shadow:0 3px 8px rgba(0,0,0,.25)}
.pv[data-fcta="envelope"][data-scr="front"] .cta h2{color:var(--p-head)}
.pv[data-fcta="envelope"][data-scr="front"] .cta .btn{background:var(--p-act);color:var(--p-acttext);border-color:var(--p-act)}
.pv[data-fsticky="bubble"][data-scr="front"] .x-askfab{width:64px;height:64px;border-radius:50%;margin:-64px 12px 0 auto;box-shadow:0 0 0 4px var(--p-surface),0 12px 24px rgba(0,0,0,.3)}
.pv[data-fsticky="bubble"][data-scr="front"] .x-askfab::after{content:"Sorunuz mu var?";position:absolute;right:82px;top:50%;transform:translateY(-50%);white-space:nowrap;background:var(--p-head);color:var(--p-bg);font-size:.8em;font-weight:800;padding:10px 14px;border-radius:16px}
.pv[data-fsticky="bubble"][data-scr="front"] .x-askfab::before{content:"";position:absolute;right:74px;top:50%;margin-top:-7px;border:7px solid transparent;border-left:9px solid var(--p-head);border-right:0}
.pv[data-ftest="dial"][data-scr="front"] .x-test{flex-direction:column;align-items:center;text-align:center;gap:10px}
.pv[data-ftest="dial"][data-scr="front"] .x-test .x-bigic{display:none}
.pv[data-ftest="dial"][data-scr="front"] .x-test::before{content:"";flex:none;width:210px;height:112px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 108'%3E%3Cg fill='none' stroke-width='16'%3E%3Cpath d='M20 100 A80 80 0 0 1 30.7 60' stroke='%232e7d4f'/%3E%3Cpath d='M30.7 60 A80 80 0 0 1 60 30.7' stroke='%231f7a7a'/%3E%3Cpath d='M60 30.7 A80 80 0 0 1 100 20' stroke='%232f5da8'/%3E%3Cpath d='M100 20 A80 80 0 0 1 140 30.7' stroke='%235a4bb0'/%3E%3Cpath d='M140 30.7 A80 80 0 0 1 169.3 60' stroke='%238a3b5c'/%3E%3Cpath d='M169.3 60 A80 80 0 0 1 180 100' stroke='%238a5a00'/%3E%3C/g%3E%3Cpath d='M100 100 L84.5 42' stroke='%23777' stroke-width='5' stroke-linecap='round'/%3E%3Ccircle cx='100' cy='100' r='8' fill='%23777'/%3E%3C/svg%3E") center/contain no-repeat}
.pv[data-ftest="dial"][data-scr="front"] .x-test>div{flex:none;min-width:0;width:100%}
.pv[data-ftest="dial"][data-scr="front"] .x-test .btn{width:100%}
.pv[data-fabout="profile"][data-scr="front"] .x-about{flex-direction:column;align-items:flex-start;padding:0!important;overflow:hidden;gap:0}
.pv[data-fabout="profile"][data-scr="front"] .x-about::before{content:"";align-self:stretch;height:74px;background:linear-gradient(120deg,var(--p-sec),var(--p-act) 65%,var(--p-acc))}
.pv[data-fabout="profile"][data-scr="front"] .x-about .ph{order:1;width:84px;height:84px;margin:-44px 0 0 18px;border:5px solid var(--p-surface);font-size:1.5em}
.pv[data-fabout="profile"][data-scr="front"] .x-about>div{order:2;padding:10px 18px 18px}
.pv .x6-n-sw{display:flex;flex-direction:column;gap:10px;min-width:0}
.pv .x6-n-st{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;border-radius:var(--p-r);scroll-behavior:auto}
.pv .x6-n-ss{flex:0 0 100%;min-width:0;scroll-snap-align:start;background:var(--dm-cd);border:1.5px solid var(--dm-ln);border-radius:var(--p-r);padding:16px;display:flex;flex-direction:column;gap:10px;color:var(--dm-fg)}
@media (min-width:768px){.pv .x6-n-ss{flex-basis:calc(50% - 6px)}}
.pv .x6-n-ss p{margin:0}
.pv .x6-n-sk{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.pv .x6-n-sk em{font-style:normal;font-size:.74em;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--dm-at);background:var(--dm-ac);padding:2px 10px;border-radius:999px}
.pv .x6-n-ss button{font:inherit;color:inherit;cursor:pointer}
.pv button.x6-n-do{width:100%;text-align:left}
.pv .x6-n-do.ok{border-color:var(--st-ok-line);background:var(--st-ok-bg);color:var(--st-ok-ink);font-weight:700}
.pv .x6-n-do.ok b{background:var(--st-ok-band);border-color:var(--st-ok-band);color:#fff}
.pv .x6-n-tf{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pv .x6-n-tf .x6-n-do{justify-content:center;text-align:center;min-height:48px}
.pv .x6-n-tf .x6-n-do b,.pv .x6-n-mt .x6-n-do b{display:none}
.pv .x6-n-quote{border-left:4px solid var(--dm-ac);padding:6px 12px;background:var(--dm-bg);border-radius:0 10px 10px 0;font-size:.95em}
.pv .x6-n-gapin{width:8.5em;max-width:100%;font:inherit;padding:4px 8px;border:0;border-bottom:2px solid var(--dm-ac);background:var(--dm-sf);color:var(--dm-fg);border-radius:6px 6px 0 0}
.pv .x6-n-srow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.pv .x6-n-sbtn{min-height:44px;padding:0 18px;border-radius:var(--p-br,10px);border:2px solid var(--dm-ac);background:var(--dm-ac);color:var(--dm-at)!important;font-weight:750}
.pv .x6-n-sbtn.sec{background:transparent;color:var(--dm-ac)!important}
.pv .x6-n-mt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.pv .x6-n-mt .x6-n-do{min-height:44px}
.pv .x6-n-oline{min-height:48px;border-bottom:2px dashed var(--dm-ln);display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:4px 0}
.pv .x6-n-oline:empty::before{content:"Kelimelere sırayla dokunun";color:var(--dm-mu);font-size:.88em}
.pv .x6-n-chips{display:flex;flex-wrap:wrap;gap:8px}
.pv .x6-n-chip{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--dm-ln);background:var(--dm-bg);font-weight:700}
.pv .x6-n-play{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px 0 8px;border-radius:999px;border:0;background:var(--dm-sf);font-weight:750;align-self:flex-start}
.pv .x6-n-play i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--dm-ac);color:var(--dm-at);font-style:normal}
.pv .x6-n-sres{display:flex;gap:10px;align-items:flex-start;background:var(--st-ok-bg);color:var(--st-ok-ink);border-radius:12px;padding:10px 12px;font-size:.92em}
.pv .x6-n-sres svg{flex:none;margin-top:2px}
.pv .x6-n-snav{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pv .x6-n-sa{width:44px;height:44px;flex:none;border-radius:50%;border:1.5px solid var(--dm-ln);background:var(--dm-cd);color:var(--dm-fg);display:grid;place-items:center;cursor:pointer;font:inherit;font-size:1.25em;font-weight:800}
.pv .x6-n-sa:disabled{opacity:.35;cursor:default}
.pv .x6-n-sdots{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2px;min-width:0}
.pv .x6-n-sdots button{width:26px;height:30px;padding:0;border:0;background:none;cursor:pointer;display:grid;place-items:center}
.pv .x6-n-sdots button::before{content:"";width:10px;height:10px;border-radius:99px;background:var(--dm-ln)}
.pv .x6-n-sdots button.on{width:38px}
.pv .x6-n-sdots button.on::before{width:28px;background:var(--dm-ac)}
.pv .x6-n-scount{font-size:.8em;font-weight:800;color:var(--dm-mu);text-align:center}
.pv[data-togglecolour="green"]{--x6m-onbg:var(--st-ok-band);--x6m-on:var(--st-ok-band);--x6m-ink:#fff}
.pv[data-badgecolour="accent"]{--x6m-bc:var(--p-act);--x6m-bt:var(--p-acttext)}
.pv .x6-n-demo{min-width:0;overflow-wrap:anywhere}
.pv .x6-n-demo{--dm-bg:var(--p-surface);--dm-cd:var(--p-bg);--dm-fg:var(--p-text);--dm-hd:var(--p-head);--dm-mu:var(--p-muted);--dm-ln:var(--p-line);--dm-ac:var(--p-act);--dm-at:var(--p-acttext);--dm-sf:var(--p-actsoft);
  background:var(--dm-bg);color:var(--dm-fg);border:1px solid var(--dm-ln);border-radius:calc(var(--p-r) + 4px);padding:20px;display:flex;flex-direction:column;gap:14px}
.pv[data-fdemolook="hard"] .x6-n-demo{--dm-ln:var(--p-head);border:3px solid var(--p-head);border-radius:10px;box-shadow:7px 7px 0 var(--p-head);padding:22px}
.pv .x6-n-dh{display:flex;flex-direction:column;gap:4px}
.pv .x6-n-dh h2{color:var(--dm-hd)}
.pv .x6-n-dh p{color:var(--dm-mu)}
.pv .x6-n-dk{font-size:.72em;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--dm-ac)}
.pv .x6-n-dl{font-size:.78em;font-weight:800;color:var(--dm-mu)}
.pv .x6-n-do{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--dm-ln);border-radius:12px;background:var(--dm-bg)}
.pv .x6-n-do b{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;border:1.5px solid var(--dm-ln);font-size:.8em}
.pv .x6-n-do span{flex:1;min-width:0}
.pv .x6-n-do svg{color:var(--dm-ac)}
.pv .x6-n-dopts{display:flex;flex-direction:column;gap:8px}
.pv .btnrow{flex-wrap:wrap}
.pv .btnrow>.btn{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
.pv .wrap :where(p,h1,h2,h3,h4,b,strong,span,a,li,td,th,label,small,em,i,div){overflow-wrap:anywhere}
.pv .wrap :where(img,svg,video){max-width:100%}
/* the real page around the Studio sample */
/* The real page around Layout Studio's sample (stage 6, 3 Oct 2026). The sample lives in a scrolling phone frame;
   here it is the whole page. Everything else is drawn by studio_front.css, unchanged. */
html,body{margin:0;background:#f7f3ea}
.pv{height:auto;overflow:visible;min-height:100vh}
.pv a{color:var(--p-link)}
/* links: never underlined (owner, 4 Oct 2026: "i hate underline on links generally", button "A · Bold colour + round arrow").
   Bold in the link colour; a link on its own line (footer) gets My look 9's round arrow; menu links show an underline
   only while hovered or reached with the keyboard. */
.pv a{text-decoration:none}
.pv a:not(.btn):not(.x-askfab):not(.brand){font-weight:700}
.pv a:not(.btn):not(.lnk):not(.x-askfab):not(.brand):is(:hover,:focus-visible){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.pv .ffoot a{display:flex;width:fit-content;align-items:center;gap:6px;min-height:40px;color:#fbf7ee}
.pv .ffoot a::after{content:"\203A" / "";display:inline-grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:#fbf7ee;color:var(--p-link);font-size:.9em;line-height:1;font-weight:800;flex:none}
/* The round arrow is navy, not rose (owner, 4 Oct 2026: "the red for the links too distracting - too much for just a
   link"; button "A · Navy circle"): rose stays for the main buttons. On the dark footer: a cream circle, navy arrow. */
.pv[data-link="circ"] .lnk::after{background:var(--p-link);color:#fff}
/* Footer headings must not look like the links under them (owner, 4 Oct 2026: "the headings arent apparent - look the
   same"): small capitals in the headline peach, letter-spaced; the links stay white with the round arrow. Turkish capitals
   come out right (SİTE, İLETİŞİM) because the page is lang="tr". The brand column keeps its own "Hedef C2". */
.pv .ffoot>div:not(:first-child)>b{display:block;font-size:.78em;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--p-acc);margin-bottom:4px}
/* On phones the footer uses two columns (SİTE | YASAL, then İLETİŞİM), about a third shorter (owner, 4 Oct 2026: "is this
   normal on the phone - a ton of links that way", button "A · Two columns"). Links keep thumb-sized tap areas and arrows. */
@media (max-width:767px){.pv .ffoot{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.pv .ffoot>div:first-child{grid-column:1/-1}.pv .ffoot>div{margin:0}}
.pv .ftop .links a{color:var(--p-head)}
.pv .fp-skip{position:absolute;left:-9999px;top:8px;z-index:20;background:var(--p-surface);color:var(--p-text);padding:10px 14px;border-radius:10px}
.pv .fp-skip:focus{left:8px}
.pv .ftop .brand{text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-height:44px}
.pv .fp-topright{margin-left:auto;display:flex;gap:10px;align-items:center}
.pv .fp-topright .btn{min-height:40px}
@media (max-width:767px){.pv .fp-pconly{display:none!important}}
.pv .fhero .eb{display:block;font-weight:800;color:var(--p-sec);letter-spacing:.08em;font-size:.8em}
.pv :is(h2)[tabindex]{scroll-margin-top:80px}
.pv :is(h2)[tabindex]:focus{outline:none}
/* every link and button: a clear keyboard ring */
.pv :is(a,button,summary,input):focus-visible{outline:3px solid var(--p-text);outline-offset:3px;border-radius:10px}
/* the level ladder: the Studio drew six labels; here they are buttons that show each level's line */
.pv .ladder>button{flex:1;text-align:center;padding:10px 0;min-height:44px;border:0;border-radius:10px;background:var(--p-track);font:inherit;font-weight:800;color:var(--p-muted);position:relative;cursor:pointer}
.pv .ladder>button.past{background:color-mix(in srgb,var(--p-sec) 25%,var(--p-track));color:var(--p-text)}
.pv .ladder>button.now{background:var(--p-sec);color:#fff}
.pv .ladder>button.now::after{content:"Siz";position:absolute;top:-20px;left:50%;transform:translateX(-50%);font-size:.7em;color:var(--p-sec)}
.pv .fp-leveltext{margin-top:10px;min-height:3.2em}
/* prices: the total sits on the right with a small "toplam" above it */
.pv .x-amt{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15;white-space:nowrap}
.pv .x-amt .x-tot{font-size:.5em;font-weight:700;color:var(--p-muted)}
/* questions and answers: native open/close, drawn like the Studio's round plus and minus */
.pv .faq details.fqd{margin:0}
.pv .faq summary.fq{list-style:none;cursor:pointer}
.pv .faq summary.fq::-webkit-details-marker{display:none}
/* fp.js keeps the Studio's "open" class on the summary in step with the native open state */
.pv .faq summary.fq span::before{content:"+"}
.pv .faq details[open]>summary.fq span::before{content:"–"}
/* the e-mail address, written out in case a phone has no mail app */
.pv .fp-mail{margin:4px 0 0;user-select:all;overflow-wrap:anywhere}
.pv .cta .fp-mail{color:inherit;opacity:.85}
/* the round chat button says what it does (owner's button 3 Oct 2026: "Bize yazın", opens e-mail) */
.pv[data-fsticky="bubble"][data-scr="front"] .x-askfab::after{content:"Bize yazın"}
.pv .x-askfab{position:sticky;transition:opacity .2s,visibility .2s}
.pv .x-askfab.fp-away{opacity:0;visibility:hidden;pointer-events:none}
/* an answer line stays hidden until the first answer (the Studio's display:flex would otherwise show an empty bar) */
.pv .x6-n-sres[hidden]{display:none}
/* the question slider: arrows and dots big enough for a thumb */
.pv .x6-n-sa{min-width:44px;min-height:44px}
/* "Telefonunuzda da rahat": three phone pictures of the real learner screens (owner, 4 Oct 2026). On a phone they sit in
   a row you can swipe (the next one peeks in); from 768 px the three stand side by side. No buttons inside, nothing moves. */
.pv .fp-phones{margin:8px 0 6px}
.pv .fp-phones>p{margin:4px 0 16px}
.pv .fp-phone-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.pv .fp-phone{flex:0 0 72%;max-width:280px;margin:0;scroll-snap-align:start}
.pv .fp-phone-frame{border:7px solid var(--p-head);border-radius:30px;overflow:hidden;background:var(--p-head);box-shadow:0 10px 26px color-mix(in srgb,var(--p-head) 22%,transparent)}
.pv .fp-phone-frame img{display:block;width:100%;height:auto;aspect-ratio:1/2}
.pv .fp-phone figcaption{display:flex;flex-direction:column;gap:2px;margin-top:10px}
.pv .fp-phone figcaption span{font-size:.9em;color:var(--p-muted)}
@media (min-width:768px){.pv .fp-phone-row{overflow:visible;justify-content:space-between}.pv .fp-phone{flex:1 1 0;max-width:260px}}
@media (prefers-reduced-motion:reduce){.pv *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.pv .x-askfab,.pv .x6-n-snav{display:none}.pv .ftop{position:static}}

/* 17 Oct 2026 (owner: "dogru yanlis has the same color"): wrong answers in the slider had no style of their own and showed the green box. Berry, the site's button colour, never brown. */
.pv .x6-n-sres.bad{background:#f3dde3;color:#7d2c41}
.pv .x6-n-do.bad{border-color:#9c3d54;background:#f3dde3;color:#7d2c41;font-weight:700}
.pv .x6-n-do.bad b{background:#9c3d54;border-color:#9c3d54;color:#fff}