:root{
  --voc-teal:#05657e;
  --voc-teal-deep:#044b5e;
  --voc-gold:#e9cb6c;
  --voc-white:#ffffff;
  --voc-grey:#c3c3c1;
  --voc-dark:#1f2933;
  --voc-muted:#5f6f76;
  --voc-bg:#f8faf9;
  --voc-soft-teal:#edf7f8;
  --voc-soft-gold:#fbf6e7;
  --voc-shadow:0 24px 70px rgba(5,101,126,.13);
  --voc-shadow-strong:0 30px 90px rgba(5,101,126,.18);
  --voc-radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Poppins,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--voc-dark);background:#fff;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{max-width:100%;height:auto;display:block}
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:fixed;left:18px;top:18px;width:auto;height:auto;background:#fff;color:var(--voc-teal);z-index:9999;padding:12px 18px;border-radius:12px;box-shadow:var(--voc-shadow)}
.voc-container{width:min(1200px,calc(100% - 40px));margin-inline:auto}
.voc-narrow{width:min(920px,calc(100% - 40px));text-align:center}
.voc-main{overflow:hidden}
.voc-section{position:relative;padding:100px 0;overflow:hidden}
.voc-section h1,.voc-section h2,.voc-section h3{font-family:Montserrat,Poppins,sans-serif;color:var(--voc-teal);margin:0}
.voc-section h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.035em;font-weight:850;margin-bottom:18px}
.voc-section p{font-size:17px;line-height:1.8;color:var(--voc-muted);margin:0 0 18px}
.voc-label{display:block;text-transform:uppercase;letter-spacing:1.4px;font-size:13px;font-weight:850;color:var(--voc-gold);margin:0 0 14px}
.voc-page-content,.voc-post-body{font-size:17px;line-height:1.85;color:var(--voc-dark)}
.voc-page-content p,.voc-post-body p,.voc-post-body li{color:var(--voc-dark)}
.voc-post-body ul{padding-left:20px}
.voc-site-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(5,101,126,.1);backdrop-filter:blur(14px);transition:box-shadow .3s ease,background .3s ease}
.voc-site-header.is-scrolled{background:rgba(255,255,255,.97);box-shadow:0 10px 32px rgba(5,101,126,.08)}
.voc-header-inner{width:min(1200px,calc(100% - 40px));height:82px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}
.voc-logo{width:190px;max-height:58px;object-fit:contain}
.voc-main-nav{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:650;color:var(--voc-dark)}
.voc-main-nav a{position:relative;white-space:nowrap;transition:.25s;color:var(--voc-dark)}
.voc-main-nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--voc-gold);transition:.25s;border-radius:999px}
.voc-main-nav a:hover{color:var(--voc-teal)} .voc-main-nav a:hover:after{width:100%}
.voc-header-actions{display:flex;align-items:center;gap:12px}
.voc-menu-toggle{display:none;background:transparent;border:0;padding:8px;cursor:pointer}
.voc-menu-toggle span{display:block;width:25px;height:2px;background:var(--voc-teal);margin:5px 0;border-radius:999px}
.voc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:15px 28px;font-weight:800;font-size:15px;line-height:1.2;border:1.5px solid transparent;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease,border-color .25s ease;cursor:pointer;text-align:center}
.voc-btn:hover{transform:translateY(-3px)}
.voc-btn-primary{background:var(--voc-teal);color:#fff;border-color:var(--voc-teal);box-shadow:0 14px 30px rgba(5,101,126,.18)}
.voc-btn-primary:hover{background:var(--voc-gold);border-color:var(--voc-gold);color:var(--voc-teal);box-shadow:0 16px 34px rgba(233,203,108,.28)}
.voc-btn-secondary{background:transparent;color:var(--voc-teal);border-color:var(--voc-teal)}
.voc-btn-secondary:hover{background:var(--voc-teal);color:#fff;box-shadow:0 16px 34px rgba(5,101,126,.18)}
.voc-btn-gold{background:var(--voc-gold);color:var(--voc-teal);border-color:var(--voc-gold);box-shadow:0 14px 30px rgba(233,203,108,.22)}
.voc-btn-gold:hover{background:#fff;color:var(--voc-teal);border-color:#fff;box-shadow:0 16px 34px rgba(255,255,255,.2)}
.voc-btn-white-outline{background:transparent;color:#fff;border-color:#fff}
.voc-btn-white-outline:hover{background:#fff;color:var(--voc-teal)}
.voc-hero{padding:85px 0 90px;min-height:calc(100vh - 82px);display:flex;align-items:center;background:radial-gradient(circle at 4% 22%,rgba(5,101,126,.08) 0,transparent 29%),radial-gradient(circle at 95% 30%,rgba(233,203,108,.18) 0,transparent 28%),linear-gradient(180deg,#fff 0%,#fbfcfc 100%)}
.voc-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}
.voc-hero-copy h1{font-size:clamp(2.6rem,5vw,4.35rem);font-weight:900;line-height:1.03;letter-spacing:-.055em;color:var(--voc-teal);margin:0 0 22px}
.voc-lead{font-size:19px!important;line-height:1.75!important;color:var(--voc-dark)!important;max-width:640px}
.voc-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px}.voc-actions.center{justify-content:center}
.voc-supporting-line{margin-top:18px!important;font-size:14px!important;color:var(--voc-muted)!important}
.voc-hero-media{position:relative}.voc-hero-media img{border-radius:32px;box-shadow:var(--voc-shadow-strong)}
.voc-floating-badge{position:absolute;left:28px;bottom:26px;background:rgba(255,255,255,.94);color:var(--voc-teal);font-weight:850;border:1px solid rgba(5,101,126,.12);box-shadow:0 14px 36px rgba(5,101,126,.18);border-radius:18px;padding:14px 18px;backdrop-filter:blur(10px)}
.voc-motion{position:absolute;border-radius:999px;pointer-events:none;z-index:0;will-change:transform}.voc-orbit-one{width:420px;height:420px;border:42px solid rgba(5,101,126,.08);left:-180px;top:115px;animation:spin 22s linear infinite}.voc-orbit-two{width:370px;height:370px;border:36px solid rgba(233,203,108,.16);right:-170px;bottom:70px;animation:spin 28s linear infinite reverse}
.voc-doodle{position:absolute;pointer-events:none;z-index:1;opacity:.85;will-change:transform}.voc-doodle-star{width:74px;height:74px;right:10%;top:14%;background:radial-gradient(circle,var(--voc-gold) 0 22%,transparent 23%),linear-gradient(45deg,transparent 42%,rgba(5,101,126,.22) 43% 57%,transparent 58%);border-radius:50%;animation:float 5.5s ease-in-out infinite}.voc-doodle-wave{width:190px;height:90px;left:8%;bottom:12%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='100' viewBox='0 0 220 100'%3E%3Cpath d='M6 60 C46 10 86 110 126 60 S206 10 214 60' fill='none' stroke='%23e9cb6c' stroke-width='8' stroke-linecap='round' stroke-dasharray='4 18'/%3E%3C/svg%3E") center/contain no-repeat;animation:float 6s ease-in-out infinite}
.voc-about,.voc-founders{background:var(--voc-bg)}
.voc-highlight-box{margin-top:34px;background:#fff;border:1px solid rgba(5,101,126,.12);border-radius:24px;padding:24px 34px;color:var(--voc-teal);font-weight:800;box-shadow:0 16px 48px rgba(5,101,126,.07)}
.voc-section-head{text-align:center;width:min(780px,100%);margin:0 auto 46px}.voc-section-head p{max-width:740px;margin-inline:auto}
.voc-card-grid,.voc-post-grid{display:grid;gap:26px}.voc-two{grid-template-columns:repeat(2,minmax(0,1fr))}.voc-three{grid-template-columns:repeat(3,minmax(0,1fr))}.voc-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.voc-tilt{transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--tilt-x,0)) rotateY(var(--tilt-y,0));transition:transform .18s ease,box-shadow .3s ease,border-color .3s ease}
.voc-card,.voc-step-card,.voc-value-card,.voc-founder-card,.voc-post-card,.voc-blog-feature{background:#fff;border:1px solid rgba(5,101,126,.13);border-radius:var(--voc-radius);box-shadow:0 18px 58px rgba(5,101,126,.08)}
.voc-card{padding:42px;min-height:100%}.voc-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0)) rotateY(var(--tilt-y,0)) translateY(-7px);border-color:rgba(233,203,108,.75);box-shadow:0 26px 76px rgba(5,101,126,.13)}
.voc-card h3{font-size:30px;margin:4px 0 14px;font-weight:850}.voc-card ul{padding:0;margin:22px 0 28px;list-style:none}.voc-card li{position:relative;margin:10px 0;padding-left:28px;color:var(--voc-dark);line-height:1.5}.voc-card li:before{content:"";position:absolute;left:0;top:.45em;width:12px;height:12px;border-radius:50%;background:var(--voc-gold);box-shadow:0 0 0 4px rgba(233,203,108,.18)}.voc-card-eyebrow{font-weight:800!important;color:var(--voc-gold)!important;font-size:14px!important;margin:18px 0 0!important}.voc-card-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--voc-soft-teal);color:var(--voc-teal);font-size:28px;font-weight:900}.voc-card-icon.gold{background:var(--voc-soft-gold);color:var(--voc-gold)}
.voc-steps{background:#fff}.voc-step-card{padding:36px;border-top:5px solid var(--voc-teal)}.voc-step-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0)) rotateY(var(--tilt-y,0)) translateY(-6px);box-shadow:0 24px 68px rgba(5,101,126,.12)}.voc-step-number{display:block;font-size:56px;font-weight:950;line-height:1;color:rgba(5,101,126,.16);margin-bottom:14px}.voc-step-card h3{font-size:26px;margin-bottom:12px}
.voc-dark-section{background:radial-gradient(circle at 90% 15%,rgba(233,203,108,.18) 0,transparent 28%),radial-gradient(circle at 5% 80%,rgba(255,255,255,.1) 0,transparent 25%),linear-gradient(135deg,var(--voc-teal) 0%,var(--voc-teal-deep) 100%);color:#fff}.voc-dark-section h2,.voc-dark-section h3{color:#fff}.voc-dark-section p{color:rgba(255,255,255,.88)}.voc-dark-section .voc-label{color:var(--voc-gold)}.voc-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.voc-quality-block{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:28px;margin-bottom:18px;backdrop-filter:blur(8px);transition:.25s}.voc-quality-block:hover{transform:translateX(6px);background:rgba(255,255,255,.14)}.voc-quality-block h3{margin:0 0 10px;font-size:24px}
.voc-value-card{position:relative;padding:34px;overflow:hidden;min-height:238px}.voc-value-card:before{content:attr(data-letter);position:absolute;right:24px;top:10px;font-size:92px;line-height:1;font-weight:950;color:rgba(5,101,126,.07)}.voc-value-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0)) rotateY(var(--tilt-y,0)) translateY(-6px);background:#fff;box-shadow:0 22px 60px rgba(5,101,126,.1)}.voc-value-card h3{position:relative;font-size:23px;margin:0 0 14px}.voc-value-card p{position:relative;font-size:16px}
.voc-founder-card{padding:22px;text-align:center}.voc-founder-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0)) rotateY(var(--tilt-y,0)) translateY(-8px);box-shadow:0 30px 80px rgba(5,101,126,.14);border-color:rgba(233,203,108,.75)}.voc-founder-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px}.voc-founder-card h3{font-size:22px;margin:20px 0 0;font-weight:850}.voc-gold-line{display:block;width:42px;height:3px;background:var(--voc-gold);border-radius:999px;margin:12px auto}.voc-founder-card p{font-size:15px;line-height:1.6}
.voc-blog-preview{background:#fff}.voc-blog-feature{display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.voc-blog-feature:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0)) rotateY(var(--tilt-y,0)) translateY(-7px);box-shadow:0 26px 76px rgba(5,101,126,.13)}.voc-blog-feature-media img{width:100%;height:100%;object-fit:cover}.voc-blog-feature-copy{padding:34px}.voc-blog-feature-copy h3{font-size:34px;line-height:1.15;margin:0 0 12px}.voc-blog-feature-copy h3 a:hover{color:var(--voc-teal-deep)}
.voc-cta{background:radial-gradient(circle at 90% 20%,rgba(233,203,108,.22) 0,transparent 28%),radial-gradient(circle at 5% 80%,rgba(255,255,255,.1) 0,transparent 25%),linear-gradient(135deg,var(--voc-teal) 0%,var(--voc-teal-deep) 100%);color:#fff;text-align:center}.voc-cta h2{color:#fff}.voc-cta p{color:rgba(255,255,255,.88);font-size:18px}
.voc-contact-details{display:grid;gap:12px;margin-top:28px}.voc-contact-details a{display:inline-flex;color:var(--voc-teal);font-weight:800}
.voc-socials{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.voc-socials a{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;transition:.25s}.voc-socials a svg{width:20px;height:20px}.voc-socials a:hover{background:var(--voc-gold);color:var(--voc-teal)}.voc-socials-dark a{background:var(--voc-soft-teal);color:var(--voc-teal)}
.voc-form{background:var(--voc-bg);border:1px solid rgba(5,101,126,.1);border-radius:28px;padding:36px;box-shadow:0 20px 60px rgba(5,101,126,.08);display:grid;gap:16px}.voc-form label{display:grid;gap:8px;color:var(--voc-teal);font-weight:800}.voc-form input,.voc-form textarea,.voc-form select{width:100%;border-radius:14px;border:1px solid rgba(5,101,126,.18);min-height:52px;padding:13px 16px;color:var(--voc-dark);background:#fff;font:inherit;transition:.22s}.voc-form textarea{resize:vertical}.voc-form input:focus,.voc-form textarea:focus,.voc-form select:focus{outline:0;border-color:var(--voc-teal);box-shadow:0 0 0 4px rgba(5,101,126,.1)}.voc-form button{width:100%}.voc-form-success{background:var(--voc-soft-gold);border:1px solid rgba(233,203,108,.55);color:var(--voc-teal);padding:14px 16px;border-radius:16px;font-weight:800}
.voc-page-hero{padding:86px 0 34px;background:linear-gradient(180deg,#fff 0%,#fbfcfc 100%)}.voc-page-hero h1,.voc-post-title{font-size:clamp(2.3rem,4.6vw,3.7rem);font-weight:900;line-height:1.06;letter-spacing:-.04em;margin-bottom:18px}
.voc-blog-archive{padding-top:40px}.voc-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voc-post-card{overflow:hidden}.voc-post-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0)) rotateY(var(--tilt-y,0)) translateY(-7px);box-shadow:0 26px 76px rgba(5,101,126,.13)}.voc-post-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover}.voc-post-content{padding:24px}.voc-post-meta{font-size:13px;font-weight:700;color:var(--voc-gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.voc-post-content h2{font-size:28px;line-height:1.2;margin-bottom:12px}.voc-post-single{width:min(900px,calc(100% - 40px));margin-inline:auto}.voc-post-hero-image{margin:24px 0 28px;border-radius:28px;overflow:hidden;box-shadow:var(--voc-shadow)}.voc-post-hero-image img{width:100%;height:auto}.voc-post-nav{margin-top:32px}
.voc-empty-state{text-align:center;padding:42px;background:var(--voc-bg);border-radius:24px}.voc-pagination{margin-top:30px}.voc-pagination .nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.voc-pagination a,.voc-pagination span{padding:10px 14px;border:1px solid rgba(5,101,126,.15);border-radius:999px;color:var(--voc-teal)}
.voc-footer{background:linear-gradient(135deg,var(--voc-teal) 0%,var(--voc-teal-deep) 100%);color:#fff;padding:70px 0 34px}.voc-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px}.voc-footer-logo{width:205px;filter:brightness(0) invert(1);opacity:.95;margin-bottom:18px}.voc-footer h3{margin:0 0 18px;color:#fff}.voc-footer p,.voc-footer a{color:rgba(255,255,255,.82);line-height:1.7}.voc-footer a{display:block;margin:8px 0}.voc-footer a:hover{color:var(--voc-gold)}.voc-footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:34px;padding-top:24px}.voc-footer-bottom p{margin:0;text-align:center;font-size:14px;color:rgba(255,255,255,.82)}
.reveal{opacity:0;transform:translateY(28px) scale(.98);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:translateY(0) scale(1)}.reveal-delay-1{transition-delay:.08s}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.reveal-delay-4{transition-delay:.32s}
@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(6deg)}} @keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media (max-width:1120px){.voc-main-nav{display:none}.voc-menu-toggle{display:block}.voc-main-nav.open{position:absolute;left:20px;right:20px;top:82px;display:grid;gap:0;background:#fff;border:1px solid rgba(5,101,126,.12);box-shadow:var(--voc-shadow);border-radius:22px;padding:14px;z-index:1000}.voc-main-nav.open a{padding:12px}.voc-header-actions .voc-header-cta{display:none}.voc-hero-grid,.voc-split,.voc-blog-feature{grid-template-columns:1fr}.voc-hero-grid{gap:34px}.voc-hero-copy{text-align:center}.voc-lead{margin-inline:auto}.voc-actions{justify-content:center}.voc-two,.voc-three,.voc-four,.voc-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.voc-footer-grid{grid-template-columns:1fr 1fr}.voc-section{padding:78px 0}}
@media (max-width:720px){.voc-container,.voc-narrow,.voc-header-inner,.voc-post-single{width:min(100% - 32px,1200px)}.voc-logo{width:150px}.voc-hero{padding:58px 0 64px;min-height:auto}.voc-hero-copy h1,.voc-page-hero h1,.voc-post-title{font-size:2.25rem}.voc-lead{font-size:16px!important}.voc-actions{display:grid}.voc-btn{width:100%;padding:14px 22px}.voc-hero-media img,.voc-post-hero-image{border-radius:22px}.voc-floating-badge{position:static;margin-top:14px;text-align:center}.voc-two,.voc-three,.voc-four,.voc-post-grid{grid-template-columns:1fr}.voc-section-head{margin-bottom:32px}.voc-card,.voc-step-card,.voc-value-card,.voc-founder-card,.voc-form,.voc-blog-feature-copy,.voc-post-content{padding:26px;border-radius:22px}.voc-footer-grid{grid-template-columns:1fr}.voc-section h2,.voc-post-content h2{font-size:2rem}.voc-orbit-one{width:280px;height:280px;left:-170px;top:80px}.voc-orbit-two{width:250px;height:250px;right:-150px;bottom:40px}.voc-doodle-star{display:none}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.voc-tilt{transform:none!important}}


.voc-announcement-bar{position:relative;background:linear-gradient(90deg,var(--voc-teal) 0%,var(--voc-teal-deep) 100%);color:#fff;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.voc-announcement-track{display:flex;gap:48px;white-space:nowrap;padding:12px 0;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;animation:vocMarquee 28s linear infinite}
.voc-announcement-track span{position:relative}.voc-announcement-track span:after{content:"•";position:absolute;right:-28px;top:0;color:var(--voc-gold)}
.voc-hero-premium{padding-top:74px}
.voc-mesh{position:absolute;inset:0;background:radial-gradient(circle at 15% 18%, rgba(233,203,108,.22), transparent 22%),radial-gradient(circle at 80% 22%, rgba(5,101,126,.15), transparent 24%),radial-gradient(circle at 70% 70%, rgba(233,203,108,.10), transparent 20%);filter:blur(20px);pointer-events:none}
.voc-hero-visual-frame{position:relative;border-radius:34px;padding:12px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.55));box-shadow:var(--voc-shadow-strong)}
.voc-hero-visual-frame img{border-radius:26px}
.voc-hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.voc-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:#fff;border:1px solid rgba(5,101,126,.1);color:var(--voc-teal);font-size:13px;font-weight:800;box-shadow:0 10px 24px rgba(5,101,126,.08)}
.voc-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--voc-gold);display:block}
.voc-hero-stat{position:absolute;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid rgba(5,101,126,.1);border-radius:18px;padding:14px 16px;box-shadow:0 18px 36px rgba(5,101,126,.14);max-width:220px;animation:floatSoft 7s ease-in-out infinite}
.voc-hero-stat strong{display:block;color:var(--voc-teal);font-size:16px;margin-bottom:4px}.voc-hero-stat span{display:block;font-size:13px;line-height:1.5;color:var(--voc-muted)}
.voc-hero-stat.stat-one{left:-20px;bottom:100px}.voc-hero-stat.stat-two{right:-20px;top:90px;animation-delay:1.2s}
.voc-feature-strip{padding-top:0;margin-top:-22px;z-index:5}.voc-mini-feature{padding:28px;background:linear-gradient(180deg,#fff 0%,#fbfcfc 100%);border:1px solid rgba(5,101,126,.08);border-radius:24px;box-shadow:0 18px 50px rgba(5,101,126,.08)}
.voc-mini-feature:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0)) rotateY(var(--tilt-y,0)) translateY(-8px);box-shadow:0 26px 70px rgba(5,101,126,.12)}
.voc-mini-feature-icon{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--voc-soft-teal),#fff);color:var(--voc-teal);font-size:24px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(5,101,126,.08)}
.voc-mini-feature h3{font-size:22px;margin:18px 0 10px}.voc-mini-feature p{font-size:15px;margin:0}
.voc-about-split{align-items:start}.voc-about-panel{display:grid;gap:20px}.voc-glass-card{padding:28px;border-radius:26px;background:rgba(255,255,255,.7);backdrop-filter:blur(18px);border:1px solid rgba(5,101,126,.1);box-shadow:0 18px 50px rgba(5,101,126,.08)}
.voc-glass-card.accent{background:linear-gradient(135deg,rgba(5,101,126,.95),rgba(4,75,94,.92));color:#fff}.voc-glass-card.accent h3,.voc-glass-card.accent p{color:#fff}.voc-glass-card h3{font-size:24px;margin-bottom:14px}.voc-glass-card ul{margin:0;padding-left:20px}.voc-glass-card li{margin:10px 0;color:var(--voc-dark)}
.voc-process-line{height:2px;background:linear-gradient(90deg,rgba(5,101,126,.0) 0%,rgba(5,101,126,.3) 14%,rgba(233,203,108,.85) 50%,rgba(5,101,126,.3) 86%,rgba(5,101,126,.0) 100%);margin:0 auto 36px;width:min(880px,100%);border-radius:999px}
.voc-founder-image-wrap{overflow:hidden;border-radius:22px}.voc-founder-image-wrap img{transition:transform .55s ease}.voc-founder-card:hover .voc-founder-image-wrap img{transform:scale(1.05)}
@keyframes vocMarquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes floatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (max-width:1120px){.voc-hero-stat.stat-one{left:16px;bottom:16px}.voc-hero-stat.stat-two{right:16px;top:16px}.voc-feature-strip{margin-top:0;padding-top:12px}}
@media (max-width:720px){.voc-announcement-track{font-size:12px;gap:32px}.voc-hero-meta{justify-content:center}.voc-hero-stat{position:static;max-width:none;margin-top:14px}.voc-hero-visual-frame{padding:8px}.voc-mini-feature{padding:24px}.voc-glass-card{padding:24px}.voc-process-line{display:none}}


/* v1.3 refinements requested by user */
.voc-hero-chip-row{position:relative;padding:18px 0 10px;background:linear-gradient(180deg,#f6f8f8 0%, #ffffff 100%);z-index:6}
.voc-hero-chip-row .voc-hero-meta{justify-content:center;gap:18px;flex-wrap:nowrap;margin-top:0}
.voc-hero-chip-row .voc-chip{padding:18px 26px;font-size:15px;font-weight:800;box-shadow:0 12px 26px rgba(5,101,126,.08);min-width:220px;justify-content:center}
.voc-hero-premium{padding-top:54px}
.voc-hero-copy .voc-actions{margin-bottom:12px}
.voc-floating-badge{background:rgba(255,255,255,.52)!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 12px 28px rgba(5,101,126,.10)!important;backdrop-filter:blur(16px)!important}
.voc-hero-stat{background:rgba(255,255,255,.48)!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 14px 30px rgba(5,101,126,.10)!important;backdrop-filter:blur(18px)!important}
.voc-doodle-wave{left:auto!important;right:3%!important;top:20px!important;bottom:auto!important;width:160px!important;height:72px!important;opacity:.55!important;z-index:0!important;transform:rotate(-8deg)}
.voc-doodle-star{right:16%!important;top:38px!important;z-index:0!important}
.voc-hero-visual-frame{overflow:hidden}
.voc-founder-card img{aspect-ratio:4/5;object-fit:cover;object-position:center top}

@media (max-width:1120px){
  .voc-hero-chip-row .voc-hero-meta{flex-wrap:wrap}
  .voc-hero-chip-row .voc-chip{min-width:200px}
}
@media (max-width:720px){
  .voc-hero-chip-row{padding:14px 0 0}
  .voc-hero-chip-row .voc-hero-meta{gap:10px;justify-content:center}
  .voc-hero-chip-row .voc-chip{min-width:unset;width:auto;padding:14px 16px;font-size:13px}
  .voc-doodle-wave{display:none}
}

/* v1.4 final polish: spacing, responsiveness, calmer premium motion */
:root{
  --voc-section-y: clamp(72px, 8vw, 108px);
  --voc-section-y-tight: clamp(56px, 6vw, 82px);
}

.voc-section{padding:var(--voc-section-y) 0}
.voc-section-head{margin-bottom:clamp(34px,4vw,52px)}
.voc-section-head h2{max-width:840px;margin-inline:auto}
.voc-section-head p{font-size:clamp(16px,1.5vw,18px)}
.voc-card-grid{align-items:stretch}

.voc-site-header{min-height:82px}
.voc-header-inner{height:78px}
.voc-logo{width:182px}
.voc-main-nav{gap:18px}

.voc-announcement-bar{box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}
.voc-announcement-track{padding:11px 0;animation-duration:34s}
.voc-announcement-bar:hover .voc-announcement-track{animation-play-state:paused}

.voc-hero-chip-row{padding:18px 0 8px;background:linear-gradient(180deg,#f4f8f8 0%,#ffffff 100%);z-index:6}
.voc-hero-chip-row .voc-container{width:min(1040px,calc(100% - 40px))}
.voc-hero-chip-row .voc-hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;justify-content:center}
.voc-hero-chip-row .voc-chip{min-width:0;width:100%;height:58px;padding:14px 22px;background:rgba(255,255,255,.74);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:rgba(5,101,126,.12);box-shadow:0 12px 30px rgba(5,101,126,.075)}

.voc-hero-premium{padding-top:48px;padding-bottom:92px;min-height:auto}
.voc-hero-grid{grid-template-columns:.9fr 1.1fr;gap:clamp(34px,5vw,66px)}
.voc-hero-copy h1{font-size:clamp(2.55rem,4.65vw,4.1rem);max-width:620px}
.voc-hero-copy .voc-lead{max-width:590px}
.voc-hero-copy .voc-actions{margin-top:26px;margin-bottom:0}
.voc-hero-visual-frame{padding:14px;border-radius:36px}
.voc-hero-visual-frame img{border-radius:28px}

.voc-floating-badge,
.voc-hero-stat{
  background:rgba(255,255,255,.38)!important;
  border:1px solid rgba(255,255,255,.46)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  box-shadow:0 14px 34px rgba(5,101,126,.08)!important;
}
.voc-floating-badge{left:24px;bottom:22px}
.voc-hero-stat.stat-one{left:18px;top:18px;bottom:auto}
.voc-hero-stat.stat-two{right:18px;top:50%;transform:translateY(-50%)}
.voc-hero-stat.stat-two{animation:floatSoftMid 7s ease-in-out infinite}

.voc-doodle-wave{right:4%!important;top:18px!important;bottom:auto!important;left:auto!important;width:138px!important;height:64px!important;opacity:.38!important;z-index:0!important}
.voc-doodle-star{top:42px!important;right:18%!important;opacity:.45!important;z-index:0!important}

.voc-feature-strip{padding:34px 0 var(--voc-section-y-tight);margin-top:0;background:linear-gradient(180deg,#ffffff 0%,#f8faf9 100%)}
.voc-mini-feature{min-height:235px;display:flex;flex-direction:column}
.voc-mini-feature h3{line-height:1.18}
.voc-mini-feature p{margin-top:auto}

.voc-about{background:linear-gradient(180deg,#f8faf9 0%,#ffffff 100%)}
.voc-about-split{grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,64px)}
.voc-glass-card{box-shadow:0 18px 55px rgba(5,101,126,.075)}

.voc-card{display:flex;flex-direction:column}
.voc-card .voc-btn{margin-top:auto;width:max-content}

.voc-steps{background:linear-gradient(180deg,#ffffff 0%,#f8faf9 100%)}
.voc-process-line{margin-bottom:40px}
.voc-step-card{min-height:290px}

.voc-dark-section{padding:clamp(80px,8vw,118px) 0}
.voc-quality-block{box-shadow:0 14px 32px rgba(0,0,0,.08)}
.voc-quality-block:last-child{margin-bottom:0}

.voc-founders{background:linear-gradient(180deg,#f8faf9 0%,#ffffff 100%)}
.voc-founder-card{display:flex;flex-direction:column}
.voc-founder-image-wrap{background:#f2f6f6}
.voc-founder-card h3{min-height:54px;display:flex;align-items:center;justify-content:center}
.voc-founder-card p{margin-bottom:0}

.voc-blog-feature{grid-template-columns:1fr 1fr}
.voc-blog-feature-media img{min-height:410px}
.voc-blog-feature-copy{display:flex;flex-direction:column;justify-content:center}

#contact .voc-split{align-items:start}
.voc-form{position:relative;overflow:hidden}
.voc-form:before{content:"";position:absolute;right:-80px;top:-80px;width:190px;height:190px;border:24px solid rgba(233,203,108,.16);border-radius:50%;pointer-events:none}
.voc-form > *{position:relative;z-index:1}

.reveal{transition:opacity .82s cubic-bezier(.22,.61,.36,1),transform .82s cubic-bezier(.22,.61,.36,1)}
.reveal.visible{will-change:auto}

@media (max-width:1120px){
  .voc-header-inner{height:76px}
  .voc-hero-premium{padding-top:44px}
  .voc-hero-grid,.voc-about-split,.voc-split{grid-template-columns:1fr}
  .voc-hero-copy{text-align:center}
  .voc-hero-copy h1,.voc-hero-copy .voc-lead{margin-inline:auto}
  .voc-hero-copy .voc-actions{justify-content:center}
  .voc-hero-meta{justify-content:center}
  .voc-hero-stat.stat-one{left:16px;top:16px}
  .voc-hero-stat.stat-two{right:16px;top:auto;bottom:16px;transform:none}
  .voc-card .voc-btn{width:100%}
  .voc-blog-feature{grid-template-columns:1fr}
  .voc-blog-feature-media img{min-height:auto;aspect-ratio:16/10}
}

@media (max-width:860px){
  .voc-hero-chip-row .voc-hero-meta{grid-template-columns:1fr;gap:10px}
  .voc-hero-chip-row .voc-chip{height:auto;min-height:52px}
  .voc-two,.voc-three,.voc-four,.voc-post-grid{grid-template-columns:1fr}
  .voc-card-grid{gap:20px}
  .voc-founder-card h3{min-height:auto}
  .voc-footer-grid{grid-template-columns:1fr}
}

@media (max-width:720px){
  :root{--voc-section-y:62px;--voc-section-y-tight:48px}
  .voc-header-inner{height:70px;width:min(100% - 28px,1200px)}
  .voc-logo{width:142px}
  .voc-main-nav.open{top:70px;left:14px;right:14px}
  .voc-announcement-track{font-size:11px;gap:28px;padding:10px 0;animation-duration:26s}
  .voc-hero-chip-row .voc-container{width:min(100% - 28px,1040px)}
  .voc-hero-chip-row .voc-chip{justify-content:flex-start;text-align:left}
  .voc-hero{padding:44px 0 54px}
  .voc-hero-copy h1{font-size:2.1rem;line-height:1.08}
  .voc-lead{font-size:15.5px!important}
  .voc-hero-visual-frame{padding:7px;border-radius:24px}
  .voc-hero-visual-frame img{border-radius:18px}
  .voc-floating-badge,.voc-hero-stat{display:none!important}
  .voc-doodle-wave,.voc-doodle-star{display:none!important}
  .voc-mini-feature,.voc-card,.voc-step-card,.voc-value-card,.voc-founder-card,.voc-form,.voc-blog-feature-copy,.voc-post-content{padding:24px}
  .voc-mini-feature{min-height:auto}
  .voc-section h2{font-size:1.9rem!important}
  .voc-page-hero h1,.voc-post-title{font-size:2.05rem!important}
  .voc-blog-feature-copy h3{font-size:1.8rem}
  .voc-footer{padding-top:54px}
}

@media (max-width:420px){
  .voc-container,.voc-narrow,.voc-post-single{width:min(100% - 26px,1200px)}
  .voc-hero-copy h1{font-size:1.92rem}
  .voc-btn{font-size:14px;padding:13px 18px}
  .voc-chip{font-size:12.5px}
}

@keyframes floatSoftMid{0%,100%{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 10px))}}
@media (hover:none){.voc-tilt{transform:none!important}}


/* v1.5 requested layout fixes */
.voc-hero-media{display:flex;flex-direction:column;gap:18px}
.voc-hero-boxes{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:14px;align-items:stretch}
.voc-hero-box{display:flex;flex-direction:column;justify-content:center;padding:18px 22px;min-height:104px;border-radius:24px;background:rgba(255,255,255,.82);border:1px solid rgba(5,101,126,.12);box-shadow:0 14px 36px rgba(5,101,126,.09);backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%);color:var(--voc-teal);animation:floatSoft 6.8s ease-in-out infinite}
.voc-hero-box strong{display:block;font-size:19px;line-height:1.2;color:var(--voc-teal);font-weight:850}
.voc-hero-box span{display:block;margin-top:6px;font-size:15px;line-height:1.45;color:var(--voc-muted)}
.voc-hero-box-two{animation-delay:.8s;text-align:center;align-items:center}
.voc-hero-box-two strong{font-size:17px}
.voc-hero-box-three{animation-delay:1.6s}
.voc-floating-badge,.voc-hero-stat{display:none!important}

/* founder cards */
.voc-founder-card .voc-founder-image-wrap{background:linear-gradient(180deg,#ffffff 0%,#f3f7f7 100%)}
.voc-founder-card img{aspect-ratio:3/4;object-fit:cover;object-position:center top}

/* event visuals should show بالكامل without crop */
.voc-blog-feature-media,.voc-post-thumb,.voc-post-hero-image{background:#fff}
.voc-blog-feature-media{display:grid;place-items:center;padding:18px}
.voc-blog-feature-media img{width:100%;height:auto;max-height:560px;object-fit:contain!important;object-position:center center;border-radius:20px}
.voc-post-thumb{display:grid;place-items:center;padding:16px}
.voc-post-thumb img,.voc-post-thumb .wp-post-image{width:100%;height:auto;max-height:360px;object-fit:contain!important;object-position:center center;border-radius:18px}
.voc-post-hero-image{display:grid;place-items:center;padding:18px;border-radius:28px}
.voc-post-hero-image img,.voc-post-hero-image .wp-post-image{width:100%;height:auto;max-height:760px;object-fit:contain!important;object-position:center center;border-radius:22px}

/* social icons refined */
.voc-socials{gap:14px;margin-top:20px}
.voc-socials a{width:54px;height:54px;flex:0 0 54px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 24px rgba(0,0,0,.08);color:#fff;line-height:0;overflow:visible}
.voc-socials a svg{width:22px;height:22px;display:block;fill:currentColor}
.voc-socials a:hover{transform:translateY(-3px);background:var(--voc-gold);color:var(--voc-teal);border-color:rgba(233,203,108,.55)}
.voc-socials-dark a{background:rgba(5,101,126,.08);border-color:rgba(5,101,126,.12);color:var(--voc-teal)}
.voc-socials-dark a:hover{background:var(--voc-teal);color:#fff;border-color:var(--voc-teal)}

@media (max-width:1120px){
  .voc-hero-boxes{grid-template-columns:1fr;gap:12px}
}
@media (max-width:720px){
  .voc-hero-boxes{gap:10px}
  .voc-hero-box{min-height:auto;padding:16px 18px;border-radius:20px}
  .voc-hero-box strong{font-size:17px}
  .voc-hero-box span{font-size:14px}
  .voc-socials a{width:50px;height:50px;flex-basis:50px}
  .voc-blog-feature-media,.voc-post-thumb,.voc-post-hero-image{padding:12px}
}


/* v1.8 membership paid resources partners */
.voc-membership-badge,.voc-paid-pill{display:inline-flex;align-items:center;gap:8px;width:max-content;border-radius:999px;padding:10px 16px;background:var(--voc-soft-gold);color:var(--voc-teal);font-weight:850;border:1px solid rgba(233,203,108,.55);margin:12px 0 0}.voc-price-card,.voc-dashboard-card,.voc-locked-panel,.voc-resource-unlocked{background:#fff;border:1px solid rgba(5,101,126,.13);border-radius:28px;padding:34px;box-shadow:0 18px 58px rgba(5,101,126,.08)}.voc-price{display:block;font-size:52px;line-height:1;color:var(--voc-teal);font-weight:950;margin-bottom:10px}.voc-price-card ul,.voc-resource-card ul{padding-left:20px;color:var(--voc-dark);line-height:1.8}.voc-account-forms{align-items:start}.voc-form h2{margin-top:0;color:var(--voc-teal)}.voc-form-error{background:#fff1f1;border:1px solid #ffd2d2;color:#9f1d1d;padding:14px 16px;border-radius:16px;font-weight:700}.voc-resource-card{background:#fff;border:1px solid rgba(5,101,126,.13);border-radius:28px;padding:34px;box-shadow:0 18px 58px rgba(5,101,126,.08)}.voc-resource-unlocked h3{color:var(--voc-teal);margin:22px 0 8px}.voc-resource-content{border-left:4px solid var(--voc-gold);padding-left:24px;margin:24px 0}.voc-partners-footer{margin-top:48px;padding:38px 0 24px;border-top:1px solid rgba(255,255,255,.14);text-align:center}.voc-partners-footer h3{font-size:32px;margin:0 0 24px;color:#fff}.voc-partners-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.voc-partners-grid a{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:16px;transition:.25s;min-height:102px}.voc-partners-grid a:hover{transform:translateY(-4px);background:rgba(255,255,255,.16)}.voc-partners-grid img{width:100%;height:74px;object-fit:contain;filter:none}.voc-footer-bottom{margin-top:20px}
@media(max-width:1120px){.voc-partners-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.voc-price-card,.voc-dashboard-card,.voc-locked-panel,.voc-resource-unlocked,.voc-resource-card{padding:24px}.voc-partners-grid{grid-template-columns:1fr 1fr;gap:12px}.voc-partners-grid a{min-height:86px;padding:12px}.voc-partners-grid img{height:62px}.voc-price{font-size:42px}.voc-resource-content{padding-left:16px}}