.principles-section{padding:30px 4.5% 68px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);font-family:Manrope,Arial,sans-serif}
.principles-heading{max-width:820px;margin:0 auto 32px;text-align:center}
.principles-heading>p{margin:0 0 10px;color:#6b8ead;font-size:10px;font-weight:700;letter-spacing:.34em}
.principles-heading h2{margin:0;color:#09213e;font-size:clamp(37px,4.5vw,60px);font-weight:800;letter-spacing:-.055em;line-height:1.05}
.principles-heading h2 span{color:#287bd1}
.principles-heading>div{max-width:700px;margin:13px auto 0;color:#536b84;font-size:14px;line-height:1.7}
.principles-accordion{width:min(100%,1380px);height:420px;margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(88px,.62fr) minmax(88px,.62fr);gap:8px;transition:grid-template-columns .7s cubic-bezier(.22,1,.36,1)}
.principles-accordion[data-active="safety"]{grid-template-columns:minmax(88px,.62fr) minmax(0,5fr) minmax(88px,.62fr)}
.principles-accordion[data-active="transparency"]{grid-template-columns:minmax(88px,.62fr) minmax(88px,.62fr) minmax(0,5fr)}
.principle-card{position:relative;min-width:0;height:100%;overflow:hidden;border:1px solid #dce7f1;border-radius:17px;background:#fff;box-shadow:0 12px 34px #0d33550b;transition:box-shadow .35s ease,background .3s ease}
.principle-card.is-active{box-shadow:0 18px 42px #0d33551c}
.principle-tab{position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:24px 13px 22px;border:0;background:#e9f3fc;color:#355674;display:flex;flex-direction:column;align-items:center;justify-content:space-between;cursor:pointer;opacity:1;transition:opacity .14s ease,background .25s ease}
.principle-safety .principle-tab{background:#eaf4ff}
.principle-transparency .principle-tab{background:#f6f4f0}
.principle-tab:hover{background:#dcecf9}
.principle-safety .principle-tab:hover{background:#dceeff}
.principle-transparency .principle-tab:hover{background:#eeece8}
.principle-card.is-active .principle-tab{visibility:hidden;opacity:0;pointer-events:none}
.principle-number{align-self:flex-start;margin-left:4px;color:#557590;font-size:22px;font-weight:500;letter-spacing:-.05em}
.principle-icon{display:grid;place-items:center;color:#2379c9;transition:transform .25s ease}
.principle-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.principle-tab:hover .principle-icon{transform:translateY(-3px)}
.principle-vertical{writing-mode:vertical-rl;transform:rotate(180deg);color:#102d4d;font-size:14px;font-weight:700;line-height:1.35;text-align:left}
.principle-arrow{display:grid;place-items:center;width:37px;height:37px;border:1px solid #b9d5ec;border-radius:50%;color:#176fc1;font-size:23px;line-height:1;transition:transform .25s ease,background .25s ease}
.principle-tab:hover .principle-arrow{transform:translateX(2px);background:#fff}
.principle-expanded{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-width:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .25s ease,visibility 0s linear .18s}
.principle-card.is-active .principle-expanded{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .32s ease .18s,transform .45s cubic-bezier(.22,1,.36,1) .18s,visibility 0s linear .18s}
.principle-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,3.1vw,52px);min-width:0}
.principle-overline{display:flex;align-items:center;gap:12px;margin:0 0 21px;color:#9bcdf2;font-size:9px;font-weight:800;letter-spacing:.16em}
.principle-overline span{font-size:15px;letter-spacing:0}
.principle-copy h3{max-width:460px;margin:0 0 16px;color:inherit;font-family:Manrope,Arial,sans-serif;font-size:clamp(25px,2.5vw,36px);font-weight:800;letter-spacing:-.045em;line-height:1.12}
.principle-copy>p:not(.principle-overline){max-width:470px;margin:0;color:inherit;font-size:13px;line-height:1.78}
.principle-cta{display:inline-flex;align-items:center;gap:16px;margin-top:25px;padding:12px 18px;border-radius:28px;background:#fff;color:#176fc1;font-size:12px;font-weight:700;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.principle-cta:hover{transform:translateY(-2px);box-shadow:0 8px 19px #031b3130}
.principle-cta span{font-size:17px}
.principle-ethics{border-color:#0e4774;background:#0a4679;color:#fff}
.principle-ethics .principle-expanded{background:linear-gradient(123deg,#0a3763 0%,#0c5590 58%,#156eac 100%)}
.principle-ethics .principle-copy{background:linear-gradient(115deg,#092f56f5,#0e5288e8)}
.principle-art{position:relative;min-width:0;height:100%;overflow:hidden}
.principle-art img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.05);transition:transform 1s cubic-bezier(.22,1,.36,1)}
.principle-card.is-active .principle-art img{transform:scale(1)}
.principle-art-ethics:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0c528a66,transparent 35%);pointer-events:none}
.principle-safety{background:#e9f4ff;color:#0c3155;border-color:#d3e7f7}
.principle-safety .principle-expanded{background:linear-gradient(135deg,#f4faff,#e4f2fe)}
.principle-safety .principle-copy{background:linear-gradient(125deg,#f6fbfff2,#e8f4fff2)}
.principle-safety .principle-overline{color:#3482c4}
.principle-safety .principle-cta{background:#176fc1;color:#fff}
.principle-safety .principle-art{background:#e5f2fd}
.principle-safety .principle-art img{object-fit:cover}
.principle-card.is-active[data-principle="safety"] .shield-line{animation:shieldDraw .95s cubic-bezier(.22,1,.36,1) forwards}
@keyframes shieldDraw{to{stroke-dashoffset:0}}
.principle-transparency{background:#f8f7f4;color:#132f4c;border-color:#e7e5df}
.principle-transparency .principle-expanded{background:linear-gradient(130deg,#fbfaf8,#f3f5f6)}
.principle-transparency .principle-copy{background:linear-gradient(125deg,#fbfaf8f5,#f3f4f1f0)}
.principle-transparency .principle-overline{color:#6484a1}
.principle-transparency .principle-cta{background:#176fc1;color:#fff}
.principle-art-transparency{display:grid;place-items:center;background:radial-gradient(circle at 55% 46%,#fff 0%,#f2f6fa 53%,#e7edf2 100%)}
.trust-graphic{display:block;width:100%;height:100%;max-height:420px;overflow:visible}
.trust-link{stroke-dasharray:240;stroke-dashoffset:240;opacity:.15}
.principle-card.is-active[data-principle="transparency"] .trust-link{animation:trustDraw .85s ease-out forwards}
.trust-nodes circle{opacity:.25;transform-box:fill-box;transform-origin:center}
.principle-card.is-active[data-principle="transparency"] .trust-nodes circle{animation:trustNode .35s ease-out forwards}
.principle-card.is-active[data-principle="transparency"] .trust-nodes circle:nth-child(2){animation-delay:.12s}
.principle-card.is-active[data-principle="transparency"] .trust-nodes circle:nth-child(3){animation-delay:.22s}
.principle-card.is-active[data-principle="transparency"] .trust-nodes circle:nth-child(4){animation-delay:.32s}
.principle-card.is-active[data-principle="transparency"] .trust-nodes circle:nth-child(5){animation-delay:.42s}
.principle-card.is-active[data-principle="transparency"] .trust-nodes circle:nth-child(6){animation-delay:.52s}
.principle-card.is-active[data-principle="transparency"] .trust-nodes circle:nth-child(7){animation-delay:.62s}
.principle-card.is-active[data-principle="transparency"] .trust-nodes circle:nth-child(8){animation-delay:.72s}
@keyframes trustDraw{to{stroke-dashoffset:0;opacity:1}}
@keyframes trustNode{to{opacity:1;transform:scale(1)}}
.trust-halo{opacity:.75}
.principles-pagination{display:flex;justify-content:center;gap:8px;margin:24px auto 0}
.principles-pagination i{display:block;width:30px;height:6px;border-radius:10px;background:#d5e0eb;transition:width .25s ease,background .25s ease}
.principles-pagination i.is-active{width:48px;background:#1e76cc}
@media(max-width:900px){
 .principles-section{padding:24px 4% 58px}
 .principles-accordion,.principles-accordion[data-active="safety"],.principles-accordion[data-active="transparency"]{height:auto;grid-template-columns:1fr;grid-template-rows:minmax(390px,auto) 60px 60px;transition:grid-template-rows .7s cubic-bezier(.22,1,.36,1)}
 .principles-accordion[data-active="safety"]{grid-template-rows:60px minmax(390px,auto) 60px}
 .principles-accordion[data-active="transparency"]{grid-template-rows:60px 60px minmax(390px,auto)}
 .principle-card{min-height:0}
 .principle-tab{flex-direction:row;justify-content:flex-start;gap:17px;padding:0 17px}
 .principle-number{align-self:center;margin:0;font-size:17px}
 .principle-icon svg{width:27px;height:27px}
 .principle-vertical{writing-mode:horizontal-tb;transform:none;font-size:12px}
 .principle-arrow{margin-left:auto;width:30px;height:30px;font-size:19px}
 .principle-expanded{grid-template-columns:minmax(0,1fr) minmax(0,.95fr)}
 .principle-copy{padding:26px}
}
@media(max-width:600px){
 .principles-section{padding:24px 15px 48px}
 .principles-heading{margin-bottom:24px}
 .principles-heading>p{font-size:8px;letter-spacing:.2em}
 .principles-heading>div{font-size:12px}
 .principles-accordion,.principles-accordion[data-active="safety"],.principles-accordion[data-active="transparency"]{grid-template-rows:minmax(0,430px) 58px 58px}
 .principles-accordion[data-active="safety"]{grid-template-rows:58px minmax(0,430px) 58px}
 .principles-accordion[data-active="transparency"]{grid-template-rows:58px 58px minmax(0,430px)}
 .principle-expanded{grid-template-columns:1fr;grid-template-rows:auto 1fr}
 .principle-copy{padding:22px 21px 15px;justify-content:flex-start}
 .principle-overline{margin-bottom:10px;font-size:8px}
 .principle-copy h3{margin-bottom:10px;font-size:24px}
 .principle-copy>p:not(.principle-overline){font-size:11px;line-height:1.6}
 .principle-cta{margin-top:14px;padding:9px 13px;font-size:10px}
 .principle-art{min-height:0}
 .principle-art img{object-position:center 44%}
 .trust-graphic{width:100%;height:100%}
}
@media(prefers-reduced-motion:reduce){
 .principles-accordion,.principle-card,.principle-tab,.principle-icon,.principle-arrow,.principle-expanded,.principle-art img,.principle-cta,.principles-pagination i{transition:none!important;animation:none!important}
 .principle-card.is-active .principle-expanded{opacity:1;visibility:visible}
 .principle-card.is-active[data-principle="safety"] .shield-line{stroke-dashoffset:0}
 .trust-link{stroke-dashoffset:0;opacity:1}
 .trust-nodes circle{opacity:1}
}

.principle-art-ethics .photo-credit{position:absolute;z-index:2;right:12px;bottom:10px;padding:5px 8px;border:1px solid #ffffff6b;border-radius:6px;background:#08264ab8;color:#fff;font-size:8px;font-weight:600;text-decoration:none;backdrop-filter:blur(5px)}
.principle-art-ethics .photo-credit:hover{background:#08264ae8}


/* Corporate presentation for NOVA core principles — behavior remains unchanged. */
.principles-section{padding:48px 4.5% 62px!important;background:#f5f8fb!important;border-top:1px solid #e3ebf2!important}
.principles-accordion{height:392px!important;gap:10px!important;grid-template-columns:minmax(0,5fr) minmax(94px,.7fr) minmax(94px,.7fr)!important}
.principles-accordion[data-active="safety"]{grid-template-columns:minmax(94px,.7fr) minmax(0,5fr) minmax(94px,.7fr)!important}
.principles-accordion[data-active="transparency"]{grid-template-columns:minmax(94px,.7fr) minmax(94px,.7fr) minmax(0,5fr)!important}
.principle-card{border:1px solid #ccdbe7!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important}
.principle-card.is-active{border-color:#0b4778!important;box-shadow:0 14px 28px rgba(8,48,81,.12)!important}
.principle-tab,.principle-safety .principle-tab,.principle-transparency .principle-tab{padding:20px 12px!important;background:#fff!important;color:#173e60!important;border-top:3px solid #1b73b8!important}
.principle-tab:hover,.principle-safety .principle-tab:hover,.principle-transparency .principle-tab:hover{background:#f5f9fc!important}
.principle-number{color:#6f8498!important;font-size:15px!important;font-weight:700!important;letter-spacing:.03em!important}
.principle-icon{width:45px!important;height:45px!important;border:1px solid #c6d8e7!important;border-radius:50%!important;color:#166aaf!important}
.principle-icon svg{width:22px!important;height:22px!important;stroke-width:1.65!important}
.principle-vertical{color:#123b5d!important;font-size:12px!important;font-weight:800!important;letter-spacing:.02em!important}
.principle-arrow{width:31px!important;height:31px!important;border:1px solid #b7cedf!important;border-radius:3px!important;color:#1767a9!important;font-size:19px!important}
.principle-tab:hover .principle-arrow{background:#1767a9!important;color:#fff!important;transform:none!important}
.principle-expanded{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important}
.principle-copy,.principle-ethics .principle-copy,.principle-safety .principle-copy,.principle-transparency .principle-copy{padding:clamp(28px,3vw,46px)!important;background:#082f53!important;color:#fff!important}
.principle-overline,.principle-safety .principle-overline,.principle-transparency .principle-overline{margin-bottom:16px!important;color:#9ed2f6!important;font-size:9px!important;letter-spacing:.15em!important}
.principle-overline:after{content:"";display:block;width:30px;height:1px;background:#7dbbe7}
.principle-copy h3{margin-bottom:14px!important;color:#fff!important;font-size:clamp(24px,2.35vw,34px)!important;letter-spacing:-.035em!important}
.principle-copy>p:not(.principle-overline){color:#d5e5f2!important;font-size:12px!important;line-height:1.75!important}
.principle-cta,.principle-safety .principle-cta,.principle-transparency .principle-cta{margin-top:21px!important;padding:10px 15px!important;border:1px solid #9bc7e6!important;border-radius:3px!important;background:transparent!important;color:#fff!important;font-size:11px!important}
.principle-cta:hover{background:#fff!important;color:#0b4778!important;box-shadow:none!important;transform:none!important}
.principle-ethics .principle-expanded,.principle-safety .principle-expanded,.principle-transparency .principle-expanded{background:#fff!important}
.principle-art-ethics:before{background:linear-gradient(90deg,#082f5352,transparent 50%)!important}
.principle-safety .principle-art{background:#eaf3fa!important}.principle-art-transparency{background:#f2f6f9!important}
.principles-pagination{justify-content:flex-start!important;width:min(100%,1380px)!important;margin:17px auto 0!important;gap:6px!important}.principles-pagination i{width:24px!important;height:3px!important;border-radius:0!important;background:#c9d7e3!important}.principles-pagination i.is-active{width:48px!important;background:#176fb6!important}
@media(max-width:900px){.principles-section{padding:35px 4% 52px!important}.principles-accordion,.principles-accordion[data-active="safety"],.principles-accordion[data-active="transparency"]{height:auto!important;grid-template-columns:1fr!important;grid-template-rows:minmax(380px,auto) 60px 60px!important}.principles-accordion[data-active="safety"]{grid-template-rows:60px minmax(380px,auto) 60px!important}.principles-accordion[data-active="transparency"]{grid-template-rows:60px 60px minmax(380px,auto)!important}.principle-tab{gap:14px!important}.principle-icon{width:35px!important;height:35px!important}.principle-vertical{font-size:12px!important}.principle-expanded{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}}
@media(max-width:600px){.principles-section{padding:28px 15px 45px!important}.principles-accordion,.principles-accordion[data-active="safety"],.principles-accordion[data-active="transparency"]{grid-template-rows:minmax(0,440px) 58px 58px!important}.principles-accordion[data-active="safety"]{grid-template-rows:58px minmax(0,440px) 58px!important}.principles-accordion[data-active="transparency"]{grid-template-rows:58px 58px minmax(0,440px)!important}.principle-expanded{grid-template-columns:1fr!important;grid-template-rows:auto 1fr!important}.principle-copy{padding:23px 21px 17px!important}.principle-copy h3{font-size:24px!important}.principle-art{min-height:0!important}.principles-pagination{margin-top:13px!important}}

/* Ana sayfa ilkeler — fotoğraf kullanılan kurumsal yüzey */
.principle-safety .shield-illustration,.principle-transparency .trust-graphic{display:none!important}
.principle-safety .principle-art{background-image:linear-gradient(135deg,rgba(5,42,77,.14),rgba(5,42,77,.48)),url('https://images.unsplash.com/photo-1560785496-3c9d27877182?auto=format&fit=crop&fm=jpg&q=85&w=1400')!important;background-size:cover!important;background-position:center!important}
.principle-transparency .principle-art{background-image:linear-gradient(135deg,rgba(5,42,77,.10),rgba(5,42,77,.45)),url('https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&fm=jpg&q=85&w=1400')!important;background-size:cover!important;background-position:center!important}