@import url("styles-v7.css?v=14");

/* Wiser tanıtım alt sayfaları */
.detail-hero{position:relative;overflow:hidden;padding:172px 0 88px;background:radial-gradient(circle at 85% 8%,#DDE7FF 0,transparent 31%),radial-gradient(circle at 66% 36%,#F6E5ED 0,transparent 30%),#F8FAFF;border-bottom:1px solid var(--line)}
.detail-hero::after{content:"";position:absolute;width:52vw;height:52vw;right:-16vw;top:-30vw;border:1px solid rgba(37,85,199,.12);border-radius:50%;pointer-events:none}
.detail-hero .wrap{position:relative;z-index:1}
.detail-kicker{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}
.detail-kicker::before{content:none;display:none}
.detail-hero h1{max-width:1000px;font-size:clamp(42px,6vw,80px);line-height:1.04;letter-spacing:-.06em;margin:23px 0}
.detail-hero h1 em{font-style:normal;color:#5C51D9}
.detail-hero p{max-width:690px;font-size:clamp(17px,1.8vw,21px);line-height:1.5;color:var(--sub)}
.detail-hero .btn-row{margin-top:32px}
.detail-crumb{margin-top:60px;font-size:13px;color:var(--quiet)}
.detail-crumb a{color:var(--brand);font-weight:650}
.detail-crumb span{padding:0 9px}
.detail-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(32px,7vw,110px);align-items:start}
.detail-intro h2,.detail-head h2{font-size:clamp(30px,3.4vw,46px);line-height:1.12;letter-spacing:-.045em}
.detail-intro p,.detail-head p{font-size:17px;line-height:1.6;color:var(--sub)}
.detail-intro p+p{margin-top:18px}
.detail-section{padding:90px 0}
.detail-section--soft{background:#F7F9FD;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.detail-head{max-width:780px;margin-bottom:40px}
.detail-head .detail-kicker{margin-bottom:18px}
.detail-head p{margin-top:16px}
.detail-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.detail-card{min-height:222px;padding:30px;border:1px solid var(--line);background:#fff;border-radius:7px;display:flex;flex-direction:column;justify-content:space-between}
.detail-card small{font-size:12px;color:var(--brand);font-weight:800;letter-spacing:.1em}
.detail-card h3{font-size:23px;line-height:1.17;margin:18px 0 12px}
.detail-card p{font-size:15px;line-height:1.5;color:var(--sub)}
.detail-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.detail-flow>div{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.detail-flow b{display:block;color:var(--brand);font-size:13px;margin-bottom:40px}
.detail-flow h3{font-size:21px;margin-bottom:12px}
.detail-flow p{font-size:15px;color:var(--sub);line-height:1.5}
.detail-video-section{padding:0 0 90px}
.detail-video-section .detail-head{margin-bottom:28px}
.detail-video-frame{padding:10px;background:#111D42;border:1px solid #263967;border-radius:10px;box-shadow:0 30px 70px rgba(19,35,78,.2)}
.detail-video-frame video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#080D1C;border-radius:4px}
.detail-cta{padding:80px 0;background:#111D42;color:#fff}
.detail-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}
.detail-cta h2{color:#fff;font-size:clamp(30px,3.7vw,48px);line-height:1.1}
.detail-cta p{margin-top:12px;color:#BAC8EA;max-width:560px}
.detail-cta .btn{background:#fff;color:#162C69;white-space:nowrap}
.detail-cta .btn:hover{background:#EDF2FF}
.faq-list{max-width:900px;border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:0 4px}
.faq-list summary{list-style:none;cursor:pointer;padding:23px 38px 23px 0;font-size:19px;font-weight:750;color:var(--solid);position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:"+";position:absolute;right:4px;color:var(--brand);font-size:25px;font-weight:400;top:18px}
.faq-list details[open] summary::after{content:"−"}
.faq-list p{max-width:760px;padding:0 24px 24px 0;line-height:1.6;color:var(--sub)}
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.contact-card{padding:32px;border:1px solid var(--line);border-radius:7px;background:#fff;min-height:205px}
.contact-card small{display:block;color:var(--brand);font-weight:800;letter-spacing:.12em;font-size:12px;margin-bottom:24px}
.contact-card h2{font-size:25px;margin-bottom:10px}
.contact-card p{color:var(--sub);line-height:1.5}
.contact-card a{font-weight:700;word-break:break-word}
.legal-hero{padding:172px 0 76px;background:#F8FAFE;border-bottom:1px solid var(--line)}
.legal-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.08;margin:22px 0}
.legal-hero p{max-width:780px;font-size:18px;line-height:1.6;color:var(--sub)}
.legal-hero .detail-crumb{margin-top:38px}
.legal-content{padding:66px 0 100px}
.legal-content .wrap{max-width:1040px}
.legal-section{display:grid;grid-template-columns:54px minmax(0,1fr);gap:22px;padding:30px 0;border-bottom:1px solid var(--line)}
.legal-section:first-child{border-top:1px solid var(--line)}
.legal-section>span{font-size:13px;font-weight:800;color:var(--brand);padding-top:6px;font-variant-numeric:tabular-nums}
.legal-section h2{font-size:24px;line-height:1.2;margin-bottom:15px}
.legal-section p{max-width:760px;font-size:16px;line-height:1.7;color:var(--sub)}
.legal-section p+p{margin-top:10px}
@media(max-width:939px){.detail-cards,.detail-flow,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-intro{grid-template-columns:1fr}.detail-hero{padding-top:146px}}
@media(max-width:639px){.detail-hero{padding:132px 0 62px}.detail-hero h1{font-size:42px}.detail-crumb{margin-top:44px}.detail-section{padding:60px 0}.detail-video-section{padding:0 0 60px}.detail-video-frame{padding:5px}.detail-cards,.detail-flow,.contact-grid{grid-template-columns:1fr}.detail-cta{padding:60px 0}.detail-cta .wrap{align-items:flex-start;flex-direction:column}.legal-hero{padding:132px 0 56px}.legal-hero p{font-size:16px}.legal-content{padding:40px 0 72px}.legal-section{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:24px 0}.legal-section h2{font-size:21px}.legal-section p{font-size:15px}}