*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'IBM Plex Serif',serif;background:linear-gradient(147deg,#0a0e14 0%,#1a1f2e 35%,#0d1117 70%,#151b26 100%);color:#E7E6E5;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.header-top-ribbon{background:linear-gradient(118deg,#212835 0%,#2a3342 50%,#1e2330 100%);border-bottom:1px solid #f36f0226;padding:12px 0}
.ribbon-container{max-width:1200px;margin:0 auto;padding:0 20px}
.main-nav{display:flex;gap:40px;justify-content:center;align-items:center;flex-wrap:wrap}
.main-nav .nav-link{color:#E7E6E5;text-decoration:none;font-size:15px;font-weight:500;transition:color .3s ease;padding:5px 0}
.main-nav .nav-link:hover{color:#F36F02}
.header-banner-zone{background:linear-gradient(135deg,#1a1f2e 0%,#212835 100%);padding:40px 20px;border-bottom:2px solid #f36f0240}
.banner-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:30px}
.logo-wrapper{flex-shrink:0}
.site-logo{width:110px;height:110px;background:#e7e6e514;padding:15px;border-radius:12px;box-shadow:0 8px 24px #00000059 0 0 0 1px #f36f0233}
.brand-text{flex:1}
.company-title{font-size:42px;font-weight:700;color:#F36F02;margin-bottom:8px;letter-spacing:-.5px}
.company-tagline{font-size:18px;color:#E7E6E5;opacity:.85;font-weight:400}
.footer-main-area{background:linear-gradient(165deg,#151b26 0%,#212835 100%);padding:60px 20px 40px;border-top:1px solid #f36f0233}
.footer-content-wrapper{max-width:1200px;margin:0 auto}
.info-block{margin-bottom:50px}
.block-title{font-size:24px;font-weight:600;color:#F36F02;margin-bottom:30px}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px}
.info-item{display:flex;flex-direction:column;gap:10px}
.info-label{font-size:14px;font-weight:600;color:#F36F02;text-transform:uppercase;letter-spacing:.5px}
.info-text{font-size:15px;line-height:1.7;color:#E7E6E5}
.contact-link,.resource-link{color:#E7E6E5;text-decoration:none;transition:color .3s ease;display:inline-block}
.contact-link:hover,.resource-link:hover{color:#F36F02}
.legal-zone{padding-top:30px;border-top:1px solid #e7e6e51a}
.footer-nav{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}
.legal-link{color:#E7E6E5;text-decoration:none;font-size:14px;transition:color .3s ease;padding-bottom:2px;border-bottom:1px solid transparent}
.legal-link:hover{color:#F36F02;border-bottom-color:#F36F02}
.footer-bottom-strip{background:#0d1117;padding:20px;border-top:1px solid #f36f021a}
.copyright-container{max-width:1200px;margin:0 auto;text-align:center}
.copyright-text{font-size:14px;color:#e7e6e599}
.cookie-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0e14eb;display:none;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px)}
.cookie-overlay.is-visible{display:flex;animation:fadeIn .4s ease}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
.cookie-tile{background:linear-gradient(145deg,#1a1f2e 0%,#212835 100%);border-radius:14px;max-width:520px;width:90%;box-shadow:0 16px 48px #0009 0 0 0 1px #f36f0240;animation:unfold .5s ease;overflow:hidden}
@keyframes unfold {
from{transform:scale(0.85) rotateX(-15deg);opacity:0}
to{transform:scale(1) rotateX(0);opacity:1}
}
.cookie-header{padding:24px 28px;border-bottom:1px solid #e7e6e51a;background:#f36f020d}
.cookie-title{font-size:22px;font-weight:600;color:#F36F02}
.cookie-body{padding:28px;max-height:400px;overflow-y:auto}
.cookie-intro{font-size:15px;color:#E7E6E5;margin-bottom:24px;line-height:1.6}
.cookie-section{margin-bottom:16px;border:1px solid #e7e6e51a;border-radius:10px;overflow:hidden;background:#e7e6e505}
.section-toggle{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .3s ease}
.cookie-section.expandable .section-toggle:hover{background:#f36f0214}
.section-label{font-size:15px;font-weight:600;color:#E7E6E5}
.section-status{font-size:13px;color:#e7e6e599;font-style:italic}
.consent-check{width:18px;height:18px;cursor:pointer;accent-color:#F36F02}
.section-detail{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease}
.cookie-section.is-expanded .section-detail{max-height:200px;padding:0 20px 16px}
.detail-text{font-size:14px;color:#e7e6e5bf;line-height:1.5}
.cookie-actions{padding:20px 28px;display:flex;gap:14px;border-top:1px solid #e7e6e51a;background:#f36f0208}
.action-button{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:'IBM Plex Serif',serif}
.action-button.decline{background:transparent;color:#E7E6E5;border:1px solid #e7e6e54d}
.action-button.decline:hover{background:#e7e6e50d;border-color:#e7e6e580}
.action-button.accept{background:linear-gradient(135deg,#F36F02 0%,#d96102 100%);color:#fff;border:1px solid #F36F02;box-shadow:0 4px 12px #f36f0240}
.action-button.accept:hover{background:linear-gradient(135deg,#ff7d0f 0%,#e66b05 100%);box-shadow:0 6px 18px #f36f0259}
@media (max-width: 768px) {
.main-nav{gap:20px}
.banner-container{flex-direction:column;text-align:center}
.company-title{font-size:32px}
.company-tagline{font-size:16px}
.info-grid{grid-template-columns:1fr;gap:35px}
.footer-nav{flex-direction:column;gap:20px}
.cookie-actions{flex-direction:column}
}
@media (max-width: 375px) {
.main-nav{gap:15px;font-size:14px}
.site-logo{width:85px;height:85px}
.company-title{font-size:28px}
.cookie-tile{width:95%}
}
@media (min-width: 1366px) {
.company-title{font-size:48px}
.company-tagline{font-size:20px}
.info-grid{gap:70px}
}
.hero-main{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(127deg,#212835 0%,#1a1f2b 100%)}
.hero-main::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(-45deg,transparent,transparent 35px,#f36f0208 35px,#f36f0208 70px);pointer-events:none}
.hero-image-wrap{position:absolute;right:0;top:0;bottom:0;width:50%;z-index:1}
.hero-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-image-wrap::before{content:'';position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,#212835,transparent);z-index:2}
.hero-image-wrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,#212835,transparent);z-index:2}
.hero-content-area{position:relative;z-index:3;max-width:1200px;width:100%;margin:0 auto;padding:60px 24px}
.hero-title-box{max-width:560px;background:#212835eb;padding:48px 40px;border-radius:12px;border-left:4px solid #F36F02}
.hero-title-box h1{font-size:2.8rem;line-height:1.2;color:#E7E6E5;margin:0 0 32px;font-weight:700}
.hero-cta-btn{display:inline-block;background:linear-gradient(135deg,#F36F02 0%,#d96302 100%);color:#fff;padding:16px 36px;border-radius:8px;text-decoration:none;font-size:1.1rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}
.hero-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f36f0266}
.schedule-section{background:#1a1f2b;padding:80px 24px}
.schedule-container{max-width:1200px;margin:0 auto}
.schedule-header{text-align:center;margin-bottom:56px}
.schedule-header h2{font-size:2.4rem;color:#E7E6E5;margin:0 0 16px;font-weight:700}
.schedule-header p{font-size:1.1rem;color:#b8b6b4;max-width:640px;margin:0 auto;line-height:1.6}
.schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.schedule-card{background:#212835;border-radius:12px;padding:36px 28px;border:1px solid #e7e6e51a;transition:all .3s ease;position:relative}
.schedule-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(to bottom,#F36F02,#d96302);border-radius:12px 0 0 12px;transition:height .3s ease}
.schedule-card:hover::before{height:100%}
.schedule-card:hover{transform:translateY(-4px);border-color:#f36f024d;box-shadow:0 12px 32px #0000004d}
.schedule-icon{width:52px;height:52px;background:linear-gradient(135deg,#f36f0226,#f36f020d);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.schedule-icon svg{width:28px;height:28px;fill:#F36F02}
.schedule-card h3{font-size:1.4rem;color:#E7E6E5;margin:0 0 12px;font-weight:600}
.schedule-card p{font-size:1rem;color:#b8b6b4;line-height:1.6;margin:0}
.trust-section{background:linear-gradient(158deg,#212835 0%,#1a1f2b 100%);padding:80px 24px;position:relative;overflow:hidden}
.trust-section::before{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#f36f0214 0%,transparent 70%);pointer-events:none}
.trust-wrapper{max-width:1200px;margin:0 auto}
.trust-intro{text-align:center;margin-bottom:64px}
.trust-intro h2{font-size:2.4rem;color:#E7E6E5;margin:0 0 20px;font-weight:700}
.trust-intro p{font-size:1.1rem;color:#b8b6b4;max-width:680px;margin:0 auto;line-height:1.7}
.trust-layout{display:flex;gap:48px;align-items:center}
.trust-visual{flex:0 0 45%}
.trust-visual img{width:100%;height:auto;border-radius:12px;box-shadow:0 16px 48px #0006}
.trust-factors{flex:1;display:flex;flex-direction:column;gap:24px}
.trust-item{background:#21283599;padding:28px 32px;border-radius:10px;border-left:3px solid #F36F02;transition:all .3s ease}
.trust-item:hover{background:#212835e6;transform:translateX(8px)}
.trust-item h4{font-size:1.3rem;color:#F36F02;margin:0 0 10px;font-weight:600}
.trust-item p{font-size:1rem;color:#b8b6b4;line-height:1.6;margin:0}
.trial-section{background:#1a1f2b;padding:80px 24px}
.trial-container{max-width:1200px;margin:0 auto}
.trial-content{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.trial-text-side h2{font-size:2.4rem;color:#E7E6E5;margin:0 0 24px;font-weight:700}
.trial-text-side p{font-size:1.1rem;color:#b8b6b4;line-height:1.7;margin-bottom:32px}
.trial-features{display:flex;flex-direction:column;gap:20px}
.trial-feature-item{display:flex;align-items:flex-start;gap:16px}
.trial-feature-icon{width:24px;height:24px;background:#F36F02;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}
.trial-feature-icon svg{width:14px;height:14px;fill:#fff}
.trial-feature-text{flex:1}
.trial-feature-text h5{font-size:1.1rem;color:#E7E6E5;margin:0 0 6px;font-weight:600}
.trial-feature-text p{font-size:.95rem;color:#b8b6b4;margin:0;line-height:1.5}
.trial-image-side{position:relative}
.trial-image-side img{width:100%;height:auto;border-radius:12px;box-shadow:0 16px 48px #0006}
.progress-section{background:linear-gradient(143deg,#212835 0%,#1a1f2b 100%);padding:80px 24px}
.progress-wrapper{max-width:1200px;margin:0 auto}
.progress-heading{text-align:center;margin-bottom:56px}
.progress-heading h2{font-size:2.4rem;color:#E7E6E5;margin:0 0 16px;font-weight:700}
.progress-heading p{font-size:1.1rem;color:#b8b6b4;max-width:620px;margin:0 auto;line-height:1.6}
.progress-showcase{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:48px}
.progress-visual-block{background:#21283599;border-radius:12px;padding:40px;border:1px solid #e7e6e51a}
.progress-visual-block img{width:100%;height:auto;border-radius:8px;margin-bottom:24px}
.progress-visual-block h3{font-size:1.5rem;color:#E7E6E5;margin:0 0 12px;font-weight:600}
.progress-visual-block p{font-size:1rem;color:#b8b6b4;line-height:1.6;margin:0}
.progress-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.metric-box{background:#21283599;border-radius:10px;padding:32px 24px;text-align:center;border:1px solid #e7e6e51a;transition:all .3s ease}
.metric-box:hover{border-color:#f36f0266;transform:translateY(-4px)}
.metric-value{font-size:2.8rem;color:#F36F02;font-weight:700;margin:0 0 8px;line-height:1}
.metric-label{font-size:1rem;color:#E7E6E5;margin:0 0 8px;font-weight:600}
.metric-description{font-size:.9rem;color:#b8b6b4;margin:0;line-height:1.5}
.guarantee-section{background:#1a1f2b;padding:80px 24px}
.guarantee-container{max-width:1200px;margin:0 auto}
.guarantee-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.guarantee-content h2{font-size:2.4rem;color:#E7E6E5;margin:0 0 24px;font-weight:700}
.guarantee-content > p{font-size:1.1rem;color:#b8b6b4;line-height:1.7;margin-bottom:36px}
.guarantee-list{display:flex;flex-direction:column;gap:24px}
.guarantee-point{background:#21283599;padding:24px 28px;border-radius:10px;border:1px solid #e7e6e51a;transition:all .3s ease;position:relative;padding-left:60px}
.guarantee-point::before{content:'';position:absolute;left:20px;top:50%;transform:translateY(-50%);width:20px;height:20px;background:#F36F02;border-radius:50%;box-shadow:0 0 0 4px #f36f0233}
.guarantee-point:hover{border-color:#f36f024d;background:#212835e6}
.guarantee-point h4{font-size:1.2rem;color:#E7E6E5;margin:0 0 8px;font-weight:600}
.guarantee-point p{font-size:.95rem;color:#b8b6b4;line-height:1.6;margin:0}
.guarantee-testimonial{background:linear-gradient(135deg,#f36f021a,#21283599);border-radius:12px;padding:40px;border:1px solid #f36f0233}
.testimonial-profile{display:flex;gap:20px;align-items:center;margin-bottom:24px}
.testimonial-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #F36F02}
.testimonial-avatar img{width:100%;height:100%;object-fit:cover}
.testimonial-info h5{font-size:1.3rem;color:#E7E6E5;margin:0 0 4px;font-weight:600}
.testimonial-info p{font-size:.95rem;color:#b8b6b4;margin:0}
.testimonial-quote{font-size:1.05rem;color:#b8b6b4;line-height:1.7;font-style:italic;position:relative;padding-left:24px;margin:0}
.testimonial-quote::before{content:'"';position:absolute;left:0;top:-8px;font-size:3rem;color:#F36F02;line-height:1}
@media (max-width: 1366px) {
.hero-title-box h1{font-size:2.4rem}
}
@media (max-width: 768px) {
.hero-main{min-height:420px}
.hero-image-wrap{width:100%;opacity:.3}
.hero-title-box{max-width:100%;padding:36px 28px}
.hero-title-box h1{font-size:2rem}
.schedule-section,.trust-section,.trial-section,.progress-section,.guarantee-section{padding:60px 20px}
.schedule-header h2,.trust-intro h2,.trial-text-side h2,.progress-heading h2,.guarantee-content h2{font-size:2rem}
.schedule-grid{grid-template-columns:1fr}
.trust-layout{flex-direction:column}
.trust-visual{flex:0 0 100%}
.trial-content{grid-template-columns:1fr}
.trial-image-side{order:-1}
.progress-showcase{grid-template-columns:1fr}
.progress-metrics{grid-template-columns:1fr}
.guarantee-layout{grid-template-columns:1fr}
}
@media (max-width: 375px) {
.hero-title-box h1{font-size:1.75rem}
.hero-cta-btn{width:100%;text-align:center}
.schedule-header h2,.trust-intro h2,.trial-text-side h2,.progress-heading h2,.guarantee-content h2{font-size:1.75rem}
}
.contact-main{background:linear-gradient(147deg,#0a0e15 0%,#1a1f2e 50%,#0f1419 100%);min-height:600px}
.contact-hero{max-width:1200px;margin:0 auto;padding:80px 24px 60px;text-align:center}
.contact-hero .primary-title{font-size:48px;font-weight:700;color:#E7E6E5;margin:0 0 24px;line-height:1.2}
.contact-hero .subtitle-text{font-size:18px;color:#a8b2c1;max-width:600px;margin:0 auto 16px;line-height:1.6}
.dual-column{max-width:1200px;margin:0 auto;padding:0 24px 80px;display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}
.info-section{background:#151a24;padding:48px;border-radius:12px;box-shadow:0 8px 32px #0006}
.info-section .section-label{font-size:14px;text-transform:uppercase;letter-spacing:1.5px;color:#F36F02;margin:0 0 24px;font-weight:600}
.info-section .info-title{font-size:28px;color:#E7E6E5;margin:0 0 32px;line-height:1.3}
.contact-item{margin-bottom:32px}
.contact-item .item-label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#6b7785;margin:0 0 8px;display:block}
.contact-item .item-value{font-size:16px;color:#E7E6E5;line-height:1.6;margin:0}
.contact-item .item-value a{color:#E7E6E5;text-decoration:none;transition:color .3s ease}
.contact-item .item-value a:hover{color:#F36F02}
.visual-decoration{margin-top:40px;padding-top:40px;border-top:1px solid #2a3342}
.visual-decoration .decoration-text{font-size:14px;color:#7a8694;line-height:1.7;margin:0}
.form-container{background:linear-gradient(127deg,#1a2030 0%,#0f1419 100%);padding:56px;border-radius:12px;box-shadow:0 12px 48px #00000080;position:relative}
.form-container::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#F36F02 0%,#ff8c3a 100%);border-radius:12px 12px 0 0}
.form-container .form-header{font-size:32px;color:#E7E6E5;margin:0 0 12px;font-weight:700}
.form-container .form-description{font-size:15px;color:#8a95a3;margin:0 0 40px;line-height:1.6}
.form-field{margin-bottom:28px}
.form-field label{display:block;font-size:13px;color:#9ca7b5;margin-bottom:10px;font-weight:500;letter-spacing:.3px}
.form-field input[type="text"],.form-field input[type="email"]{width:100%;padding:16px 20px;background:#0d1117;border:1px solid #2a3342;border-radius:8px;color:#E7E6E5;font-size:15px;transition:all .3s ease;box-sizing:border-box}
.form-field input[type="text"]:focus,.form-field input[type="email"]:focus{outline:none;border-color:#F36F02;background:#12181f;box-shadow:0 0 0 3px #f36f021a}
.priority-selector{margin-bottom:32px}
.priority-selector .selector-label{display:block;font-size:13px;color:#9ca7b5;margin-bottom:16px;font-weight:500;letter-spacing:.3px}
.priority-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.priority-options input[type="radio"]{display:none}
.priority-options label{display:block;padding:14px 20px;background:#0d1117;border:2px solid #2a3342;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s ease;font-size:14px;color:#8a95a3;font-weight:500}
.priority-options input[type="radio"]:checked + label{background:#f36f021a;border-color:#F36F02;color:#F36F02}
.priority-options label:hover{border-color:#F36F02;background:#f36f020d}
.privacy-agreement{margin:32px 0;display:flex;align-items:start;gap:12px}
.privacy-agreement input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#F36F02}
.privacy-agreement label{font-size:13px;color:#8a95a3;line-height:1.6;cursor:pointer}
.privacy-agreement label a{color:#F36F02;text-decoration:none;transition:color .3s ease}
.privacy-agreement label a:hover{color:#ff8c3a;text-decoration:underline}
.submit-action{margin-top:32px}
.submit-action button{width:100%;padding:18px 32px;background:linear-gradient(90deg,#F36F02 0%,#ff8c3a 100%);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #f36f024d}
.submit-action button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #f36f0266}
.submit-action button:active{transform:translateY(0)}
.showcase-space{max-width:1200px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.showcase-content .content-eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:#F36F02;margin:0 0 20px;font-weight:600}
.showcase-content .content-heading{font-size:36px;color:#E7E6E5;margin:0 0 24px;line-height:1.2;font-weight:700}
.showcase-content .content-description{font-size:16px;color:#a8b2c1;line-height:1.7;margin:0 0 16px}
.showcase-visual img{width:100%;height:auto;border-radius:12px;box-shadow:0 12px 48px #0006;display:block}
.alternative-reach{background:linear-gradient(223deg,#0f1419 0%,#1a1f2e 50%,#0a0e15 100%);padding:80px 24px}
.alternative-reach .reach-wrapper{max-width:800px;margin:0 auto;text-align:center}
.alternative-reach .reach-title{font-size:32px;color:#E7E6E5;margin:0 0 48px;font-weight:700}
.reach-options{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.reach-card{background:#151a24;padding:40px 32px;border-radius:12px;text-align:center;transition:all .3s ease;border:2px solid transparent}
.reach-card:hover{border-color:#F36F02;transform:translateY(-4px);box-shadow:0 8px 32px #f36f0233}
.reach-card .card-icon{width:56px;height:56px;margin:0 auto 24px;background:#f36f021a;border-radius:50%;display:flex;align-items:center;justify-content:center}
.reach-card .card-icon i{font-size:28px;color:#F36F02}
.reach-card .card-label{font-size:18px;color:#E7E6E5;margin:0 0 12px;font-weight:600}
.reach-card .card-detail{font-size:15px;color:#8a95a3;margin:0;line-height:1.5;word-break:break-word}
@media (max-width: 1366px) {
.dual-column{gap:48px}
.showcase-space{gap:40px}
}
@media (max-width: 768px) {
.contact-hero{padding:60px 20px 40px}
.contact-hero .primary-title{font-size:36px}
.dual-column{grid-template-columns:1fr;gap:40px;padding:0 20px 60px}
.info-section{padding:32px}
.form-container{padding:40px 28px}
.priority-options{grid-template-columns:1fr}
.showcase-space{grid-template-columns:1fr;padding:60px 20px;gap:32px}
.showcase-content .content-heading{font-size:28px}
.reach-options{grid-template-columns:1fr;gap:24px}
.alternative-reach{padding:60px 20px}
}
@media (max-width: 375px) {
.contact-hero .primary-title{font-size:28px}
.info-section{padding:24px}
.form-container{padding:32px 20px}
.form-container .form-header{font-size:26px}
.showcase-content .content-heading{font-size:24px}
.alternative-reach .reach-title{font-size:26px}
}
.top-intro{background:linear-gradient(135deg,#212835 0%,#1a1f2a 100%);padding:80px 20px;position:relative;overflow:hidden}
.top-intro::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#f36f0226 0%,transparent 70%);border-radius:50%}
.intro-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.intro-text h1{font-size:48px;color:#E7E6E5;margin:0 0 24px;line-height:1.2}
.intro-text p{font-size:18px;color:#E7E6E5;line-height:1.7;margin:0 0 16px}
.intro-visual{position:relative}
.intro-visual img{width:100%;height:400px;object-fit:cover;border-radius:12px;box-shadow:0 16px 48px #00000080}
.story-section{background:#0f1318;padding:100px 20px;position:relative}
.story-container{max-width:1200px;margin:0 auto}
.story-header{text-align:center;margin-bottom:60px}
.story-header h2{font-size:42px;color:#E7E6E5;margin:0 0 20px;position:relative;display:inline-block}
.story-header h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#F36F02,#ff8c2a);border-radius:2px}
.story-content{display:grid;grid-template-columns:1.2fr 0.8fr;gap:80px;align-items:start}
.timeline-block{background:#1a1f2a;padding:48px;border-radius:16px;border-left:4px solid #F36F02;box-shadow:0 8px 24px #0000004d}
.timeline-item{margin-bottom:36px;position:relative;padding-left:40px}
.timeline-item::before{content:'';position:absolute;left:0;top:6px;width:16px;height:16px;background:#F36F02;border-radius:50%;box-shadow:0 0 0 4px #f36f0233}
.timeline-item:last-child{margin-bottom:0}
.year-label{font-size:24px;font-weight:700;color:#F36F02;margin:0 0 8px}
.timeline-item p{font-size:16px;color:#E7E6E5;line-height:1.6;margin:0}
.stats-grid{display:grid;grid-template-columns:1fr;gap:24px}
.stat-card{background:linear-gradient(135deg,#212835 0%,#1a1f2a 100%);padding:32px;border-radius:12px;border:1px solid #f36f0233;transition:all .3s ease;position:relative;overflow:hidden}
.stat-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f36f020d 0%,transparent 100%);opacity:0;transition:opacity .3s ease}
.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #f36f0233;border-color:#F36F02}
.stat-card:hover::before{opacity:1}
.stat-number{font-size:48px;font-weight:700;color:#F36F02;margin:0 0 8px;line-height:1}
.stat-label{font-size:16px;color:#E7E6E5;margin:0;line-height:1.4}
.approach-area{background:linear-gradient(165deg,#1a1f2a 0%,#212835 100%);padding:100px 20px;position:relative}
.approach-area::before{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#f36f021a 0%,transparent 70%);border-radius:50%}
.approach-wrap{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.approach-title{text-align:center;margin-bottom:60px}
.approach-title h2{font-size:42px;color:#E7E6E5;margin:0 0 16px}
.approach-title p{font-size:18px;color:#e7e6e5cc;margin:0;max-width:700px;margin:0 auto}
.principles-display{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.principle-box{background:#0f1318;padding:40px 32px;border-radius:12px;text-align:center;border:2px solid transparent;transition:all .3s ease}
.principle-box:hover{border-color:#F36F02;transform:translateY(-6px);box-shadow:0 16px 40px #0006}
.principle-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#f36f0233 0%,#f36f020d 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}
.principle-icon::before{content:'';position:absolute;width:40px;height:40px;background:#F36F02;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}
.principle-box:nth-child(2) .principle-icon::before{clip-path:circle(50%)}
.principle-box:nth-child(3) .principle-icon::before{clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.principle-box h3{font-size:24px;color:#E7E6E5;margin:0 0 16px}
.principle-box p{font-size:16px;color:#e7e6e5cc;line-height:1.6;margin:0}
.team-spotlight{background:#0f1318;padding:100px 20px}
.team-layout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:0.8fr 1.2fr;gap:60px;align-items:center}
.profile-card{background:linear-gradient(135deg,#212835 0%,#1a1f2a 100%);padding:40px;border-radius:16px;text-align:center;box-shadow:0 12px 32px #0006;position:relative;overflow:hidden}
.profile-card::before{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,#f36f021a 0%,transparent 70%);border-radius:50%}
.profile-image-wrap{width:180px;height:180px;margin:0 auto 24px;position:relative;z-index:2}
.profile-image-wrap::before{content:'';position:absolute;inset:-6px;background:linear-gradient(135deg,#F36F02,#ff8c2a);border-radius:50%;z-index:-1}
.profile-image-wrap img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:6px solid #1a1f2a}
.profile-name{font-size:28px;color:#E7E6E5;margin:0 0 8px;position:relative;z-index:2}
.profile-role{font-size:16px;color:#F36F02;margin:0 0 20px;position:relative;z-index:2}
.profile-bio{font-size:15px;color:#e7e6e5d9;line-height:1.6;margin:0;position:relative;z-index:2}
.expertise-section{background:#1a1f2a;padding:48px;border-radius:16px;border:1px solid #f36f021a}
.expertise-section h3{font-size:32px;color:#E7E6E5;margin:0 0 32px}
.expertise-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.expertise-item{background:#212835;padding:24px;border-radius:10px;border-left:4px solid #F36F02;transition:all .3s ease}
.expertise-item:hover{transform:translateX(8px);box-shadow:0 8px 20px #0000004d}
.expertise-item h4{font-size:20px;color:#E7E6E5;margin:0 0 12px}
.expertise-item p{font-size:15px;color:#e7e6e5cc;line-height:1.5;margin:0}
.mission-block{background:linear-gradient(150deg,#212835 0%,#1a1f2a 100%);padding:100px 20px;position:relative;overflow:hidden}
.mission-block::after{content:'';position:absolute;top:20%;right:-15%;width:400px;height:400px;background:radial-gradient(circle,#f36f021f 0%,transparent 65%);border-radius:50%}
.mission-container{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.mission-visual{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mission-visual img{width:100%;height:280px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #0006}
.mission-content{display:flex;flex-direction:column;justify-content:center}
.mission-content h2{font-size:42px;color:#E7E6E5;margin:0 0 24px;position:relative;padding-left:24px}
.mission-content h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:80%;background:linear-gradient(180deg,#F36F02,#ff8c2a);border-radius:3px}
.mission-content p{font-size:17px;color:#e7e6e5e6;line-height:1.7;margin:0 0 20px}
.mission-content p:last-child{margin-bottom:0}
@media (max-width: 1366px) {
.intro-wrap{gap:40px}
.story-content{gap:60px}
.principles-display{gap:24px}
}
@media (max-width: 768px) {
.top-intro{padding:60px 20px}
.intro-wrap{grid-template-columns:1fr;gap:40px}
.intro-text h1{font-size:36px}
.intro-visual img{height:300px}
.story-section{padding:60px 20px}
.story-header h2{font-size:32px}
.story-content{grid-template-columns:1fr;gap:40px}
.timeline-block{padding:32px}
.approach-area{padding:60px 20px}
.approach-title h2{font-size:32px}
.principles-display{grid-template-columns:1fr;gap:24px}
.team-spotlight{padding:60px 20px}
.team-layout{grid-template-columns:1fr;gap:40px}
.expertise-list{grid-template-columns:1fr}
.mission-block{padding:60px 20px}
.mission-grid{grid-template-columns:1fr;gap:40px}
.mission-content h2{font-size:32px}
.mission-visual{grid-template-columns:1fr}
.mission-visual img{height:240px}
}
@media (max-width: 375px) {
.intro-text h1{font-size:28px}
.intro-text p{font-size:16px}
.story-header h2,.approach-title h2,.mission-content h2{font-size:28px}
.timeline-block{padding:24px}
.principle-box{padding:32px 24px}
.stat-number{font-size:40px}
}
.methodology-hero{background:linear-gradient(145deg,#0a0e14 0%,#1a1f2e 100%);padding:5rem 2rem 4rem;position:relative;overflow:hidden}
.methodology-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:70%;height:200%;background:radial-gradient(circle,#f36f0214 0%,transparent 70%);pointer-events:none}
.hero-content-wrap{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.hero-content-wrap h1{color:#E7E6E5;font-size:2.8rem;margin-bottom:1.5rem;line-height:1.2}
.hero-content-wrap h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#F36F02 0%,#ff8c33 100%);margin-top:1rem;border-radius:8px}
.hero-content-wrap p{color:#c4c3c1;font-size:1.15rem;line-height:1.7;max-width:720px}
.framework-display{background:#0d1117;padding:4rem 2rem;position:relative}
.framework-container{max-width:1200px;margin:0 auto}
.framework-header{text-align:center;margin-bottom:3.5rem}
.framework-header h2{color:#E7E6E5;font-size:2.2rem;margin-bottom:1rem;position:relative;display:inline-block}
.framework-header h2::before{content:'';position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:30px;height:2px;background:#F36F02}
.framework-header h2::after{content:'';position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:30px;height:2px;background:#F36F02}
.framework-header p{color:#9da0a7;font-size:1.05rem;max-width:680px;margin:0 auto;line-height:1.6}
.phase-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2.5rem}
.phase-block{background:#161b22;padding:2rem;border-radius:12px;border:1px solid #21262d;position:relative;transition:all .3s ease}
.phase-block:hover{border-color:#F36F02;transform:translateY(-4px);box-shadow:0 12px 32px #f36f0226}
.phase-number{position:absolute;top:-15px;left:25px;background:linear-gradient(135deg,#F36F02 0%,#ff8c33 100%);color:#fff;width:45px;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem;box-shadow:0 4px 16px #f36f024d}
.phase-block h3{color:#E7E6E5;font-size:1.4rem;margin:1.5rem 0 .8rem}
.phase-block p{color:#8b949e;line-height:1.7;font-size:.98rem;margin-bottom:1rem}
.phase-features{list-style:none;padding:0;margin:1.2rem 0 0}
.phase-features li{color:#c4c3c1;padding:.5rem 0 .5rem 1.8rem;position:relative;font-size:.95rem}
.phase-features li::before{content:'→';position:absolute;left:0;color:#F36F02;font-weight:700}
.visual-approach{background:linear-gradient(175deg,#1a1f2e 0%,#0f1419 100%);padding:5rem 2rem;position:relative;overflow:hidden}
.visual-approach::after{content:'';position:absolute;bottom:-30%;left:-15%;width:60%;height:150%;background:radial-gradient(ellipse,#f36f020f 0%,transparent 65%);pointer-events:none}
.approach-wrapper{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.split-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:3.5rem;align-items:start}
.content-area h2{color:#E7E6E5;font-size:2.1rem;margin-bottom:1.2rem;line-height:1.3}
.content-area p{color:#a8acb3;line-height:1.8;margin-bottom:1.5rem;font-size:1.02rem}
.principle-cards{display:flex;flex-direction:column;gap:1.5rem}
.principle-item{background:#161b22;padding:1.8rem;border-radius:10px;border-left:4px solid #F36F02;position:relative;transition:all .3s ease}
.principle-item:hover{background:#1c2128;transform:translateX(8px)}
.principle-item h4{color:#F36F02;font-size:1.1rem;margin-bottom:.6rem;font-weight:600}
.principle-item p{color:#8b949e;margin:0;font-size:.96rem;line-height:1.6}
.visual-showcase{background:#0d1117;padding:2rem;border-radius:14px;border:2px solid #21262d;position:relative}
.visual-showcase img{width:100%;height:auto;border-radius:10px;display:block;box-shadow:0 8px 24px #0006}
.visual-showcase::before{content:'';position:absolute;top:-10px;right:-10px;width:100px;height:100px;background:linear-gradient(135deg,#F36F02 0%,transparent 70%);border-radius:50%;opacity:.15;pointer-events:none}
.progression-segment{background:#0a0e14;padding:4.5rem 2rem;position:relative}
.progression-container{max-width:1200px;margin:0 auto}
.progression-intro{text-align:center;margin-bottom:3rem}
.progression-intro h2{color:#E7E6E5;font-size:2.3rem;margin-bottom:1rem;position:relative;display:inline-block}
.progression-intro h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60%;height:3px;background:linear-gradient(90deg,transparent 0%,#F36F02 50%,transparent 100%);border-radius:8px}
.progression-intro p{color:#9da0a7;max-width:700px;margin:1.5rem auto 0;line-height:1.7;font-size:1.05rem}
.timeline-flow{position:relative;padding:2rem 0}
.timeline-flow::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#F36F02 0%,#21262d 100%);transform:translateX(-50%)}
.timeline-entry{display:grid;grid-template-columns:1fr 80px 1fr;gap:2rem;margin-bottom:3rem;align-items:center;position:relative}
.timeline-entry:nth-child(even) .timeline-content-left{grid-column:3;text-align:left}
.timeline-entry:nth-child(even) .timeline-content-right{grid-column:1;text-align:right}
.timeline-content-left,.timeline-content-right{background:#161b22;padding:1.8rem;border-radius:12px;border:1px solid #21262d;transition:all .3s ease}
.timeline-content-left:hover,.timeline-content-right:hover{border-color:#F36F02;transform:scale(1.02)}
.timeline-content-left h4,.timeline-content-right h4{color:#F36F02;font-size:1.25rem;margin-bottom:.7rem}
.timeline-content-left p,.timeline-content-right p{color:#8b949e;line-height:1.6;margin:0;font-size:.97rem}
.timeline-marker{width:80px;height:80px;background:linear-gradient(135deg,#212835 0%,#161b22 100%);border:4px solid #F36F02;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:3;box-shadow:0 6px 20px #f36f024d;grid-column:2}
.timeline-marker svg{width:35px;height:35px;fill:#F36F02}
.dual-showcase{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}
.showcase-card{background:#161b22;padding:0;border-radius:12px;overflow:hidden;border:1px solid #21262d;transition:all .3s ease}
.showcase-card:hover{border-color:#F36F02;box-shadow:0 10px 30px #f36f0233}
.showcase-card img{width:100%;height:240px;object-fit:cover;display:block}
.showcase-details{padding:1.8rem}
.showcase-details h5{color:#E7E6E5;font-size:1.2rem;margin-bottom:.8rem}
.showcase-details p{color:#8b949e;line-height:1.6;font-size:.96rem;margin:0}
@media (max-width: 1366px) {
.methodology-hero{padding:4rem 1.5rem 3.5rem}
.hero-content-wrap h1{font-size:2.4rem}
.split-layout{gap:2.5rem}
}
@media (max-width: 768px) {
.methodology-hero{padding:3rem 1.5rem}
.hero-content-wrap h1{font-size:2rem}
.hero-content-wrap p{font-size:1.05rem}
.framework-header h2::before,.framework-header h2::after{display:none}
.phase-grid{grid-template-columns:1fr;gap:1.5rem}
.split-layout{grid-template-columns:1fr;gap:2rem}
.timeline-flow::before{left:30px}
.timeline-entry{grid-template-columns:60px 1fr;gap:1.5rem}
.timeline-entry:nth-child(even) .timeline-content-left{grid-column:2;text-align:left}
.timeline-entry:nth-child(even) .timeline-content-right{grid-column:2;text-align:left}
.timeline-marker{width:60px;height:60px;grid-column:1}
.timeline-marker svg{width:28px;height:28px}
.timeline-content-right{display:none}
.dual-showcase{grid-template-columns:1fr}
}
@media (max-width: 375px) {
.methodology-hero{padding:2.5rem 1rem}
.hero-content-wrap h1{font-size:1.75rem}
.framework-display,.visual-approach,.progression-segment{padding:3rem 1rem}
.phase-block{padding:1.5rem}
}
.study-page-intro{background:linear-gradient(142deg,#212835 0%,#1a1f2a 100%);padding:80px 20px;position:relative;overflow:hidden}
.study-page-intro::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#f36f0214 0%,transparent 70%);border-radius:50%}
.intro-content-wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.intro-text-area h1{font-size:48px;color:#E7E6E5;margin:0 0 24px;line-height:1.2;position:relative}
.intro-text-area h1::after{content:'';position:absolute;bottom:-12px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#F36F02,transparent)}
.intro-text-area p{font-size:18px;color:#E7E6E5;line-height:1.7;margin:32px 0 0;opacity:.9}
.intro-visual-block{position:relative}
.intro-visual-block img{width:100%;height:420px;object-fit:cover;border-radius:12px;box-shadow:0 20px 60px #0006}
.resource-library-section{background:#0d1117;padding:100px 20px;position:relative}
.resource-library-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#F36F02,transparent)}
.library-container{max-width:1200px;margin:0 auto}
.library-header{text-align:center;margin-bottom:70px}
.library-header h2{font-size:42px;color:#E7E6E5;margin:0 0 20px;position:relative;display:inline-block}
.library-header h2::before{content:'';position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:50px;height:3px;background:#F36F02}
.library-header p{font-size:18px;color:#E7E6E5;opacity:.85;max-width:700px;margin:0 auto;line-height:1.6}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.resource-item{background:#1a1f2a;border-radius:14px;padding:40px 32px;position:relative;transition:all .3s ease;border:1px solid #f36f021a}
.resource-item:hover{transform:translateY(-8px);border-color:#f36f0266;box-shadow:0 16px 40px #f36f0226}
.resource-item::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#F36F02,transparent);border-radius:14px 0 0 14px;opacity:0;transition:opacity .3s ease}
.resource-item:hover::before{opacity:1}
.resource-icon{width:60px;height:60px;background:linear-gradient(135deg,#f36f0233,#f36f020d);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.resource-icon svg{width:32px;height:32px;fill:#F36F02}
.resource-item h3{font-size:24px;color:#E7E6E5;margin:0 0 16px}
.resource-item p{font-size:16px;color:#E7E6E5;opacity:.8;line-height:1.6;margin:0 0 20px}
.resource-stats{display:flex;gap:20px;margin-top:24px;padding-top:20px;border-top:1px solid #e7e6e51a}
.stat-entry{flex:1}
.stat-entry .stat-number{font-size:22px;color:#F36F02;font-weight:600;display:block;margin-bottom:4px}
.stat-entry .stat-label{font-size:13px;color:#E7E6E5;opacity:.7;display:block}
.formats-showcase{background:linear-gradient(168deg,#1a1f2a 0%,#212835 100%);padding:90px 20px;position:relative}
.formats-wrapper{max-width:1200px;margin:0 auto}
.formats-title-block{margin-bottom:60px}
.formats-title-block h2{font-size:40px;color:#E7E6E5;margin:0 0 18px}
.formats-title-block h2 span{color:#F36F02;position:relative}
.formats-title-block h2 span::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#F36F02}
.formats-title-block p{font-size:17px;color:#E7E6E5;opacity:.85;line-height:1.7;max-width:800px}
.formats-display{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:start}
.format-cards{display:flex;flex-direction:column;gap:24px}
.format-card{background:#0d1117;border-radius:12px;padding:32px;border-left:4px solid transparent;transition:all .3s ease;cursor:pointer}
.format-card:nth-child(1){border-left-color:#F36F02}
.format-card:nth-child(2){border-left-color:#f36f0299}
.format-card:nth-child(3){border-left-color:#f36f024d}
.format-card:hover{background:#1a1f2a;transform:translateX(8px);box-shadow:0 12px 32px #0000004d}
.format-card h4{font-size:22px;color:#E7E6E5;margin:0 0 12px;display:flex;align-items:center;gap:12px}
.format-card h4::before{content:'';width:10px;height:10px;background:#F36F02;border-radius:50%;display:inline-block;box-shadow:0 0 12px #f36f0299}
.format-card p{font-size:15px;color:#E7E6E5;opacity:.8;line-height:1.6;margin:0 0 20px}
.format-features{display:flex;flex-wrap:wrap;gap:12px}
.feature-tag{background:#f36f021a;color:#F36F02;padding:6px 14px;border-radius:6px;font-size:13px;border:1px solid #f36f0233}
.formats-sidebar{position:sticky;top:20px}
.formats-sidebar img{width:100%;height:500px;object-fit:cover;border-radius:12px;box-shadow:0 16px 48px #00000080}
.download-section{margin-top:40px;background:linear-gradient(135deg,#f36f021a,#f36f020d);padding:32px;border-radius:12px;border:1px solid #f36f0233}
.download-section h5{font-size:20px;color:#E7E6E5;margin:0 0 20px}
.download-list{display:flex;flex-direction:column;gap:14px}
.download-option{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#1a1f2a;border-radius:8px;transition:all .2s ease;cursor:pointer}
.download-option:hover{background:#212835;transform:translateX(4px)}
.download-info{display:flex;align-items:center;gap:14px}
.download-info svg{width:24px;height:24px;fill:#F36F02}
.download-info span{font-size:15px;color:#E7E6E5}
.download-size{font-size:13px;color:#E7E6E5;opacity:.6}
@media (max-width: 1366px) {
.intro-content-wrapper{gap:40px}
.resource-grid{gap:30px}
.formats-display{gap:40px}
}
@media (max-width: 768px) {
.intro-content-wrapper{grid-template-columns:1fr;gap:40px}
.intro-text-area h1{font-size:36px}
.intro-visual-block img{height:320px}
.resource-grid{grid-template-columns:1fr;gap:24px}
.formats-display{grid-template-columns:1fr}
.formats-sidebar{position:static}
.formats-sidebar img{height:350px}
.library-header h2{font-size:32px}
.formats-title-block h2{font-size:32px}
}
@media (max-width: 375px) {
.study-page-intro{padding:60px 16px}
.intro-text-area h1{font-size:28px}
.intro-text-area p{font-size:16px}
.resource-library-section{padding:70px 16px}
.resource-item{padding:28px 20px}
.resource-stats{flex-direction:column;gap:12px}
.formats-showcase{padding:70px 16px}
.format-card{padding:24px 20px}
.download-section{padding:24px 20px}
}
.policy-hero{background:linear-gradient(135deg,#212835 0%,#1a1f2a 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.policy-hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#f36f021a 0%,transparent 70%);animation:pulse-glow 8s ease-in-out infinite}
@keyframes pulse-glow {
0%,100%{transform:scale(1);opacity:.3}
50%{transform:scale(1.2);opacity:.6}
}
.policy-hero .hero-container{max-width:900px;margin:0 auto;position:relative;z-index:2}
.policy-hero .page-title{font-size:48px;color:#E7E6E5;margin:0 0 16px;font-weight:700;letter-spacing:-.5px}
.policy-hero .last-updated{color:#F36F02;font-size:16px;font-weight:500}
.policy-content{max-width:1200px;margin:0 auto;padding:60px 20px 80px;background:#0f1419}
.policy-content .intro-section{background:linear-gradient(145deg,#1a1f2a 0%,#212835 100%);padding:48px;border-radius:12px;margin-bottom:48px;border-left:4px solid #F36F02;box-shadow:0 8px 24px #0006}
.policy-content .intro-section .intro-text{color:#E7E6E5;font-size:18px;line-height:1.8;margin:0}
.policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-bottom:48px}
.policy-card{background:linear-gradient(180deg,#1a1f2a 0%,#151a24 100%);padding:40px;border-radius:12px;position:relative;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #f36f0233}
.policy-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #f36f0226}
.policy-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#F36F02 0%,#ff8534 100%);border-radius:12px 12px 0 0}
.policy-card .card-title{color:#F36F02;font-size:24px;margin:0 0 20px;font-weight:600;display:flex;align-items:center;gap:12px}
.policy-card .card-title::before{content:'';width:8px;height:8px;background:#F36F02;border-radius:50%;display:inline-block;box-shadow:0 0 12px #f36f0299}
.policy-card .card-content{color:#E7E6E5;font-size:16px;line-height:1.7;margin:0}
.policy-card .card-list{list-style:none;padding:0;margin:16px 0 0}
.policy-card .card-list li{color:#E7E6E5;padding:8px 0 8px 24px;position:relative;font-size:15px;line-height:1.6}
.policy-card .card-list li::before{content:'→';position:absolute;left:0;color:#F36F02;font-weight:700}
.detailed-section{background:#1a1f2a;padding:48px;border-radius:12px;margin-bottom:32px;position:relative;overflow:hidden}
.detailed-section::after{content:'';position:absolute;bottom:0;right:0;width:300px;height:300px;background:radial-gradient(circle,#f36f0214 0%,transparent 70%);border-radius:50%}
.detailed-section .section-heading{color:#F36F02;font-size:28px;margin:0 0 24px;font-weight:600;position:relative;z-index:2}
.detailed-section .subsection{margin-bottom:32px;position:relative;z-index:2}
.detailed-section .subsection-title{color:#E7E6E5;font-size:20px;margin:0 0 16px;font-weight:500;padding-left:16px;border-left:3px solid #F36F02}
.detailed-section .subsection-text{color:#E7E6E5;font-size:16px;line-height:1.7;margin:0 0 12px}
.detailed-section .detail-list{list-style:none;padding:0;margin:12px 0}
.detailed-section .detail-list li{color:#E7E6E5;padding:10px 0 10px 32px;position:relative;font-size:15px;line-height:1.6;border-bottom:1px solid #e7e6e51a}
.detailed-section .detail-list li:last-child{border-bottom:none}
.detailed-section .detail-list li::before{content:'•';position:absolute;left:12px;color:#F36F02;font-size:20px;line-height:1}
.contact-block{background:linear-gradient(135deg,#212835 0%,#1a1f2a 100%);padding:48px;border-radius:12px;text-align:center;position:relative;overflow:hidden}
.contact-block::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#f36f0226 0%,transparent 70%);border-radius:50%}
.contact-block .contact-title{color:#E7E6E5;font-size:26px;margin:0 0 16px;font-weight:600;position:relative;z-index:2}
.contact-block .contact-text{color:#E7E6E5;font-size:16px;line-height:1.7;margin:0 0 24px;position:relative;z-index:2}
.contact-block .contact-email{display:inline-block;color:#F36F02;font-size:18px;font-weight:600;text-decoration:none;padding:14px 32px;background:#f36f021a;border-radius:8px;border:2px solid #F36F02;transition:all .3s ease;position:relative;z-index:2}
.contact-block .contact-email:hover{background:#F36F02;color:#212835;transform:translateY(-2px);box-shadow:0 8px 20px #f36f024d}
@media (max-width: 768px) {
.policy-hero{padding:60px 20px}
.policy-hero .page-title{font-size:36px}
.policy-grid{grid-template-columns:1fr;gap:24px}
.policy-content .intro-section,.detailed-section,.contact-block{padding:32px 24px}
.policy-card{padding:28px 24px}
}
@media (max-width: 375px) {
.policy-hero .page-title{font-size:28px}
.policy-card .card-title{font-size:20px}
.detailed-section .section-heading{font-size:24px}
}
.policy-header{background:linear-gradient(135deg,#212835 0%,#1a1f2a 100%);padding:4rem 2rem;text-align:center;border-bottom:3px solid #F36F02}
.policy-header h1{color:#E7E6E5;font-size:2.5rem;margin:0 0 1rem;font-weight:700}
.policy-header .last-updated{color:#F36F02;font-size:1rem;opacity:.9}
.policy-content{max-width:1200px;margin:0 auto;padding:3rem 2rem}
.policy-intro{background:linear-gradient(160deg,#212835 0%,#2a3240 100%);padding:2.5rem;border-radius:12px;margin-bottom:3rem;border-left:4px solid #F36F02;box-shadow:0 8px 24px #0000004d}
.policy-intro p{color:#E7E6E5;font-size:1.1rem;line-height:1.8;margin:0}
.policy-section{margin-bottom:3rem;padding:2rem;background:#1a1f2a;border-radius:10px;border:1px solid #f36f0233;transition:all .3s ease}
.policy-section:hover{border-color:#f36f0280;box-shadow:0 6px 20px #f36f0226}
.policy-section h2{color:#F36F02;font-size:1.8rem;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f36f024d;font-weight:600}
.policy-section h3{color:#E7E6E5;font-size:1.3rem;margin:1.5rem 0 1rem;font-weight:600}
.policy-section p{color:#E7E6E5;font-size:1rem;line-height:1.75;margin-bottom:1.25rem}
.policy-section ul{list-style:none;padding:0;margin:1rem 0}
.policy-section ul li{color:#E7E6E5;font-size:1rem;line-height:1.75;margin-bottom:.75rem;padding-left:1.5rem;position:relative}
.policy-section ul li::before{content:'';position:absolute;left:0;top:.6rem;width:8px;height:8px;background:#F36F02;border-radius:50%}
.info-box{background:linear-gradient(145deg,#2a3240 0%,#212835 100%);padding:1.5rem;border-radius:8px;border-left:3px solid #F36F02;margin:1.5rem 0}
.info-box p{color:#E7E6E5;font-size:.95rem;line-height:1.7;margin:0}
.info-box strong{color:#F36F02}
.contact-info{background:linear-gradient(135deg,#212835 0%,#2a3240 100%);padding:2rem;border-radius:12px;margin-top:3rem;text-align:center;border:2px solid #F36F02}
.contact-info h3{color:#F36F02;font-size:1.5rem;margin:0 0 1rem}
.contact-info p{color:#E7E6E5;font-size:1rem;line-height:1.7;margin:.5rem 0}
.contact-info a{color:#F36F02;text-decoration:none;font-weight:600;transition:opacity .3s ease}
.contact-info a:hover{opacity:.8}
@media (max-width: 768px) {
.policy-header{padding:3rem 1.5rem}
.policy-header h1{font-size:2rem}
.policy-content{padding:2rem 1.5rem}
.policy-intro{padding:1.5rem}
.policy-section{padding:1.5rem}
.policy-section h2{font-size:1.5rem}
.policy-section h3{font-size:1.2rem}
}
@media (max-width: 375px) {
.policy-header{padding:2rem 1rem}
.policy-header h1{font-size:1.75rem}
.policy-content{padding:1.5rem 1rem}
.policy-section{padding:1.25rem}
}
.success-wrapper{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;background:linear-gradient(157deg,#0a0d14 0%,#212835 45%,#1a1f2c 100%);position:relative;overflow:hidden}
.success-wrapper::before{content:'';position:absolute;top:-50%;right:-30%;width:70%;height:140%;background:radial-gradient(circle,#f36f0214 0%,transparent 65%);pointer-events:none}
.success-wrapper::after{content:'';position:absolute;bottom:-40%;left:-20%;width:60%;height:120%;background:radial-gradient(circle,#e7e6e50a 0%,transparent 70%);pointer-events:none}
.confirmation-content{max-width:650px;width:100%;background:#21283599;backdrop-filter:blur(10px);border-radius:12px;padding:3.5rem 2.5rem;box-shadow:0 16px 48px #0000004d 0 0 1px #f36f0233;text-align:center;position:relative;z-index:2;border:1px solid #f36f0226}
.success-icon-area{margin-bottom:2rem;position:relative;display:inline-block}
.check-circle{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#f36f0233 0%,#f36f020d 100%);display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;border:3px solid #f36f0266;box-shadow:0 8px 24px #f36f0233 inset 0 2px 8px #f36f021a}
.check-circle::before{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;border:2px solid #f36f0226;animation:pulse-ring 2s ease-out infinite}
@keyframes pulse-ring {
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.2);opacity:0}
}
.check-mark{width:42px;height:42px}
.check-mark path{fill:none;stroke:#F36F02;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:draw-check .8s ease-out .3s forwards}
@keyframes draw-check {
to{stroke-dashoffset:0}
}
.main-heading{font-size:2rem;font-weight:700;color:#E7E6E5;margin:0 0 1rem;line-height:1.2}
.main-heading::after{content:'';display:block;width:60px;height:3px;background:linear-gradient(90deg,#F36F02 0%,#f36f024d 100%);margin:1rem auto 0;border-radius:2px}
.confirmation-text{font-size:1.05rem;line-height:1.7;color:#e7e6e5d9;margin:0 0 1.5rem}
.info-notice{background:#f36f0214;border-left:4px solid #F36F02;padding:1.25rem 1.5rem;border-radius:8px;margin:2rem 0;text-align:left}
.info-notice p{margin:0;font-size:.95rem;line-height:1.6;color:#e7e6e5e6}
.info-notice strong{color:#F36F02;font-weight:600}
.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2.5rem}
.primary-action{background:linear-gradient(135deg,#F36F02 0%,#d96302 100%);color:#fff;padding:.9rem 2rem;border-radius:10px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 6px 20px #f36f0240;border:none;display:inline-block;position:relative;overflow:hidden}
.primary-action::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left .5s ease}
.primary-action:hover::before{left:100%}
.primary-action:hover{transform:translateY(-2px);box-shadow:0 10px 28px #f36f0259;background:linear-gradient(135deg,#ff7a0a 0%,#F36F02 100%)}
.secondary-action{background:transparent;color:#E7E6E5;padding:.9rem 2rem;border-radius:10px;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;border:2px solid #e7e6e54d;display:inline-block}
.secondary-action:hover{border-color:#F36F02;background:#f36f0214;transform:translateY(-2px);color:#F36F02}
.contact-info{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #e7e6e526}
.contact-info p{margin:.5rem 0;font-size:.9rem;color:#e7e6e5b3}
.contact-info a{color:#F36F02;text-decoration:none;transition:color .3s ease;font-weight:500}
.contact-info a:hover{color:#ff7a0a;text-decoration:underline}
@media (max-width: 768px) {
.success-wrapper{padding:2rem 1rem}
.confirmation-content{padding:2.5rem 1.5rem}
.main-heading{font-size:1.65rem}
.confirmation-text{font-size:1rem}
.check-circle{width:75px;height:75px}
.check-mark{width:36px;height:36px}
.action-buttons{flex-direction:column;gap:.75rem}
.primary-action,.secondary-action{width:100%;text-align:center}
}
@media (max-width: 375px) {
.confirmation-content{padding:2rem 1.25rem}
.main-heading{font-size:1.5rem}
.info-notice{padding:1rem 1.25rem}
}