@import url('tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--on-ink);font:16px/1.65 var(--f-b)}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--warm);outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--f-d);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin:0}h1{font-size:clamp(36px,4.6vw,64px)}h2{font-size:clamp(30px,3.3vw,45px)}h3{font-size:26px}p{margin:16px 0}em{font-style:normal;color:var(--cyan)}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.review{background:var(--ink-2);text-align:center;padding:6px 16px;font-size:12px;letter-spacing:.02em;color:var(--on-ink)}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font:24px var(--f-d)}.brand img{width:42px;height:42px}.brand small{display:block;font:11px var(--f-b);margin-top:4px;color:var(--on-ink-mute)}nav{display:flex;gap:24px;font-size:14px;align-items:center}nav a{text-decoration:none}nav a:hover{color:var(--cyan)}.skip{position:absolute;left:-10000px}.skip:focus{left:15px;top:15px;background:var(--ink);padding:12px;z-index:5}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em;margin:0 0 18px;text-transform:uppercase}.eyebrow:before{content:'';display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin:0 12px 2px 0}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;padding:38px 0 34px;align-items:end}.hero p{color:var(--on-ink);max-width:48ch}.hero h1{max-width:20ch}.process{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--on-ink-mute);padding-top:12px}.process i{height:1px;flex:1;background:var(--line);position:relative;overflow:hidden}.process i:after{content:'';position:absolute;left:0;width:26%;height:1px;background:var(--cyan);animation:flow 4s linear infinite}.process i:nth-of-type(2):after{animation-delay:2s}.motion{font-size:12px;margin-top:14px;background:none;color:var(--on-ink);border:1px solid var(--line);padding:6px 10px;border-radius:2px}.paused *{animation-play-state:paused!important}.paper{background:var(--paper);color:var(--on-paper)}.choices{display:grid;grid-template-columns:1.2fr 1fr}.choice{padding:34px 34px 32px 0;min-width:0}.choice+.choice{padding-left:34px;padding-right:0;border-left:1px solid var(--hair)}.choice .eyebrow{color:var(--on-paper-soft);margin-bottom:12px}.choice .eyebrow:before{background:var(--warm-deep)}.choice p{max-width:43ch;min-height:53px;color:var(--on-paper-soft)}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:22px 0}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;padding:12px 20px;border:1px solid var(--ink);background:var(--ink);color:var(--on-ink);border-radius:3px;text-decoration:none;font-size:14px;font-weight:600}.btn:hover{background:var(--ink-2)}.btn.primary{background:var(--cyan);color:var(--ink);border-color:var(--cyan)}.text-link{font-size:14px;font-weight:600}.product-shot{background:var(--paper-soft);border:1px solid var(--hair);margin:25px 0 0;overflow:hidden;height:258px;position:relative;padding:18px}.product-shot img{width:100%;height:100%;object-fit:contain;object-position:center top}.product-shot.phone{display:flex;justify-content:center;gap:18px}.product-shot.phone img{width:46%;object-fit:contain}.caption{font-size:12px!important;color:var(--on-paper-soft);margin:10px 0!important;min-height:0!important}.section{padding:62px 0}.section-head{display:flex;gap:40px;align-items:end;justify-content:space-between;margin-bottom:30px}.section-head p{max-width:48ch}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:60px}.benefits ul{padding:0;list-style:none}.benefits li{padding:14px 0;border-bottom:1px solid var(--line);display:flex;gap:20px}.benefits li span{color:var(--cyan);font-size:12px;padding-top:3px}.catalog{display:grid;grid-template-columns:1fr 1fr;gap:0 60px;margin-top:24px}.catalog a{padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;display:flex;justify-content:space-between;gap:15px}.catalog a:hover{color:var(--cyan)}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:32px}.how .num{font-size:13px;color:var(--on-paper-soft);display:block;border-top:1px solid var(--hair);padding-top:18px;margin-bottom:24px}.how h3{font-size:24px}.how p{color:var(--on-paper-soft)}footer{padding:32px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px;border-top:1px solid var(--line)}.crumb{display:flex;gap:12px;font-size:13px;margin:26px 0}.detail-hero{padding:8px 0 30px;display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:start}.detail-hero h1{max-width:20ch}.detail-hero p{color:var(--on-ink);margin-top:0}.badge{display:inline-block;font-size:12px;border:1px solid var(--line);padding:4px 10px;margin-bottom:18px}.demo-grid{display:grid;grid-template-columns:270px 1fr;gap:44px}.steps{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:24px}.steps a{display:block;text-decoration:none;padding:16px 12px;border-bottom:1px solid var(--hair);font-size:15px}.steps a[aria-current=true]{background:var(--ink);color:var(--on-ink);border-radius:2px}.screen-frame{padding:18px;background:var(--paper-soft);border:1px solid var(--hair)}.screen-frame img{max-height:610px;width:100%;object-fit:contain}.screen-frame.tel img{max-height:570px}.screen-caption{font-size:14px;margin-top:16px}.screen-caption strong{display:block;font-size:18px;margin-bottom:6px}.screen-link{font-size:13px}.video-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:start}.video-layout video{width:100%;max-height:620px;background:var(--ink-2);display:block}.video-layout .status{color:var(--warm);font-size:13px}.video-tools{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px}.video-tools button{background:none;color:var(--on-ink);border:1px solid var(--line);padding:10px 14px;min-height:44px}.need{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.need form{display:grid;gap:14px}label{display:grid;gap:8px;font-size:14px}select,textarea{width:100%;border:1px solid var(--hair);border-radius:2px;background:var(--paper);color:var(--on-paper);padding:12px}textarea{min-height:115px;resize:vertical}.hint{font-size:13px;color:var(--on-paper-soft)}.summary{border-top:1px solid var(--hair);padding-top:16px}.summary pre{white-space:pre-wrap;font:15px/1.6 var(--f-b)}[hidden]{display:none!important}@keyframes flow{from{transform:translateX(-150%)}to{transform:translateX(500%)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{flex-wrap:wrap;padding:16px 0;gap:18px}.brand{font-size:22px}nav{gap:18px;font-size:13px;flex-wrap:wrap}.hero{grid-template-columns:1fr;gap:16px;padding:30px 0}.hero p{margin-top:0}.hero h1{font-size:39px}.choices{grid-template-columns:1fr}.choice{padding:28px 0}.choice+.choice{padding:28px 0;border-left:0;border-top:1px solid var(--hair)}.choice p{min-height:0}.product-shot{height:235px}.section{padding:40px 0}.section-head{display:block}.benefits,.how,.catalog,.detail-hero,.demo-grid,.video-layout,.need{grid-template-columns:1fr;gap:24px}.benefits{gap:30px}.how{gap:12px}.section-head h2{max-width:16ch}.detail-hero h1{font-size:38px}.steps{flex-direction:row;flex-wrap:wrap;gap:6px;margin-top:18px}.steps a{border:1px solid var(--hair);padding:10px 12px;min-height:44px}.screen-frame{padding:8px}.screen-frame.tel img{max-height:560px}.video-layout video{max-height:600px}.need{gap:24px}footer{flex-direction:column;gap:10px}.actions{gap:16px}.caption{line-height:1.5}.process{font-size:11px;gap:8px}}

.quick-paths{display:none}@media(max-width:760px){.quick-paths{display:flex;gap:24px;margin-top:18px;font-size:14px}.quick-paths a{padding:10px 0;min-height:44px}}

/* Kullanıcının açık/sıcak zeminli inceleme varyantı. Tek vurgu: sıcak turuncu. */
:root{--ink:#27251f;--ink-2:#eae3d8;--paper:#f4efe6;--paper-soft:#eae3d8;--paper-deep:#ddd3c5;--on-ink:#27251f;--on-ink-soft:#625b50;--on-ink-mute:#625b50;--on-paper:#27251f;--on-paper-soft:#625b50;--cyan:#a63e14;--warm:#a63e14;--warm-deep:#a63e14;--line:#d5cabc;--hair:#d5cabc}
body{background:var(--paper);color:var(--on-paper)}.review{background:var(--paper-soft);color:var(--on-paper-soft)}.paper{background:var(--paper)}.hero{padding:48px 0 38px;grid-template-columns:1.1fr 1fr}.hero h1{font-size:clamp(38px,4.5vw,62px);max-width:11ch}.hero p{font-size:19px}.choices{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}.choice h2{font-size:clamp(32px,3.3vw,45px)}.choice p{min-height:53px}.btn,.btn.primary{background:var(--cyan);border-color:var(--cyan);color:var(--paper)}.btn:hover,.btn.primary:hover{background:var(--on-paper);border-color:var(--on-paper);color:var(--paper)}.steps a[aria-current=true]{background:var(--cyan);color:var(--paper)}.section{border-bottom:1px solid var(--hair)}.video-layout video{background:var(--paper-soft)}.skip:focus{background:var(--paper)}.catalog a:hover,nav a:hover{color:var(--cyan)}.brand img{mix-blend-mode:normal;filter:none}.eyebrow:before{background:var(--cyan)}em{color:var(--on-paper)}footer{border-top:0}.product-shot{margin-top:24px}.benefits li span{color:var(--cyan)}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:18px;padding:30px 0}.hero h1{font-size:44px;max-width:11ch}.hero p{font-size:17px}.choice p{min-height:0}.quick-paths a{color:var(--cyan)}.choices{border-bottom:0}}

.hero{align-items:center;grid-template-columns:.85fr 1.15fr;gap:48px}.hero h1{max-width:10ch}.hero p{max-width:29ch;margin-top:24px}.hero-paths{display:flex;gap:28px;margin-top:26px;font-size:14px}.hero-paths a{padding:10px 0;color:var(--cyan)}.story{display:block;width:100%;aspect-ratio:640/398;border:1px solid var(--hair);border-radius:3px;background:var(--paper-soft)}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:28px}.hero h1{max-width:none;font-size:40px}.hero p{margin-top:18px}.hero-paths{margin-top:12px}.story{aspect-ratio:640/455}.choice{padding-top:26px}}

.story{aspect-ratio:640/443}@media(max-width:760px){.story{aspect-ratio:640/500}}

/* Kısa demo listesi: yalnız ad, tek satır; seçili olan vurgulu. */
.demo-list button{display:block;width:100%;text-align:left;background:none;color:var(--on-paper);border:0;border-bottom:1px solid var(--hair);padding:16px 12px;font-size:15px;min-height:48px}.demo-list button[aria-current=true]{background:var(--cyan);color:var(--paper);border-radius:2px}.demo-list button:hover{color:var(--cyan)}.demo-list button[aria-current=true]:hover{color:var(--paper)}
.demo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:26px}.demo-row a{text-decoration:none;display:block}.demo-row img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--hair);background:var(--paper-soft)}.demo-row strong{display:block;margin-top:12px;font-size:17px}.demo-row span{display:block;font-size:13px;color:var(--on-paper-soft);margin-top:4px}.demo-row a:hover strong{color:var(--cyan)}
@media(max-width:760px){.demo-list button{border:1px solid var(--hair);padding:10px 12px;width:auto}.demo-row{grid-template-columns:1fr;gap:20px}}
@media(max-width:760px){.demo-row{gap:0;margin-top:18px}.demo-row a{display:grid;grid-template-columns:128px 1fr;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--hair)}.demo-row strong{margin-top:0;font-size:16px;line-height:1.3}}

/* İş kolu seçimi: tek yönlendirme sırası, mevcut renk ve yazı sistemi. */
.audience{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);scroll-margin-top:20px}.audience-grid{display:grid;grid-template-columns:1fr 1fr}.audience-link{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:34px 36px 36px 0;text-decoration:none}.audience-link+.audience-link{border-left:1px solid var(--hair);padding-left:36px;padding-right:0}.audience-link h2{font-size:clamp(26px,2.8vw,38px);max-width:17ch}.audience-link p{max-width:44ch;margin-bottom:22px}.audience-action{margin-top:auto;color:var(--cyan);font-weight:600;text-decoration:underline;text-underline-offset:5px}.audience-link small{margin-top:10px;color:var(--on-paper-soft)}.audience-link:hover .audience-action{color:var(--on-paper)}.onward{display:flex;align-items:center;justify-content:space-between;gap:40px}.onward p{max-width:52ch}.apps-intro{padding-top:14px}.apps-intro h1{max-width:20ch}#demo,#demolar{scroll-margin-top:24px}@media(max-width:760px){.audience-grid{grid-template-columns:1fr}.audience-link,.audience-link+.audience-link{padding:26px 0;border-left:0}.audience-link+.audience-link{border-top:1px solid var(--hair)}.audience-link h2{max-width:none}.onward{display:block}.onward .btn{margin-top:16px;max-width:100%}.header nav{flex-wrap:wrap}.audience-action{min-height:44px;display:flex;align-items:center}}

.clock-story{display:block;width:100%;height:540px;border:1px solid var(--hair);border-radius:3px;background:var(--paper)}@media(max-width:760px){.clock-story{height:440px}}