@import "https://cdn.jsdelivr.net/npm/@fontsource/roboto-slab@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/roboto-slab@latest/700.css";
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Roboto Slab',serif;background:linear-gradient(135deg,#FBFCFD 0%,#f0f2f5 100%);color:#161A26;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
.top-bar-v1{background:linear-gradient(142deg,#161A26 0%,#2a3142 100%);padding:24px 0;box-shadow:0 8px 24px #161a261f}
.top-bar-v1 .inner-wrap{max-width:1320px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:auto 1fr;gap:60px;align-items:center}
.brand-stack-v2{display:flex;align-items:center;gap:18px}
.brand-stack-v2 .logo-box{width:85px;height:85px;display:flex;align-items:center;justify-content:center;background:#fbfcfd14;border:2px solid #3ae8684d;box-shadow:0 4px 16px #3ae86826}
.brand-stack-v2 .logo-box img{width:70px;height:70px;object-fit:contain}
.brand-stack-v2 .company-label{font-size:22px;font-weight:700;color:#FBFCFD;letter-spacing:.3px}
.navi-section-v3{display:flex;flex-direction:column;gap:16px;align-items:flex-end}
.main-menu-v2{display:flex;gap:8px;list-style:none}
.main-menu-v2 li{position:relative}
.main-menu-v2 a{display:block;padding:10px 20px;color:#FBFCFD;text-decoration:none;font-size:15px;font-weight:400;background:#fbfcfd0d;transition:background .3s ease,color .3s ease}
.main-menu-v2 a:hover{background:#3ae86826;color:#3AE868}
.main-menu-v2 .sub-links-v1{position:absolute;top:100%;left:0;background:#2a3142;list-style:none;min-width:240px;box-shadow:0 12px 28px #161a2633;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;z-index:100;margin-top:0;padding:8px 0}
.main-menu-v2 li:hover .sub-links-v1{opacity:1;visibility:visible;transform:translateY(0)}
.main-menu-v2 .sub-links-v1 a{background:transparent;padding:12px 20px;border-left:3px solid transparent}
.main-menu-v2 .sub-links-v1 a:hover{background:#3ae8681a;border-left-color:#3AE868}
.contact-info-strip{display:flex;gap:24px;align-items:center}
.contact-info-strip .info-bit{display:flex;align-items:center;gap:8px;color:#FBFCFD;font-size:14px}
.contact-info-strip .info-bit i{color:#3AE868;font-size:16px}
.contact-info-strip .info-bit a{color:#FBFCFD;text-decoration:none;transition:color .3s ease}
.contact-info-strip .info-bit a:hover{color:#3AE868}
main{flex:1}
.bottom-section-v1{background:linear-gradient(138deg,#161A26 0%,#1f2433 100%);padding:48px 0 32px;margin-top:80px;box-shadow:0 -8px 24px #161a261a}
.bottom-section-v1 .foot-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
.foot-grid-v2{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:40px}
.contact-column-v1 h3{font-size:18px;font-weight:700;color:#3AE868;margin-bottom:20px}
.contact-column-v1 .detail-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;color:#FBFCFD;font-size:14px;line-height:1.6}
.contact-column-v1 .detail-row i{color:#3AE868;font-size:16px;margin-top:2px}
.contact-column-v1 .detail-row a{color:#FBFCFD;text-decoration:none;transition:color .3s ease}
.contact-column-v1 .detail-row a:hover{color:#3AE868}
.nav-column-v1 h3{font-size:18px;font-weight:700;color:#3AE868;margin-bottom:20px}
.nav-column-v1 .foot-links{list-style:none;display:flex;flex-direction:column;gap:12px}
.nav-column-v1 .foot-links a{color:#FBFCFD;text-decoration:none;font-size:14px;transition:color .3s ease;display:inline-block}
.nav-column-v1 .foot-links a:hover{color:#3AE868}
.copyright-bar-v1{text-align:center;padding-top:32px;border-top:1px solid #fbfcfd1a;color:#fbfcfdb3;font-size:13px}
.cookie-panel-v2{position:fixed;bottom:20px;left:20px;background:#FBFCFD;max-width:420px;box-shadow:0 16px 48px #161a2640;z-index:9999;padding:28px;border-left:4px solid #3AE868;display:none;animation:slide-in-left .4s ease-out}
.cookie-panel-v2.showing{display:block}
@keyframes slide-in-left {
from{transform:translateX(-100%);opacity:0}
to{transform:translateX(0);opacity:1}
}
.cookie-panel-v2.hiding{animation:slide-out-right .4s ease-in forwards}
@keyframes slide-out-right {
from{transform:translateX(0);opacity:1}
to{transform:translateX(400px);opacity:0}
}
.cookie-panel-v2 .header-txt{font-size:18px;font-weight:700;color:#161A26;margin-bottom:12px}
.cookie-panel-v2 .desc-txt{font-size:14px;color:#161A26;line-height:1.6;margin-bottom:20px}
.cookie-panel-v2 .policy-link-v1{color:#3AE868;text-decoration:none;font-weight:700;transition:color .3s ease}
.cookie-panel-v2 .policy-link-v1:hover{color:#161A26}
.cookie-categories-v1{margin-bottom:20px}
.cookie-categories-v1 .cat-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #161a261a}
.cookie-categories-v1 .cat-item:last-child{border-bottom:none}
.cookie-categories-v1 .cat-label{font-size:14px;color:#161A26;font-weight:400}
.cookie-categories-v1 .toggle-switch{position:relative;width:48px;height:24px}
.cookie-categories-v1 .toggle-switch input{opacity:0;width:0;height:0}
.cookie-categories-v1 .slider-v1{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:background-color .3s ease}
.cookie-categories-v1 .slider-v1:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:transform .3s ease}
.cookie-categories-v1 input:checked + .slider-v1{background-color:#3AE868}
.cookie-categories-v1 input:checked + .slider-v1:before{transform:translateX(24px)}
.cookie-categories-v1 input:disabled + .slider-v1{opacity:.5;cursor:not-allowed}
.cookie-panel-v2 .btn-row{display:flex;gap:12px}
.cookie-panel-v2 .btn-primary-v1,.cookie-panel-v2 .btn-secondary-v1{flex:1;padding:12px 20px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:background-color .3s ease,color .3s ease;font-family:'Roboto Slab',serif}
.cookie-panel-v2 .btn-primary-v1{background:#3AE868;color:#161A26}
.cookie-panel-v2 .btn-primary-v1:hover{background:#2dd157}
.cookie-panel-v2 .btn-secondary-v1{background:#161A26;color:#FBFCFD}
.cookie-panel-v2 .btn-secondary-v1:hover{background:#2a3142}
@media (max-width: 1024px) {
.top-bar-v1 .inner-wrap{grid-template-columns:1fr;gap:32px}
.navi-section-v3{align-items:flex-start}
.main-menu-v2{flex-wrap:wrap}
.contact-info-strip{flex-wrap:wrap}
.foot-grid-v2{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 640px) {
.brand-stack-v2{flex-direction:column;align-items:flex-start;gap:12px}
.brand-stack-v2 .logo-box{width:70px;height:70px}
.brand-stack-v2 .logo-box img{width:60px;height:60px}
.brand-stack-v2 .company-label{font-size:18px}
.main-menu-v2{flex-direction:column;width:100%}
.main-menu-v2 a{padding:12px 16px}
.main-menu-v2 .sub-links-v1{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:#fbfcfd0d;margin-top:8px}
.contact-info-strip{flex-direction:column;align-items:flex-start;gap:12px}
.cookie-panel-v2{left:10px;right:10px;max-width:none;bottom:10px}
}
.legal-details{max-width:1320px;margin:0 auto;padding:80px 24px;background:#FBFCFD}
.legal-details h1{font-size:42px;line-height:1.2;font-weight:700;color:#161A26;margin:0 0 48px;letter-spacing:-.5px}
.legal-details h2{font-size:32px;line-height:1.3;font-weight:600;color:#161A26;margin:64px 0 24px;letter-spacing:-.3px}
.legal-details h3{font-size:24px;line-height:1.4;font-weight:600;color:#161A26;margin:48px 0 20px}
.legal-details h4{font-size:20px;line-height:1.4;font-weight:600;color:#161A26;margin:32px 0 16px}
.legal-details h5{font-size:18px;line-height:1.5;font-weight:600;color:#161A26;margin:24px 0 12px}
.legal-details h6{font-size:16px;line-height:1.5;font-weight:600;color:#161A26;margin:20px 0 12px;text-transform:uppercase;letter-spacing:.5px}
.legal-details p{font-size:17px;line-height:1.75;color:#161A26;margin:0 0 20px;opacity:.9}
.legal-details strong,.legal-details b{font-weight:600;color:#161A26;opacity:1}
.legal-details a{color:#3AE868;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}
.legal-details a:hover{border-bottom-color:#3AE868;opacity:.85}
.legal-details ul,.legal-details ol{margin:0 0 24px;padding:0 0 0 28px}
.legal-details ul{list-style-type:disc}
.legal-details ol{list-style-type:decimal}
.legal-details li{font-size:17px;line-height:1.75;color:#161A26;margin:0 0 12px;opacity:.9;padding-left:8px}
.legal-details ul ul,.legal-details ol ol,.legal-details ul ol,.legal-details ol ul{margin:12px 0 0}
.legal-details ul ul{list-style-type:circle}
.legal-details table{width:100%;border-collapse:collapse;margin:32px 0 48px;background:#FFF;box-shadow:0 4px 16px #161a260f;border-radius:8px;overflow:hidden}
.legal-details thead{background:linear-gradient(135deg,#161A26 0%,#2a2f3d 100%)}
.legal-details thead tr{border:none}
.legal-details thead th{font-size:15px;font-weight:600;color:#FBFCFD;text-align:left;padding:18px 20px;letter-spacing:.3px}
.legal-details tbody tr{border-bottom:1px solid #161a2614;transition:background .2s ease}
.legal-details tbody tr:last-child{border-bottom:none}
.legal-details tbody tr:hover{background:#3ae86808}
.legal-details th,.legal-details td{padding:16px 20px}
.legal-details td{font-size:16px;line-height:1.6;color:#161A26;opacity:.9}
.legal-details div{margin:0}
@media (max-width: 1024px) {
.legal-details{padding:64px 20px}
.legal-details h1{font-size:36px;margin-bottom:40px}
.legal-details h2{font-size:28px;margin-top:56px}
.legal-details h3{font-size:22px;margin-top:40px}
}
@media (max-width: 640px) {
.legal-details{padding:48px 16px}
.legal-details h1{font-size:30px;margin-bottom:32px}
.legal-details h2{font-size:24px;margin-top:48px;margin-bottom:20px}
.legal-details h3{font-size:20px;margin-top:32px;margin-bottom:16px}
.legal-details h4{font-size:18px}
.legal-details p,.legal-details li{font-size:16px;line-height:1.7}
.legal-details table{display:block;overflow-x:auto;margin:24px 0 32px}
.legal-details thead th,.legal-details td{padding:12px 14px;font-size:14px}
}
.tech-intro{background:linear-gradient(135deg,#161A26 0%,#2a3142 100%);padding:80px 20px;position:relative;overflow:hidden}
.tech-intro::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#3ae86814 0%,transparent 70%);animation:float-glow 8s ease-in-out infinite}
@keyframes float-glow {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,-30px) scale(1.1)}
}
.tech-intro .wrap-content{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.tech-intro .text-zone h1{font-size:48px;color:#FBFCFD;margin:0 0 24px;line-height:1.2}
.tech-intro .text-zone p{font-size:18px;color:#d1d5db;line-height:1.7;margin:0}
.tech-intro .visual-anchor{position:relative;height:400px;border-radius:8px;overflow:hidden;box-shadow:0 16px 48px #0000004d}
.tech-intro .visual-anchor img{width:100%;height:100%;object-fit:cover}
.specs-grid{padding:100px 20px;background:#FBFCFD}
.specs-grid .container-v2{max-width:1320px;margin:0 auto}
.specs-grid .section-head{text-align:center;margin-bottom:70px}
.specs-grid .section-head h2{font-size:38px;color:#161A26;margin:0 0 16px}
.specs-grid .section-head h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#3AE868 0%,#2bc456 100%);margin:20px auto 0}
.specs-grid .section-head p{font-size:17px;color:#4b5563;max-width:720px;margin:0 auto;line-height:1.7}
.specs-grid .grid-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.specs-grid .spec-card{background:#fff;padding:40px 32px;border-radius:10px;box-shadow:0 4px 16px #161a2614;transition:all .3s ease;border-top:4px solid transparent}
.specs-grid .spec-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #161a2626;border-top-color:#3AE868}
.specs-grid .spec-card .icon-holder{width:56px;height:56px;background:linear-gradient(135deg,#3AE868 0%,#2bc456 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.specs-grid .spec-card .icon-holder i{font-size:28px;color:#fff}
.specs-grid .spec-card h3{font-size:22px;color:#161A26;margin:0 0 16px}
.specs-grid .spec-card p{font-size:16px;color:#6b7280;line-height:1.7;margin:0}
.platform-access{background:linear-gradient(165deg,#f9fafb 0%,#e5e7eb 100%);padding:90px 20px;position:relative}
.platform-access::before{content:'';position:absolute;width:100%;height:2px;top:0;left:0;background:linear-gradient(90deg,transparent 0%,#3AE868 50%,transparent 100%)}
.platform-access .wrap-alt{max-width:1320px;margin:0 auto;display:flex;gap:80px;align-items:flex-start}
.platform-access .content-side{flex:1}
.platform-access .content-side h2{font-size:36px;color:#161A26;margin:0 0 28px;position:relative;display:inline-block}
.platform-access .content-side h2::before{content:'';position:absolute;left:-24px;top:8px;width:6px;height:60%;background:#3AE868}
.platform-access .content-side .desc-text{font-size:17px;color:#374151;line-height:1.8;margin-bottom:32px}
.platform-access .device-list{list-style:none;padding:0;margin:0}
.platform-access .device-list li{padding:16px 0;border-bottom:1px solid #d1d5db;font-size:16px;color:#4b5563;display:flex;align-items:center;gap:12px}
.platform-access .device-list li:last-child{border-bottom:none}
.platform-access .device-list li i{color:#3AE868;font-size:20px}
.platform-access .stats-side{flex:0 0 380px;background:#fff;padding:40px;border-radius:10px;box-shadow:0 8px 24px #161a261a}
.platform-access .stat-item{margin-bottom:32px}
.platform-access .stat-item:last-child{margin-bottom:0}
.platform-access .stat-item .label-v1{font-size:14px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.platform-access .stat-item .value-display{font-size:32px;color:#161A26;font-weight:600;margin-bottom:12px}
.platform-access .stat-item .bar-visual{height:8px;background:#e5e7eb;border-radius:10px;overflow:hidden;position:relative}
.platform-access .stat-item .bar-visual .fill-part{height:100%;background:linear-gradient(90deg,#3AE868 0%,#2bc456 100%);border-radius:10px;transition:width 1.5s ease}
.bandwidth-check{padding:100px 20px;background:#fff}
.bandwidth-check .container-main{max-width:1320px;margin:0 auto}
.bandwidth-check .header-alt{max-width:800px;margin-bottom:60px}
.bandwidth-check .header-alt h2{font-size:36px;color:#161A26;margin:0 0 20px}
.bandwidth-check .header-alt p{font-size:17px;color:#4b5563;line-height:1.8}
.bandwidth-check .comparison-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.bandwidth-check .compare-card{background:#f9fafb;padding:48px 40px;border-radius:10px;border:2px solid #e5e7eb;transition:all .3s ease}
.bandwidth-check .compare-card.highlighted{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#3AE868}
.bandwidth-check .compare-card:hover{box-shadow:0 8px 24px #161a261f}
.bandwidth-check .compare-card .card-title{font-size:24px;color:#161A26;margin:0 0 24px}
.bandwidth-check .compare-card .requirements-list{list-style:none;padding:0;margin:0}
.bandwidth-check .compare-card .requirements-list li{padding:12px 0;font-size:16px;color:#374151;display:flex;align-items:center;gap:10px}
.bandwidth-check .compare-card .requirements-list li::before{content:'';width:6px;height:6px;background:#3AE868;border-radius:50%}
.support-info{background:#161A26;padding:90px 20px;position:relative;overflow:hidden}
.support-info::after{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#3ae8681a 0%,transparent 60%)}
.support-info .wrap-final{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center;position:relative;z-index:2}
.support-info .photo-zone{position:relative}
.support-info .photo-zone img{width:100%;height:450px;object-fit:cover;border-radius:10px;box-shadow:0 16px 48px #0006}
.support-info .info-zone h2{font-size:36px;color:#FBFCFD;margin:0 0 24px}
.support-info .info-zone .description-v3{font-size:17px;color:#d1d5db;line-height:1.8;margin-bottom:32px}
.support-info .info-zone .contact-details{display:flex;flex-direction:column;gap:16px}
.support-info .info-zone .contact-item{display:flex;align-items:center;gap:14px;font-size:16px;color:#e5e7eb}
.support-info .info-zone .contact-item i{color:#3AE868;font-size:20px;width:24px}
.support-info .info-zone .action-butt{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#3AE868 0%,#2bc456 100%);color:#161A26;text-decoration:none;border-radius:8px;font-size:17px;font-weight:600;margin-top:32px;transition:all .3s ease;box-shadow:0 4px 16px #3ae8684d}
.support-info .info-zone .action-butt:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3ae86866}
@media (max-width: 1024px) {
.tech-intro .wrap-content{grid-template-columns:1fr;gap:40px}
.tech-intro .text-zone h1{font-size:38px}
.specs-grid .grid-layout{grid-template-columns:repeat(2,1fr)}
.platform-access .wrap-alt{flex-direction:column;gap:50px}
.platform-access .stats-side{flex:1;width:100%}
.bandwidth-check .comparison-wrapper{grid-template-columns:1fr}
.support-info .wrap-final{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 640px) {
.tech-intro{padding:60px 20px}
.tech-intro .text-zone h1{font-size:32px}
.tech-intro .visual-anchor{height:300px}
.specs-grid{padding:70px 20px}
.specs-grid .grid-layout{grid-template-columns:1fr}
.specs-grid .section-head h2{font-size:30px}
.platform-access{padding:70px 20px}
.platform-access .content-side h2{font-size:28px}
.bandwidth-check{padding:70px 20px}
.bandwidth-check .header-alt h2{font-size:28px}
.support-info{padding:70px 20px}
.support-info .photo-zone img{height:350px}
.support-info .info-zone h2{font-size:28px}
}
.title-wrapper-v1{position:relative;background:linear-gradient(134deg,#161A26 0%,#2a3045 100%);padding:5rem 0 8rem;overflow:hidden}
.title-wrapper-v1::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:80px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120'%3E%3Cpath d='M0,60 C300,100 500,20 800,60 C1000,90 1100,50 1200,70 L1200,120 L0,120 Z' fill='%23FBFCFD'/%3E%3C/svg%3E") no-repeat center bottom;background-size:cover}
.title-wrapper-v1::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#3ae86814 0%,transparent 70%);border-radius:50%}
.title-content-grid{max-width:1320px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.title-text-zone{z-index:2}
.title-text-zone h1{font-size:3.2rem;line-height:1.2;color:#FBFCFD;margin-bottom:1.5rem;font-weight:700}
.title-text-zone h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#3AE868 0%,transparent 100%);margin-top:1rem}
.title-text-zone p{font-size:1.15rem;line-height:1.7;color:#fbfcfdd9;margin-bottom:2rem}
.title-image-cutout{position:relative;z-index:1}
.title-image-cutout img{width:100%;height:460px;object-fit:cover;clip-path:polygon(8% 0%,100% 0%,100% 92%,92% 100%,0% 100%,0% 8%);filter:sepia(8%) contrast(1.05)}
.cta-btn-v1{display:inline-flex;align-items:center;gap:.6rem;background:#3AE868;color:#161A26;padding:.95rem 2rem;border-radius:8px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s ease;border:2px solid #3AE868;z-index:10;position:relative}
.cta-btn-v1:hover{background:transparent;color:#3AE868;transform:translateY(-2px);box-shadow:0 8px 20px #3ae86840}
.tools-section-v2{background:#FBFCFD;padding:5rem 0}
.tools-container{max-width:1320px;margin:0 auto;padding:0 1.5rem}
.tools-header{text-align:center;margin-bottom:4rem}
.tools-header h2{font-size:2.5rem;color:#161A26;margin-bottom:1rem;position:relative;display:inline-block}
.tools-header h2::before{content:'';position:absolute;left:-60px;top:50%;transform:translateY(-50%);width:45px;height:3px;background:linear-gradient(90deg,transparent 0%,#3AE868 100%)}
.tools-header h2::after{content:'';position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:45px;height:3px;background:linear-gradient(90deg,#3AE868 0%,transparent 100%)}
.tools-header p{font-size:1.1rem;color:#161A26;opacity:.75;max-width:720px;margin:0 auto;line-height:1.7}
.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.tool-card-v1{background:#FBFCFD;border:2px solid #161a2614;border-radius:10px;padding:2.2rem;transition:all .35s ease;position:relative;overflow:hidden}
.tool-card-v1::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#3AE868 0%,#161A26 100%);transition:height .35s ease}
.tool-card-v1:hover{border-color:#3AE868;transform:translateY(-6px);box-shadow:0 12px 28px #161a261f}
.tool-card-v1:hover::before{height:100%}
.tool-icon-v1{width:56px;height:56px;background:linear-gradient(135deg,#3ae8681f 0%,#161a260f 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.6rem;color:#3AE868}
.tool-card-v1 h3{font-size:1.35rem;color:#161A26;margin-bottom:.9rem;font-weight:600}
.tool-card-v1 p{font-size:1rem;line-height:1.7;color:#161A26;opacity:.7;margin:0}
.support-section-v1{background:linear-gradient(165deg,#161A26 0%,#2d3348 100%);padding:5.5rem 0;position:relative}
.support-section-v1::before{content:'';position:absolute;top:50%;left:10%;width:200px;height:200px;background:radial-gradient(circle,#3ae8680f 0%,transparent 70%);border-radius:50%;transform:translateY(-50%)}
.support-container{max-width:1320px;margin:0 auto;padding:0 1.5rem}
.support-intro{text-align:center;margin-bottom:3.5rem}
.support-intro h2{font-size:2.5rem;color:#FBFCFD;margin-bottom:1rem}
.support-intro p{font-size:1.1rem;color:#fbfcfdbf;max-width:680px;margin:0 auto;line-height:1.7}
.support-levels{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}
.support-level-card{background:#fbfcfd0a;border:1px solid #fbfcfd1a;border-radius:8px;padding:2.5rem;transition:all .3s ease}
.support-level-card:hover{background:#fbfcfd14;border-color:#3ae86866;transform:translateX(8px)}
.support-level-card h3{font-size:1.4rem;color:#FBFCFD;margin-bottom:1.2rem;display:flex;align-items:center;gap:.8rem}
.support-level-card h3 i{color:#3AE868;font-size:1.5rem}
.support-level-card p{font-size:1rem;line-height:1.75;color:#fbfcfdb3;margin:0 0 1.5rem}
.support-features{list-style:none;padding:0;margin:0}
.support-features li{font-size:.95rem;color:#fbfcfda6;padding-left:1.8rem;position:relative;margin-bottom:.7rem;line-height:1.6}
.support-features li::before{content:'';position:absolute;left:0;top:.5rem;width:6px;height:6px;background:#3AE868;border-radius:50%}
.progress-section-v2{background:#FBFCFD;padding:5.5rem 0}
.progress-wrapper{max-width:1320px;margin:0 auto;padding:0 1.5rem}
.progress-header{margin-bottom:4rem}
.progress-header h2{font-size:2.5rem;color:#161A26;margin-bottom:1rem}
.progress-header p{font-size:1.1rem;color:#161A26;opacity:.7;line-height:1.7;max-width:780px}
.progress-demo{display:grid;grid-template-columns:1fr 1.3fr;gap:3rem;align-items:center}
.progress-visual{background:linear-gradient(135deg,#161a2608 0%,#3ae86814 100%);border-radius:10px;padding:2.5rem;border:2px solid #161a2614}
.progress-stage{margin-bottom:2rem}
.progress-stage:last-child{margin-bottom:0}
.stage-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}
.stage-label span:first-child{font-size:.95rem;color:#161A26;font-weight:600}
.stage-label span:last-child{font-size:.9rem;color:#3AE868;font-weight:600}
.stage-bar{height:12px;background:#161a2614;border-radius:10px;overflow:hidden;position:relative}
.stage-bar-fill{height:100%;background:linear-gradient(90deg,#3AE868 0%,#2bc557 100%);border-radius:10px;transition:width 1.2s ease}
.stage-bar-fill.stage-1{width:88%}
.stage-bar-fill.stage-2{width:75%}
.stage-bar-fill.stage-3{width:62%}
.stage-bar-fill.stage-4{width:45%}
.progress-description{display:flex;flex-direction:column;gap:1.8rem}
.progress-description h3{font-size:1.5rem;color:#161A26;margin-bottom:.5rem}
.progress-description p{font-size:1rem;line-height:1.75;color:#161A26;opacity:.75;margin:0}
.progress-note{background:#3ae86814;border-left:4px solid #3AE868;padding:1.5rem;border-radius:6px;font-size:.95rem;color:#161A26;line-height:1.7}
.learning-types-v1{background:linear-gradient(145deg,#1a1e2d 0%,#161A26 100%);padding:5.5rem 0;position:relative;overflow:hidden}
.learning-types-v1::after{content:'';position:absolute;top:20%;right:-80px;width:280px;height:280px;background:radial-gradient(circle,#3ae8680d 0%,transparent 70%);border-radius:50%}
.types-container{max-width:1320px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:2}
.types-intro{margin-bottom:3.5rem;text-align:center}
.types-intro h2{font-size:2.5rem;color:#FBFCFD;margin-bottom:1rem}
.types-intro p{font-size:1.1rem;color:#fbfcfdbf;max-width:720px;margin:0 auto;line-height:1.7}
.types-layout{display:grid;grid-template-columns:0.8fr 1.2fr;gap:3rem;align-items:center}
.types-image{position:relative}
.types-image img{width:100%;height:420px;object-fit:cover;border-radius:10px;filter:brightness(0.95) contrast(1.08);box-shadow:0 16px 40px #0000004d}
.types-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.type-item{background:#fbfcfd0a;border:1px solid #fbfcfd1a;border-radius:8px;padding:2rem;transition:all .3s ease}
.type-item:hover{background:#fbfcfd14;border-color:#3ae86880}
.type-item h3{font-size:1.25rem;color:#FBFCFD;margin-bottom:.9rem;display:flex;align-items:center;gap:.7rem}
.type-item h3 i{color:#3AE868;font-size:1.4rem}
.type-item p{font-size:.95rem;line-height:1.7;color:#fbfcfda6;margin:0}
.schedule-section-v1{background:#FBFCFD;padding:5.5rem 0}
.schedule-wrapper{max-width:1320px;margin:0 auto;padding:0 1.5rem}
.schedule-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:3rem;align-items:center}
.schedule-content h2{font-size:2.5rem;color:#161A26;margin-bottom:1.5rem}
.schedule-content p{font-size:1.05rem;line-height:1.75;color:#161A26;opacity:.75;margin-bottom:2.5rem}
.schedule-rhythm{display:flex;flex-direction:column;gap:1.5rem}
.rhythm-option{background:#161a2608;border:2px solid #161a2614;border-radius:8px;padding:1.8rem;transition:all .3s ease;position:relative;overflow:hidden}
.rhythm-option::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,#3ae86814 0%,transparent 100%);transition:width .3s ease}
.rhythm-option:hover{border-color:#3AE868;transform:translateX(6px)}
.rhythm-option:hover::before{width:100%}
.rhythm-option h4{font-size:1.2rem;color:#161A26;margin-bottom:.6rem;font-weight:600;position:relative;z-index:1}
.rhythm-option p{font-size:.95rem;line-height:1.6;color:#161A26;opacity:.7;margin:0;position:relative;z-index:1}
.schedule-visual img{width:100%;height:480px;object-fit:cover;border-radius:10px;box-shadow:0 12px 32px #161a2626;filter:brightness(1.02)}
.interaction-section-v2{background:linear-gradient(155deg,#242938 0%,#161A26 100%);padding:5.5rem 0;position:relative}
.interaction-section-v2::before{content:'';position:absolute;bottom:30%;left:-60px;width:220px;height:220px;background:radial-gradient(circle,#3ae8680f 0%,transparent 70%);border-radius:50%}
.interaction-container{max-width:1320px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:2}
.interaction-top{text-align:center;margin-bottom:4rem}
.interaction-top h2{font-size:2.5rem;color:#FBFCFD;margin-bottom:1rem}
.interaction-top p{font-size:1.1rem;color:#fbfcfdbf;max-width:680px;margin:0 auto;line-height:1.7}
.interaction-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.format-card{background:#fbfcfd0a;border:1px solid #fbfcfd1a;border-radius:8px;padding:2.5rem;transition:all .35s ease;text-align:center}
.format-card:hover{background:#fbfcfd14;border-color:#3ae86880;transform:translateY(-8px);box-shadow:0 16px 36px #00000040}
.format-icon-v2{width:72px;height:72px;background:linear-gradient(135deg,#3ae86826 0%,#3ae8680d 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2rem;color:#3AE868}
.format-card h3{font-size:1.3rem;color:#FBFCFD;margin-bottom:1rem;font-weight:600}
.format-card p{font-size:.95rem;line-height:1.7;color:#fbfcfda6;margin:0}
.testimonial-section-v1{background:#FBFCFD;padding:5.5rem 0}
.testimonial-wrapper{max-width:1320px;margin:0 auto;padding:0 1.5rem}
.testimonial-top{text-align:center;margin-bottom:3.5rem}
.testimonial-top h2{font-size:2.5rem;color:#161A26;margin-bottom:1rem}
.testimonial-top p{font-size:1.1rem;color:#161A26;opacity:.7;max-width:680px;margin:0 auto;line-height:1.7}
.testimonial-box{background:linear-gradient(135deg,#161a2605 0%,#3ae8680f 100%);border:2px solid #161a2614;border-radius:10px;padding:3rem;display:grid;grid-template-columns:140px 1fr;gap:2.5rem;align-items:start;box-shadow:0 8px 24px #161a2614}
.testimonial-author img{width:140px;height:140px;object-fit:cover;border-radius:8px;border:3px solid #3AE868}
.testimonial-text blockquote{font-size:1.15rem;line-height:1.8;color:#161A26;opacity:.8;margin:0 0 1.5rem;font-style:italic;position:relative;padding-left:2rem}
.testimonial-text blockquote::before{content:'"';position:absolute;left:0;top:-8px;font-size:3rem;color:#3AE868;line-height:1;font-style:normal}
.testimonial-info{display:flex;align-items:center;gap:1rem}
.testimonial-info h4{font-size:1.2rem;color:#161A26;margin:0;font-weight:600}
.testimonial-info span{font-size:.95rem;color:#161A26;opacity:.6}
@media (max-width: 1024px) {
.title-content-grid{grid-template-columns:1fr;gap:3rem}
.title-text-zone h1{font-size:2.6rem}
.title-image-cutout img{height:380px}
.tools-grid{grid-template-columns:repeat(2,1fr)}
.support-levels{grid-template-columns:1fr}
.progress-demo{grid-template-columns:1fr}
.types-layout{grid-template-columns:1fr}
.types-content{grid-template-columns:1fr}
.schedule-grid{grid-template-columns:1fr}
.schedule-visual{order:-1}
.interaction-formats{grid-template-columns:1fr}
.testimonial-box{grid-template-columns:1fr;text-align:center}
.testimonial-author img{margin:0 auto}
.testimonial-text blockquote{padding-left:0}
.testimonial-text blockquote::before{position:static}
.testimonial-info{justify-content:center;flex-direction:column;gap:.3rem}
}
@media (max-width: 640px) {
.title-wrapper-v1{padding:3rem 0 5rem}
.title-text-zone h1{font-size:2rem}
.title-text-zone p{font-size:1rem}
.title-image-cutout img{height:300px}
.tools-section-v2,.support-section-v1,.progress-section-v2,.learning-types-v1,.schedule-section-v1,.interaction-section-v2,.testimonial-section-v1{padding:3.5rem 0}
.tools-header h2,.support-intro h2,.progress-header h2,.types-intro h2,.schedule-content h2,.interaction-top h2,.testimonial-top h2{font-size:2rem}
.tools-header h2::before,.tools-header h2::after{display:none}
.tools-grid{grid-template-columns:1fr}
.schedule-visual img{height:320px}
.testimonial-box{padding:2rem}
}
.reach-frame{position:relative;display:flex;align-items:center;justify-content:center;min-height:85vh;background:linear-gradient(148deg,#FBFCFD 0%,#e8f5eb 35%,#d2edd9 100%);overflow:hidden;padding:3rem 1.5rem}
.reach-frame::before{content:'';position:absolute;top:-15%;right:-8%;width:520px;height:520px;background:radial-gradient(circle,#3ae8681f 0%,transparent 70%);border-radius:50%;animation:pulse-ring 8s ease-in-out infinite}
.reach-frame::after{content:'';position:absolute;bottom:-10%;left:-5%;width:420px;height:420px;background:radial-gradient(circle,#161a260f 0%,transparent 65%);border-radius:50%;animation:pulse-ring 9s ease-in-out infinite 1s}
@keyframes pulse-ring {
0%,100%{transform:scale(1);opacity:1}
50%{transform:scale(1.15);opacity:.7}
}
.reach-frame .inner-wrap{position:relative;max-width:780px;width:100%;text-align:center;z-index:2}
.reach-frame .visual-accent{position:relative;display:inline-block;margin-bottom:2rem}
.reach-frame .visual-accent img{width:140px;height:140px;object-fit:cover;border-radius:50%;border:4px solid #3AE868;box-shadow:0 12px 28px #161a2626;animation:float-gentle 6s ease-in-out infinite}
@keyframes float-gentle {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(-12px)}
}
.reach-frame h1{font-size:3rem;line-height:1.2;color:#161A26;margin-bottom:1.5rem;font-weight:700}
.reach-frame h1 .highlight-word{position:relative;display:inline-block}
.reach-frame h1 .highlight-word::after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#3AE868 0%,#2bc754 100%);border-radius:2px}
.reach-frame .lead-text{font-size:1.15rem;line-height:1.7;color:#161A26;opacity:.82;max-width:620px;margin:0 auto}
.reach-frame .decorator-arrow{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);width:32px;height:32px;animation:bounce-arrow 2s ease-in-out infinite}
.reach-frame .decorator-arrow svg{width:100%;height:100%;fill:#3AE868}
@keyframes bounce-arrow {
0%,100%{transform:translateX(-50%) translateY(0)}
50%{transform:translateX(-50%) translateY(8px)}
}
.contact-stage{background:#FBFCFD;padding:5rem 1.5rem}
.contact-stage .inner-container{max-width:1320px;margin:0 auto}
.contact-stage .layout-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.contact-stage .info-panel h2{font-size:2.2rem;line-height:1.3;color:#161A26;margin-bottom:1.2rem;font-weight:700}
.contact-stage .info-panel .intro-copy{font-size:1.05rem;line-height:1.8;color:#161A26;opacity:.78;margin-bottom:2.5rem}
.contact-stage .info-blocks{display:flex;flex-direction:column;gap:2rem}
.contact-stage .info-item{display:flex;align-items:flex-start;gap:1rem}
.contact-stage .info-item .icon-box{width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,#3AE868 0%,#2bc754 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 16px #3ae86840}
.contact-stage .info-item .icon-box svg{width:24px;height:24px;fill:#FBFCFD}
.contact-stage .info-item .text-content h3{font-size:1.1rem;color:#161A26;margin-bottom:.3rem;font-weight:600}
.contact-stage .info-item .text-content p{font-size:.98rem;line-height:1.6;color:#161A26;opacity:.72;margin:0}
.contact-stage .info-item .text-content a{color:#3AE868;text-decoration:none;transition:opacity .3s ease}
.contact-stage .info-item .text-content a:hover{opacity:.8}
.contact-stage .form-panel{background:#fff;border-radius:10px;padding:2.5rem;box-shadow:0 8px 24px #161a2614}
.contact-stage .form-panel h3{font-size:1.6rem;color:#161A26;margin-bottom:1.8rem;font-weight:600}
.contact-stage .form-grid{display:flex;flex-direction:column;gap:1.5rem}
.contact-stage .field-set{display:flex;flex-direction:column;gap:.5rem}
.contact-stage .field-set label{font-size:.95rem;color:#161A26;font-weight:500}
.contact-stage .field-set input,.contact-stage .field-set select{width:100%;padding:.85rem 1rem;border:1.5px solid #e0e4e8;border-radius:6px;font-size:1rem;color:#161A26;background:#FBFCFD;transition:border-color .3s ease,box-shadow .3s ease}
.contact-stage .field-set input:focus,.contact-stage .field-set select:focus{outline:none;border-color:#3AE868;box-shadow:0 0 0 3px #3ae8681f}
.contact-stage .field-set select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23161A26' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}
.contact-stage .privacy-check{display:flex;align-items:flex-start;gap:.7rem;margin-top:.5rem}
.contact-stage .privacy-check input[type="checkbox"]{width:20px;height:20px;margin-top:.15rem;flex-shrink:0;cursor:pointer;accent-color:#3AE868}
.contact-stage .privacy-check label{font-size:.9rem;line-height:1.6;color:#161A26;opacity:.75;cursor:pointer}
.contact-stage .privacy-check a{color:#3AE868;text-decoration:none;transition:opacity .3s ease}
.contact-stage .privacy-check a:hover{opacity:.8}
.contact-stage .submit-butt{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#3AE868 0%,#2bc754 100%);color:#161A26;border:none;border-radius:6px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 18px #3ae8684d;margin-top:.5rem}
.contact-stage .submit-butt:hover{transform:translateY(-2px);box-shadow:0 10px 24px #3ae86866}
.contact-stage .submit-butt:active{transform:translateY(0)}
@media (max-width: 1024px) {
.reach-frame h1{font-size:2.4rem}
.contact-stage .layout-grid{grid-template-columns:1fr;gap:3rem}
}
@media (max-width: 640px) {
.reach-frame{min-height:70vh;padding:2rem 1rem}
.reach-frame h1{font-size:1.9rem}
.reach-frame .lead-text{font-size:1rem}
.reach-frame .visual-accent img{width:110px;height:110px}
.contact-stage{padding:3rem 1rem}
.contact-stage .info-panel h2{font-size:1.8rem}
.contact-stage .form-panel{padding:1.8rem}
.reach-frame::before,.reach-frame::after{width:300px;height:300px}
}
.title-canvas{position:relative;background:linear-gradient(127deg,#FBFCFD 0%,#f4f6f8 100%);padding:72px 24px;overflow:hidden}
.title-canvas::before{content:'';position:absolute;top:-40%;right:-15%;width:60%;height:180%;background:linear-gradient(214deg,#3ae86814 0%,transparent 70%);transform:rotate(-12deg);pointer-events:none}
.title-wrap-v2{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:48px;align-items:center;position:relative;z-index:2}
.title-content-v1{transform:translateY(-8px)}
.title-content-v1 h1{font-size:3.2rem;font-weight:700;color:#161A26;line-height:1.15;margin-bottom:20px;letter-spacing:-.02em}
.title-content-v1 .subtitle-txt{font-size:1.25rem;color:#4a5568;line-height:1.7;margin-bottom:32px;max-width:580px}
.title-img-area{position:relative;transform:rotate(-2deg)}
.title-img-area img{width:100%;height:420px;object-fit:cover;border-radius:8px;box-shadow:0 16px 48px #161a261f;filter:brightness(1.02) contrast(1.05)}
.btn-primary-v3{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#3AE868 0%,#2bc454 100%);color:#161A26;font-size:1.05rem;font-weight:600;border:none;border-radius:6px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #3ae86840;cursor:pointer;z-index:10;position:relative}
.btn-primary-v3:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3ae86859}
.story-layer{background:#FBFCFD;padding:88px 24px}
.story-contain{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:start}
.story-text-v1 h2{font-size:2.4rem;font-weight:700;color:#161A26;line-height:1.25;margin-bottom:28px;position:relative;padding-left:18px}
.story-text-v1 h2::before{content:'';position:absolute;left:0;top:8px;width:4px;height:48px;background:linear-gradient(180deg,#3AE868 0%,#2bc454 100%);border-radius:2px}
.story-text-v1 p{font-size:1.05rem;color:#4a5568;line-height:1.8;margin-bottom:24px}
.story-text-v1 p:last-of-type{margin-bottom:0}
.story-visual-block{position:relative}
.story-visual-block img{width:100%;height:460px;object-fit:cover;border-radius:10px;box-shadow:0 12px 32px #161a261a}
.story-accent-box{position:absolute;bottom:-20px;left:-20px;background:linear-gradient(135deg,#161A26 0%,#2a3142 100%);padding:24px 28px;border-radius:8px;box-shadow:0 8px 24px #161a2633;max-width:280px}
.story-accent-box p{font-size:.95rem;color:#FBFCFD;line-height:1.6;margin:0}
.team-surface{background:linear-gradient(162deg,#f8f9fa 0%,#FBFCFD 100%);padding:96px 24px;position:relative}
.team-surface::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,#3ae8684d 50%,transparent 100%)}
.team-grid-v1{max-width:1320px;margin:0 auto}
.team-grid-v1 h2{font-size:2.6rem;font-weight:700;color:#161A26;text-align:center;margin-bottom:56px;line-height:1.2}
.team-cards-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}
.member-card-v2{background:#FBFCFD;border-radius:10px;padding:32px;box-shadow:0 8px 24px #161a2614;transition:all .35s ease;position:relative;overflow:hidden}
.member-card-v2::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3AE868 0%,#2bc454 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.member-card-v2:hover::before{transform:scaleX(1)}
.member-card-v2:hover{transform:translateY(-6px);box-shadow:0 16px 40px #161a2624}
.member-photo-v1{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:24px;border:4px solid #f8f9fa;box-shadow:0 4px 16px #161a261a}
.member-card-v2 h3{font-size:1.5rem;font-weight:700;color:#161A26;margin-bottom:8px;line-height:1.3}
.member-role-label{font-size:1rem;color:#3AE868;font-weight:600;margin-bottom:16px;display:block}
.member-card-v2 p{font-size:1rem;color:#4a5568;line-height:1.7;margin:0}
.values-frame{background:#FBFCFD;padding:92px 24px}
.values-layout-v1{max-width:1320px;margin:0 auto}
.values-layout-v1 h2{font-size:2.5rem;font-weight:700;color:#161A26;margin-bottom:48px;line-height:1.25;text-align:center}
.values-grid-system{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.value-block-v3{background:linear-gradient(145deg,#f8f9fa 0%,#FBFCFD 100%);padding:40px 32px;border-radius:8px;border:1px solid #e8eaed;transition:all .3s ease;position:relative}
.value-block-v3::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#3AE868 0%,#2bc454 100%);transition:width .4s ease}
.value-block-v3:hover::after{width:100%}
.value-block-v3:hover{border-color:#3AE868;transform:translateY(-4px);box-shadow:0 12px 32px #161a261a}
.value-icon-v2{font-size:2.8rem;color:#3AE868;margin-bottom:20px;display:block}
.value-block-v3 h3{font-size:1.4rem;font-weight:700;color:#161A26;margin-bottom:14px;line-height:1.3}
.value-block-v3 p{font-size:1rem;color:#4a5568;line-height:1.7;margin:0}
.approach-stage{background:linear-gradient(168deg,#161A26 0%,#2a3142 100%);padding:88px 24px;position:relative;overflow:hidden}
.approach-stage::before{content:'';position:absolute;top:-30%;left:-10%;width:50%;height:160%;background:radial-gradient(circle,#3ae8680f 0%,transparent 70%)}
.approach-container-v2{max-width:1320px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:center}
.approach-intro-v1 h2{font-size:2.5rem;font-weight:700;color:#FBFCFD;line-height:1.25;margin-bottom:24px}
.approach-intro-v1 p{font-size:1.1rem;color:#d1d5db;line-height:1.75;margin-bottom:36px}
.approach-img-v1 img{width:100%;height:440px;object-fit:cover;border-radius:10px;box-shadow:0 20px 48px #0000004d}
.stats-inline-v1{display:flex;gap:48px;flex-wrap:wrap}
.stat-item-v2{flex:1;min-width:140px}
.stat-number-v1{font-size:3rem;font-weight:700;color:#3AE868;line-height:1;margin-bottom:8px;display:block}
.stat-label-v1{font-size:.95rem;color:#d1d5db;line-height:1.5}
.journey-zone{background:#FBFCFD;padding:96px 24px}
.journey-box-v1{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:0.9fr 1.1fr;gap:64px;align-items:center}
.journey-media-v1 img{width:100%;height:480px;object-fit:cover;border-radius:10px;box-shadow:0 16px 40px #161a261f}
.journey-details-v1 h2{font-size:2.5rem;font-weight:700;color:#161A26;line-height:1.25;margin-bottom:28px;position:relative;display:inline-block}
.journey-details-v1 h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,#3AE868 0%,#2bc454 100%)}
.journey-details-v1 p{font-size:1.05rem;color:#4a5568;line-height:1.8;margin-bottom:24px}
.journey-highlights-v1{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}
.highlight-item-v1{background:linear-gradient(135deg,#f8f9fa 0%,#FBFCFD 100%);padding:24px;border-radius:8px;border-left:4px solid #3AE868;box-shadow:0 4px 12px #161a260f}
.highlight-item-v1 h4{font-size:1.15rem;font-weight:700;color:#161A26;margin-bottom:8px;line-height:1.3}
.highlight-item-v1 p{font-size:.95rem;color:#4a5568;line-height:1.6;margin:0}
.cta-panel-v1{background:linear-gradient(142deg,#2a3142 0%,#161A26 100%);padding:64px 24px;text-align:center;position:relative}
.cta-panel-v1::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent 0%,#3ae86866 50%,transparent 100%)}
.cta-inner-v1{max-width:1320px;margin:0 auto}
.cta-inner-v1 h2{font-size:2.2rem;font-weight:700;color:#FBFCFD;margin-bottom:20px;line-height:1.3}
.cta-inner-v1 p{font-size:1.15rem;color:#d1d5db;margin-bottom:32px;line-height:1.7;max-width:680px;margin-left:auto;margin-right:auto}
.btn-cta-v2{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:linear-gradient(135deg,#3AE868 0%,#2bc454 100%);color:#161A26;font-size:1.1rem;font-weight:600;border:none;border-radius:6px;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 20px #3ae8684d;cursor:pointer}
.btn-cta-v2:hover{transform:translateY(-3px);box-shadow:0 10px 28px #3ae86866}
@media (max-width: 1024px) {
.title-wrap-v2{gap:36px}
.title-content-v1 h1{font-size:2.6rem}
.story-contain{grid-template-columns:1fr;gap:48px}
.values-grid-system{grid-template-columns:repeat(2,1fr)}
.approach-container-v2{grid-template-columns:1fr;gap:44px}
.journey-box-v1{grid-template-columns:1fr;gap:48px}
.journey-highlights-v1{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.title-canvas{padding:56px 20px}
.title-content-v1 h1{font-size:2rem}
.title-content-v1 .subtitle-txt{font-size:1.05rem}
.title-img-area img{height:320px}
.story-layer{padding:64px 20px}
.story-text-v1 h2{font-size:1.9rem}
.story-visual-block img{height:360px}
.story-accent-box{position:static;margin-top:20px;max-width:100%}
.team-surface{padding:72px 20px}
.team-grid-v1 h2{font-size:2rem;margin-bottom:40px}
.team-cards-wrap{grid-template-columns:1fr;gap:28px}
.values-frame{padding:72px 20px}
.values-layout-v1 h2{font-size:2rem}
.values-grid-system{grid-template-columns:1fr;gap:24px}
.approach-stage{padding:72px 20px}
.approach-intro-v1 h2{font-size:2rem}
.approach-img-v1 img{height:340px}
.stats-inline-v1{gap:32px}
.stat-number-v1{font-size:2.4rem}
.journey-zone{padding:72px 20px}
.journey-media-v1 img{height:360px}
.journey-details-v1 h2{font-size:2rem}
.cta-panel-v1{padding:52px 20px}
.cta-inner-v1 h2{font-size:1.8rem}
.cta-inner-v1 p{font-size:1.05rem}
}
.success-stage{min-height:92vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(142deg,#FBFCFD 0%,#e8f5ea 35%,#FBFCFD 100%)}
.success-stage::before{content:'';position:absolute;top:-20%;right:-15%;width:65%;height:140%;background:linear-gradient(225deg,#3ae86814 0%,#161a2608 100%);border-radius:50%;animation:float-v3 8s ease-in-out infinite}
.success-stage::after{content:'';position:absolute;bottom:-25%;left:-10%;width:55%;height:120%;background:linear-gradient(45deg,#161a260a 0%,#3ae8680f 100%);border-radius:50%;animation:float-v3 10s ease-in-out infinite reverse}
@keyframes float-v3 {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-20px,30px) scale(1.05)}
}
.success-content-frame{position:relative;z-index:2;max-width:720px;width:90%;text-align:center;padding:64px 40px;background:#fbfcfdd9;backdrop-filter:blur(12px);border-radius:10px;box-shadow:0 16px 48px #161a2614}
.success-icon-holder{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;margin:0 auto 32px;background:linear-gradient(135deg,#3AE868 0%,#2bc956 100%);border-radius:50%;box-shadow:0 12px 32px #3ae86847;animation:scale-pulse-v1 2s ease-in-out infinite}
@keyframes scale-pulse-v1 {
0%,100%{transform:scale(1);box-shadow:0 12px 32px #3ae86847}
50%{transform:scale(1.08);box-shadow:0 16px 40px #3ae8685c}
}
.success-icon-holder i{font-size:48px;color:#FBFCFD}
.success-head-txt{font-size:42px;font-weight:700;color:#161A26;margin:0 0 20px;line-height:1.2}
.success-desc-area{font-size:18px;line-height:1.7;color:#161A26;margin:0 0 40px;opacity:.88}
.success-desc-area p{margin:0 0 18px}
.success-desc-area p:last-child{margin-bottom:0}
.action-btn-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.primary-action-butt{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;font-size:17px;font-weight:600;color:#FBFCFD;background:linear-gradient(135deg,#3AE868 0%,#2bc956 100%);border:none;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #3ae8683d}
.primary-action-butt:hover{transform:translateY(-3px);box-shadow:0 12px 32px #3ae86852;color:#FBFCFD}
.secondary-action-butt{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;font-size:17px;font-weight:600;color:#161A26;background:transparent;border:2px solid #161A26;border-radius:8px;text-decoration:none;cursor:pointer;transition:all .3s ease}
.secondary-action-butt:hover{background:#161A26;color:#FBFCFD;transform:translateY(-3px)}
.decorative-shape-left{position:absolute;top:15%;left:8%;width:80px;height:80px;background:linear-gradient(225deg,#3ae8681f 0%,transparent 100%);border-radius:50%;animation:rotate-slow-v2 20s linear infinite;z-index:1}
.decorative-shape-right{position:absolute;bottom:18%;right:12%;width:100px;height:100px;background:linear-gradient(45deg,#161a260f 0%,transparent 100%);border-radius:50%;animation:rotate-slow-v2 25s linear infinite reverse;z-index:1}
@keyframes rotate-slow-v2 {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@media (max-width: 640px) {
.success-content-frame{padding:48px 28px}
.success-head-txt{font-size:32px}
.success-desc-area{font-size:16px}
.action-btn-row{flex-direction:column}
.primary-action-butt,.secondary-action-butt{width:100%;justify-content:center}
.success-icon-holder{width:80px;height:80px}
.success-icon-holder i{font-size:40px}
.decorative-shape-left,.decorative-shape-right{display:none}
}
@media (min-width: 641px) and (max-width: 1024px) {
.success-content-frame{padding:56px 36px}
.success-head-txt{font-size:36px}
}