:root{--ink:#172438;--muted:#5e6c7c;--line:#dce3ea;--paper:#f6f8fa;--red:#9e171d;--blue:#315b85}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #2877bb;outline-offset:6px}.wrap{max-width:1200px;margin:auto;padding:0 36px}.notice{background:#edf1f5;color:#556273;text-align:center;font-size:13px;padding:9px 20px;border-bottom:1px solid var(--line)}header{background:#fff;border-bottom:1px solid var(--line)}.head{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:14px;align-items:center}.logo{width:43px;height:61px;position:relative;overflow:hidden;flex-shrink:0}.logo img{position:absolute;height:84px;width:149px;max-width:none;left:-50px;top:-14px}.brand strong{font-size:17px;letter-spacing:.08em}.brand small{display:block;font-size:11px;letter-spacing:.24em;color:var(--muted);margin-top:1px}nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}nav a:hover{color:var(--red)}.current{color:var(--red);border-bottom:2px solid var(--red);padding:8px 0}.home{color:var(--muted)}.intro{padding:66px 0 42px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.eyebrow{display:flex;align-items:center;gap:12px;font-weight:650;font-size:12px;letter-spacing:.17em;text-transform:uppercase;color:var(--red);margin:0 0 19px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--red)}h1{font-size:clamp(34px,4.6vw,57px);letter-spacing:-.045em;line-height:1.13;font-weight:650;margin:0}h1 span{color:var(--muted)}.intro p{max-width:340px;margin:0 0 5px;color:var(--muted);font-size:16px;line-height:1.8}.section-label{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0 17px;font-size:13px}.section-label strong{letter-spacing:.12em;font-size:12px}.section-label span{color:var(--muted)}.product{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 12px 40px #14283f05}.visual{background:#eaf0f5;padding:28px 30px 22px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.visual-top,.visual-bottom{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#486078;letter-spacing:.06em}.visual-top strong{font-size:13px;letter-spacing:.09em}.visual-top span{border:1px solid #b9cad9;border-radius:4px;padding:1px 8px;font-size:11px}.drawing{display:block;width:100%;height:auto;margin:8px 0}.visual-bottom{border-top:1px solid #cddae5;padding-top:14px;letter-spacing:0;font-size:12px}.product-copy{padding:37px 40px}.tag{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;padding:4px 10px;background:#f3f5f7;color:#536272;border-radius:4px;margin-bottom:15px}h2{font-size:32px;line-height:1.24;letter-spacing:-.035em;margin:0 0 14px}.description{color:var(--muted);margin:0 0 23px;line-height:1.8}.features{display:grid;grid-template-columns:1fr 1fr;gap:10px 17px;margin:0;padding:0;list-style:none;font-size:14px;color:#374b60}.features li{display:flex;gap:8px;align-items:baseline}.features li:before{content:"✓";font-size:13px;color:var(--blue);font-weight:700}.actions{border-top:1px solid var(--line);margin-top:27px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.availability{display:block;font-size:14px;font-weight:600}.availability small{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;background:var(--ink);color:white;border-radius:5px;padding:12px 18px;font-size:14px;font-weight:600;white-space:nowrap;transition:background .2s}.button:hover{background:#315b85}.below{display:grid;grid-template-columns:1fr 1fr;gap:44px;padding:42px 0 45px}.below h3{font-size:19px;font-weight:650;margin:0 0 12px;letter-spacing:-.015em}.below p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}.details-wrap{min-width:0}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:600;padding:11px 0}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--blue);font-size:20px;font-weight:400;line-height:1.2}details[open] summary:after{content:"−"}details p{padding:0 26px 14px 0}.draft-note{border-left:2px solid #b0becb;padding-left:19px}.draft-note p+p{margin-top:12px}footer{border-top:1px solid var(--line);background:white}.foot{display:flex;justify-content:space-between;gap:24px;padding-top:24px;padding-bottom:25px;color:var(--muted);font-size:12px}.foot a{font-size:13px}.foot a:hover{color:var(--red)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.wrap{padding:0 24px}.intro{display:block;padding-top:42px}.intro p{margin-top:22px;max-width:520px}.product-copy{padding:28px}.features{grid-template-columns:1fr}.actions{align-items:flex-start;flex-direction:column}.visual{padding:24px 20px;justify-content:center;gap:15px}.below{gap:28px}}@media(max-width:640px){.wrap{padding:0 20px}.notice{font-size:12px}.head{min-height:84px;gap:12px}.brand{gap:8px}.brand strong{font-size:13px;letter-spacing:.035em}.brand small{font-size:9px}.logo{transform:scale(.8);width:39px;margin-left:-5px}nav{gap:13px;font-size:12px}.home{display:none}.intro{padding-top:34px;padding-bottom:28px}h1{font-size:38px}.intro p{font-size:15px}.eyebrow{font-size:11px}.section-label{font-size:12px}.product{grid-template-columns:1fr}.visual{padding:22px;gap:0}.drawing{max-height:300px}.product-copy{padding:26px}.features{grid-template-columns:1fr 1fr;font-size:13px;gap:9px}.actions{flex-direction:row;align-items:center}.button{font-size:13px;gap:10px;padding:11px 14px}h2{font-size:29px}.below{grid-template-columns:1fr;gap:28px;padding:30px 0}.foot{flex-direction:column;gap:9px}.availability{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Kullanıcının sağladığı özgün kesit görseli; kırpma uygulanmaz. */
.drawing-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;color:var(--blue);font:inherit;text-align:center;margin:26px 0}.drawing-button:focus-visible{outline:3px solid #2877bb;outline-offset:5px}.supplied-drawing{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:6px;margin:0}.enlarge-label{display:inline-block;font-size:13px;margin-top:12px;text-decoration:underline;text-underline-offset:4px}.drawing-modal{width:min(1500px,96vw);max-width:96vw;max-height:94vh;box-sizing:border-box;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}.drawing-modal::backdrop{background:rgba(15,28,44,.75)}.modal-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:16px}.modal-heading h2{font-size:18px;margin:0}.modal-close{cursor:pointer;border:1px solid var(--line);border-radius:5px;padding:8px 14px;background:#fff;color:var(--ink);font:inherit;font-size:14px}.modal-close:focus-visible{outline:3px solid #2877bb;outline-offset:3px}.image-scroll{overflow:auto}.image-scroll img{display:block;width:100%;min-width:700px;height:auto}.drawing-modal p{font-size:13px;color:var(--muted);margin-bottom:0}@media(max-width:640px){.drawing-modal{padding:14px}.modal-heading h2{font-size:15px}.drawing-button{margin:20px 0}}

/* Kullanıcı revizyonu: geniş çizim alanı ve pencereyi kaplayan görünüm. */
.intro>div{flex:1;min-width:0}.intro>p{flex:0 0 300px}h1{font-size:clamp(32px,3.9vw,49px);line-height:1.16}h1 span{display:block;font-size:.61em;letter-spacing:-.025em;margin-top:17px}
.product{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.visual{padding:12px;justify-content:center}.drawing-button{margin:0}.product-copy{padding:32px}.tag{font-size:11px}h2{font-size:30px}
.drawing-modal{position:fixed;inset:0;width:100vw;max-width:100vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;margin:0;padding:16px;border:0;border-radius:0;overflow:hidden}.drawing-modal[open]{display:flex;flex-direction:column}.modal-heading{flex:0 0 auto;margin-bottom:12px}.image-scroll{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-scroll img{width:100%;height:100%;min-width:0;object-fit:contain}.drawing-modal .modal-heading h2{font-size:18px}body:has(.drawing-modal[open]){overflow:hidden}
@media(max-width:900px){.intro>p{max-width:600px}.product-copy{padding:24px}h2{font-size:26px}}
@media(max-width:640px){.product{grid-template-columns:1fr}.visual{padding:10px}.drawing-button{margin:8px 0}.supplied-drawing{max-height:none}.drawing-modal{padding:10px}.drawing-modal .modal-heading h2{font-size:14px}.intro h1{font-size:32px}.intro h1 span{font-size:23px}}

/* İkinci revizyon: tek satır başlık ve görsel ağırlıklı yerleşim. */
.wrap{max-width:1400px}.intro{display:block;padding:48px 0 34px}.intro h1{font-size:clamp(24px,3.15vw,44px);line-height:1.18;letter-spacing:-.035em;white-space:nowrap}.intro-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:20px}.intro .intro-subtitle p{max-width:none;margin:0;font-size:19px;line-height:1.6}.intro .intro-subtitle .intro-promise{font-size:23px;font-weight:600;color:var(--ink);letter-spacing:-.02em;margin-top:2px}.intro .intro-description{flex:0 0 340px;max-width:340px;margin:0;font-size:14px;line-height:1.7}
.product{grid-template-columns:minmax(0,1.85fr) minmax(340px,1fr);align-items:center}.visual{align-self:center;padding:8px;background:#fff;justify-content:center}.drawing-button{margin:0}.supplied-drawing{border-radius:6px;width:100%;height:auto;max-height:none}.enlarge-label{margin:9px 0 3px;font-size:12px}.product-copy{padding:25px 27px 25px 20px}.product-copy .tag{font-size:10px;margin-bottom:12px;padding:4px 8px}.product-copy h2{font-size:26px;line-height:1.25;margin-bottom:13px}.description{font-size:14px;line-height:1.7;margin-bottom:17px}.features{font-size:12px;gap:8px 10px;grid-template-columns:1fr 1fr}.actions{margin-top:19px;padding-top:17px;flex-direction:row;align-items:center}.availability{font-size:13px}.availability small{font-size:11px}.button{font-size:12px;padding:10px 13px;gap:10px}
@media(max-width:1000px){.intro-bottom{gap:24px}.intro .intro-description{flex-basis:300px;max-width:300px}.intro .intro-subtitle p{font-size:17px}.intro .intro-subtitle .intro-promise{font-size:20px}.product-copy{padding:22px 20px}.features{grid-template-columns:1fr}.actions{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.product{grid-template-columns:1fr}.intro h1{white-space:normal;font-size:clamp(27px,4.7vw,34px)}.intro-bottom{display:block;margin-top:17px}.intro .intro-description{max-width:580px;margin-top:18px}.intro .intro-subtitle p{font-size:17px}.intro .intro-subtitle .intro-promise{font-size:20px}.intro{padding:32px 0 27px}.visual{padding:8px}.product-copy{padding:24px}.features{grid-template-columns:1fr 1fr}.actions{flex-direction:row;align-items:center}.drawing-button{margin:0}}

/* Mevcut 3dsu.com.tr üst menüsü. */
.site-header{background:#fff;padding:10px 0;box-shadow:0 4px 20px #00000014;border-bottom:1px solid #e2e8f0;position:relative;z-index:10}.site-header .container{max-width:1400px;margin:auto;padding:0 20px}.site-header .nav{display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:16px;font-weight:400}.site-header .logo{width:auto;height:auto;position:static;overflow:visible;display:flex;align-items:center;gap:15px;flex-shrink:0;transform:none;margin:0}.site-header .logo-icon{width:80px;height:80px;background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}.site-header .logo-text{font-size:22px;font-weight:700;color:#0f172a;white-space:nowrap}.site-header .nav-section{display:flex;align-items:center;gap:30px}.site-header .nav-links{display:flex;gap:20px;list-style:none;padding:0;margin:0}.site-header .nav-links a{color:#64748b;font-weight:500;font-size:16px;white-space:nowrap}.site-header .nav-links a:hover,.site-header .nav-links a.active{color:#dc2626}.site-header .social-icons{display:flex;gap:15px}.site-header .social-icon-link{padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.site-header .social-icon-link:hover{background:#f8fafc}.site-header .social-icon{width:20px;height:20px}.site-header .hamburger-menu{display:none;width:30px;height:30px;background:transparent;border:0;padding:0;cursor:pointer;flex-direction:column;justify-content:space-around}.site-header .hamburger-menu span{height:3px;width:100%;background:#0f172a;border-radius:2px}.site-header button:focus-visible{outline:3px solid #2877bb;outline-offset:5px}
@media(max-width:1250px){.site-header .nav{flex-wrap:wrap;gap:5px}.site-header .nav-section{width:100%;justify-content:space-between;padding-bottom:10px}.site-header .logo-icon{height:64px;width:64px}}
@media(max-width:760px){.site-header .nav{flex-wrap:wrap;gap:0}.site-header .logo-text{font-size:18px}.site-header .logo{gap:10px}.site-header .logo-icon{height:60px;width:60px}.site-header .hamburger-menu{display:flex}.site-header .nav-section{display:none;padding:20px 0 10px;gap:20px}.site-header .nav-section.active{display:flex;flex-direction:column;align-items:stretch}.site-header .nav-links{flex-direction:column;gap:5px}.site-header .nav-links a{display:block;padding:10px 15px;background:#f8fafc;border-radius:8px}.site-header .nav-links a.active{background:#dc2626;color:white}.site-header .social-icons{justify-content:center}.site-header .social-icon{width:24px;height:24px}}


:root{--header-bottom:101px}
.video-timeline{position:absolute;bottom:0;left:0;right:0;z-index:4;display:flex;align-items:center;gap:6px;padding:8px;background:#08141de8;color:white;font-size:10px;font-variant-numeric:tabular-nums}
.video-timeline input{min-width:0;flex:1;width:100%;margin:0;accent-color:#fff;cursor:pointer;height:24px}
.video-timeline input:focus-visible{outline:2px solid white;outline-offset:2px}
.video-card .video-controls .video-sound{bottom:48px}
.video-card.is-expanded .video-timeline{padding:12px 24px;font-size:13px}
.video-card.is-expanded .video-controls .video-sound{bottom:65px}
.site-header{position:sticky;top:0;z-index:100}
@media(min-width:761px) and (max-width:1380px){.site-header .nav{flex-wrap:wrap;gap:5px}.site-header .nav-section{width:100%;justify-content:space-between;padding-bottom:10px}.site-header .logo-icon{height:64px;width:64px}.site-header .nav-links{gap:16px}.site-header .nav-links a{font-size:14px}}
.software-catalog{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:0;padding-top:0}
.tersip-column{min-width:0;padding-right:30px}
.software-catalog .intro{padding:24px 20px;margin:24px 0 22px;border:1px solid #dbe3ec;border-radius:8px;background:#f5f8fb}
.software-catalog .intro h1{white-space:normal;font-size:clamp(24px,2.35vw,33px);line-height:1.25;max-width:850px}
.software-catalog .intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}
.intro-bottom .app-launch{background:#a61d2a;color:#fff;cursor:pointer;border:0;border-radius:6px;font-family:inherit;font-size:17px;font-weight:700;padding:17px 22px;white-space:nowrap;text-align:center;line-height:1.4;flex:0 0 auto;min-width:295px;gap:12px}
.intro-bottom .app-launch{box-shadow:0 5px 12px #74131d30}
.intro-bottom .app-launch:hover{background:#851521;box-shadow:0 7px 16px #74131d40}
@media(max-width:1100px){.intro-bottom .app-launch{flex-basis:auto;min-width:270px;font-size:15px;padding:14px}.software-catalog .intro .intro-subtitle .intro-promise{font-size:18px}}
@media(max-width:760px){.software-catalog .intro-bottom{flex-direction:column;align-items:flex-start}.intro-bottom .app-launch{flex-basis:auto;font-size:17px}}
.software-catalog .intro .intro-subtitle p{font-size:16px}
.software-catalog .intro .intro-subtitle .intro-promise{font-size:21px}
.software-catalog .intro .intro-description{max-width:680px;font-size:13px;margin-top:12px}
.launch-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 24px}
.launch-row p{font-size:12px;color:#64748b;margin:0;max-width:350px;line-height:1.6}
.launch-row .button{white-space:nowrap;cursor:pointer;border:0;font-family:inherit;background:#a61d2a;color:white;padding:13px 16px;border-radius:6px}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:27px}
.video-slot{min-width:0;aspect-ratio:16/10}
.video-card{position:relative;width:100%;height:100%;border-radius:9px;overflow:hidden;background:#102433;box-shadow:0 7px 16px #10243330;color:white}
.video-card video{display:block;width:100%;height:100%;object-fit:contain;background:#102433}
.video-label{position:absolute;left:10px;top:10px;font-size:10px;padding:5px 8px;border-radius:4px;background:#102433b8;pointer-events:none}
.video-controls{position:absolute;inset:0;opacity:1;transition:background .18s;background:transparent;pointer-events:none}
.video-card:hover .video-controls,.video-card:focus-within .video-controls{background:linear-gradient(0deg,#07131c99,transparent 60%,#07131c40)}
.video-card:not(.is-paused) .video-play{opacity:0;pointer-events:none}
.video-card:hover .video-play,.video-card:focus-within .video-play{opacity:1;pointer-events:auto}
@media(hover:none){.video-card:not(.is-paused) .video-play{opacity:1;pointer-events:auto}}
.video-card:hover .video-controls,.video-card:focus-within .video-controls,.video-card.is-paused .video-controls,.video-card.has-error .video-controls{opacity:1}
.video-controls button,.video-close{position:absolute;border:1px solid #ffffff65;background:#102433b8;color:#fff;cursor:pointer;pointer-events:auto;display:grid;place-items:center;border-radius:50%;font-family:inherit;min-width:36px;min-height:36px}
.video-controls button:focus-visible,.video-close:focus-visible{outline:3px solid #fff;outline-offset:3px}
.video-expand{right:9px;top:9px;font-size:24px}
.video-play{left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;width:48px;height:48px}
.video-controls .video-sound{left:10px;bottom:10px;border-radius:5px;font-size:10px;padding:5px 8px;min-height:30px}
.video-message{position:absolute;inset:auto 10px 44px;font-size:11px;line-height:1.5;text-align:center;background:#102433df;border-radius:5px;margin:0}
.video-message:empty{display:none}
.frame-invitation{position:absolute;inset:0;border:2px solid #a61d2a;border-radius:9px;box-shadow:inset 0 0 14px #a61d2a80,0 0 5px #a61d2a77;pointer-events:none;z-index:2;animation:frame-inward 3s ease-out infinite}
@keyframes frame-inward{0%,8%{transform:scale(1);opacity:0}20%{opacity:.8}65%{transform:scale(.80);opacity:0}100%{transform:scale(.80);opacity:0}}
.video-card.is-expanded .frame-invitation{display:none}
@media(prefers-reduced-motion:reduce){.frame-invitation{display:none}}
.video-card.is-expanded{position:fixed;inset:var(--header-bottom) 0 0;width:100%;height:auto;border-radius:0;z-index:90;background:#08141d}
.video-card.is-expanded .video-label{top:20px;left:24px;font-size:13px}
.video-card.is-expanded .video-expand{display:none}
.video-card.is-expanded .video-play{width:66px;height:66px;font-size:29px}
.video-card.is-expanded .video-sound{left:24px;bottom:24px;font-size:13px;padding:9px 13px}
.video-card.is-expanded .video-message{bottom:80px}
.video-close{top:16px;right:20px;width:44px;height:44px;font-size:30px;z-index:3}
.video-close[hidden]{display:none}
body.video-expanded{overflow:hidden}
.software-catalog .product{display:block;border:0;box-shadow:none;background:transparent;overflow:visible}
.free-use-band{padding:26px 24px;border:1px solid #dbe3ec;border-radius:8px;background:#f5f8fb;text-align:left}
.free-use-title{margin:0;color:#a61d2a;font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.6}
.free-use-description{margin:8px 0 0;font-size:16px;font-weight:400;line-height:1.6}
.usage-terms{display:grid;grid-template-columns:1.3fr 1fr .9fr 1.3fr;gap:8px;margin-top:22px;padding:10px;border:1px solid #e3bbc0;border-radius:8px;background:#fff6f7}
.usage-terms .usage-label{display:block;align-content:center;white-space:nowrap;background:#a61d2a;color:#fff;border-color:#a61d2a}
.usage-terms span{display:flex;align-items:center;justify-content:center;padding:10px 8px;border:1px solid #dbe3ec;border-radius:6px;background:#fff;font-size:12px;font-weight:700;text-align:center}
.trial-note{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:20px;margin:18px 0 0;padding:20px;border:1px solid #e3bbc0;border-radius:8px;background:#fff6f7}
.campaign-title{flex:0 0 auto;color:#a61d2a;font-family:Impact,'Arial Narrow',sans-serif;font-size:45px;font-weight:400;line-height:1.1}
.campaign-copy{flex:1;min-width:0;margin:0;color:#111;font-family:'Arial Narrow',Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.65;text-align:left;word-spacing:normal;letter-spacing:normal}
.campaign-copy span{display:block;width:max-content;white-space:nowrap;transform-origin:left center}
@media(max-width:760px){.campaign-copy{width:100%}.campaign-copy span{width:auto;white-space:normal;transform:none!important}}
@media(max-width:760px){.trial-note{flex-direction:column;align-items:flex-start;gap:12px}.campaign-copy br{display:none}}
.trial-note::after{content:"";position:absolute;inset:0;border:2px solid #a61d2a;border-radius:8px;box-shadow:inset 0 0 14px #a61d2a80;pointer-events:none;animation:frame-inward 3s ease-out infinite}
.usage-terms,.trial-note{box-shadow:0 5px 13px #74212a22}
@media(prefers-reduced-motion:reduce){.trial-note::after{animation:none;opacity:0}}
@media(max-width:760px){.usage-terms{grid-template-columns:1fr 1fr}}
.about-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.about-heading-row h3{margin:0}
.sample-actions{display:flex;flex-direction:column;gap:8px;text-align:center}
.sample-report-button{background:#fff;color:#111;border:1px solid #a9b4be;border-radius:5px;padding:9px 12px;font-family:inherit;font-weight:600;font-size:12px;white-space:nowrap}
.sample-report-button:disabled{cursor:not-allowed}
.sample-report-note{font-size:11px;color:#64748b;margin:8px 0 16px}
.software-catalog .visual{padding:12px;border:1px solid #dbe3ec;border-radius:8px;background:#fff;display:block}
.drawing-button{position:relative}.drawing-expand-icon{position:absolute;right:10px;top:10px;display:grid;place-items:center;width:36px;height:36px;border-radius:6px;background:#ffffffec;border:1px solid #91a7ba;color:#203e58;font-size:26px;box-shadow:0 2px 7px #10243315}.drawing-button:hover .drawing-expand-icon{background:#203e58;color:#fff}
.software-catalog .section-label{margin:12px 0}
.explanation-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 42px;align-items:start}
.explanation-grid .product-copy,.explanation-grid .below{padding:22px;border:1px solid #dbe3ec;background:#fff;border-radius:8px;margin:0;display:block;min-width:0}
.explanation-grid .product-copy h2{font-size:22px}
.explanation-grid .description,.explanation-grid details p{font-size:12px;line-height:1.8}
.explanation-grid .features{font-size:11px;grid-template-columns:1fr;gap:8px}
.explanation-grid .product-copy .tag{font-size:9px;white-space:normal}
.explanation-grid .actions{display:none}
.explanation-grid .details-wrap{padding:0;border:0}
.explanation-grid .draft-note{margin-top:22px;padding:16px;background:#f5f8fb;border-radius:6px;border:0}
.explanation-grid h3{font-size:16px}
.explanation-grid summary{font-size:12px;line-height:1.7}
.explanation-grid .draft-note p{font-size:11px;line-height:1.8}
.coming-soon{border-left:1px solid #dce5ed;padding:42px 30px;text-align:center;background:linear-gradient(180deg,#f1f6fa,transparent 78%);min-width:0}
.future-label{font-size:10px;letter-spacing:2px;color:#758496}
.coming-soon h2{font-size:clamp(20px,2vw,28px);line-height:1.5;margin:30px 0;color:#203e58;letter-spacing:-.025em}
.future-status{display:inline-flex;gap:9px;align-items:center;font-size:13px;color:#64748b;background:#fff;border:1px solid #dbe4eb;border-radius:30px;padding:10px 14px}
.future-status span{width:7px;height:7px;background:#b8893d;border-radius:50%}
.future-logo{width:150px;height:150px;margin:80px auto 24px;background-position:center;background-size:contain;background-repeat:no-repeat}
.coming-soon>p{font-size:12px;color:#7b8895}
.launch-dialog{max-width:480px;width:calc(100% - 40px);padding:30px;border:1px solid #dbe3ec;border-radius:12px;font-family:inherit;color:#203e58}
.launch-dialog::backdrop{background:#0b2034aa}
.launch-dialog h2{font-size:22px}.launch-dialog p{font-size:14px;line-height:1.8}.launch-dialog button{cursor:pointer}
@media(hover:none){.video-controls{opacity:1}}
@media(max-width:1000px){.tersip-column{padding-right:20px}.coming-soon{padding:36px 20px}.launch-row{align-items:flex-start;flex-direction:column;gap:12px}.explanation-grid{grid-template-columns:1fr}.software-catalog .intro h1{font-size:26px}.video-label{font-size:8px;left:6px;top:6px;padding:4px}.video-controls .video-expand{right:5px;top:5px;min-width:28px;min-height:28px}.video-play{width:38px;height:38px;font-size:18px}}
@media(max-width:700px){.software-catalog{grid-template-columns:1fr}.tersip-column{padding-right:0}.coming-soon{border-left:0;border-top:1px solid #dce5ed;margin-bottom:24px;padding:30px 20px}.coming-soon h2{font-size:24px}.future-logo{margin:28px auto 20px;width:100px;height:100px}.software-catalog .intro h1{font-size:27px}.software-catalog .intro .intro-subtitle .intro-promise{font-size:18px}.video-grid{gap:7px}.video-slot{aspect-ratio:3/4}.video-label{max-width:calc(100% - 12px);top:auto;bottom:45px;font-size:9px}.video-card.is-expanded .video-label{bottom:auto}.launch-row .button{font-size:12px}.explanation-grid{margin-bottom:28px}}
@media(prefers-reduced-motion:reduce){.video-controls{transition:none}}
@media(max-width:700px){.video-card:not(.is-expanded) .video-label{bottom:84px}}
.video-timeline {
  background: transparent;
  text-shadow: 0 1px 3px #000;
}


.product-copy a.sample-report-button{background:#a61d2a!important;color:#fff!important;border:0!important;border-radius:6px!important;font-weight:700!important;box-shadow:0 5px 12px #74131d30;transition:background .2s,box-shadow .2s}
.product-copy a.sample-report-button:hover{background:#851521!important;box-shadow:0 7px 16px #74131d40}
.intro-bottom .app-launch,.product-copy a.sample-report-button{position:relative}
.intro-bottom .app-launch::after,.product-copy a.sample-report-button::after{content:"";position:absolute;inset:2px;border:2px solid #fff;border-radius:5px;pointer-events:none;opacity:.2;animation:tersip-white-frame 2.8s ease-in-out infinite}
@keyframes tersip-white-frame{0%,100%{inset:2px;opacity:.25;box-shadow:inset 0 0 0 transparent}50%{inset:6px;opacity:1;box-shadow:inset 0 0 8px #ffffff55}}
@media(prefers-reduced-motion:reduce){.intro-bottom .app-launch::after,.product-copy a.sample-report-button::after{animation:none;opacity:.8}}



/* KAZILINE — bağımsız sağ sütun */
.kl-sales-list{padding-left:20px;color:#ddd;font-size:12px;line-height:1.85}.kl-sales-list li{padding:0 0 15px 5px}.kl-sales-list a{text-decoration:underline;overflow-wrap:anywhere}.kl-consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.7;padding:16px 0;border-top:1px solid #333;cursor:pointer}.kl-consent input{accent-color:#bd2029;margin-top:4px;width:18px;height:18px;flex-shrink:0}#kl-consent-status{color:#ff9fa5}.kl [hidden]{display:none!important}

body{background:#fff}.software-catalog{max-width:1600px;padding-left:30px;padding-right:30px;align-items:stretch}.kl{background:#080808;color:#fff;padding:32px 28px 44px;min-width:0;font-family:Montserrat,"Segoe UI",sans-serif}.kl *{box-sizing:border-box}.kl .kl-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:22px;border-bottom:1px solid #353535}.kl .kl-over{color:#bdbdbd;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.kl h2{color:#fff;font-size:clamp(30px,3vw,46px);line-height:1.1;letter-spacing:-.055em;margin:26px 0 8px}.kl .kl-product{font-size:12px;letter-spacing:.16em;margin:0 0 26px;color:#ddd}.kl .kl-lead{font-size:clamp(18px,1.6vw,23px);line-height:1.5;font-weight:500;margin:0 0 26px;letter-spacing:-.025em}.kl .kl-red{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#bd2029;color:#fff;border:0;border-radius:4px;padding:13px 17px;font:700 12px Montserrat,"Segoe UI",sans-serif;cursor:pointer;text-decoration:none;transition:background .2s}.kl .kl-red:hover{background:#e32b37}.kl .kl-red:focus-visible,.kl summary:focus-visible{outline:3px solid white;outline-offset:4px}.kl .kl-videos{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 27px}.kl figure{margin:0;min-width:0}.kl .kl-video-frame{background:#181818;border:1px solid #383838;aspect-ratio:4/3;position:relative;overflow:hidden;border-radius:4px}.kl video{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:1;background:transparent}.kl .kl-video-empty{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:9px;color:#bbb;font-size:10px;text-align:center;padding:10px}.kl .kl-video-empty b{font-size:23px;color:#fff;font-weight:400}.kl figcaption{font-size:10px;color:#bbb;padding-top:9px;line-height:1.5}.kl .kl-copy{font-size:14px;line-height:1.85;color:#d1d1d1}.kl .kl-copy strong{color:#fff;font-weight:600}.kl .kl-divider{border:0;border-top:1px solid #353535;margin:28px 0}.kl h3{font-size:19px;line-height:1.4;color:white;margin:0 0 13px;letter-spacing:-.025em}.kl .kl-credits{display:flex;align-items:baseline;gap:12px;margin:6px 0}.kl .kl-credits strong{font-size:58px;line-height:1.1;letter-spacing:-.06em;font-weight:600}.kl .kl-credits span{font-size:14px;color:#ddd}.kl .kl-label{font-size:11px;color:#c2c2c2;margin:12px 0 16px}.kl .kl-terms{padding:0;list-style:none;margin:0}.kl .kl-terms li{border-top:1px solid #262626;padding:12px 0;font-size:12px;line-height:1.7;color:#d4d4d4}.kl .kl-terms li strong{color:#fff}.kl .kl-price{margin:23px 0 0}.kl .kl-price strong{display:block;font-size:36px;letter-spacing:-.04em;color:#fff}.kl .kl-price span{color:#bbb;font-size:11px}.kl .kl-full{width:100%;margin:18px 0 12px;padding:16px}.kl .kl-footnote{font-size:10px;color:#aaa;line-height:1.7;margin:0}.kl details{border-color:#383838}.kl summary{color:#fff;font-size:13px;padding:17px 0}.kl summary:after{color:#e43a43}.kl details p{font-size:12px;line-height:1.8;color:#ccc}.kl-dialog{background:#111;color:#fff;border:1px solid #555;border-radius:8px;padding:28px;max-width:440px;width:calc(100% - 40px)}.kl-dialog::backdrop{background:#000a}.kl-dialog h2{font-size:23px}.kl-dialog p{font-size:14px;line-height:1.8}.kl-dialog button{background:#bd2029;color:white;border:0;border-radius:4px;padding:12px 24px;cursor:pointer;font:inherit}
@media(max-width:1100px){.kl{padding:26px 20px}.kl .kl-top{align-items:flex-start;flex-direction:column}.kl .kl-lead{font-size:18px}.kl .kl-videos{gap:8px}.kl .kl-video-frame{aspect-ratio:3/4}}
@media(max-width:700px){.software-catalog{padding:0 18px}.kl{padding:30px 24px;margin:0 -18px}.kl .kl-top{flex-direction:row;align-items:center}.kl h2{font-size:44px}.kl .kl-video-frame{aspect-ratio:4/3}.kl .kl-lead{font-size:23px}.kl .kl-videos{gap:14px}}



/* İkinci taslak: beyaz sayfa üzerinde ayrı, köşeleri yumuşatılmış bantlar. */
.kl{background:transparent;color:#fff;padding:0;margin:24px 0 32px;align-self:start;border:0;border-radius:0}.kl-hero,.kl-content{background:#080808;border:1px solid #252525;border-radius:8px;padding:24px 20px;box-shadow:0 3px 9px #00000012}.kl-hero{margin-bottom:22px}.kl h2{font-size:clamp(24px,2.35vw,33px);font-weight:650;line-height:1.25;letter-spacing:-.045em;margin:0 0 8px}.kl .kl-product{font-size:16px;line-height:1.6;letter-spacing:0;text-transform:none;color:#c9c9c9;margin:0}.kl .kl-intro-bottom{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-top:16px}.kl .kl-lead{font-size:17px;line-height:1.55;letter-spacing:0;margin:0;flex:1}.kl .app-launch{min-width:0;position:relative;flex-shrink:0}.kl .app-launch::after{content:"";position:absolute;inset:2px;border:2px solid white;border-radius:5px;pointer-events:none;opacity:.2;animation:tersip-white-frame 2.8s ease-in-out infinite}.kl .kl-videos{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 27px;gap:12px}.kl .video-slot{aspect-ratio:1.08}.kl .video-card{border-radius:9px;box-shadow:0 7px 16px #10243330}.kl .video-card video{background:#102433}.kl .kl-copy{margin:0}.kl .kl-sales-list{margin-bottom:0}.kl .video-card.is-expanded{border-radius:0}.kl-sale-dialog{background:#fff;color:#111;border:0;border-radius:18px;width:min(760px,calc(100% - 32px));max-height:90vh;overflow-y:auto;padding:32px;font-family:Montserrat,"Segoe UI",sans-serif;box-shadow:0 24px 90px #0005}.kl-sale-dialog::backdrop{background:#193141b3}.kl-sale-dialog h2{font-size:26px;margin:12px 30px 30px 0}.kl-sale-dialog .kl-sales-list{font-size:14px;line-height:1.8;color:#161616}.kl-sale-dialog a{color:#195dad}.kl-modal-close{position:absolute;top:12px;right:16px;border:0;background:transparent;font-size:27px;cursor:pointer;color:#273e4c}.kl-modal-consent{display:flex;gap:14px;align-items:flex-start;font-size:14px;line-height:1.8;margin:25px 0;cursor:pointer}.kl-modal-consent input{width:20px;height:20px;flex-shrink:0;accent-color:#a61d2a;margin-top:4px}.kl-total{color:#a3450c;font-size:14px}.kl-sale-dialog #kl-consent-status{color:#a61d2a;font-size:13px;margin:22px 0}.kl-modal-actions{display:flex;justify-content:flex-end;gap:12px}.kl-modal-actions button{border:1px solid #bbc8d1;background:#fff;color:#243c50;padding:14px 18px;border-radius:6px;font:600 14px Montserrat,"Segoe UI",sans-serif;cursor:pointer}#kl-continue{background:#a61d2a;color:white;border-color:#a61d2a}#kl-continue:hover:not(:disabled){background:#851521}#kl-continue:disabled{opacity:.45;cursor:not-allowed}.kl-preview-note{font-size:11px;color:#6b747b;border-top:1px solid #ddd;padding-top:17px;margin-top:24px}.kl-sale-dialog button:focus-visible,.kl-sale-dialog input:focus-visible{outline:3px solid #2877bb;outline-offset:3px}
@media(max-width:1100px){.kl .kl-intro-bottom{flex-wrap:wrap}.kl .kl-lead{flex-basis:100%}.kl h2{font-size:26px}}
@media(max-width:700px){.kl{margin:0 0 24px}.kl h2{font-size:27px}.kl .kl-intro-bottom{flex-wrap:nowrap}.kl .kl-lead{flex-basis:auto}.kl .video-slot{aspect-ratio:3/4}.kl-sale-dialog{padding:24px 18px}.kl-sale-dialog h2{font-size:22px}.kl-modal-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.kl .app-launch::after{animation:none;opacity:.8}}



.kl{background:#080808;border:1px solid #252525;border-radius:9px;padding:24px 20px 30px;margin-top:24px;box-shadow:0 3px 9px #00000012;overflow:visible}
.kl-hero,.kl-content{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}.kl-hero{min-height:0!important;margin-bottom:24px}.kl-heading-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.kl-heading-row>div:first-child{min-width:0;flex:1}.kl-heading-row .intro-bottom{margin:0;flex:0 0 auto}.kl-heading-row .app-launch{min-width:0;padding-left:18px;padding-right:18px}.kl .kl-product{font-size:13px}.kl .kl-lead{margin:24px 0 0;font-size:19px;text-align:justify;text-align-last:left;line-height:1.6}.kl .kl-videos{width:100%;margin:0 auto 30px;justify-content:center;gap:14px}.kl .video-card{box-shadow:0 5px 16px #ffffff38;border:1px solid #ffffff60}.kl .video-controls,.kl .video-card .video-play{opacity:1!important}.kl .video-card .video-play{pointer-events:auto!important}.kl .video-card .video-controls{z-index:4}.kl .video-controls .video-sound{left:7px;font-size:10px}.kl .video-controls .video-expand{right:7px}.kl .kl-credits strong{color:#e52e3b}.kl .video-card.is-expanded{box-shadow:none}.kl .video-message{font-size:10px;pointer-events:none}
@media(max-width:1100px){.kl .kl-heading-row{gap:9px}.kl-heading-row .app-launch{padding-left:12px;padding-right:12px;font-size:13px}.kl .kl-product{font-size:11px}.kl .kl-lead{font-size:18px}}
@media(max-width:700px){.kl{margin:0 0 24px;padding:24px 20px}.kl .kl-product{font-size:12px}}



.kl .kl-lead{text-align:left;text-align-last:auto;word-spacing:normal;letter-spacing:normal;margin-top:0}
.kl .kl-white-divider{border-top:1px solid #ffffffa6;margin:23px 0}
.kl .intro-bottom .app-launch{box-shadow:0 5px 16px #ffffff55,0 1px 4px #ffffff40}
.kl .intro-bottom .app-launch:hover{box-shadow:0 7px 22px #ffffff70,0 1px 5px #ffffff55}


.kl .kl-heading-row{align-items:flex-start}.kl .kl-heading-row .intro-bottom{align-self:flex-start;margin-top:0}

@media(min-width:701px){.software-catalog{position:relative}.software-catalog::after{content:"";position:absolute;top:24px;bottom:32px;left:calc(66.666667% - 25px);width:3px;background:#a61d2a;border-radius:2px;pointer-events:none}}@media(min-width:701px) and (max-width:1000px){.software-catalog::after{left:calc(66.666667% - 20px)}}

.software-catalog{position:relative}.kl-outer-rule{position:absolute;top:24px;bottom:32px;width:3px;background:#a61d2a;border-radius:2px;pointer-events:none}.kl-outer-left{left:14px}.kl-outer-right{right:14px}@media(max-width:700px){.kl-outer-left{left:5px}.kl-outer-right{right:5px}.kl-outer-rule{bottom:24px}}

/* Additive showcase layout. The supplied stylesheet is kept unchanged. */
body { background:#fff; }
/* Homepage button style, fitted to the full showcase width. */
.sv-program-nav { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); max-width:1500px; margin:18px auto; padding:0 22px; gap:18px; }
.sv-program-button { position:relative; display:flex; align-items:center; justify-content:center; min-height:48px; min-width:0; padding:12px 18px; border:2px solid #e1e7ee; border-radius:12px; background:#fff; color:#172438; font-family:inherit; font-size:clamp(12px,1.05vw,16px); font-weight:700; line-height:1.3; text-align:center; box-shadow:0 5px 18px #0f172a29,inset 0 1px 0 #fff; cursor:pointer; transition:box-shadow .2s,background .2s,border-color .2s; }
.sv-program-button::after { content:""; position:absolute; inset:2px; border:2px solid #11151a; border-radius:8px; pointer-events:none; opacity:0; animation:sv-button-black-frame 2.8s ease-in-out infinite; }
.sv-program-button:nth-child(2)::after { animation-delay:.25s; }
.sv-program-button:nth-child(3)::after { animation-delay:.5s; }
.sv-program-button:nth-child(4)::after { animation-delay:.75s; }
@keyframes sv-button-black-frame {
  0%,6% { inset:2px; opacity:0; box-shadow:inset 0 0 0 transparent; }
  28% { inset:4px; opacity:.35; box-shadow:inset 0 0 3px #11151a15; }
  55% { inset:6px; opacity:.9; box-shadow:inset 0 0 8px #11151a33; }
  84%,100% { inset:9px; opacity:0; box-shadow:inset 0 0 0 transparent; }
}
.sv-program-button:hover { background:#f8fafc; box-shadow:0 7px 22px #0f172a3b; }
.sv-program-button[aria-pressed=true] { background:#edf0f3; border-color:#c5cfd9; box-shadow:0 5px 18px #0f172a29,inset 0 -3px 0 #c5cfd9; }
.sv-program-button:focus-visible { outline:3px solid #08739b; outline-offset:4px; }
.sv-catalog.software-catalog { max-width:1500px; margin-top:0; padding:0 22px; gap:24px; grid-template-columns:minmax(0,1.94fr) minmax(340px,1fr); }
.sv-catalog::after { display:none; }
.sv-pair { position:relative; height:var(--sv-height,720px); min-height:540px; --sv-upper-head:175px; --sv-lower-head:110px; }
.sv-pair::before { content:""; position:absolute; inset:0 auto 0 -12px; width:2px; background:#ab2432; border-radius:2px; }
.sv-pair:last-child::after { content:""; position:absolute; inset:0 -12px 0 auto; width:2px; background:#ab2432; border-radius:2px; }
.sv-panel, .sv-catalog .kl.sv-panel { position:absolute; left:0; right:0; margin:0; padding:0; min-width:0; border:4px solid var(--sv-frame,#a61d2a); border-radius:9px; background:var(--sv-panel-bg,#fff); display:flex; flex-direction:column; transition:top .38s cubic-bezier(.22,.7,.2,1),height .38s cubic-bezier(.22,.7,.2,1),box-shadow .3s,filter .25s,opacity .25s; box-shadow:0 8px 22px #152b3f30,0 2px 5px #10182024; }
.sv-panel.sv-is-dimmed { filter:grayscale(1) blur(1.4px); opacity:.6; pointer-events:none; }
.sv-panel.sv-is-selected { filter:none; opacity:1; scroll-margin-top:calc(var(--header-bottom,100px) + 16px); }
.sv-panel.sv-top { top:0; height:calc(62% - 6px); z-index:1; }
.sv-panel.sv-bottom { top:calc(62% + 6px); height:calc(38% - 6px); z-index:2; }
.sv-heading { position:relative; flex:0 0 auto; border-radius:4px 4px 0 0; background:inherit; cursor:pointer; }
.sv-body { min-height:0; flex:1 1 auto; overflow-y:auto; overflow-x:hidden; scrollbar-width:thin; scrollbar-color:#9da8b3 transparent; overscroll-behavior:contain; border-radius:0 0 6px 6px; }
.sv-body:focus-visible { outline:2px solid #a61d2a; outline-offset:-3px; }
.sv-toggle { position:absolute; right:5px; bottom:4px; width:24px; height:24px; display:grid; place-items:center; padding:3px; border:0; background:transparent; color:inherit; opacity:.55; cursor:pointer; border-radius:3px; }
.sv-toggle:hover { opacity:1; background:#8882; }
.sv-toggle svg { width:17px; height:17px; }
.sv-toggle[aria-expanded=true] svg { transform:rotate(180deg); }
.sv-catalog .sv-heading .intro { margin:0; padding:20px 22px 25px; border:0; border-radius:6px 6px 0 0; }
.sv-catalog .sv-tersip { --sv-frame:#11151a; padding:0; }
.sv-tersip .sv-body { padding:18px 18px 0; }
.sv-tersip .video-grid { margin-top:0; }
.sv-catalog .sv-kaziline { --sv-panel-bg:#080808; --sv-frame:#d92c40; color:#fff; }
.sv-catalog .sv-kaziline #kl-title { color:#fff; }
.sv-kaziline .sv-heading { padding:20px 18px 26px; }
.sv-kaziline .sv-body { padding:0 18px 20px; scrollbar-color:#666 #080808; }
.sv-kaziline .sv-body .kl-hero>.kl-divider:first-child { margin-top:0; }
.sv-catalog .sv-istinat { --sv-panel-bg:#101820; --sv-frame:#fff; color:#fff; }
.sv-catalog .sv-baraj { --sv-panel-bg:#0000c1; --sv-frame:#11151a; color:#fff; }
.sv-new-heading { padding:20px 22px 27px; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.sv-catalog .sv-new-heading h2 { margin:0; font-family:var(--sv-heading-font-family,inherit); font-weight:var(--sv-heading-font-weight,650); font-size:var(--sv-heading-font-size,clamp(24px,2.35vw,33px)); line-height:var(--sv-heading-line-height,1.25); letter-spacing:var(--sv-heading-letter-spacing,-.045em); color:#fff; }
.sv-new-heading .sv-cta { flex:0 0 auto; width:var(--sv-action-width,auto); max-width:100%; min-height:var(--sv-action-height,58px); padding:12px 18px; font-size:var(--sv-action-font-size,17px); line-height:var(--sv-action-line-height,1.4); }
.sv-cta { display:inline-flex; justify-content:center; align-items:center; gap:12px; min-height:46px; padding:12px 16px; font:700 12px Montserrat,"Segoe UI",sans-serif; text-decoration:none; border:1px solid #ef8d98; border-radius:5px; color:#fff; background:#ac1c2e; box-shadow:inset 0 0 0 3px #fff1,0 3px 9px #0002; cursor:pointer; }
.sv-cta:hover { background:#c5293b; }
.sv-cta:disabled,.sv-cta:disabled:hover { background:#ac1c2e; cursor:default; opacity:.7; }
.sv-cta span { font-size:17px; }
.sv-baraj .sv-new-heading { flex-wrap:wrap; }
.sv-baraj .sv-new-heading .sv-cta { width:auto; min-width:var(--sv-action-width,140px); white-space:nowrap; }
.sv-baraj .sv-cta { background:#181c21; border-color:#ffffff69; }
.sv-baraj .sv-cta:hover { background:#303640; }
.sv-baraj .sv-body { padding:0 22px 22px; scrollbar-color:#aebaff #0000c1; }
.sv-istinat .sv-body { scrollbar-color:#6c808f #101820; }
.sv-istinat-intro { padding:0 22px 20px; display:grid; grid-template-columns:1fr 1fr; gap:0 25px; }
.sv-kicker { font-size:10px; font-weight:600; letter-spacing:.13em; }
.sv-istinat-intro .sv-kicker { grid-column:1/-1; margin:0 0 10px; color:#b6c4cd; }
.sv-new-lead { font-size:23px; font-weight:600; line-height:1.35; margin:0; letter-spacing:-.035em; }
.sv-istinat-intro>p:last-child { margin:0; font-size:13px; line-height:1.8; color:#bac8d2; }
.sv-wall-figure { margin:0 22px; border-radius:4px; background:#f5f7f8; overflow:hidden; }
.sv-wall-figure svg { display:block; width:100%; height:auto; }
.sv-new-detail { padding:24px 22px; }
.sv-new-detail h3 { font-size:21px; font-weight:600; color:inherit; margin:0 0 16px; letter-spacing:-.025em; }
.sv-new-detail p,.sv-new-detail li { font-size:13px; line-height:1.85; color:inherit; }
.sv-new-detail ul { padding-left:18px; }
.sv-case-list { display:grid; grid-template-columns:repeat(2,1fr); gap:0 24px; }
.sv-case-list>span { padding:13px 0; border-top:1px solid #ffffff26; font-size:11px; color:#9baebd; display:flex; gap:20px; }
.sv-case-list b { font-size:13px; color:#edf3f6; font-weight:500; }
.sv-baraj-lead { font-size:15px; font-weight:550; line-height:1.6; margin:0 0 20px; }
.sv-credit-block { background:transparent; padding:22px 0; border-block:1px solid #ffffff70; }
.sv-credit-block .sv-kicker { color:#f1d9dd; }
.sv-credit-block h3 { color:#fff; font-size:16px; margin:11px 0 12px; }
.sv-credit-number { display:flex; gap:12px; align-items:baseline; }
.sv-credit-number strong { color:#fff; font-size:54px; letter-spacing:-.06em; line-height:1; font-weight:600; }
.sv-credit-number span { font-size:12px; color:#f1d9dd; }
.sv-credit-block p { font-size:10px; color:#f1d9dd; margin:16px 0; }
.sv-price { display:flex; align-items:baseline; gap:12px; border-top:1px solid #ffffff24; padding-top:15px; }
.sv-price b { font-size:22px; font-weight:600; }
.sv-price span { font-size:10px; color:#f1d9dd; }
/* The same video cards and controls used by KAZILINE, scoped to BARAJKAZI. */
.sv-baraj .sv-baraj-videos { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; margin:24px auto 0; justify-content:center; gap:14px; }
.sv-baraj .video-slot { aspect-ratio:1.08; }
.sv-baraj .video-card { border-radius:9px; box-shadow:0 5px 16px #ffffff38; border:1px solid #ffffff60; }
.sv-baraj .video-controls,.sv-baraj .video-card .video-play { opacity:1!important; }
.sv-baraj .video-card .video-play { pointer-events:auto!important; }
.sv-baraj .video-card .video-controls { z-index:4; }
.sv-baraj .video-controls .video-sound { left:7px; font-size:10px; }
.sv-baraj .video-controls .video-expand { right:7px; }
.sv-baraj .video-card.is-expanded { border-radius:0; box-shadow:none; }
.sv-baraj .video-message { font-size:10px; pointer-events:none; }
.sv-baraj .sv-new-detail { padding:24px 0 0; }
.sv-sales-information { margin-top:24px; padding-top:24px; border-top:1px solid #ffffff70; }
.sv-sales-information h3 { margin:0 0 20px; font-size:19px; line-height:1.4; color:inherit; }
.sv-sales-list { margin:0; padding-left:22px; font-size:13px; line-height:1.85; }
.sv-sales-list li { padding:0 0 16px 4px; }
.sv-sales-list li:last-child { padding-bottom:0; }
.sv-sales-list a { text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.sv-sales-list a:focus-visible { outline:2px solid currentColor; outline-offset:3px; }
.sv-pair[data-active=top] .sv-top { height:calc(100% - var(--sv-lower-head) - 12px); z-index:3; box-shadow:0 14px 32px #152b3f3b,0 3px 8px #1018202e; }
.sv-pair[data-active=top] .sv-bottom { top:calc(100% - var(--sv-lower-head)); height:var(--sv-lower-head); }
.sv-pair[data-active=bottom] .sv-top { height:var(--sv-upper-head); }
.sv-pair[data-active=bottom] .sv-bottom { top:calc(var(--sv-upper-head) + 12px); height:calc(100% - var(--sv-upper-head) - 12px); z-index:3; box-shadow:0 -10px 28px #152b3f30,0 8px 20px #1018202e; }
.sv-pair[data-active=top] .sv-bottom .sv-body,.sv-pair[data-active=bottom] .sv-top .sv-body { visibility:hidden; }
/* Every passive viewer tries to lift, then settles back against its stop.
   Six pixels stays inside the twelve-pixel gap between the viewers. */
.sv-panel.sv-is-passive { --sv-invitation-color:#a61d2a; transform-origin:center bottom; animation:sv-eager-lift 3.6s ease-in-out infinite; animation-delay:.4s; }
.sv-tersip.sv-is-passive { --sv-invitation-color:#11151a; }
.sv-kaziline.sv-is-passive { --sv-invitation-color:#ff5368; }
.sv-istinat.sv-is-passive { --sv-invitation-color:#fff; }
.sv-baraj.sv-is-passive { --sv-invitation-color:#fff; }
.sv-pair[data-pair=cad] .sv-is-passive { animation-delay:1s; }
/* The existing rectangular invitation motif: two frames travel inward. */
.sv-panel.sv-is-passive::before,.sv-panel.sv-is-passive::after { content:""; position:absolute; inset:0; border:2px solid var(--sv-invitation-color); border-radius:5px; pointer-events:none; z-index:8; opacity:0; box-shadow:inset 0 0 10px color-mix(in srgb,var(--sv-invitation-color) 35%,transparent); animation:sv-frame-inward 3.6s ease-out infinite; }
.sv-panel.sv-is-passive::after { animation-delay:1.8s; }
.sv-pair[data-pair=cad] .sv-is-passive::before { animation-delay:.6s; }
.sv-pair[data-pair=cad] .sv-is-passive::after { animation-delay:2.4s; }
@keyframes sv-eager-lift {
  0%,6%,48%,100% { transform:translateY(0); box-shadow:0 8px 22px #152b3f30,0 2px 5px #10182024; }
  17% { transform:translateY(-6px); box-shadow:0 17px 29px #152b3f47,0 4px 8px #10182030; }
  24% { transform:translateY(0); }
  32% { transform:translateY(-4px); box-shadow:0 13px 25px #152b3f40,0 3px 7px #1018202e; }
  38% { transform:translateY(0); }
  43% { transform:translateY(-1px); }
}
@keyframes sv-frame-inward {
  0%,6% { transform:scale(1); opacity:0; }
  16% { opacity:.85; }
  68% { transform:scale(.84); opacity:0; }
  100% { transform:scale(.84); opacity:0; }
}
/* Keep targets still for pointer/keyboard interaction and during dialogs. */
.sv-panel.sv-is-passive:is(:hover,:focus-within),.sv-panel.sv-is-passive:is(:hover,:focus-within)::before,.sv-panel.sv-is-passive:is(:hover,:focus-within)::after,
body:has(dialog[open],.video-card.is-expanded) .sv-panel.sv-is-passive,body:has(dialog[open],.video-card.is-expanded) .sv-panel.sv-is-passive::before,body:has(dialog[open],.video-card.is-expanded) .sv-panel.sv-is-passive::after { animation-play-state:paused; }
.sv-panel:has(.video-card.is-expanded) { animation:none; transform:none; }
.sv-help { margin:10px 24px 16px; color:#89929c; text-align:center; font-size:10px; }
.sv-preview-dialog { width:min(520px,calc(100% - 32px)); border:1px solid #dae2e9; border-radius:10px; padding:32px; color:#172438; box-shadow:0 24px 80px #0004; }
.sv-preview-dialog.sv-has-terms { width:min(760px,calc(100% - 32px)); max-height:88vh; overflow-y:auto; }
.sv-preview-dialog .sv-sales-information { border-top-color:#dce3ea; }
.sv-preview-dialog .sv-sales-list a { color:#195dad; }
.sv-preview-dialog::backdrop { background:#13253799; }
.sv-preview-dialog h2 { font-size:26px; margin:14px 0; }
.sv-preview-dialog p { font-size:14px; line-height:1.8; }
.sv-preview-detail { color:#687787; border-top:1px solid #dce3ea; padding-top:18px; }
.sv-dialog-eyebrow { font-size:10px; color:#a61d2a; letter-spacing:.15em; font-weight:700; }
.sv-dialog-close { position:absolute; right:12px; top:8px; border:0; background:none; font-size:26px; color:#687787; cursor:pointer; }
.sv-preview-dialog .sv-cta { margin-top:12px; }
.sv-catalog button:focus-visible { outline:2px solid #468bb3; outline-offset:3px; }
/* Full-screen video remains above the showcase, using the original controls. */
.sv-panel:has(.video-card.is-expanded) { z-index:200; }
.sv-catalog:has(.video-card.is-expanded) { position:relative; z-index:110; }
@media(max-width:1100px) {
 .sv-catalog.software-catalog { grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr); gap:20px; }
 .sv-new-heading { padding:18px 16px 27px; flex-wrap:wrap; gap:12px; }
 .sv-catalog .sv-heading .intro { padding:18px 16px 27px; }
 .sv-istinat-intro { grid-template-columns:1fr; gap:12px; }
 .sv-pair { min-height:620px; }
}
@media(max-width:760px) {
 html { scroll-padding-top:0; }
 .sv-program-nav { position:sticky; top:var(--sv-mobile-header-height,61px); z-index:99; width:100%; padding:8px 16px; gap:6px; grid-template-columns:minmax(0,1fr); margin:0 auto 16px; background:#fff; box-shadow:0 5px 12px #0f172a12; }
 .sv-program-button { min-height:44px; font-size:13px; padding:10px; }
 .sv-catalog.software-catalog { display:flex; flex-direction:column; padding:0 16px; gap:20px; }
 .sv-pair { display:none; }
 .sv-catalog > .sv-panel,.sv-catalog > .kl.sv-panel { position:relative; inset:auto; flex:0 0 auto; width:100%; height:660px; margin:0; z-index:auto; scroll-margin-top:calc(var(--sv-mobile-header-height,61px) + var(--sv-mobile-nav-height,210px) + 12px); }
 .sv-catalog > .sv-panel .sv-body { visibility:visible; overscroll-behavior-y:auto; }
 .sv-catalog .sv-toggle { display:none; }
 .sv-catalog .sv-heading .app-launch { min-width:0; max-width:100%; white-space:normal; }
 .sv-new-heading { flex-wrap:wrap; align-items:flex-start; padding:18px 16px 27px; }
 .sv-help { display:none; }
}
@media(max-width:370px) { .sv-new-heading { flex-wrap:wrap; } }
@media(max-width:700px) { .sv-baraj .video-slot { aspect-ratio:3/4; } }
@media(prefers-reduced-motion:reduce) { .sv-panel { transition:none!important; animation:none!important; } .sv-panel.sv-is-passive::before,.sv-panel.sv-is-passive::after { animation:none!important; opacity:0; } .sv-program-button::after { animation:none; opacity:.35; } }

/* Independent BARAJKAZI checkout; KAZILINE selectors are unchanged. */
.bk-sale-dialog { background:#fff; color:#111; border:0; border-radius:18px; width:min(760px,calc(100% - 32px)); max-height:90vh; overflow-y:auto; padding:32px; font-family:Montserrat,"Segoe UI",sans-serif; box-shadow:0 24px 90px #0005; }
.bk-sale-dialog::backdrop { background:#193141b3; }
.bk-sale-dialog h2 { font-size:26px; margin:12px 30px 30px 0; }
.bk-sale-dialog .bk-sales-list { padding-left:20px; margin-bottom:0; font-size:14px; line-height:1.8; color:#161616; }
.bk-sale-dialog .bk-sales-list li { padding:0 0 15px 5px; }
.bk-sale-dialog a { color:#195dad; }
.bk-sales-list a { text-decoration:underline; overflow-wrap:anywhere; }
.bk-modal-close { position:absolute; top:12px; right:16px; border:0; background:transparent; font-size:27px; cursor:pointer; color:#273e4c; }
.bk-modal-consent { display:flex; gap:14px; align-items:flex-start; font-size:14px; line-height:1.8; margin:25px 0; cursor:pointer; }
.bk-modal-consent input { width:20px; height:20px; flex-shrink:0; accent-color:#a61d2a; margin-top:4px; }
.bk-total { color:#a3450c; font-size:14px; }
.bk-sale-dialog #bk-consent-status { color:#a61d2a; font-size:13px; margin:22px 0; }
.bk-modal-actions { display:flex; justify-content:flex-end; gap:12px; }
.bk-modal-actions button { border:1px solid #bbc8d1; background:#fff; color:#243c50; padding:14px 18px; border-radius:6px; font:600 14px Montserrat,"Segoe UI",sans-serif; cursor:pointer; }
#bk-continue { background:#a61d2a; color:white; border-color:#a61d2a; }
#bk-continue:hover:not(:disabled) { background:#851521; }
#bk-continue:disabled { opacity:.45; cursor:not-allowed; }
.bk-preview-note { font-size:11px; color:#6b747b; border-top:1px solid #ddd; padding-top:17px; margin-top:24px; }
.bk-sale-dialog button:focus-visible,.bk-sale-dialog input:focus-visible { outline:3px solid #2877bb; outline-offset:3px; }
.bk-sale-dialog [hidden] { display:none!important; }
@media(max-width:700px) { .bk-sale-dialog { padding:24px 18px; } .bk-sale-dialog h2 { font-size:22px; } .bk-modal-actions { flex-wrap:wrap; } }

/* Detailed-use video links beside the KAZILINE and BARAJKAZI purchase actions. */
.sv-header-actions { position:relative; z-index:2; display:flex; flex:0 0 auto; flex-direction:column; align-items:flex-end; gap:9px; width:max-content; max-width:48%; }
.sv-header-actions > .intro-bottom { margin:0; flex:0 0 auto; }
.sv-tutorial-button { position:relative; isolation:isolate; display:inline-flex; align-items:center; justify-content:center; width:100%; min-height:42px; max-width:220px; overflow:hidden; padding:9px 12px; border:1px solid #d4dce4; border-radius:6px; background:#fff; color:#111!important; box-shadow:0 4px 12px #0002; font:700 11px/1.25 Montserrat,"Segoe UI",sans-serif; letter-spacing:.01em; text-align:center; text-decoration:none; white-space:normal; transition:transform .2s ease,box-shadow .2s ease; }
.sv-tutorial-button::after { content:""; position:absolute; z-index:-1; inset:2px; border:2px solid #111; border-radius:4px; opacity:0; pointer-events:none; animation:sv-tutorial-frame 2.8s ease-in-out infinite; }
.sv-tutorial-button:hover { transform:translateY(-2px); box-shadow:0 8px 18px #0003; }
.sv-tutorial-button:focus-visible { outline:3px solid #468bb3; outline-offset:3px; }
#kl-videos,#barajkazi-videos { scroll-margin-top:16px; }
@keyframes sv-tutorial-frame {
  0%,100% { inset:2px; opacity:0; }
  16% { inset:2px; opacity:.2; }
  52% { inset:7px; opacity:.95; }
  78% { inset:9px; opacity:.32; }
  90% { inset:10px; opacity:0; }
}
@media(max-width:760px) {
 .kl-heading-row { flex-wrap:wrap; }
 .kl-heading-row .sv-header-actions { max-width:100%; }
 .sv-new-heading .sv-header-actions { max-width:52%; }
 .sv-tutorial-button { min-height:40px; padding:8px 10px; font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .sv-tutorial-button::after { animation:none; opacity:.35; } .sv-tutorial-button { transition:none; } }