@import "https://cdn.jsdelivr.net/npm/@fontsource/nunito@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/nunito@latest/700.css";
*{box-sizing:border-box}
body{margin:0;font-family:'Nunito',sans-serif;background:linear-gradient(168deg,#0a0e14 0%,#1a1f28 100%);color:#e8edf3;font-size:14px;line-height:1.6;letter-spacing:.01em;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}
:focus{outline:2px dashed #FF5238;outline-offset:4px;animation:dash_rotate 3s linear infinite}
@keyframes dash_rotate {
to{outline-offset:8px}
}
::selection{background:#e8edf3;color:#0a0e14}
.header_wrap{background:#0a0e14a6;backdrop-filter:blur(24px) saturate(1.4);border-bottom:1px solid #ff52381f;position:relative;z-index:100}
.header_inner{max-width:1320px;margin:0 auto;padding:24px 40px;display:grid;grid-template-columns:auto 1fr;gap:72px;align-items:start}
.brand_zone{display:flex;align-items:center;gap:16px}
.logo_box{width:60px;height:60px;padding:8px;background:linear-gradient(135deg,#30568e2e 0%,#e2f0fd17 100%);border:1px solid #ff52383d;border-radius:14px;box-shadow:0 1px 5px 0 #ff52380f 0 6px 18px 0 #30568e17 inset 0 1px 2px 0 #e2f0fd14;transition:transform .18s ease-out,box-shadow .15s ease}
.logo_box:hover{transform:translateY(-2px);box-shadow:0 6px 18px 0 #ff523817 0 9px 52px 0 #30568e1c inset 0 1px 2px 0 #e2f0fd1f}
.logo_box img{width:100%;height:100%;object-fit:contain;display:block}
.company_title{font-size:26px;line-height:1.1;font-weight:700;color:#fff;letter-spacing:.02em}
.navi_block{display:flex;flex-direction:column;gap:24px;align-items:flex-end;padding-top:8px}
.primary_navi{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.primary_navi a{padding:16px 24px;background:#30568e1c;border:1px solid #e2f0fd14;border-radius:8px;color:#e8edf3;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.015em;transition:background .16s ease-out,border-color .14s ease;position:relative;overflow:hidden}
.primary_navi a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#ff52382e 0%,#30568e38 100%);transition:left .2s ease-out}
.primary_navi a:hover::before{left:0}
.primary_navi a span{position:relative;z-index:1}
.primary_navi a:hover{border-color:#ff523852}
.contact_quick{display:flex;align-items:center;gap:24px}
.phone_link{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#e2f0fd0f;border-radius:24px;color:#e8edf3;text-decoration:none;font-size:14px;border:1px solid #ff523826;transition:background .15s ease,border-color .17s ease-out}
.phone_link:hover{background:#ff52381f;border-color:#ff523859}
.phone_icon_svg{width:16px;height:16px;fill:#FF5238}
.signal_btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#30568e33;border:1px solid #e2f0fd1a;border-radius:40px;text-decoration:none;transition:transform .14s ease,background .18s ease-out}
.signal_btn:hover{transform:scale(1.12);background:#30568e59}
.signal_icon_svg{width:18px;height:18px;fill:#e8edf3}
@media (max-width: 1200px) {
.header_inner{gap:40px;padding:24px}
}
@media (max-width: 992px) {
.header_inner{grid-template-columns:1fr;gap:24px}
.navi_block{align-items:stretch}
.primary_navi{justify-content:flex-start}
.contact_quick{justify-content:flex-start}
}
@media (max-width: 576px) {
.header_inner{padding:16px}
.brand_zone{gap:8px}
.logo_box{width:50px;height:50px}
.company_title{font-size:20px}
.primary_navi a{padding:16px;font-size:14px;flex:1 1 auto;text-align:center}
.contact_quick{flex-direction:column;gap:16px}
.phone_link{width:100%;justify-content:center}
}
.footer_wrap{background:linear-gradient(168deg,#0d1117 0%,#1f2937 100%);border-top:1px solid #30568e2e;position:relative;margin-top:72px}
.footer_top{max-width:1320px;margin:0 auto;padding:72px 40px 40px;display:grid;grid-template-columns:1fr 2fr;gap:72px}
.footer_brand_col{display:flex;flex-direction:column;gap:24px}
.footer_logo_holder{width:58px;height:58px;padding:8px;background:#e2f0fd0a;border:1px solid #ff52382e;border-radius:14px;box-shadow:0 1px 5px 0 #30568e0f 0 6px 18px 0 #30568e17}
.footer_logo_holder img{width:100%;height:100%;object-fit:contain;display:block}
.footer_company_name{font-size:20px;line-height:1.3;font-weight:700;color:#fff;letter-spacing:.015em}
.footer_addr_block{display:flex;flex-direction:column;gap:16px}
.addr_line{display:flex;align-items:start;gap:8px;font-size:14px;line-height:1.6;color:#b8c5d6}
.addr_icon_svg{width:16px;height:16px;fill:#FF5238;margin-top:2px;flex-shrink:0}
.footer_email_link{color:#e8edf3;text-decoration:none;transition:color .15s ease}
.footer_email_link:hover{color:#FF5238}
.footer_links_col{display:flex;flex-direction:column;gap:16px}
.footer_section_title{font-size:14px;line-height:1.3;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px}
.footer_link_list{display:flex;flex-direction:column;gap:16px}
.footer_link_list a{color:#b8c5d6;text-decoration:none;font-size:14px;line-height:1.3;transition:color .16s ease-out,padding-left .18s ease;display:inline-block}
.footer_link_list a:hover{color:#FF5238;padding-left:8px}
.footer_bottom{background:#0a0e1473;border-top:1px solid #30568e1f}
.footer_copy_strip{max-width:1320px;margin:0 auto;padding:24px 40px;text-align:center;font-size:14px;line-height:1.3;color:#8b98a8;letter-spacing:.01em}
@media (max-width: 992px) {
.footer_top{grid-template-columns:1fr;gap:40px;padding:40px 24px 24px}
.footer_copy_strip{padding:24px}
}
@media (max-width: 576px) {
.footer_top{padding:40px 16px 24px}
.footer_copy_strip{padding:16px;font-size:14px}
}
.panel{position:fixed;bottom:0;left:0;width:100%;background:#0f141cf5;backdrop-filter:blur(16px);border-top:2px solid #ff523859;box-shadow:0 -6px 18px 0 #30568e17 0 -9px 52px 0 #30568e1c;z-index:1500;display:none;transform:translateX(-100%);transition:transform .18s ease-out}
.panel.live{display:block;transform:translateX(0)}
.row{max-width:1320px;margin:0 auto;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.notice{flex:1;font-size:14px;line-height:1.6;color:#e8edf3}
.notice.is_hidden{display:none}
.actions{display:flex;gap:16px;flex-shrink:0}
.choice{padding:16px 24px;background:#30568e33;border:1px solid #e2f0fd26;color:#e8edf3;font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:background .16s ease-out,border-color .15s ease}
.choice:hover{background:#30568e59;border-color:#ff523859}
@media (max-width: 992px) {
.row{flex-direction:column;align-items:stretch;gap:24px;padding:24px}
.actions{width:100%}
.choice{flex:1}
}
@media (max-width: 576px) {
.row{padding:16px}
.actions{flex-direction:column}
}
.terms-section-nrr{max-width:1320px;margin:0 auto;padding:72px 24px;background:#12121499;backdrop-filter:blur(16px);border-radius:24px;box-shadow:0 6px 18px 0 #ff523817}
.terms-section-nrr h1{font-size:50px;line-height:1.1;letter-spacing:.01em;color:#E2F0FD;margin-bottom:40px}
.terms-section-nrr h2{font-size:36px;line-height:1.3;letter-spacing:.01em;color:#E2F0FD;margin-top:72px;margin-bottom:24px}
.terms-section-nrr h3{font-size:26px;line-height:1.3;letter-spacing:.02em;color:#e2f0fdeb;margin-top:40px;margin-bottom:16px}
.terms-section-nrr h4{font-size:20px;line-height:1.3;letter-spacing:.01em;color:#e2f0fde0;margin-top:24px;margin-bottom:16px}
.terms-section-nrr h5{font-size:14px;line-height:1.6;letter-spacing:.02em;text-transform:uppercase;color:#e2f0fdd1;margin-top:24px;margin-bottom:8px}
.terms-section-nrr h6{font-size:14px;line-height:1.6;letter-spacing:.01em;color:#e2f0fdc7;margin-top:16px;margin-bottom:8px}
.terms-section-nrr p{font-size:14px;line-height:1.9;letter-spacing:.01em;color:#e2f0fdd9;margin-bottom:24px}
.terms-section-nrr ul,.terms-section-nrr ol{font-size:14px;line-height:1.9;letter-spacing:.01em;color:#e2f0fdd9;margin-bottom:24px;padding-left:40px}
.terms-section-nrr ul{list-style-type:disc}
.terms-section-nrr ol{list-style-type:decimal}
.terms-section-nrr li{margin-bottom:8px;padding-left:8px}
.terms-section-nrr li:last-child{margin-bottom:0}
.terms-section-nrr ul ul,.terms-section-nrr ol ol,.terms-section-nrr ul ol,.terms-section-nrr ol ul{margin-top:8px;margin-bottom:8px}
.terms-section-nrr strong,.terms-section-nrr b{font-weight:700;color:#e2f0fdf2}
.terms-section-nrr em,.terms-section-nrr i{font-style:italic;color:#e2f0fde0}
.terms-section-nrr hr{height:1px;background:linear-gradient(90deg,#30568e00 0%,#30568e66 50%,#30568e00 100%);border:none;margin:72px 0}
@media (max-width: 992px) {
.terms-section-nrr{padding:40px 16px;border-radius:14px}
.terms-section-nrr h1{font-size:36px;margin-bottom:24px}
.terms-section-nrr h2{font-size:26px;margin-top:40px;margin-bottom:16px}
.terms-section-nrr h3{font-size:20px;margin-top:24px}
.terms-section-nrr hr{margin:40px 0}
}
@media (max-width: 576px) {
.terms-section-nrr{padding:24px 16px;border-radius:8px}
.terms-section-nrr h1{font-size:26px;margin-bottom:16px}
.terms-section-nrr h2{font-size:20px;margin-top:24px}
.terms-section-nrr ul,.terms-section-nrr ol{padding-left:24px}
}
.about_main{background:#0a0a0a;color:#e8e8e8;min-height:100vh;padding:0;margin:0;overflow-x:clip}
.about_main .hero_gradient_box{background:linear-gradient(180deg,#FF5238 0%,#0a0a0a00 100%);padding:72px 24px 40px;position:relative}
.hero_gradient_box::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ff523826}
.about_main .hero_content_wrapper{max-width:1320px;margin:0 auto}
.about_main .hero_title{font-size:50px;line-height:1.1;letter-spacing:.01em;margin:0 0 24px;font-weight:600;color:#0a0a0a}
.about_main .hero_subtitle{font-size:26px;line-height:1.3;letter-spacing:.02em;margin:0;color:#0a0a0ad9;max-width:720px}
.about_main .mission_sidebar_layout{max-width:1320px;margin:0 auto;padding:72px 24px;display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start}
.about_main .mission_content_zone{background:#ffffff08;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid #ffffff14;border-radius:24px;padding:40px;box-shadow:0 9px 52px 0 #30568e1c}
.about_main .mission_heading{font-size:36px;line-height:1.1;letter-spacing:.01em;margin:0 0 24px;font-weight:600}
.about_main .mission_heading .accent_word{color:#FF5238}
.about_main .mission_text{font-size:20px;line-height:1.6;letter-spacing:.02em;margin:0 0 24px;color:#d0d0d0}
.about_main .mission_text:last-child{margin-bottom:0}
.about_main .mission_text:first-of-type{font-size:26px;line-height:1.3;color:#e8e8e8}
.about_main .sidebar_stats_box{background:#30568e1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid #30568e40;border-radius:14px;padding:40px;box-shadow:0 6px 18px 0 #30568e17;position:sticky;top:24px}
.about_main .stat_item{margin-bottom:40px}
.about_main .stat_item:last-child{margin-bottom:0}
.about_main .stat_number{font-size:66px;line-height:1.1;letter-spacing:.01em;font-weight:700;color:#FF5238;margin:0 0 8px;display:block}
.about_main .stat_label{font-size:14px;line-height:1.3;letter-spacing:.02em;text-transform:uppercase;color:#e2f0fdcc;margin:0}
.about_main .team_stepped_section{background:linear-gradient(135deg,#30568e14 0%,#0a0a0a00 100%);padding:72px 24px;position:relative}
.about_main .team_stepped_section::before{content:'';position:absolute;top:0;left:0;width:40px;height:40px;background:#FF5238;clip-path:polygon(0 0,100% 0,0 100%)}
.about_main .team_stepped_section::after{content:'';position:absolute;bottom:0;right:0;width:72px;height:72px;background:#30568e26;clip-path:polygon(100% 0,100% 100%,0 100%)}
.about_main .team_container{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.about_main .team_heading{font-size:50px;line-height:1.1;letter-spacing:.01em;margin:0 0 72px;font-weight:600;text-align:center}
.about_main .team_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.about_main .team_card{background:#ffffff05;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px dashed transparent;border-radius:8px;padding:0;overflow:hidden;transition:border-color .15s ease-out,box-shadow .2s ease-out;box-shadow:0 1px 5px 0 #ff52380f}
.about_main .team_card:hover{border-color:#ff523866;box-shadow:0 6px 18px 0 #ff523817}
.about_main .team_card:nth-child(1){transform:translateY(0)}
.about_main .team_card:nth-child(2){transform:translateY(40px)}
.about_main .team_card:nth-child(3){transform:translateY(72px)}
.about_main .team_photo_wrapper{width:100%;height:280px;overflow:hidden;position:relative}
.about_main .team_photo{width:100%;height:100%;object-fit:cover;clip-path:polygon(0 0,100% 0,100% 85%,0 100%)}
.about_main .team_info_box{padding:24px}
.about_main .team_name{font-size:26px;line-height:1.3;letter-spacing:.01em;margin:0 0 8px;font-weight:600;color:#e8e8e8}
.about_main .team_role{font-size:14px;line-height:1.3;letter-spacing:.02em;text-transform:uppercase;margin:0 0 16px;color:#FF5238}
.about_main .team_bio{font-size:14px;line-height:1.6;letter-spacing:.02em;margin:0;color:silver}
.about_main .values_contrast_section{background:#FF5238;padding:72px 24px;position:relative}
.about_main .values_contrast_section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg,transparent,transparent 16px,#0a0a0a08 16px,#0a0a0a08 17px),repeating-linear-gradient(90deg,transparent,transparent 16px,#0a0a0a08 16px,#0a0a0a08 17px);pointer-events:none;opacity:.4}
.about_main .values_wrapper{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.about_main .values_intro_heading{font-size:36px;line-height:1.1;letter-spacing:.01em;margin:0 0 40px;font-weight:600;color:#0a0a0a;text-align:center}
.about_main .values_pullquote{background:#0a0a0a14;border-left:4px solid #30568E;padding:40px;border-radius:4px;margin:0 auto 72px;max-width:920px;box-shadow:inset 6px 0 12px #0a0a0a1a}
.about_main .pullquote_text{font-size:26px;line-height:1.3;letter-spacing:.02em;margin:0;color:#0a0a0a;font-weight:500;font-style:italic}
.about_main .values_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.about_main .value_item{background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:14px;padding:40px;border:1px solid #0a0a0a1a;transition:transform .18s ease,box-shadow .15s ease-out;box-shadow:0 1px 5px 0 #0a0a0a0f}
.about_main .value_item:hover{transform:translateY(-8px);box-shadow:0 9px 52px 0 #0a0a0a1c}
.about_main .value_heading{font-size:26px;line-height:1.3;letter-spacing:.01em;margin:0 0 16px;font-weight:600;color:#0a0a0a}
.about_main .value_description{font-size:14px;line-height:1.6;letter-spacing:.02em;margin:0;color:#0a0a0ad9}
@media (max-width: 1200px) {
.about_main .mission_sidebar_layout{grid-template-columns:1fr;gap:40px}
.about_main .sidebar_stats_box{position:static}
.about_main .team_grid{grid-template-columns:repeat(2,1fr)}
.about_main .team_card:nth-child(1),.about_main .team_card:nth-child(2),.about_main .team_card:nth-child(3){transform:translateY(0)}
}
@media (max-width: 992px) {
.about_main .hero_title{font-size:36px}
.about_main .hero_subtitle{font-size:20px}
.about_main .mission_heading,.about_main .team_heading{font-size:36px}
.about_main .values_intro_heading{font-size:26px}
.about_main .values_grid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 576px) {
.about_main .hero_gradient_box{padding:40px 16px 24px}
.about_main .mission_sidebar_layout,.about_main .team_stepped_section,.about_main .values_contrast_section{padding:40px 16px}
.about_main .mission_content_zone,.about_main .sidebar_stats_box{padding:24px}
.about_main .team_grid{grid-template-columns:1fr}
.about_main .hero_title{font-size:26px}
.about_main .hero_subtitle{font-size:14px}
.about_main .mission_heading,.about_main .team_heading{font-size:26px;margin-bottom:40px}
.about_main .stat_number{font-size:50px}
.about_main .values_pullquote{padding:24px}
.about_main .pullquote_text{font-size:20px}
.about_main .value_item{padding:24px}
}
.about_main ::selection{background:#e8e8e8;color:#0a0a0a}
.about_main ::-moz-selection{background:#e8e8e8;color:#0a0a0a}
.contact_reachout_page{background:#0a0a0a;color:#e8e8e8;min-height:100vh;position:relative;overflow-x:clip}
.contact_reachout_page::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 15% 15%,#30568e26,transparent 45%);pointer-events:none;animation:fade_overlay 8s ease-in-out infinite alternate;z-index:0}
@keyframes fade_overlay {
0%{opacity:.3}
100%{opacity:.8}
}
.contact_reachout_page .page_wrapper{max-width:1320px;margin:0 auto;padding:72px 24px;position:relative;z-index:1}
.contact_reachout_page .hero_contact_section{display:grid;grid-template-columns:2fr 1fr;gap:40px;margin-bottom:72px;position:relative}
.contact_reachout_page .hero_content_wrapper{background:#121216b3;backdrop-filter:blur(24px);border-radius:24px;padding:40px;box-shadow:0 9px 52px 0 #30568e1c;position:relative;overflow:hidden}
.contact_reachout_page .hero_content_wrapper::after{content:'';position:absolute;right:0;top:40px;bottom:40px;width:4px;background:linear-gradient(180deg,#FF5238,#30568E);border-radius:4px}
.contact_reachout_page .content_label{font-size:14px;text-transform:uppercase;letter-spacing:.02em;color:#E2F0FD;margin-bottom:16px;line-height:1.3}
.contact_reachout_page .main_heading{font-size:50px;line-height:1.1;letter-spacing:.01em;margin-bottom:24px;color:#fff}
.contact_reachout_page .main_heading .highlight_word{color:#FF5238}
.contact_reachout_page .description_text{font-size:20px;line-height:1.6;letter-spacing:.01em;color:#c4c4c4}
.contact_reachout_page .description_text strong{color:#E2F0FD}
.contact_reachout_page .visual_anchor_box{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 6px 18px 0 #ff523817}
.contact_reachout_page .visual_anchor_box img{width:100%;height:100%;object-fit:cover;display:block}
.contact_reachout_page .visual_anchor_box::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,#000000b3,transparent 60%);pointer-events:none}
.contact_reachout_page .visual_anchor_box::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 0% 100%,#000000b3,transparent 60%);pointer-events:none}
.contact_reachout_page .form_main_section{background:linear-gradient(135deg,#30568e26,#ff523814);border-radius:40px;padding:72px 40px;margin-bottom:72px;position:relative}
.contact_reachout_page .form_header{text-align:center;margin-bottom:40px}
.contact_reachout_page .form_title{font-size:36px;line-height:1.1;letter-spacing:.01em;color:#fff;margin-bottom:16px}
.contact_reachout_page .form_subtitle{font-size:20px;line-height:1.6;letter-spacing:.01em;color:#c4c4c4}
.contact_reachout_page .contact_form_editorial{max-width:840px;margin:0 auto}
.contact_reachout_page .form_row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.contact_reachout_page .field_group{display:flex;flex-direction:column;gap:8px}
.contact_reachout_page .field_group.is-full{grid-column:1 / -1}
.contact_reachout_page .field_label{font-size:14px;line-height:1.3;letter-spacing:.02em;color:#E2F0FD;text-transform:uppercase}
.contact_reachout_page .field_input{background:#0a0a0a99;border:1px solid #e2f0fd33;border-radius:8px;padding:16px;font-size:20px;line-height:1.3;letter-spacing:.01em;color:#fff;transition:border-color .15s ease-out,background .2s ease-out}
.contact_reachout_page .field_input::placeholder{color:#c4c4c480;text-transform:uppercase;font-size:14px;letter-spacing:.02em}
.contact_reachout_page .field_input:focus{outline:none;border-color:#FF5238;background:#0a0a0ae6}
.contact_reachout_page .field_select{background:#0a0a0a99;border:1px solid #e2f0fd33;border-radius:8px;padding:16px;font-size:20px;line-height:1.3;letter-spacing:.01em;color:#fff;cursor:pointer;transition:border-color .15s ease-out,background .2s ease-out;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23E2F0FD' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:48px}
.contact_reachout_page .field_select:focus{outline:none;border-color:#FF5238;background-color:#0a0a0ae6}
.contact_reachout_page .field_textarea{background:#0a0a0a99;border:1px solid #e2f0fd33;border-radius:8px;padding:16px;font-size:20px;line-height:1.6;letter-spacing:.01em;color:#fff;min-height:160px;resize:vertical;transition:border-color .15s ease-out,background .2s ease-out}
.contact_reachout_page .field_textarea::placeholder{color:#c4c4c480;text-transform:uppercase;font-size:14px;letter-spacing:.02em}
.contact_reachout_page .field_textarea:focus{outline:none;border-color:#FF5238;background:#0a0a0ae6}
.contact_reachout_page .privacy_consent_box{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding:16px;background:#12121680;border-radius:14px}
.contact_reachout_page .privacy_checkbox{width:24px;height:24px;border:2px solid #e2f0fd4d;border-radius:4px;background:#0a0a0a99;cursor:pointer;flex-shrink:0;margin-top:2px;transition:border-color .15s ease-out,background .2s ease-out}
.contact_reachout_page .privacy_checkbox:checked{background:#FF5238;border-color:#FF5238}
.contact_reachout_page .privacy_label{font-size:14px;line-height:1.6;letter-spacing:.01em;color:#c4c4c4;cursor:pointer}
.contact_reachout_page .privacy_label a{color:#E2F0FD;text-decoration:none!important;border-bottom:1px solid #e2f0fd66;transition:border-color .15s ease-out}
.contact_reachout_page .privacy_label a:hover{border-bottom-color:#E2F0FD}
.contact_reachout_page .submit_btn{width:100%;background:linear-gradient(135deg,#FF5238,#30568E);border:none;border-radius:14px;padding:24px 40px;font-size:20px;line-height:1.3;letter-spacing:.01em;color:#fff;font-weight:600;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 6px 18px 0 #ff523817;transition:transform .15s ease-out,box-shadow .2s ease-out}
.contact_reachout_page .submit_btn::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#fff3,transparent);opacity:0;transition:opacity .2s ease-out}
.contact_reachout_page .submit_btn:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 9px 52px 0 #ff52381c}
.contact_reachout_page .submit_btn:hover::before{opacity:1}
.contact_reachout_page .submit_btn:active{transform:translateY(0) scale(0.99)}
.contact_reachout_page .direct_channels_section{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.contact_reachout_page .channel_card{background:#121216b3;backdrop-filter:blur(24px);border-radius:14px;padding:40px 24px;text-align:center;position:relative;transition:transform .2s ease-out,box-shadow .15s ease-out;box-shadow:0 1px 5px 0 #30568e0f}
.contact_reachout_page .channel_card:hover{transform:scale(1.05);box-shadow:0 6px 18px 0 #30568e17}
.contact_reachout_page .channel_card:active{transform:scale(0.98)}
.contact_reachout_page .channel_icon_wrapper{width:72px;height:72px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff523826,#30568e26);border-radius:24px;box-shadow:inset 0 6px 10px #0000004d}
.contact_reachout_page .channel_icon{width:40px;height:40px}
.contact_reachout_page .channel_title{font-size:20px;line-height:1.3;letter-spacing:.01em;color:#E2F0FD;margin-bottom:8px}
.contact_reachout_page .channel_value{font-size:14px;line-height:1.6;letter-spacing:.01em;color:#c4c4c4;word-break:break-word}
.contact_reachout_page .channel_link{color:#c4c4c4;text-decoration:none!important;transition:color .15s ease-out}
.contact_reachout_page .channel_link:hover{color:#FF5238}
.contact_reachout_page ::selection{background:#e8e8e8;color:#0a0a0a}
@media (max-width: 1200px) {
.contact_reachout_page .hero_contact_section{grid-template-columns:1fr;gap:24px}
.contact_reachout_page .visual_anchor_box{height:320px}
}
@media (max-width: 992px) {
.contact_reachout_page .page_wrapper{padding:40px 16px}
.contact_reachout_page .hero_contact_section{margin-bottom:40px}
.contact_reachout_page .form_main_section{padding:40px 24px;margin-bottom:40px;border-radius:24px}
.contact_reachout_page .form_row{grid-template-columns:1fr;gap:16px;margin-bottom:16px}
.contact_reachout_page .direct_channels_section{grid-template-columns:1fr;gap:16px}
.contact_reachout_page .main_heading{font-size:36px}
.contact_reachout_page .form_title{font-size:26px}
}
@media (max-width: 576px) {
.contact_reachout_page .page_wrapper{padding:24px 16px}
.contact_reachout_page .hero_content_wrapper{padding:24px}
.contact_reachout_page .main_heading{font-size:26px}
.contact_reachout_page .description_text{font-size:14px}
.contact_reachout_page .form_main_section{padding:24px 16px}
.contact_reachout_page .form_title{font-size:20px}
.contact_reachout_page .form_subtitle{font-size:14px}
.contact_reachout_page .field_input,.contact_reachout_page .field_select,.contact_reachout_page .field_textarea{font-size:14px;padding:16px}
.contact_reachout_page .submit_btn{font-size:14px;padding:16px 24px}
.contact_reachout_page .channel_card{padding:24px 16px}
}
.retail_ai_compare{background:#0a0a0a;color:#e8e8e8;min-height:100vh}
.retail_ai_compare .hero_wrap{max-width:1320px;margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.retail_ai_compare .hero_text{padding-right:72px}
.retail_ai_compare .hero_title{font-size:50px;line-height:1.1;letter-spacing:.01em;margin:0 0 24px;color:#fff}
.retail_ai_compare .hero_subtitle{font-size:20px;line-height:1.6;letter-spacing:.02em;margin:0 0 24px;color:#b8b8b8}
.retail_ai_compare .hero_link{display:inline-block;color:#FF5238;font-size:14px;line-height:1.3;letter-spacing:.01em;text-decoration:none;padding:8px 0;border-bottom:1px solid transparent;transition:border-color .15s ease-out}
.retail_ai_compare .hero_link:hover{border-bottom-color:#FF5238}
.retail_ai_compare .hero_image_box{position:relative;border-radius:24px;overflow:hidden}
.retail_ai_compare .hero_img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%);transition:filter .2s ease,transform .18s ease-out}
.retail_ai_compare .hero_image_box:hover .hero_img{filter:grayscale(0%);transform:scale(1.05)}
.retail_ai_compare .hero_decoration{position:absolute;top:40px;right:40px;width:120px;height:120px;border-radius:50%;background:#ff523814;pointer-events:none;z-index:1}
.retail_ai_compare .hero_decoration_two{position:absolute;bottom:40px;left:40px;width:180px;height:180px;border-radius:50%;background:#30568e0f;pointer-events:none;z-index:1}
.retail_ai_compare .diagonal_accent{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}
.retail_ai_compare .diagonal_line{position:absolute;width:1px;height:141%;background:#ff523826;top:-20%;left:30%;transform:rotate(-25deg)}
.retail_ai_compare .comparison_zone{background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 100%);padding:72px 24px;position:relative;animation:colorWash 8s ease-in-out infinite alternate}
@keyframes colorWash {
0%{background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 100%)}
100%{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 100%)}
}
.retail_ai_compare .comparison_container{max-width:1320px;margin:0 auto}
.retail_ai_compare .comparison_header{font-size:36px;line-height:1.3;letter-spacing:.01em;margin:0 0 40px;text-align:center}
.retail_ai_compare .comparison_header .accent_word{color:#FF5238}
.retail_ai_compare .comparison_grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.retail_ai_compare .approach_card{background:#ffffff05;backdrop-filter:blur(20px);border:1px solid #ffffff0d;border-radius:14px;padding:40px;position:relative;transition:transform .15s ease-out,box-shadow .15s ease-out}
.retail_ai_compare .approach_card:hover{transform:translateY(-4px);box-shadow:0 9px 52px 0 #ff52381c}
.retail_ai_compare .approach_name{font-size:26px;line-height:1.3;letter-spacing:.02em;margin:0 0 16px;color:#fff}
.retail_ai_compare .approach_intro{font-size:14px;line-height:1.6;letter-spacing:.02em;margin:0 0 24px;color:silver}
.retail_ai_compare .pros_cons_wrapper{display:grid;grid-template-columns:1fr 2fr;gap:24px}
.retail_ai_compare .pros_section,.retail_ai_compare .cons_section{display:flex;flex-direction:column;gap:8px}
.retail_ai_compare .pros_label,.retail_ai_compare .cons_label{font-size:14px;line-height:1.3;letter-spacing:.02em;text-transform:uppercase;margin:0 0 8px;font-weight:600}
.retail_ai_compare .pros_label{color:#30568E}
.retail_ai_compare .cons_label{color:#FF5238}
.retail_ai_compare .pros_item,.retail_ai_compare .cons_item{font-size:14px;line-height:1.6;letter-spacing:.01em;padding-left:16px;position:relative}
.retail_ai_compare .pros_item::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background:#30568E;border-radius:50%}
.retail_ai_compare .cons_item::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background:#FF5238;border-radius:50%}
.retail_ai_compare .split_screen_section{display:grid;grid-template-columns:1fr 1fr;min-height:600px}
.retail_ai_compare .rich_zone{background:#30568E;padding:72px 40px;display:flex;flex-direction:column;justify-content:center;position:relative}
.retail_ai_compare .neutral_zone{background:#141414;padding:72px 40px;display:flex;flex-direction:column;justify-content:center}
.retail_ai_compare .zone_heading{font-size:36px;line-height:1.1;letter-spacing:.01em;margin:0 0 24px;color:#fff}
.retail_ai_compare .zone_text{font-size:14px;line-height:1.9;letter-spacing:.02em;margin:0 0 16px;color:#ffffffe6}
.retail_ai_compare .neutral_zone .zone_text{color:#c8c8c8}
.retail_ai_compare .metric_list{display:flex;flex-direction:column;gap:16px;margin-top:24px}
.retail_ai_compare .metric_row{display:flex;align-items:baseline;gap:16px}
.retail_ai_compare .metric_value{font-size:50px;line-height:1.1;letter-spacing:.01em;color:#FF5238;font-weight:700}
.retail_ai_compare .metric_label{font-size:14px;line-height:1.3;letter-spacing:.02em;color:#fffc}
.retail_ai_compare .diagonal_split_line{position:absolute;width:1px;height:160%;background:#ffffff1f;top:-30%;right:20%;transform:rotate(-18deg);pointer-events:none}
.retail_ai_compare .interactive_panel_section{background:#0d0d0d;padding:72px 24px}
.retail_ai_compare .interactive_wrapper{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:33.333% 66.666%;gap:40px}
.retail_ai_compare .sidebar_controls{display:flex;flex-direction:column;gap:8px}
.retail_ai_compare .panel_trigger{display:none}
.retail_ai_compare .panel_label{display:block;padding:16px 24px;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;font-size:14px;line-height:1.3;letter-spacing:.01em;color:#b8b8b8;cursor:pointer;transition:background .12s ease-out,border-color .12s ease-out,color .12s ease-out;user-select:none}
.retail_ai_compare .panel_label:hover{background:#ffffff0d;border-color:#ffffff26;color:#fff}
.retail_ai_compare .panel_trigger:checked + .panel_label{background:#ff52381f;border-color:#FF5238;color:#fff;box-shadow:inset 0 4px 8px 0 #ff523826}
.retail_ai_compare .content_display{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;padding:40px;min-height:400px;position:relative}
.retail_ai_compare .panel_content{display:none}
.retail_ai_compare #panel_1:checked ~ .content_display .panel_content_1,.retail_ai_compare #panel_2:checked ~ .content_display .panel_content_2,.retail_ai_compare #panel_3:checked ~ .content_display .panel_content_3{display:block}
.retail_ai_compare .panel_heading{font-size:26px;line-height:1.3;letter-spacing:.01em;margin:0 0 16px;color:#fff}
.retail_ai_compare .panel_description{font-size:14px;line-height:1.6;letter-spacing:.02em;margin:0 0 24px;color:silver}
.retail_ai_compare .data_table_box{margin-top:24px}
.retail_ai_compare .data_row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #ffffff0f}
.retail_ai_compare .data_row:last-child{border-bottom:none}
.retail_ai_compare .data_label{font-size:14px;line-height:1.3;letter-spacing:.01em;color:#a8a8a8}
.retail_ai_compare .data_value{font-size:14px;line-height:1.3;letter-spacing:.01em;color:#fff;font-weight:600}
.retail_ai_compare .narrative_box{background:#30568e14;border-left:4px solid #30568E;padding:16px 24px;border-radius:4px;margin-top:24px}
.retail_ai_compare .narrative_text{font-size:14px;line-height:1.6;letter-spacing:.01em;margin:0;color:#d8d8d8}
.retail_ai_compare .divider_svg_wrap{width:100%;height:72px;display:flex;justify-content:flex-end;align-items:center;background:#0a0a0a;overflow:hidden}
.retail_ai_compare .triangle_accent{width:0;height:0;border-left:36px solid transparent;border-right:36px solid transparent;border-top:24px solid #FF5238;margin-right:120px}
@media (max-width: 1200px) {
.retail_ai_compare .hero_wrap{grid-template-columns:1fr;gap:40px}
.retail_ai_compare .hero_text{padding-right:0}
.retail_ai_compare .comparison_grid{gap:24px}
.retail_ai_compare .interactive_wrapper{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 992px) {
.retail_ai_compare .hero_title{font-size:36px}
.retail_ai_compare .comparison_grid{grid-template-columns:1fr}
.retail_ai_compare .split_screen_section{grid-template-columns:1fr}
.retail_ai_compare .zone_heading{font-size:26px}
.retail_ai_compare .metric_value{font-size:36px}
}
@media (max-width: 576px) {
.retail_ai_compare .hero_wrap{padding:24px 16px;gap:24px}
.retail_ai_compare .hero_title{font-size:26px}
.retail_ai_compare .comparison_zone{padding:40px 16px}
.retail_ai_compare .comparison_header{font-size:26px}
.retail_ai_compare .approach_card{padding:24px}
.retail_ai_compare .pros_cons_wrapper{grid-template-columns:1fr}
.retail_ai_compare .rich_zone,.retail_ai_compare .neutral_zone{padding:40px 24px}
.retail_ai_compare .interactive_panel_section{padding:40px 16px}
.retail_ai_compare .content_display{padding:24px}
}
.main_wrap_ai_retail{background:#0a0a0a;color:#e8e8e8;min-height:100vh;overflow-x:clip}
.main_wrap_ai_retail .title_block_primary{max-width:1320px;margin:0 auto;padding:72px 24px;display:grid;grid-template-columns:180px 1fr;gap:40px;position:relative}
.main_wrap_ai_retail .title_block_primary::before,.main_wrap_ai_retail .title_block_primary::after{content:'';position:absolute;border-radius:50%;background:radial-gradient(circle at top left,#ff523814,transparent);pointer-events:none}
.main_wrap_ai_retail .title_block_primary::before{width:420px;height:420px;top:-140px;right:80px}
.main_wrap_ai_retail .title_block_primary::after{width:320px;height:320px;bottom:-80px;left:120px;background:radial-gradient(circle at top left,#30568e0f,transparent)}
.main_wrap_ai_retail .image_strip_left{clip-path:polygon(0 8%,100% 0,100% 92%,0 100%);position:relative;overflow:hidden;border-radius:8px}
.main_wrap_ai_retail .image_strip_left img{width:100%;height:520px;object-fit:cover;display:block}
.main_wrap_ai_retail .text_zone_right{padding:24px 40px 24px 0;display:flex;flex-direction:column;justify-content:center}
.main_wrap_ai_retail .eyebrow_tiny{font-size:14px;line-height:1.3;letter-spacing:.02em;color:#FF5238;text-transform:uppercase;margin-bottom:16px}
.main_wrap_ai_retail .title_block_primary h1{font-size:66px;line-height:1.1;letter-spacing:.01em;margin:0}
.main_wrap_ai_retail .title_block_primary h1 .first_word{color:#FF5238}
.main_wrap_ai_retail .section_frosted{max-width:1320px;margin:0 auto 72px;padding:0 24px}
.main_wrap_ai_retail .glass_container{background:#ffffff08;backdrop-filter:blur(24px);border:1px solid #ffffff14;border-radius:24px;padding:40px;box-shadow:0 9px 52px 0 #ff52381c}
.main_wrap_ai_retail .glass_container h2{font-size:36px;line-height:1.3;letter-spacing:.01em;margin:0 0 24px}
.main_wrap_ai_retail .glass_container h2 .accent_word{color:#30568E}
.main_wrap_ai_retail .glass_container p{font-size:20px;line-height:1.6;letter-spacing:.01em;margin:0}
.main_wrap_ai_retail .role_columns_wrapper{max-width:1320px;margin:0 auto 72px;padding:0 24px}
.main_wrap_ai_retail .role_columns_grid{display:grid;grid-template-columns:1fr 2fr;gap:24px}
.main_wrap_ai_retail .role_card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;padding:24px;transition:transform .15s ease-out,box-shadow .18s ease-out,border-color .2s ease}
.main_wrap_ai_retail .role_card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 6px 18px 0 #30568e17;border-color:#ffffff1f}
.main_wrap_ai_retail .role_card h3{font-size:26px;line-height:1.3;letter-spacing:.02em;margin:0 0 16px;color:#E2F0FD}
.main_wrap_ai_retail .role_card p{font-size:14px;line-height:1.6;letter-spacing:.01em;margin:0;color:#b8b8b8}
.main_wrap_ai_retail .section_with_pattern{background:#30568E;padding:72px 24px;position:relative;overflow:hidden}
.main_wrap_ai_retail .section_with_pattern::before{content:'';position:absolute;top:-120px;right:-160px;width:640px;height:640px;background:url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h80v80H0z' fill='none'/%3E%3Ccircle cx='40' cy='40' r='20' fill='%23fff' opacity='0.03'/%3E%3C/svg%3E");opacity:.08;pointer-events:none}
.main_wrap_ai_retail .pattern_content{max-width:1320px;margin:0 auto;position:relative;z-index:1}
.main_wrap_ai_retail .pattern_content h2{font-size:50px;line-height:1.1;letter-spacing:.01em;margin:0 0 24px;color:#fff}
.main_wrap_ai_retail .pattern_content p{font-size:20px;line-height:1.6;letter-spacing:.02em;margin:0;color:#E2F0FD;max-width:820px}
.main_wrap_ai_retail .metrics_section{max-width:1320px;margin:0 auto 72px;padding:72px 24px}
.main_wrap_ai_retail .metrics_section h2{font-size:36px;line-height:1.3;letter-spacing:.01em;margin:0 0 40px;text-align:center}
.main_wrap_ai_retail .metrics_section h2 .color_split{color:#FF5238}
.main_wrap_ai_retail .metrics_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.main_wrap_ai_retail .metric_item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;padding:40px 24px;text-align:center;position:relative;overflow:hidden;transition:transform .16s ease-out}
.main_wrap_ai_retail .metric_item:hover{transform:scale(1.03)}
.main_wrap_ai_retail .metric_item::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,#ff523808,transparent 70%);opacity:0;transition:opacity .2s ease}
.main_wrap_ai_retail .metric_item:hover::before{opacity:1}
.main_wrap_ai_retail .metric_value{font-size:50px;line-height:1.1;letter-spacing:.01em;color:#FF5238;margin:0 0 8px;font-weight:700}
.main_wrap_ai_retail .metric_label{font-size:14px;line-height:1.3;letter-spacing:.02em;color:#b8b8b8;margin:0;text-transform:uppercase}
.main_wrap_ai_retail .interactive_reveal_section{max-width:1320px;margin:0 auto 72px;padding:0 24px}
.main_wrap_ai_retail .reveal_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.main_wrap_ai_retail .reveal_card{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;height:340px}
.main_wrap_ai_retail .reveal_card_img{width:100%;height:100%;object-fit:cover;display:block}
.main_wrap_ai_retail .reveal_overlay{position:absolute;inset:0;background:linear-gradient(to top,#0a0a0af2 0%,#0a0a0a99 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;transition:background .18s ease}
.main_wrap_ai_retail .reveal_card:hover .reveal_overlay{background:linear-gradient(to top,#0a0a0ad9 0%,#0a0a0a4d 100%)}
.main_wrap_ai_retail .reveal_overlay h3{font-size:26px;line-height:1.3;letter-spacing:.02em;margin:0 0 8px;color:#fff;transform:translateY(0);transition:transform .15s ease-out}
.main_wrap_ai_retail .reveal_card:hover .reveal_overlay h3{transform:translateY(-8px)}
.main_wrap_ai_retail .reveal_desc{font-size:14px;line-height:1.6;letter-spacing:.01em;color:#E2F0FD;margin:0;opacity:0;transform:translateY(16px);transition:opacity .2s ease,transform .18s ease-out}
.main_wrap_ai_retail .reveal_card:hover .reveal_desc{opacity:1;transform:translateY(0)}
.main_wrap_ai_retail .final_action_section{max-width:1320px;margin:0 auto 72px;padding:0 24px}
.main_wrap_ai_retail .action_box{background:#ffffff08;backdrop-filter:blur(20px);border:1px solid #ffffff14;border-radius:24px;padding:40px;text-align:center}
.main_wrap_ai_retail .action_box h2{font-size:36px;line-height:1.3;letter-spacing:.01em;margin:0 0 16px}
.main_wrap_ai_retail .action_box h2 .highlight_text{color:#30568E}
.main_wrap_ai_retail .action_box p{font-size:20px;line-height:1.6;letter-spacing:.01em;margin:0 0 24px;color:#b8b8b8}
.main_wrap_ai_retail .button_primary{display:inline-block;background:linear-gradient(135deg,#FF5238 0%,#30568E 100%);color:#fff;font-size:20px;line-height:1.3;letter-spacing:.02em;padding:16px 40px;border-radius:40px;text-decoration:none;border:none;cursor:pointer;position:relative;overflow:hidden;transition:transform .15s ease-out}
.main_wrap_ai_retail .button_primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#fff3 0%,transparent 100%);transition:left .2s ease-out}
.main_wrap_ai_retail .button_primary:hover::before{left:100%}
.main_wrap_ai_retail .button_primary:hover{transform:scale(1.04)}
.main_wrap_ai_retail .zigzag_divider{width:100%;height:60px;margin:72px 0}
@media (max-width: 1200px) {
.main_wrap_ai_retail .title_block_primary{grid-template-columns:140px 1fr;gap:24px;padding:40px 24px}
.main_wrap_ai_retail .image_strip_left img{height:420px}
.main_wrap_ai_retail .title_block_primary h1{font-size:50px}
.main_wrap_ai_retail .metrics_grid{grid-template-columns:repeat(2,1fr)}
.main_wrap_ai_retail .role_columns_grid{grid-template-columns:1fr}
}
@media (max-width: 992px) {
.main_wrap_ai_retail .title_block_primary{grid-template-columns:1fr;gap:24px}
.main_wrap_ai_retail .image_strip_left{height:280px}
.main_wrap_ai_retail .image_strip_left img{height:280px}
.main_wrap_ai_retail .text_zone_right{padding:16px 0}
.main_wrap_ai_retail .title_block_primary h1{font-size:36px}
.main_wrap_ai_retail .glass_container h2,.main_wrap_ai_retail .metrics_section h2,.main_wrap_ai_retail .action_box h2{font-size:26px}
.main_wrap_ai_retail .pattern_content h2{font-size:36px}
.main_wrap_ai_retail .reveal_grid{grid-template-columns:1fr}
.main_wrap_ai_retail .section_frosted,.main_wrap_ai_retail .role_columns_wrapper,.main_wrap_ai_retail .metrics_section,.main_wrap_ai_retail .interactive_reveal_section,.main_wrap_ai_retail .final_action_section{margin-bottom:40px}
}
@media (max-width: 576px) {
.main_wrap_ai_retail .title_block_primary{padding:24px 16px}
.main_wrap_ai_retail .title_block_primary h1{font-size:26px}
.main_wrap_ai_retail .section_frosted,.main_wrap_ai_retail .role_columns_wrapper,.main_wrap_ai_retail .metrics_section,.main_wrap_ai_retail .interactive_reveal_section,.main_wrap_ai_retail .final_action_section{padding:0 16px}
.main_wrap_ai_retail .section_with_pattern{padding:40px 16px}
.main_wrap_ai_retail .glass_container,.main_wrap_ai_retail .action_box{padding:24px}
.main_wrap_ai_retail .metrics_grid{grid-template-columns:1fr}
.main_wrap_ai_retail .metric_value{font-size:36px}
.main_wrap_ai_retail .glass_container p,.main_wrap_ai_retail .pattern_content p,.main_wrap_ai_retail .action_box p{font-size:14px}
}
.learning_prog_hub{background:#0a0a0a;color:#e8e8e8;min-height:100vh;overflow-x:hidden}
.learning_prog_hub .prog_hero_box{max-width:1320px;margin:0 auto;padding:72px 16px;display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:center;position:relative}
.learning_prog_hub .prog_hero_box::before{content:'';position:absolute;top:40px;right:-120px;width:280px;height:280px;background:#FF5238;opacity:.08;border-radius:40px;transform:rotate(25deg);z-index:0}
.learning_prog_hub .prog_hero_box::after{content:'';position:absolute;bottom:80px;left:-60px;width:180px;height:180px;background:#30568E;opacity:.06;border-radius:24px;transform:rotate(-15deg);z-index:0}
.learning_prog_hub .hero_content_zone{position:relative;z-index:1}
.learning_prog_hub .hero_content_zone h1{font-size:66px;line-height:1.1;margin:0 0 24px;letter-spacing:.01em}
.learning_prog_hub .hero_content_zone h1 .outline_word{color:transparent;-webkit-text-stroke:2px #FF5238}
.learning_prog_hub .hero_intro_text{font-size:20px;line-height:1.6;margin:0 0 16px;letter-spacing:.015em;color:#b8b8b8}
.learning_prog_hub .hero_body_text{font-size:14px;line-height:1.6;margin:0;letter-spacing:.02em;color:#989898}
.learning_prog_hub .hero_image_column{position:relative;z-index:1}
.learning_prog_hub .hero_image_wrap{width:100%;height:420px;border-radius:24px;overflow:hidden;box-shadow:0 9px 52px 0 #ff52381c}
.learning_prog_hub .hero_image_wrap img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1) sharpen(0.5);transition:transform .18s ease-out}
.learning_prog_hub .hero_image_wrap:hover img{transform:scale(1.03)}
.learning_prog_hub .structure_reveal_box{background:linear-gradient(135deg,#30568e26 0%,#0a0a0a66 100%);backdrop-filter:blur(24px);border:1px solid #ffffff0d;border-radius:24px;max-width:1320px;margin:0 auto 72px;padding:40px}
.learning_prog_hub .structure_reveal_box h2{font-size:50px;line-height:1.1;margin:0 0 40px;letter-spacing:.015em;text-align:center}
.learning_prog_hub .structure_reveal_box h2 .colored_first{color:#FF5238}
.learning_prog_hub .module_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.learning_prog_hub .module_card{background:#ffffff05;border:1px solid #ffffff14;border-radius:14px;padding:24px;transition:background .15s ease}
.learning_prog_hub .module_card:hover{background:#ffffff0a}
.learning_prog_hub .module_num{font-size:14px;line-height:1.3;color:#FF5238;margin:0 0 8px;letter-spacing:.02em;text-transform:uppercase}
.learning_prog_hub .module_card h3{font-size:26px;line-height:1.3;margin:0 0 16px;letter-spacing:.015em}
.learning_prog_hub .module_card p{font-size:14px;line-height:1.6;margin:0;color:#b8b8b8;letter-spacing:.02em}
.learning_prog_hub .divider_with_ticks{position:relative;height:1px;background:#ffffff1a;max-width:1320px;margin:0 auto 72px}
.learning_prog_hub .divider_with_ticks::before,.learning_prog_hub .divider_with_ticks::after{content:'';position:absolute;width:1px;height:8px;background:#ffffff1a;top:-4px}
.learning_prog_hub .divider_with_ticks::before{left:25%}
.learning_prog_hub .divider_with_ticks::after{left:75%}
.learning_prog_hub .faq_expand_section{max-width:1320px;margin:0 auto 72px;padding:0 16px}
.learning_prog_hub .faq_expand_section h2{font-size:50px;line-height:1.1;margin:0 0 40px;letter-spacing:.015em}
.learning_prog_hub .faq_expand_section h2 .first_color{color:#30568E}
.learning_prog_hub .faq_item{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;margin:0 0 16px;overflow:hidden}
.learning_prog_hub .faq_trigger{display:none}
.learning_prog_hub .faq_header{padding:24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .12s ease-out}
.learning_prog_hub .faq_header:hover{background:#ffffff08}
.learning_prog_hub .faq_question{font-size:20px;line-height:1.3;margin:0;letter-spacing:.015em}
.learning_prog_hub .faq_icon_box{width:32px;height:32px;border-radius:8px;background:#ff52381a;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:16px;transition:transform .15s ease,background .15s ease}
.learning_prog_hub .faq_icon_box svg{width:16px;height:16px;transition:transform .15s ease}
.learning_prog_hub .faq_trigger:checked + .faq_header .faq_icon_box{background:#ff523833;transform:rotate(180deg)}
.learning_prog_hub .faq_answer_wrap{max-height:0;overflow:hidden;transition:max-height .2s ease-out}
.learning_prog_hub .faq_trigger:checked ~ .faq_answer_wrap{max-height:600px}
.learning_prog_hub .faq_answer{padding:0 24px 24px;font-size:14px;line-height:1.6;color:#b8b8b8;letter-spacing:.02em}
.learning_prog_hub .highlight_contrast_block{background:linear-gradient(145deg,#FF5238 0%,#30568E 100%);padding:72px 16px;margin:0 0 72px}
.learning_prog_hub .highlight_inner_box{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.learning_prog_hub .highlight_text_zone h2{font-size:50px;line-height:1.1;margin:0 0 24px;letter-spacing:.015em;color:#fff}
.learning_prog_hub .highlight_text_zone p{font-size:14px;line-height:1.6;margin:0 0 16px;color:#ffffffe6;letter-spacing:.02em}
.learning_prog_hub .highlight_text_zone p:last-child{margin:0}
.learning_prog_hub .highlight_image_zone{position:relative}
.learning_prog_hub .highlight_img_wrap{width:100%;height:380px;border-radius:24px;overflow:hidden;box-shadow:0 9px 52px 0 #0000004d}
.learning_prog_hub .highlight_img_wrap img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.learning_prog_hub .highlight_img_wrap:hover img{transform:scale(1.04)}
.learning_prog_hub .stat_metric_row{display:flex;gap:24px;margin:24px 0 0}
.learning_prog_hub .metric_item{flex:1;background:#ffffff26;backdrop-filter:blur(8px);border-radius:14px;padding:24px;text-align:center}
.learning_prog_hub .metric_value{font-size:36px;line-height:1.1;margin:0 0 8px;color:#fff;letter-spacing:.01em}
.learning_prog_hub .metric_label{font-size:14px;line-height:1.3;margin:0;color:#ffffffd9;letter-spacing:.02em}
@media (max-width: 1200px) {
.learning_prog_hub .prog_hero_box{grid-template-columns:1fr;gap:24px;padding:40px 16px}
.learning_prog_hub .hero_content_zone h1{font-size:50px}
.learning_prog_hub .module_grid{grid-template-columns:1fr}
.learning_prog_hub .highlight_inner_box{grid-template-columns:1fr}
}
@media (max-width: 992px) {
.learning_prog_hub .hero_content_zone h1{font-size:36px}
.learning_prog_hub .structure_reveal_box h2,.learning_prog_hub .faq_expand_section h2,.learning_prog_hub .highlight_text_zone h2{font-size:36px}
.learning_prog_hub .structure_reveal_box{padding:24px;margin:0 16px 40px}
.learning_prog_hub .stat_metric_row{flex-direction:column}
}
@media (max-width: 576px) {
.learning_prog_hub .prog_hero_box{padding:24px 16px}
.learning_prog_hub .hero_content_zone h1{font-size:26px}
.learning_prog_hub .hero_intro_text{font-size:14px}
.learning_prog_hub .hero_image_wrap{height:280px}
.learning_prog_hub .structure_reveal_box h2,.learning_prog_hub .faq_expand_section h2,.learning_prog_hub .highlight_text_zone h2{font-size:26px;margin:0 0 24px}
.learning_prog_hub .module_card h3{font-size:20px}
.learning_prog_hub .faq_question{font-size:14px}
.learning_prog_hub .metric_value{font-size:26px}
.learning_prog_hub .highlight_contrast_block{padding:40px 16px}
}
.success_delivery{background:#0a0a0a;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 16px;position:relative;overflow:hidden}
.success_delivery::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 20%,#ff523814 0%,transparent 50%);pointer-events:none}
.success_delivery::after{content:'';position:absolute;bottom:0;right:0;width:100%;height:100%;background-image:radial-gradient(circle,#30568e66 1px,transparent 1px);background-size:24px 24px;opacity:.15;pointer-events:none}
.confirmation_wrapper{max-width:720px;width:100%;position:relative;z-index:1}
.status_indicator_box{background:linear-gradient(135deg,#ff52381f 0%,#30568e14 100%);backdrop-filter:blur(20px);border:1px solid #e2f0fd1a;border-radius:24px;padding:72px 40px;text-align:center;box-shadow:0 9px 52px 0 #ff52381c;animation:entry_rotate .6s cubic-bezier(0.68,-0.55,0.265,1.55) forwards;transform-origin:center}
@keyframes entry_rotate {
0%{opacity:0;transform:rotate(-8deg) scale(0.9)}
60%{transform:rotate(2deg) scale(1.02)}
100%{opacity:1;transform:rotate(0deg) scale(1)}
}
.icon_check_box{width:120px;height:120px;margin:0 auto 40px;position:relative;animation:icon_appear .15s ease-out .4s backwards}
@keyframes icon_appear {
from{opacity:0;transform:translateY(24px)}
to{opacity:1;transform:translateY(0)}
}
.icon_check_box::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#FF5238 0%,#30568E 100%);border-radius:40px;animation:pulse_ring 1.8s ease-out infinite}
@keyframes pulse_ring {
0%,100%{transform:scale(1);opacity:1}
50%{transform:scale(1.12);opacity:.6}
}
.icon_check_box svg{position:relative;width:100%;height:100%;z-index:1}
.checkmark_path{stroke:#E2F0FD;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;fill:none;stroke-dasharray:120;stroke-dashoffset:120;animation:draw_check .2s ease-out .55s forwards}
@keyframes draw_check {
to{stroke-dashoffset:0}
}
.success_delivery h1{font-size:50px;line-height:1.1;color:#E2F0FD;margin:0 0 24px;letter-spacing:.01em;animation:text_rise .18s ease-out .65s backwards}
@keyframes text_rise {
from{opacity:0;transform:translateY(16px)}
to{opacity:1;transform:translateY(0)}
}
.confirmation_msg{font-size:20px;line-height:1.6;color:#e2f0fdbf;margin:0 0 40px;letter-spacing:.015em;animation:text_rise .18s ease-out .75s backwards}
.metrics_row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin:0 0 40px;animation:text_rise .18s ease-out .85s backwards}
.metric_item{background:#0a0a0a99;border:1px solid #e2f0fd14;border-radius:14px;padding:24px 16px;transition:transform .15s ease-out,border-color .15s ease-out}
.metric_item:hover{transform:translateY(-4px);border-color:#ff52384d}
.metric_value{font-size:36px;line-height:1.1;color:#FF5238;font-weight:700;letter-spacing:.01em;margin:0 0 8px;display:flex;align-items:center;justify-content:center;gap:8px}
.trend_arrow{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid #30568E}
.metric_label{font-size:14px;line-height:1.3;color:#e2f0fd99;text-transform:uppercase;letter-spacing:.08em}
.process_steps{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 40px;animation:text_rise .18s ease-out .95s backwards}
.step_node{display:flex;align-items:center;gap:8px}
.step_circle{width:48px;height:48px;background:linear-gradient(135deg,#ff523833 0%,#30568e33 100%);border:2px solid #FF5238;border-radius:40px;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:#E2F0FD;font-weight:700;flex-shrink:0;transition:background .15s ease-out,transform .15s ease-out}
.step_node:hover .step_circle{background:linear-gradient(135deg,#ff523859 0%,#30568e59 100%);transform:scale(1.08)}
.step_connector{width:32px;height:2px;background:linear-gradient(90deg,#FF5238 0%,#30568E 100%);opacity:.4}
.action_buttons{display:flex;gap:16px;justify-content:center;animation:text_rise .18s ease-out 1.05s backwards}
.btn_primary{background:linear-gradient(135deg,#FF5238 0%,#30568E 100%);color:#E2F0FD;font-size:20px;line-height:1.3;padding:16px 40px;border-radius:8px;border:none;cursor:pointer;text-decoration:none;display:inline-block;letter-spacing:.015em;position:relative;overflow:hidden;transition:transform .15s ease-out;box-shadow:0 6px 18px 0 #ff523817}
.btn_primary::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#e2f0fd33 0%,transparent 100%);transform:translateX(-100%) translateY(-100%) rotate(45deg);transition:transform .2s ease-out}
.btn_primary:hover::before{transform:translateX(100%) translateY(100%) rotate(45deg)}
.btn_primary:hover{transform:translateY(-2px)}
.btn_secondary{background:transparent;color:#e2f0fdd9;font-size:20px;line-height:1.3;padding:16px 40px;border-radius:8px;border:2px solid #e2f0fd33;cursor:pointer;text-decoration:none;display:inline-block;letter-spacing:.015em;transition:border-color .15s ease-out,color .15s ease-out,transform .15s ease-out}
.btn_secondary:hover{border-color:#30568E;color:#E2F0FD;transform:translateY(-2px)}
@media (max-width: 992px) {
.status_indicator_box{padding:72px 24px}
.success_delivery h1{font-size:36px}
.confirmation_msg{font-size:20px}
.metrics_row{grid-template-columns:1fr;gap:16px}
.process_steps{flex-direction:column;gap:16px}
.step_connector{width:2px;height:24px;background:linear-gradient(180deg,#FF5238 0%,#30568E 100%)}
.action_buttons{flex-direction:column}
.btn_primary,.btn_secondary{width:100%;text-align:center}
}
@media (max-width: 576px) {
.success_delivery{padding:24px 16px}
.status_indicator_box{padding:40px 16px}
.icon_check_box{width:88px;height:88px;margin-bottom:24px}
.success_delivery h1{font-size:26px;margin-bottom:16px}
.confirmation_msg{font-size:14px;margin-bottom:24px}
.metric_item{padding:16px}
.metric_value{font-size:26px}
.metric_label{font-size:14px}
.step_circle{width:40px;height:40px;font-size:14px}
.btn_primary,.btn_secondary{font-size:14px;padding:16px 24px}
}