/*
Theme Name: Orsel Studio v8
Version: 8.0.0
Description: Turkish signature-led commercial site. Unactivated owner-review build.
Text Domain: orsel-studio-v8
*/
.skip:not(:focus){opacity:0!important;pointer-events:none!important}.skip:focus{opacity:1!important;position:fixed!important;top:12px!important;left:12px!important;transform:none!important;z-index:1000!important}
:root{color-scheme:light;--bg:#fbfdff;--panel:#f3fbff;--ink:#16161d;--muted:#4f5666;--line:#c9edf7;--cyan:#9ee8f5;--magenta:#f3a6dc;--on-accent:#101318;--focus:#2a6f86}
@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg:#121217;--panel:#191924;--ink:#eeeeee;--muted:#c5c8d3;--line:#435465;--cyan:#8bdceb;--magenta:#f2a2d8;--on-accent:#101318;--focus:#a9ecf6}}
*{box-sizing:border-box}html{scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.13;text-wrap:balance}h1{font-size:clamp(2.65rem,5.5vw,5.1rem);letter-spacing:-.058em;max-width:960px;margin-inline:auto}h2{font-size:clamp(2rem,3.5vw,3.4rem);letter-spacing:-.045em;max-width:860px}h3{font-size:1.45rem;letter-spacing:-.025em}p{max-width:70ch}p+p{margin-top:1rem}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit}button{cursor:pointer}a,button{touch-action:manipulation}button{color:inherit}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--focus);outline-offset:5px}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;z-index:50;top:1rem;left:1rem;padding:1rem;background:var(--cyan);color:var(--on-accent);transform:translateY(-200%)}.skip:focus{transform:none}.header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{font-size:1.6rem;font-weight:600;letter-spacing:-.075em;line-height:.9;text-decoration:none}.brand span{display:block;font-size:.65rem;letter-spacing:.2em;margin-top:.55rem;font-weight:400}.header nav{display:flex;align-items:center;gap:1.45rem}.header nav>a,.nav-services{font-size:.78rem;text-decoration:none;min-height:44px;display:flex;align-items:center}.nav-services{gap:.5rem;background:none;border:0;padding:0}.dropdown{position:relative}.service-menu{position:absolute;top:100%;left:-1.3rem;padding:1rem;background:var(--bg);border:1px solid var(--line);width:250px;z-index:20;box-shadow:0 16px 32px #00000010}.service-menu a{display:block;padding:.5rem;text-decoration:none;font-size:.88rem}.service-menu a:hover{background:var(--panel)}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:1.4rem;background:var(--cyan);border:1px solid transparent;border-radius:4px;color:var(--on-accent);text-decoration:none;font-size:.91rem;font-weight:600;padding:.9rem 1.4rem;min-height:52px;line-height:1.4}.button:hover{background:var(--magenta)}.button.small{padding:.65rem 1rem;min-height:44px}.text-link{display:inline-flex;gap:.7rem;align-items:center;min-height:48px;padding:0;border:0;background:none;font-size:.9rem;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:var(--line)}.eyebrow{font-size:.67rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:1.35rem}.hero{text-align:center;padding:4rem 0 6rem}.home-hero{padding-top:2.5rem}.signature{display:block;width:min(650px,90%);margin:0 auto 2.5rem;animation:sign 1.4s ease-out both}.signature img{display:block;width:100%;height:auto;max-height:210px;object-fit:contain;background:transparent;filter:none}.lede{font-size:1.18rem;line-height:1.65;color:var(--muted);max-width:680px;margin:1.7rem auto 0}.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.5rem 2rem;margin-top:2rem}.hero-note{font-size:.75rem;color:var(--muted);margin:1.35rem auto 0}.breadcrumb{display:flex;gap:.7rem;font-size:.72rem;color:var(--muted);padding-top:1rem;flex-wrap:wrap}.section{padding:5rem 0}.section-head{margin-bottom:3rem}.section-head:has(h2:empty){display:none}.section .lede{margin:0;max-width:750px}.section .actions{justify-content:flex-start}.section p{color:var(--muted)}.section>.wrap>.text-link{margin-top:2rem}.strip{padding:2rem 0 3rem}.strip .section-head{text-align:center;margin-bottom:1.8rem}.strip h2{font-size:1rem;letter-spacing:0;margin:auto}.strip .eyebrow{display:none}.platforms{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;font-size:1rem;color:var(--muted)}.split{display:grid;grid-template-columns:1.1fr 1fr;gap:5rem}.split .grid{grid-template-columns:1fr;gap:0}.split .card{padding:1.3rem 0}.split .card .index{display:none}.split .card h3{font-size:1.05rem}.split .card p{font-size:.92rem}.split .text-link{margin-top:1.6rem}.grid{display:block}.grid>.card{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(0,1.5fr) auto;column-gap:3rem;align-items:start}.grid>.card h3{margin:0}.grid>.card p{max-width:65ch}.grid>.card .text-link{margin-top:0;min-height:32px;white-space:nowrap}.split .grid>.card{display:block}.split .grid>.card h3{margin-bottom:.6rem}.card{padding:2rem 0;border-top:1px solid var(--line)}.card .index{font-size:.7rem;color:var(--muted);display:block;margin-bottom:1.4rem}.card h3{margin-bottom:1rem}.card p{font-size:.95rem}.card .text-link{margin-top:1.2rem}.proof{padding:clamp(1.5rem,5vw,4rem);background:var(--panel);border-left:3px solid var(--magenta)}.proof h3{font-size:clamp(1.7rem,3vw,2.8rem);max-width:700px;margin-bottom:1.5rem}.proof-pair{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.proof-pair small{display:block;color:var(--muted);font-size:.73rem}.proof-pair strong{display:block;font-size:1.3rem;font-weight:500}.caption{font-size:.72rem;line-height:1.6;color:var(--muted);max-width:90ch}.carousel-controls{display:flex;align-items:center;gap:1.4rem;margin-top:2rem;font-size:.77rem}.carousel-controls button{width:44px;height:44px;border:1px solid var(--line);background:var(--bg);border-radius:50%;font-size:1.2rem}.carousel-controls button:hover{background:var(--cyan);color:var(--on-accent)}.process{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:3rem 5rem}.process li{display:flex;gap:1.4rem;border-top:1px solid var(--line);padding-top:1.5rem}.process li>span{font-size:.75rem;color:var(--muted)}.process h3{font-size:1.25rem;margin-bottom:.8rem}.process p{font-size:.95rem}.counters{display:flex;gap:5rem;flex-wrap:wrap;margin-bottom:1rem}.counters strong{display:block;font-size:4rem;font-weight:400;letter-spacing:-.06em}.counters span{display:block;font-size:.85rem;color:var(--muted)}.counters+.caption{margin-bottom:3.5rem}.cta .wrap{padding:4rem;background:var(--panel);border-radius:5px}.cta .section-head{margin-bottom:1.6rem}.cta .lede{font-size:1.05rem}.footer{margin-top:4rem;padding:4rem 0 2rem;background:var(--panel)}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1.1fr;gap:3rem}.footer h2{font-size:.85rem;letter-spacing:0;margin-bottom:1.5rem}.footer-grid>div>a:not(.brand){display:block;font-size:.79rem;text-decoration:none;padding:.35rem 0;overflow-wrap:anywhere}.footer p{font-size:.78rem;color:var(--muted);margin-top:1.6rem}.footer-bottom{display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--line);margin-top:3rem;padding-top:2rem;font-size:.7rem;color:var(--muted)}.footer-bottom div{display:flex;gap:1.5rem}.trace{margin:3.5rem auto 0;text-align:left;width:min(680px,100%);border-top:1px solid var(--line);padding-top:1.5rem}.trace figcaption{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.trace .eyebrow{font-size:.55rem;max-width:210px;margin:0}.trace strong{font-size:.95rem;font-weight:500}.trace svg{display:block;width:100%;margin:1.2rem 0 .6rem}.grid-lines{stroke:var(--line);stroke-width:1;fill:none}.axis{stroke:var(--muted);stroke-width:1;fill:none}.projection{stroke:var(--focus);stroke-width:3;stroke-dasharray:7 5;fill:none}.axis-labels{fill:var(--muted);font:10px Arial,sans-serif}.trace .caption{font-size:.63rem}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:560px;text-align:left}caption{text-align:left;color:var(--muted);font-size:.75rem;margin-bottom:1rem}td,th{padding:1.2rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:500}thead{background:var(--panel)}td{color:var(--muted)}details{border-bottom:1px solid var(--line);padding:1.4rem 0;max-width:960px}summary{cursor:pointer;font-size:1.05rem;min-height:32px}details p{margin:1.2rem 0 0;font-size:.95rem}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:2rem 5rem;padding:3rem;background:var(--panel)}.calculator h3{margin-bottom:2rem}.calculator label,.wizard label,#archive label{display:block;font-size:.8rem;color:var(--muted);margin:1.5rem 0}.field{display:flex;align-items:center;border-bottom:1px solid var(--muted);gap:1rem;margin-top:.5rem}.field:focus-within{border-color:var(--focus);box-shadow:0 2px var(--focus)}.field input{width:100%;min-width:0;background:none;border:0;padding:.7rem 0;outline:none;font-size:1.1rem;color:var(--ink);border-radius:0}.field>span{white-space:nowrap;font-size:.8rem;color:var(--muted)}input::-webkit-inner-spin-button{appearance:none}.calc-results{align-self:center}.calc-results output{display:block}.calc-results strong{display:block;font-size:2.5rem;letter-spacing:-.045em;font-weight:500}.calc-results small{display:block;margin-bottom:1rem;color:var(--muted)}.formula{grid-column:1/-1;font-size:.8rem;padding-top:1.5rem;border-top:1px solid var(--line);max-width:none}.calc-chart svg{width:100%;height:auto;margin-top:1rem}.calc-bar{fill:var(--cyan)}.calc-bar.secondary{fill:var(--magenta)}.calc-error{font-size:1rem!important;letter-spacing:0!important}.form-section .wrap{max-width:860px}.wizard{background:var(--panel);padding:3rem}.wizard fieldset{padding:0;border:0;margin:2rem 0;min-width:0}.wizard legend{font-size:1.7rem;letter-spacing:-.03em;margin-bottom:1.5rem}.step-status{font-size:.75rem}.step-track{height:2px;background:var(--line);margin-top:1rem}.step-track span{display:block;height:2px;background:var(--focus);transition:width .2s}.options{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.options label{margin:0;color:var(--ink)}.options input{position:absolute;opacity:0}.options span{display:block;border:1px solid var(--line);padding:1rem;font-size:.9rem}.options input:checked+span{background:var(--cyan);color:var(--on-accent);border-color:var(--focus)}.options input:focus-visible+span{outline:3px solid var(--focus)}textarea{display:block;width:100%;background:none;border:0;border-bottom:1px solid var(--muted);padding:.75rem 0;color:var(--ink);margin-top:.5rem;border-radius:0;resize:vertical}.wizard-actions{display:flex;justify-content:space-between;gap:1rem;margin:2rem 0}.form-error{font-size:.85rem}.wizard>.caption{margin-top:2rem}.draft pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:.95rem;padding:2rem 0}.draft .text-link{margin-left:1rem}.category-links{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0}.pill{display:inline-flex;align-items:center;gap:1rem;border:1px solid var(--line);border-radius:30px;padding:.5rem 1rem;font-size:.75rem;text-decoration:none}.pill:hover{background:var(--cyan);color:var(--on-accent)}.prose{padding:2.5rem 0}.prose .wrap{max-width:790px}.prose h2{font-size:1.8rem}.prose .section-head{margin-bottom:1.2rem}.toc{max-width:790px;margin:0 auto 3rem;padding:2rem;background:var(--panel)}.toc a{display:block;font-size:.9rem;margin-top:.6rem}.demo-gallery{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.demo-gallery article{padding:2rem;background:var(--panel)}.demo-gallery h3{margin:1rem 0}.demo-gallery label{display:block;margin-top:1.5rem;font-size:.8rem}.demo-gallery input{width:100%;accent-color:var(--focus)}.demo-text{max-width:42ch;margin-top:1.5rem}.demo-gallery button{margin-top:1.5rem}.demo-gallery [data-demo-status]{font-size:.8rem;margin-top:1rem}
@keyframes sign{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@media(max-width:1100px){.header nav{gap:1rem}.header nav>a,.nav-services{font-size:.72rem}.wrap{width:calc(100% - 64px)}}
@media(max-width:900px){.header{min-height:84px;position:relative}.menu-toggle{display:flex;align-items:center;gap:1rem;border:0;background:none;min-height:44px;font-size:.85rem}.header nav{display:none;position:absolute;top:84px;left:0;right:0;z-index:25;background:var(--bg);border:1px solid var(--line);padding:1.5rem;align-items:stretch}.header nav.open{display:flex;flex-direction:column;gap:.5rem}.header nav>a,.nav-services{font-size:.92rem}.service-menu{position:static;width:100%;margin:.5rem 0}.footer-grid{grid-template-columns:1fr 1fr}.split{gap:3rem}.grid{gap:1rem 2rem}.calculator{gap:2rem}.signature{width:min(600px,95%)}}
@media(max-width:600px){body{font-size:16px}.wrap{width:calc(100% - 40px)}h1{font-size:2.75rem;letter-spacing:-.05em}.hero{padding:3rem 0 4rem}.home-hero{padding-top:2rem}.signature{margin-bottom:2rem;width:100%}.hero .eyebrow{font-size:.59rem}.lede{font-size:1.02rem;margin-top:1.5rem}.actions{gap:.8rem 1.3rem}.section{padding:3.2rem 0}.section-head{margin-bottom:2rem}.grid,.split,.process,.calculator,.demo-gallery{grid-template-columns:1fr}.grid{gap:0}.card{padding:1.7rem 0}.card .index{margin-bottom:.75rem}.card h3{font-size:1.45rem}.split{gap:2rem}.platforms{font-size:.84rem;justify-content:center;gap:1rem 2rem}.strip{padding:1.5rem 0}.strip .section-head{margin-bottom:1.5rem}.counters{gap:2.1rem}.counters strong{font-size:3rem}.counters span{font-size:.7rem}.proof-pair{gap:1rem}.proof-pair strong{font-size:1rem}.process{gap:2rem}.cta .wrap{padding:2rem;width:calc(100% - 40px)}.footer{padding-top:3rem}.footer-grid{gap:2.5rem 1.2rem}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:1rem}.trace{margin-top:2.5rem}.trace figcaption{display:block}.trace .eyebrow{display:block;max-width:none;margin-bottom:.5rem}.trace svg{margin:.8rem 0}.calculator,.wizard{padding:1.4rem}.calc-results strong{font-size:2rem}.options{grid-template-columns:1fr 1fr}.wizard legend{font-size:1.4rem}.options span{padding:.8rem;font-size:.8rem}.prose .wrap{width:calc(100% - 40px)}.toc{margin:0 20px 2rem}.breadcrumb{font-size:.66rem}.formula{font-size:.75rem}.draft .text-link{margin:1rem 0 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
