/* Safa Soch V7.2 — Skill City 2.0 / cinematic polish + indexing edition */
:root{--v72-gold:#f3cc69;--v72-gold2:#ffe8a5;--v72-ink:#052e24;--v72-night:#001812;--v72-glass:rgba(255,255,255,.07);--v72-line:rgba(255,255,255,.13);--v72-camera:0}
html{scroll-behavior:smooth}
body.safasoch-v72{background:#f7f1e4}
body.safasoch-v72::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:radial-gradient(560px circle at var(--v71-cx,-1000px) var(--v71-cy,-1000px),rgba(246,214,129,.035),transparent 55%);mix-blend-mode:screen}
/* Header 2.0 */
body.safasoch-v72 .header{top:10px;left:16px;right:16px;border-radius:24px;background:linear-gradient(180deg,rgba(2,44,34,.9),rgba(2,35,28,.78));box-shadow:0 20px 70px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(24px) saturate(135%)}
body.safasoch-v72 .header-row{min-height:88px;gap:14px}
body.safasoch-v72 .brand-logo{min-width:220px}
body.safasoch-v72 .brand-logo img{width:218px!important;max-height:72px!important;object-fit:contain;object-position:left center}
body.safasoch-v72 .brand-logo::after{left:118px;bottom:5px;font-size:6px;letter-spacing:.23em}
body.safasoch-v72 .header nav{margin-left:auto;gap:2px;align-items:center}
body.safasoch-v72 .header nav>a{padding:12px 10px!important;font-size:10.4px!important;letter-spacing:.01em}
.v72-secondary-nav{display:flex;align-items:center;gap:4px;margin-left:2px;padding-left:7px;border-left:1px solid rgba(255,255,255,.1)}
.v72-secondary-nav>a{color:#a9c6ba!important;text-decoration:none;font-size:9.5px!important;font-weight:850;padding:9px 6px!important;white-space:nowrap}.v72-secondary-nav>a:hover{color:#fff!important}.v72-secondary-nav .v7-search-btn{width:34px;height:34px}
body.safasoch-v72 .header nav>a.nav-cta{margin-left:4px;padding:13px 21px!important;background:linear-gradient(135deg,#ffe393,#d9a93d)!important;color:#17382e!important;box-shadow:0 14px 34px rgba(227,184,79,.25)}
/* Hero cinematic camera */
body.safasoch-v72 .v7-hero{min-height:990px;padding-top:142px;background:radial-gradient(circle at 70% 13%,rgba(245,207,108,.20),transparent 22%),radial-gradient(circle at 77% 62%,rgba(59,176,128,.16),transparent 31%),linear-gradient(118deg,#001b15 0%,#023426 43%,#07563d 69%,#01291f 100%);overflow:clip}
body.safasoch-v72 .v7-hero::before{background:linear-gradient(90deg,rgba(0,20,15,.73),rgba(1,40,30,.25) 45%,transparent 76%),repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 92px),radial-gradient(ellipse at 66% 90%,rgba(190,239,213,.1),transparent 37%)}
body.safasoch-v72 .v7-hero-copy{padding-top:46px;position:relative;z-index:8}
body.safasoch-v72 .v7-hero h1{font-size:clamp(72px,6.85vw,116px);line-height:.82;letter-spacing:-.067em}
body.safasoch-v72 .v7-hero h1 strong{background:linear-gradient(100deg,#d9a637,#ffe89e 48%,#d9a637 72%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:v72Gold 7.5s ease-in-out infinite}
@keyframes v72Gold{0%,70%,100%{background-position:0% center}85%{background-position:100% center}}
body.safasoch-v72 .v7-hero-lead{max-width:650px;font-size:16.6px;color:#d1e3dc}
.v72-camera{position:absolute;inset:0;transform-style:preserve-3d;transform:translate3d(0,calc(var(--v72-camera)*-18px),0) scale(calc(1 + var(--v72-camera)*.035));transition:transform .12s linear;will-change:transform}
.v72-scene{transform-style:preserve-3d}
.v72-horizon{position:absolute;left:50%;top:50%;width:930px;height:500px;transform:translate(-50%,-32%) translateZ(-120px);background:radial-gradient(ellipse,rgba(130,235,191,.13),transparent 63%);filter:blur(3px);pointer-events:none}
.v72-road-ring{position:absolute;left:50%;bottom:121px;border:1px solid rgba(248,215,125,.29);border-radius:50%;transform-style:preserve-3d;transform:translateX(-50%) rotateX(67deg);pointer-events:none}.v72-road-ring::after{content:"";position:absolute;inset:8px;border:1px dashed rgba(191,231,211,.18);border-radius:inherit}
.v72-road-ring.rr1{width:520px;height:170px;transform:translateX(-50%) rotateX(67deg) translateZ(14px);box-shadow:0 0 35px rgba(242,203,102,.07)}.v72-road-ring.rr2{width:370px;height:120px;transform:translateX(-50%) rotateX(67deg) translateZ(28px);opacity:.72}
body.safasoch-v72 .v71-scene .v7-city-base{box-shadow:inset 0 -28px 58px rgba(0,0,0,.29),inset 0 10px 32px rgba(255,255,255,.075),0 42px 95px rgba(0,0,0,.38),0 0 55px rgba(231,194,98,.07)}
body.safasoch-v72 .v71-scene .v7-tower{transform:translateZ(78px) scale(1.04)}
body.safasoch-v72 .v71-scene .v7-tower-core{background:linear-gradient(180deg,rgba(25,124,89,.98),rgba(4,61,46,.98));border-color:rgba(252,221,137,.55);box-shadow:inset 0 0 30px rgba(211,248,230,.07),0 24px 50px rgba(0,0,0,.32)}
body.safasoch-v72 .v7-person-card{border:1px solid rgba(255,255,255,.22);box-shadow:0 28px 65px rgba(0,0,0,.34);background:rgba(1,37,28,.45);backdrop-filter:blur(14px);overflow:hidden}
body.safasoch-v72 .v7-person-card::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.13),transparent 25%,transparent 72%,rgba(242,202,102,.08));pointer-events:none}
body.safasoch-v72 .v7-person-card img{filter:saturate(.94) contrast(1.03)}
body.safasoch-v72 .v7-person-card p{background:linear-gradient(180deg,transparent,rgba(0,24,18,.93) 39%);padding-top:46px}
body.safasoch-v72 .pc1{width:236px;height:322px;left:13px;bottom:46px;transform:translateZ(116px) rotateY(8deg)}
body.safasoch-v72 .pc2{width:205px;height:262px;right:-18px;bottom:49px;transform:translateZ(104px) rotateY(-7deg)}
body.safasoch-v72 .pc3{width:177px;height:224px;right:64px;top:33px;transform:translateZ(62px) rotateY(-5deg)}
body.safasoch-v72 .pc2 img{object-position:center 35%}
.v72-city-path{position:absolute;left:50%;bottom:54px;width:470px;transform:translateX(-50%) translateZ(92px);display:grid;grid-template-columns:repeat(5,1fr);gap:6px;z-index:15;pointer-events:none}
.v72-city-path::before{content:"";position:absolute;left:8%;right:8%;top:17px;height:1px;background:linear-gradient(90deg,transparent,#efc867 8%,#efc867 92%,transparent);opacity:.55;z-index:-1}
.v72-city-path span{display:grid;justify-items:center;gap:5px;color:#e7f3ee;font-size:6px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;text-shadow:0 3px 10px #001812}.v72-city-path i{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:rgba(3,59,44,.93);border:1px solid rgba(242,202,102,.62);font-style:normal;color:#f4d77f;font-size:7px;box-shadow:0 9px 20px rgba(0,0,0,.22),0 0 0 5px rgba(255,255,255,.02)}
.v72-stage-caption{max-width:370px;white-space:normal!important;line-height:1.35}
/* chapter nav becomes cinematic film strip */
.v72-story-nav{position:relative;z-index:10;margin-top:-14px}.v72-story-nav .shell{grid-template-columns:repeat(5,1fr);background:linear-gradient(180deg,#fffdf8,#f7efdf);box-shadow:0 30px 80px rgba(4,55,42,.08);border-radius:22px;overflow:hidden}.v72-story-nav a{position:relative}.v72-story-nav a::after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:#d5a541;transform:scaleX(0);transition:.3s}.v72-story-nav a.is-active::after,.v72-story-nav a:hover::after{transform:scaleX(1)}
/* Smooth cinematic transitions */
body.safasoch-v72 .v7-marquee{margin-top:32px;box-shadow:0 18px 60px rgba(2,47,35,.07)}
body.safasoch-v72 .v7-chapter{margin-top:26px;border-radius:54px 54px 0 0;box-shadow:0 -30px 70px rgba(5,55,42,.06)}
body.safasoch-v72 .v7-chapter-card{border-radius:30px;background:linear-gradient(145deg,rgba(2,43,32,.84),rgba(3,61,44,.68));box-shadow:0 36px 100px rgba(0,0,0,.28)}
body.safasoch-v72 .v7-course-card{border-radius:28px;overflow:hidden}.v7-course-card::after{content:"";position:absolute;inset:auto -30% -58% -30%;height:170px;background:radial-gradient(ellipse,rgba(19,108,78,.10),transparent 65%);pointer-events:none}
body.safasoch-v72 .v7-game{border-radius:52px 52px 0 0;overflow:hidden}.v7-game::after{content:"GAME WORLD";position:absolute;right:-20px;bottom:-82px;font-family:var(--v7-serif);font-size:150px;font-weight:700;letter-spacing:-.06em;color:rgba(255,255,255,.018);white-space:nowrap;pointer-events:none}
body.safasoch-v72 .v7-real{background:linear-gradient(180deg,#f7f1e4,#fffdf8)}
body.safasoch-v72 .v7-bento article{border-radius:30px}.v7-bento .cap{backdrop-filter:blur(12px)}
body.safasoch-v72 .v71-career{background:radial-gradient(circle at 50% 48%,rgba(12,101,74,.08),transparent 36%),linear-gradient(180deg,#f4ecd9,#ebe2cf)}
body.safasoch-v72 .v71-career-track article{border-radius:30px;box-shadow:0 28px 70px rgba(4,55,42,.065)}
body.safasoch-v72 .v7-founder{background:radial-gradient(circle at 22% 55%,rgba(16,104,75,.07),transparent 28%),linear-gradient(180deg,#fffdf8,#f6efe1)}
body.safasoch-v72 .v7-founder-portrait{border-radius:34px;overflow:visible}.v7-founder-portrait img{border-radius:30px}
body.safasoch-v72 .v7-values{border-radius:48px 48px 0 0;overflow:hidden}
body.safasoch-v72 .v72-final{background:radial-gradient(circle at 78% 36%,rgba(244,205,105,.13),transparent 26%),linear-gradient(135deg,#011e18,#044632)}
/* Footer 2.0 */
body.safasoch-v72 footer{background:radial-gradient(circle at 15% 16%,rgba(39,134,98,.10),transparent 24%),radial-gradient(circle at 86% 13%,rgba(239,199,102,.09),transparent 25%),#001913}
body.safasoch-v72 .v7-footer-top{padding-top:96px}.v72-footer-signature{position:relative;z-index:2;display:flex;align-items:center;gap:20px;padding:25px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);color:#d8eadf}.v72-footer-signature span{font-family:var(--v7-serif);font-size:28px;color:#f0ce74;letter-spacing:.08em}.v72-footer-signature i{flex:1;text-align:center;font-style:normal;font-size:7.5px;letter-spacing:.22em;text-transform:uppercase;color:#709487}.v72-footer-signature i::before,.v72-footer-signature i::after{content:" — ";color:#d0a749}
/* Responsive */
@media(max-width:1220px){body.safasoch-v72 .brand-logo{min-width:190px}body.safasoch-v72 .brand-logo img{width:190px!important}.v72-secondary-nav>a:first-child{display:none}body.safasoch-v72 .pc1{left:35px}body.safasoch-v72 .pc2{right:10px}}
@media(max-width:980px){body.safasoch-v72 .header{left:10px;right:10px;top:8px}body.safasoch-v72 .header nav{padding:18px!important}.v72-secondary-nav{border-left:0;border-top:1px solid rgba(255,255,255,.1);padding:10px 0 0;margin:6px 0 0;width:100%;justify-content:flex-start}.v72-secondary-nav>a:first-child{display:block}.v72-camera{transform:scale(calc(.92 + var(--v72-camera)*.02)) translateY(calc(var(--v72-camera)*-10px));transform-origin:center}.v72-story-nav .shell{grid-template-columns:repeat(5,1fr)}}
@media(max-width:700px){body.safasoch-v72 .brand-logo img{width:155px!important}.v72-story-nav{overflow:auto}.v72-story-nav .shell{width:720px;margin-left:12px}.v72-city-path{width:430px;bottom:59px}.v72-city-path span{font-size:5.5px}.v72-stage-caption{max-width:250px;font-size:8px!important}.v72-camera{transform:scale(calc(.98 + var(--v72-camera)*.015));transform-origin:center top}.v72-footer-signature span{font-size:20px}.v72-footer-signature i{font-size:6px;letter-spacing:.12em}}
@media(prefers-reduced-motion:reduce){body.safasoch-v72::before{display:none}.v72-camera{transform:none!important}body.safasoch-v72 .v7-hero h1 strong{animation:none}.v72-city-path{transform:translateX(-50%) translateZ(0)}}