*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;font-family:'Roboto Mono',monospace;background:#fff;color:#1a1a1a}
body{display:flex;flex-direction:column}
main{flex:1 0 auto}
.heado_wrap{background:linear-gradient(167deg,#0BC587 0%,#233E62 50%,#E3E3E3 100%);padding:18px 0;box-shadow:0 4px 2px #00000026}
.heado_container{max-width:1140px;margin:0 auto;padding:0 20px}
.heado_grid{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:18px 22px;align-items:center}
.logo_box{grid-row:1;grid-column:1;display:flex;align-items:center;justify-content:center;background:#ffffffeb;padding:12px;border-radius:20px;box-shadow:0 3px 6px #0000002e}
.logo_box img{width:95px;height:95px;display:block}
.brand_title{grid-row:1;grid-column:2;font-size:2.4rem;font-weight:700;color:#fff;text-align:right;padding-right:10px;text-shadow:2px 2px 4px #0000004d}
.navi_box{grid-row:2;grid-column:1 / -1;margin-top:12px}
.navi_box nav ul{list-style:none;display:flex;gap:28px;justify-content:center;flex-wrap:wrap;padding:14px 0}
.navi_box nav ul li a{color:#fff;text-decoration:none;font-size:1.05rem;font-weight:500;padding:10px 20px;background:#233e62bf;border-radius:18px;transition:all .45s ease;display:block;box-shadow:0 2px 5px #0003}
.navi_box nav ul li a:hover{background:#0bc587d9;box-shadow:0 4px 8px #00000040}
.foot_wrap{background:linear-gradient(167deg,#233E62 0%,#0BC587 50%,#1a1a1a 100%);padding:32px 0;margin-top:auto;flex-shrink:0;box-shadow:0 -3px 6px #0000001f}
.foot_container{max-width:1140px;margin:0 auto;padding:0 20px}
.foot_content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.foot_links ul{list-style:none;display:flex;gap:24px;flex-wrap:wrap}
.foot_links ul li a{color:#E3E3E3;text-decoration:none;font-size:.95rem;transition:color .4s ease}
.foot_links ul li a:hover{color:#0BC587}
.copyright_txt{color:#E3E3E3;font-size:.9rem}
.cookie_popup{position:fixed;left:0;top:50%;transform:translate(-100%,-50%);background:#fff;border:3px solid #233E62;border-radius:24px;padding:28px 32px;box-shadow:6px 0 12px #00000040;z-index:10000;max-width:420px;width:90%;transition:transform .52s cubic-bezier(0.68,-0.55,0.265,1.55)}
.cookie_popup[data-visible="true"]{transform:translate(20px,-50%)}
.cookie_popup[data-visible="false"]{transform:translate(-100%,-150%)}
.cookie_heado{font-size:1.25rem;font-weight:700;color:#233E62;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #E3E3E3}
.cookie_heado a{color:#0BC587;text-decoration:none;font-size:.9rem;margin-left:8px}
.cookie_heado a:hover{text-decoration:underline}
.cookie_txt{font-size:.95rem;line-height:1.6;color:#333;margin-bottom:20px}
.cookie_category{margin-bottom:18px;padding:12px;background:#f8f8f8;border-radius:16px}
.cookie_category label{display:flex;align-items:center;gap:10px;font-size:.9rem;cursor:pointer;color:#233E62}
.cookie_category input[type="radio"]{width:18px;height:18px}
.cookie_toggle_wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:10px;background:#f0f0f0;border-radius:14px}
.toggle_label{font-size:.9rem;color:#233E62;font-weight:500}
.toggle_switch{position:relative;width:52px;height:26px;background:#ccc;border-radius:26px;cursor:pointer;transition:background .4s ease}
.toggle_switch::after{content:'';position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform .4s ease;box-shadow:0 2px 4px #0003}
.toggle_switch[data-state="active"]{background:#0BC587}
.toggle_switch[data-state="active"]::after{transform:translateX(26px)}
.privacy_link{display:block;margin-top:14px;font-size:.85rem;color:#0BC587;text-decoration:none}
.privacy_link:hover{text-decoration:underline}
.cookie_butts{display:flex;gap:12px;margin-top:22px}
.cookie_butts button{flex:1;padding:12px 18px;border:none;border-radius:20px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .45s ease;font-family:'Roboto Mono',monospace;box-shadow:0 3px 6px #00000026}
.accept_butt{background:#0BC587;color:#fff}
.accept_butt:hover{background:#09a372;box-shadow:0 5px 10px #00000040}
.decline_butt{background:#233E62;color:#fff}
.decline_butt:hover{background:#1a2e4a;box-shadow:0 5px 10px #00000040}
@media (max-width: 768px) {
.heado_grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:14px}
.logo_box{grid-column:1;grid-row:1;justify-self:center}
.brand_title{grid-column:1;grid-row:2;text-align:center;font-size:1.8rem;padding-right:0}
.navi_box{grid-column:1;grid-row:3}
.navi_box nav ul{flex-direction:column;align-items:center;gap:12px}
.navi_box nav ul li a{width:100%;text-align:center}
.foot_content{flex-direction:column;text-align:center}
.foot_links ul{flex-direction:column;align-items:center;gap:12px}
.cookie_popup{max-width:340px}
.cookie_butts{flex-direction:column}
}
@media (max-width: 480px) {
.brand_title{font-size:1.5rem}
.logo_box img{width:75px;height:75px}
}
.agreement-section{max-width:1140px;margin:0 auto;padding:60px 20px;background:#fff}
.agreement-section h1{font-size:42px;font-weight:700;color:#233E62;line-height:1.2;margin:0 0 40px;padding-bottom:24px;border-bottom:4px solid #0BC587}
.agreement-section h2{font-size:32px;font-weight:600;color:#233E62;line-height:1.3;margin:48px 0 24px}
.agreement-section h3{font-size:24px;font-weight:600;color:#233E62;line-height:1.4;margin:36px 0 20px}
.agreement-section h4{font-size:20px;font-weight:600;color:#233E62;line-height:1.4;margin:28px 0 16px}
.agreement-section h5{font-size:18px;font-weight:600;color:#233E62;line-height:1.5;margin:24px 0 14px}
.agreement-section h6{font-size:16px;font-weight:600;color:#233E62;line-height:1.5;margin:20px 0 12px}
.agreement-section p{font-size:16px;font-weight:400;color:#1a1a1a;line-height:1.7;margin:0 0 20px}
.agreement-section ul{margin:0 0 24px;padding:0 0 0 32px;list-style-type:disc}
.agreement-section ol{margin:0 0 24px;padding:0 0 0 32px;list-style-type:decimal}
.agreement-section li{font-size:16px;font-weight:400;color:#1a1a1a;line-height:1.7;margin:0 0 12px}
.agreement-section ul ul{margin:12px 0;padding:0 0 0 24px;list-style-type:circle}
.agreement-section ol ol{margin:12px 0;padding:0 0 0 24px;list-style-type:lower-alpha}
.agreement-section li ul{margin:8px 0 0}
.agreement-section li ol{margin:8px 0 0}
.agreement-section a{color:#0BC587;text-decoration:underline;font-weight:500;transition:color 500ms,background 500ms}
.agreement-section a:hover{color:#233E62;background:#0bc5871a}
.agreement-section a:focus{outline:2px solid #0BC587;outline-offset:2px;border-radius:4px}
.agreement-section table{width:100%;margin:0 0 32px;border-collapse:collapse;border-radius:16px;overflow:hidden;box-shadow:0 4px 8px #233e6226}
.agreement-section thead{background:linear-gradient(135deg,#233E62 0%,#0BC587 100%)}
.agreement-section thead tr{border:none}
.agreement-section thead th{font-size:16px;font-weight:600;color:#fff;text-align:left;padding:18px 20px;border-bottom:3px solid #0BC587}
.agreement-section tbody{background:#fff}
.agreement-section tbody tr{border-bottom:1px solid #E3E3E3;transition:background 500ms}
.agreement-section tbody tr:hover{background:#0bc5870d}
.agreement-section tbody tr:last-child{border-bottom:none}
.agreement-section td{font-size:15px;font-weight:400;color:#1a1a1a;padding:16px 20px;vertical-align:top}
.agreement-section th{font-weight:600}
.agreement-section hr{height:2px;background:linear-gradient(90deg,#0BC587 0%,#E3E3E3 100%);border:none;margin:48px 0;border-radius:16px}
@media (max-width: 768px) {
.agreement-section{padding:40px 16px}
.agreement-section h1{font-size:32px;margin:0 0 28px;padding-bottom:16px}
.agreement-section h2{font-size:26px;margin:36px 0 20px}
.agreement-section h3{font-size:22px;margin:28px 0 16px}
.agreement-section h4{font-size:19px;margin:24px 0 14px}
.agreement-section h5{font-size:17px;margin:20px 0 12px}
.agreement-section h6{font-size:16px;margin:18px 0 10px}
.agreement-section p{font-size:15px;margin:0 0 18px}
.agreement-section ul{padding:0 0 0 24px}
.agreement-section ol{padding:0 0 0 24px}
.agreement-section li{font-size:15px}
.agreement-section table{font-size:14px;border-radius:12px}
.agreement-section thead th{font-size:14px;padding:14px 12px}
.agreement-section td{font-size:14px;padding:12px}
.agreement-section hr{margin:36px 0}
}
@media (max-width: 480px) {
.agreement-section{padding:32px 12px}
.agreement-section h1{font-size:28px}
.agreement-section h2{font-size:24px}
.agreement-section h3{font-size:20px}
.agreement-section table{display:block;overflow-x:auto}
.agreement-section thead th{padding:12px 10px}
.agreement-section td{padding:10px}
}
.blog_post_hero{background:linear-gradient(167deg,#0BC587 0%,#233E62 50%,#E3E3E3 100%);padding:80px 20px 60px;text-align:center;position:relative}
.blog_post_hero h1{font-size:2.8rem;color:#fff;max-width:900px;margin:0 auto;line-height:1.2;font-weight:700}
.blog_container{max-width:1140px;margin:0 auto;padding:0 20px}
.blog_tools_wrap{display:flex;justify-content:flex-end;gap:12px;padding:30px 0;max-width:800px;margin:0 auto}
.tool_butt{background:#E3E3E3;border:none;padding:12px 24px;border-radius:24px;cursor:pointer;font-size:.9rem;color:#233E62;transition:all 450ms ease;display:flex;align-items:center;gap:8px}
.tool_butt:hover{background:#0BC587;color:#fff;transform:translateY(-2px);box-shadow:0 6px 12px #0bc5874d}
.tool_butt:focus{outline:3px solid #0BC587;outline-offset:2px}
.tool_butt svg{width:18px;height:18px;fill:currentColor}
.article_image_section{max-width:1140px;margin:0 auto 50px;padding:0 20px}
.article_image_section img{width:100%;height:auto;border-radius:28px;box-shadow:0 4px 8px #233e6226;display:block}
.content_area{max-width:800px;margin:0 auto;padding:0 20px 80px}
.content_area h2{font-size:2rem;color:#233E62;margin:50px 0 20px;position:relative;padding-left:24px}
.content_area h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:80%;background:linear-gradient(180deg,#0BC587 0%,#233E62 100%);border-radius:8px}
.content_area h3{font-size:1.5rem;color:#233E62;margin:40px 0 16px}
.content_area h4{font-size:1.25rem;color:#233E62;margin:32px 0 14px}
.content_area h5{font-size:1.1rem;color:#233E62;margin:28px 0 12px}
.content_area h6{font-size:1rem;color:#233E62;margin:24px 0 10px;font-weight:600}
.content_area p{font-size:1.05rem;line-height:1.7;color:#333;margin-bottom:20px}
.content_area strong{color:#233E62;font-weight:600}
.content_area em{color:#0BC587;font-style:italic}
.content_area ul,.content_area ol{margin:24px 0 24px 20px;padding-left:20px}
.content_area ul li,.content_area ol li{font-size:1.05rem;line-height:1.7;color:#333;margin-bottom:12px;padding-left:8px}
.content_area ul li::marker{color:#0BC587}
.content_area ol li::marker{color:#233E62;font-weight:600}
.content_area blockquote{border-left:5px solid #0BC587;background:#f8f8f8;padding:20px 30px;margin:30px 0;border-radius:0 20px 20px 0;font-style:italic;color:#233E62}
.content_area a{color:#0BC587;text-decoration:underline;transition:color 450ms ease}
.content_area a:hover{color:#233E62}
body.accessibility_mode{background:#1a1a1a;color:#fff}
body.accessibility_mode .blog_post_hero h1{color:#fff}
body.accessibility_mode .tool_butt{background:#333;color:#fff}
body.accessibility_mode .tool_butt:hover{background:#0BC587}
body.accessibility_mode .content_area h2,body.accessibility_mode .content_area h3,body.accessibility_mode .content_area h4,body.accessibility_mode .content_area h5,body.accessibility_mode .content_area h6{color:#0BC587}
body.accessibility_mode .content_area p,body.accessibility_mode .content_area li{color:#e0e0e0;font-size:1.15rem}
body.accessibility_mode .content_area strong{color:#fff}
body.accessibility_mode .content_area blockquote{background:#2a2a2a;color:#e0e0e0}
body.accessibility_mode .content_area a{color:#0BC587}
.divider_wave{width:100%;height:60px;margin:60px 0;position:relative;overflow:hidden}
.divider_wave svg{position:absolute;width:100%;height:100%}
@media (max-width: 768px) {
.blog_post_hero{padding:60px 20px 40px}
.blog_post_hero h1{font-size:2rem}
.blog_tools_wrap{flex-direction:column;align-items:stretch}
.tool_butt{justify-content:center}
.content_area h2{font-size:1.6rem}
.content_area h3{font-size:1.3rem}
.content_area p,.content_area ul li,.content_area ol li{font-size:1rem}
.article_image_section img{border-radius:20px}
}
@media (max-width: 480px) {
.blog_post_hero h1{font-size:1.6rem}
.content_area h2{font-size:1.4rem;padding-left:18px}
.content_area{padding:0 15px 60px}
}
.blog_wrapper{max-width:1140px;margin:0 auto;padding:80px 24px}
.blog_intro_sect{text-align:center;margin-bottom:72px}
.blog_intro_sect .main_tit{font-size:42px;font-weight:700;color:#233E62;margin-bottom:16px;line-height:1.2}
.blog_intro_sect .sub_desc{font-size:18px;color:#555;max-width:680px;margin:0 auto;line-height:1.6}
.posts_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-bottom:80px}
.post_card{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);border-radius:24px;padding:32px;box-shadow:0 4px 6px #233e6214;transition:all 500ms ease;border:2px solid transparent;position:relative;overflow:hidden}
.post_card::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#0BC587 0%,#233E62 100%);transform:scaleX(0);transform-origin:left;transition:transform 500ms ease}
.post_card:hover::before{transform:scaleX(1)}
.post_card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #233e6226;border-color:#0BC587}
.post_card .card_meta{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.post_card .meta_icon{width:40px;height:40px;background:linear-gradient(135deg,#0BC587 0%,#233E62 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.post_card .meta_icon svg{width:20px;height:20px;fill:#fff}
.post_card .meta_label{font-size:13px;font-weight:600;color:#0BC587;text-transform:uppercase;letter-spacing:.5px}
.post_card .card_title{font-size:24px;font-weight:700;color:#233E62;margin-bottom:16px;line-height:1.3}
.post_card .card_excerpt{font-size:15px;color:#666;line-height:1.6;margin-bottom:24px}
.post_card .read_link{display:inline-flex;align-items:center;gap:8px;color:#0BC587;font-weight:600;font-size:15px;text-decoration:none;transition:gap 400ms ease}
.post_card .read_link:hover{gap:14px}
.post_card .read_link svg{width:16px;height:16px;fill:currentColor}
.feature_blocks_area{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:80px}
.feat_block{background:linear-gradient(167deg,#0BC587 0%,#233E62 50%,#E3E3E3 100%);border-radius:28px;padding:48px;color:#fff;position:relative;overflow:hidden}
.feat_block::after{content:'';position:absolute;bottom:-40px;right:-40px;width:180px;height:180px;background:#ffffff1a;border-radius:50%}
.feat_block .block_icon{width:64px;height:64px;background:#fff3;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;z-index:2}
.feat_block .block_icon svg{width:32px;height:32px;fill:#fff}
.feat_block .block_tit{font-size:28px;font-weight:700;margin-bottom:12px;position:relative;z-index:2}
.feat_block .block_text{font-size:16px;line-height:1.6;opacity:.95;position:relative;z-index:2}
.newsletter_sect{background:#f8f9fa;border-radius:28px;padding:64px 48px;text-align:center;position:relative;overflow:hidden}
.newsletter_sect::before{content:'';position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,#0bc5871a 0%,transparent 70%)}
.newsletter_sect::after{content:'';position:absolute;bottom:-80px;right:-80px;width:250px;height:250px;background:radial-gradient(circle,#233e6214 0%,transparent 70%)}
.newsletter_sect .news_tit{font-size:36px;font-weight:700;color:#233E62;margin-bottom:12px;position:relative;z-index:2}
.newsletter_sect .news_desc{font-size:17px;color:#666;margin-bottom:32px;max-width:560px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.newsletter_sect .news_form{display:flex;gap:16px;max-width:500px;margin:0 auto;position:relative;z-index:2}
.newsletter_sect .news_input{flex:1;padding:16px 24px;border:2px solid #E3E3E3;border-radius:20px;font-size:15px;outline:none;transition:all 400ms ease}
.newsletter_sect .news_input:focus{border-color:#0BC587;box-shadow:0 0 0 4px #0bc5871a}
.newsletter_sect .news_btn{padding:16px 36px;background:linear-gradient(135deg,#0BC587 0%,#233E62 100%);color:#fff;border:none;border-radius:20px;font-size:15px;font-weight:600;cursor:pointer;transition:all 500ms ease;box-shadow:0 4px 12px #0bc5874d}
.newsletter_sect .news_btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0bc58766}
.cta_sect{background:linear-gradient(135deg,#233E62 0%,#0BC587 100%);border-radius:28px;padding:72px 48px;text-align:center;color:#fff;margin-top:48px}
.cta_sect .cta_tit{font-size:38px;font-weight:700;margin-bottom:16px}
.cta_sect .cta_text{font-size:18px;margin-bottom:32px;opacity:.95;max-width:640px;margin-left:auto;margin-right:auto}
.cta_sect .cta_btn{display:inline-block;padding:18px 48px;background:#fff;color:#233E62;border-radius:24px;font-size:16px;font-weight:700;text-decoration:none;transition:all 500ms ease;box-shadow:0 6px 16px #00000026}
.cta_sect .cta_btn:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0003}
@media (max-width: 768px) {
.blog_wrapper{padding:48px 20px}
.blog_intro_sect .main_tit{font-size:32px}
.posts_grid{grid-template-columns:1fr;gap:24px}
.feature_blocks_area{grid-template-columns:1fr;gap:24px}
.feat_block{padding:32px}
.newsletter_sect{padding:48px 28px}
.newsletter_sect .news_form{flex-direction:column}
.cta_sect{padding:48px 28px}
.cta_sect .cta_tit{font-size:28px}
}
@media (max-width: 480px) {
.blog_intro_sect .main_tit{font-size:28px}
.post_card{padding:24px}
.post_card .card_title{font-size:20px}
}
.clom_hero_wrap{background:linear-gradient(167deg,#0BC587 0%,#233E62 50%,#E3E3E3 100%);padding:96px 24px 72px;position:relative}
.clom_hero_inner{max-width:1140px;margin:0 auto}
.clom_hero_inner .hero_titl{font-size:48px;line-height:1.2;font-weight:700;color:#fff;margin:0 0 24px;letter-spacing:-.5px}
.clom_hero_inner .hero_descr{font-size:19px;line-height:1.6;color:#E3E3E3;margin:0 0 32px;max-width:680px}
.clom_hero_inner .hero_btn{display:inline-block;background:#0BC587;color:#233E62;font-size:17px;font-weight:600;padding:14px 36px;border-radius:24px;text-decoration:none;transition:all 450ms;border:2px solid #0BC587}
.clom_hero_inner .hero_btn:hover{background:transparent;color:#fff;transform:scale(1.05);box-shadow:0 6px 18px #0bc5874d}
.navi_section_wrapp{background:#fff;padding:64px 24px}
.navi_section_inner{max-width:1140px;margin:0 auto}
.navi_section_inner .navi_heading{font-size:36px;line-height:1.3;font-weight:700;color:#233E62;margin:0 0 16px}
.navi_section_inner .navi_subtext{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 48px;max-width:720px}
.navi_cards_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.navi_card_item{background:#f8f8f8;padding:32px 28px;border-radius:20px;border:2px solid #E3E3E3;transition:all 500ms}
.navi_card_item:hover{border-color:#0BC587;transform:translateY(-6px);box-shadow:0 8px 24px #0bc5872e}
.navi_card_item .card_icon{width:56px;height:56px;background:linear-gradient(135deg,#0BC587 0%,#233E62 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 0 20px}
.navi_card_item .card_icon svg{width:28px;height:28px;fill:#fff}
.navi_card_item .card_label{font-size:21px;font-weight:700;color:#233E62;margin:0 0 12px}
.navi_card_item .card_info{font-size:16px;line-height:1.6;color:#5a5a5a;margin:0}
.facts_block_container{background:#233E62;padding:72px 24px;position:relative;overflow:hidden}
.facts_block_container::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#0bc5871f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.facts_inner_box{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.facts_inner_box .facts_main_head{font-size:38px;line-height:1.3;font-weight:700;color:#fff;margin:0 0 52px;text-align:center}
.facts_stats_row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:36px}
.stat_box_element{text-align:center;padding:28px 20px;background:#ffffff0f;border-radius:18px;border:1px solid #0bc5874d;transition:all 480ms}
.stat_box_element:hover{background:#0bc5871a;transform:scale(1.08)}
.stat_box_element .stat_numb{font-size:52px;font-weight:700;color:#0BC587;margin:0 0 12px;line-height:1}
.stat_box_element .stat_caption{font-size:17px;line-height:1.5;color:#E3E3E3;margin:0}
.philo_zone_wrap{background:linear-gradient(225deg,#E3E3E3 0%,#fff 60%);padding:76px 24px}
.philo_zone_content{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.philo_text_area .philo_h2{font-size:34px;line-height:1.3;font-weight:700;color:#233E62;margin:0 0 24px}
.philo_text_area .philo_paragraph{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 18px}
.philo_text_area .philo_paragraph:last-child{margin-bottom:0}
.philo_visual_area img{width:100%;height:auto;border-radius:28px;box-shadow:0 12px 36px #233e6224;object-fit:cover}
.source_segment_box{background:#fff;padding:68px 24px;border-top:4px solid #0BC587}
.source_segment_inner{max-width:1140px;margin:0 auto}
.source_segment_inner .source_title_main{font-size:36px;line-height:1.3;font-weight:700;color:#233E62;margin:0 0 20px}
.source_segment_inner .source_intro{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0 0 44px;max-width:780px}
.source_method_grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.method_card_unit{background:#f9f9f9;padding:32px 28px;border-radius:22px;border-left:6px solid #0BC587;transition:all 460ms}
.method_card_unit:hover{box-shadow:0 10px 28px #0bc58729;transform:translateX(6px)}
.method_card_unit .method_head{font-size:22px;font-weight:700;color:#233E62;margin:0 0 14px;display:flex;align-items:center;gap:12px}
.method_card_unit .method_head::before{content:'';width:12px;height:12px;background:#0BC587;border-radius:50%;flex-shrink:0}
.method_card_unit .method_text{font-size:16px;line-height:1.6;color:#5a5a5a;margin:0}
.fit_area_wrap{background:linear-gradient(167deg,#233E62 0%,#0BC587 100%);padding:80px 24px}
.fit_area_inner{max-width:1140px;margin:0 auto}
.fit_area_inner .fit_title{font-size:37px;line-height:1.3;font-weight:700;color:#fff;margin:0 0 48px;text-align:center}
.fit_comparison_holder{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.fit_column_box{background:#fffffff2;padding:36px 32px;border-radius:24px;box-shadow:0 8px 24px #0000001f}
.fit_column_box .column_head{font-size:26px;font-weight:700;color:#233E62;margin:0 0 24px;padding-bottom:16px;border-bottom:3px solid #0BC587}
.fit_column_box .fit_list{list-style:none;margin:0;padding:0}
.fit_column_box .fit_list li{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0 0 14px;padding-left:28px;position:relative}
.fit_column_box .fit_list li::before{content:'';position:absolute;left:0;top:6px;width:16px;height:16px;background:#0BC587;border-radius:4px}
.fit_column_box .fit_list li:last-child{margin-bottom:0}
@media (max-width: 768px) {
.clom_hero_inner .hero_titl{font-size:34px}
.clom_hero_inner .hero_descr{font-size:17px}
.navi_cards_grid{grid-template-columns:1fr}
.facts_stats_row{grid-template-columns:1fr}
.philo_zone_content{grid-template-columns:1fr;gap:36px}
.source_method_grid{grid-template-columns:1fr}
.fit_comparison_holder{grid-template-columns:1fr}
.clom_hero_wrap{padding:64px 20px 52px}
.navi_section_wrapp,.facts_block_container,.philo_zone_wrap,.source_segment_box,.fit_area_wrap{padding:52px 20px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.philo_zone_content{gap:40px}
.source_method_grid{gap:28px}
.fit_comparison_holder{gap:32px}
}
.clomtek-author-hero{position:relative;overflow:hidden;background:linear-gradient(167deg,#0BC587 0%,#233E62 50%,#E3E3E3 100%);padding:0;margin-bottom:80px}
.clomtek-author-hero .diag-stripe-wrap{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}
.clomtek-author-hero .diag-stripe-wrap::before,.clomtek-author-hero .diag-stripe-wrap::after{content:'';position:absolute;width:200%;height:40px;background:#03c58726;transform:rotate(-8deg)}
.clomtek-author-hero .diag-stripe-wrap::before{top:20%;left:-50%}
.clomtek-author-hero .diag-stripe-wrap::after{bottom:30%;right:-50%;background:#233e621f}
.clomtek-author-hero .hero-inner-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1140px;margin:0 auto;min-height:520px}
.clomtek-author-hero .txt-zone{padding:80px 60px 80px 20px;display:flex;flex-direction:column;justify-content:center}
.clomtek-author-hero .main-hed{font-size:52px;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.15}
.clomtek-author-hero .sub-hed{font-size:28px;font-weight:400;color:#E3E3E3;margin:0 0 24px;line-height:1.3}
.clomtek-author-hero .desc-txt{font-size:17px;line-height:1.6;color:#fff;margin:0}
.clomtek-author-hero .img-zone{position:relative;overflow:hidden}
.clomtek-author-hero .img-zone img{width:100%;height:100%;object-fit:cover;filter:sepia(8%) saturate(110%);display:block}
.story-sect{max-width:1140px;margin:0 auto 100px;padding:0 20px}
.story-sect .grid-split{display:grid;grid-template-columns:380px 1fr;gap:80px;align-items:start}
.story-sect .img-card-box{position:relative;border-radius:24px;overflow:hidden;box-shadow:6px 6px 0 #233e6233}
.story-sect .img-card-box img{width:100%;height:auto;display:block}
.story-sect .content-zone h2{font-size:38px;font-weight:700;color:#233E62;margin:0 0 28px;line-height:1.2}
.story-sect .content-zone h2::before{content:'';display:inline-block;width:6px;height:32px;background:#0BC587;margin-right:14px;vertical-align:middle;border-radius:3px}
.story-sect .content-zone p{font-size:17px;line-height:1.7;color:#2a2a2a;margin:0 0 20px}
.story-sect .content-zone p:last-child{margin-bottom:0}
.expertise-row{background:#f8f9fa;padding:90px 20px;margin-bottom:100px}
.expertise-row .inner-wrap{max-width:1140px;margin:0 auto}
.expertise-row h2{font-size:42px;font-weight:700;color:#233E62;margin:0 0 60px;text-align:center;line-height:1.2}
.expertise-row .card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.expertise-row .skill-card{background:#fff;padding:44px 32px;border-radius:20px;box-shadow:4px 4px 0 #0bc58726;transition:all 500ms;position:relative}
.expertise-row .skill-card:hover{transform:translateY(-8px);box-shadow:8px 8px 0 #0bc58740}
.expertise-row .skill-card h3{font-size:24px;font-weight:700;color:#233E62;margin:0 0 18px;line-height:1.3}
.expertise-row .skill-card p{font-size:16px;line-height:1.6;color:#3a3a3a;margin:0}
.expertise-row .skill-card::after{content:'';position:absolute;top:20px;right:20px;width:50px;height:50px;background:linear-gradient(135deg,#0BC587 0%,#233E62 100%);border-radius:50%;opacity:.1}
.approach-section{max-width:1140px;margin:0 auto 100px;padding:0 20px}
.approach-section h2{font-size:40px;font-weight:700;color:#233E62;margin:0 0 50px;line-height:1.2;text-align:center}
.approach-section .timeline-box{position:relative;padding-left:60px}
.approach-section .timeline-box::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0BC587 0%,#233E62 100%);border-radius:2px}
.approach-section .timeline-item{position:relative;margin-bottom:50px;padding-left:40px}
.approach-section .timeline-item::before{content:'';position:absolute;left:-48px;top:8px;width:20px;height:20px;background:#0BC587;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #E3E3E3}
.approach-section .timeline-item h3{font-size:26px;font-weight:700;color:#233E62;margin:0 0 14px;line-height:1.3}
.approach-section .timeline-item p{font-size:17px;line-height:1.7;color:#2a2a2a;margin:0}
.project-showcase{background:#233E62;padding:90px 20px;margin-bottom:100px}
.project-showcase .inner-contain{max-width:1140px;margin:0 auto}
.project-showcase h2{font-size:40px;font-weight:700;color:#fff;margin:0 0 60px;text-align:center;line-height:1.2}
.project-showcase .gallery-flex{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.project-showcase .proj-card{position:relative;border-radius:18px;overflow:hidden;transition:all 500ms;cursor:pointer}
.project-showcase .proj-card:hover{transform:scale(1.03)}
.project-showcase .proj-card img{width:100%;height:340px;object-fit:cover;display:block}
.project-showcase .proj-card .overlay-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent 0%,#0bc587eb 100%);padding:30px 24px 24px;transform:translateY(60%);transition:all 500ms}
.project-showcase .proj-card:hover .overlay-info{transform:translateY(0)}
.project-showcase .proj-card .overlay-info h3{font-size:22px;font-weight:700;color:#fff;margin:0 0 10px;line-height:1.3}
.project-showcase .proj-card .overlay-info p{font-size:15px;line-height:1.5;color:#fff;margin:0}
.cta-band{max-width:1140px;margin:0 auto 80px;padding:0 20px}
.cta-band .inner-box{background:linear-gradient(135deg,#0BC587 0%,#233E62 100%);padding:70px 60px;border-radius:28px;text-align:center;box-shadow:8px 8px 0 #233e6226}
.cta-band h2{font-size:36px;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.2}
.cta-band p{font-size:18px;line-height:1.6;color:#E3E3E3;margin:0 0 36px;max-width:680px;margin-left:auto;margin-right:auto}
.cta-band .btn-row{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.cta-band .btn-primary{display:inline-block;padding:18px 42px;background:#fff;color:#233E62;font-size:17px;font-weight:700;text-decoration:none;border-radius:24px;transition:all 500ms;box-shadow:4px 4px 0 #0000001a}
.cta-band .btn-primary:hover{transform:translateY(-4px);box-shadow:6px 6px 0 #00000026;background:#E3E3E3}
.cta-band .btn-secondary{display:inline-block;padding:18px 42px;background:transparent;color:#fff;font-size:17px;font-weight:700;text-decoration:none;border:3px solid #fff;border-radius:24px;transition:all 500ms}
.cta-band .btn-secondary:hover{background:#ffffff26;transform:translateY(-4px)}
@media (max-width: 1024px) {
.clomtek-author-hero .hero-inner-grid{grid-template-columns:1fr;min-height:auto}
.clomtek-author-hero .txt-zone{padding:60px 40px}
.clomtek-author-hero .img-zone{min-height:400px}
.story-sect .grid-split{grid-template-columns:1fr;gap:50px}
.story-sect .img-card-box{max-width:500px;margin:0 auto}
.expertise-row .card-grid{grid-template-columns:1fr;gap:30px}
.project-showcase .gallery-flex{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.clomtek-author-hero .main-hed{font-size:38px}
.clomtek-author-hero .sub-hed{font-size:22px}
.clomtek-author-hero .txt-zone{padding:50px 20px}
.story-sect .content-zone h2{font-size:30px}
.expertise-row h2{font-size:32px}
.approach-section h2{font-size:32px}
.project-showcase h2{font-size:32px}
.cta-band .inner-box{padding:50px 30px}
.cta-band h2{font-size:28px}
.cta-band .btn-row{flex-direction:column;align-items:stretch}
.cta-band .btn-primary,.cta-band .btn-secondary{width:100%;text-align:center}
}
.title_wrapp{background:linear-gradient(167deg,#0BC587 0%,#233E62 50%,#E3E3E3 100%);padding:140px 20px 120px;position:relative;overflow:hidden}
.title_wrapp::before{content:'';position:absolute;top:-50%;left:-20%;width:60%;height:200%;background:#e3e3e326;transform:rotate(25deg);animation:shift_layer1 20s ease-in-out infinite}
.title_wrapp::after{content:'';position:absolute;bottom:-40%;right:-15%;width:50%;height:180%;background:#0bc58733;transform:rotate(-30deg);animation:shift_layer2 18s ease-in-out infinite}
@keyframes shift_layer1 {
0%,100%{transform:rotate(25deg) translateY(0)}
50%{transform:rotate(25deg) translateY(-40px)}
}
@keyframes shift_layer2 {
0%,100%{transform:rotate(-30deg) translateX(0)}
50%{transform:rotate(-30deg) translateX(30px)}
}
.title_inner{max-width:1140px;margin:0 auto;position:relative;z-index:2;text-align:center}
.title_inner h1{font-size:52px;color:#fff;margin:0 0 16px;font-weight:700;letter-spacing:-1px}
.title_inner .subt{font-size:20px;color:#ffffffe6;margin:0;line-height:1.5}
.info_sect{padding:100px 20px;background:#f9f9f9}
.info_containr{max-width:1140px;margin:0 auto}
.info_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.info_card{background:#fff;padding:36px 32px;border-radius:24px;box-shadow:0 4px 2px #00000014;transition:all 500ms ease;border:2px solid transparent}
.info_card:hover{transform:translateY(-6px);box-shadow:0 8px 4px #0000001f;border-color:#0BC587}
.info_card .ico_holder{width:64px;height:64px;background:linear-gradient(135deg,#0BC587,#233E62);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.info_card .ico_holder svg{width:32px;height:32px;fill:#fff}
.info_card h3{font-size:22px;color:#233E62;margin:0 0 12px;font-weight:600}
.info_card .info_txt{font-size:16px;color:#555;line-height:1.6;margin:0}
.info_card a{color:#0BC587;text-decoration:none;font-weight:500;transition:color 400ms ease}
.info_card a:hover{color:#233E62}
.form_sect{padding:100px 20px;background:#fff}
.form_wrap{max-width:800px;margin:0 auto}
.form_wrap h2{font-size:38px;color:#233E62;margin:0 0 12px;text-align:center;font-weight:700}
.form_wrap .intro_txt{font-size:18px;color:#666;text-align:center;margin:0 0 48px;line-height:1.5}
.contact_form{background:#f4f4f4;padding:48px 40px;border-radius:28px;box-shadow:0 6px 3px #0000000f}
.form_row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.field_box{display:flex;flex-direction:column}
.field_box label{font-size:15px;color:#233E62;margin-bottom:8px;font-weight:600}
.field_box input,.field_box textarea{padding:16px 18px;border:2px solid #E3E3E3;border-radius:18px;font-size:16px;color:#333;background:#fff;transition:all 450ms ease;outline:none}
.field_box input:focus,.field_box textarea:focus{border-color:#0BC587;box-shadow:0 0 0 4px #0bc5871a}
.field_box textarea{resize:vertical;min-height:140px}
.privacy_box{margin:28px 0;display:flex;align-items:flex-start;gap:12px}
.privacy_box input[type="checkbox"]{width:22px;height:22px;margin-top:2px;cursor:pointer;accent-color:#0BC587}
.privacy_box label{font-size:14px;color:#555;line-height:1.6;cursor:pointer}
.privacy_box a{color:#0BC587;text-decoration:underline;transition:color 400ms ease}
.privacy_box a:hover{color:#233E62}
.submit_btn{background:linear-gradient(135deg,#0BC587,#233E62);color:#fff;border:none;padding:18px 48px;font-size:18px;font-weight:600;border-radius:20px;cursor:pointer;transition:all 500ms ease;box-shadow:0 5px 2px #0000001a;width:100%}
.submit_btn:hover{transform:scale(1.03);box-shadow:0 8px 4px #00000026}
.submit_btn:active{transform:scale(0.98)}
.location_sect{padding:90px 20px;background:linear-gradient(167deg,#233E62 0%,#0BC587 100%);position:relative}
.location_sect::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:repeating-linear-gradient(90deg,#0BC587 0px,#0BC587 20px,#E3E3E3 20px,#E3E3E3 40px)}
.location_containr{max-width:1140px;margin:0 auto;text-align:center}
.location_containr h2{font-size:36px;color:#fff;margin:0 0 16px;font-weight:700}
.location_containr .descr{font-size:18px;color:#ffffffd9;margin:0 0 48px;line-height:1.6}
.addr_block{background:#ffffff1f;backdrop-filter:blur(10px);padding:42px 36px;border-radius:26px;display:inline-block;text-align:left;border:2px solid #fff3}
.addr_block h3{font-size:24px;color:#fff;margin:0 0 20px;font-weight:600}
.addr_block p{font-size:17px;color:#ffffffe6;margin:0 0 10px;line-height:1.7}
.addr_block p:last-child{margin-bottom:0}
.faq_sect{padding:100px 20px;background:#f7f7f7}
.faq_inner{max-width:900px;margin:0 auto}
.faq_inner h2{font-size:40px;color:#233E62;margin:0 0 20px;text-align:center;font-weight:700}
.faq_inner .lead{font-size:18px;color:#666;text-align:center;margin:0 0 56px;line-height:1.6}
.faq_item{background:#fff;border-radius:22px;margin-bottom:20px;box-shadow:0 4px 2px #0000000f;overflow:hidden}
.faq_item input[type="checkbox"]{display:none}
.faq_question{padding:28px 32px;font-size:19px;color:#233E62;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background 450ms ease;position:relative}
.faq_question::after{content:'+';font-size:28px;color:#0BC587;font-weight:700;transition:transform 450ms ease}
.faq_item input:checked + .faq_question::after{transform:rotate(45deg)}
.faq_item input:checked + .faq_question{background:#f9f9f9}
.faq_answer{max-height:0;overflow:hidden;transition:max-height 550ms ease;padding:0 32px}
.faq_item input:checked ~ .faq_answer{max-height:500px;padding:0 32px 28px}
.faq_answer p{font-size:16px;color:#555;line-height:1.7;margin:0}
@media (max-width: 768px) {
.title_wrapp{padding:100px 20px 80px}
.title_inner h1{font-size:36px}
.title_inner .subt{font-size:18px}
.info_sect{padding:70px 20px}
.info_grid{grid-template-columns:1fr;gap:28px}
.form_sect{padding:70px 20px}
.form_wrap h2{font-size:30px}
.contact_form{padding:32px 24px}
.form_row{grid-template-columns:1fr;gap:20px}
.location_sect{padding:70px 20px}
.location_containr h2{font-size:28px}
.addr_block{padding:32px 24px}
.faq_sect{padding:70px 20px}
.faq_inner h2{font-size:32px}
.faq_question{padding:22px 24px;font-size:17px}
.faq_answer{padding:0 24px}
.faq_item input:checked ~ .faq_answer{padding:0 24px 22px}
}
.success_wrap{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;background:linear-gradient(167deg,#0BC587 0%,#233E62 50%,#E3E3E3 100%);position:relative;overflow:hidden}
.success_wrap::before{content:'';position:absolute;top:-10%;left:-5%;width:40%;height:60%;background:#0bc58726;border-radius:50%;filter:blur(80px);animation:float_layer_one 8s ease-in-out infinite}
.success_wrap::after{content:'';position:absolute;bottom:-15%;right:-8%;width:50%;height:70%;background:#233e621f;border-radius:50%;filter:blur(100px);animation:float_layer_two 10s ease-in-out infinite}
@keyframes float_layer_one {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-40px) scale(1.1)}
}
@keyframes float_layer_two {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-40px,30px) scale(1.15)}
}
.success_content_box{background:#fffffff2;border-radius:24px;padding:3.5rem 2.5rem;max-width:680px;width:100%;box-shadow:0 8px 4px #00000026 0 16px 8px #0000001a;position:relative;z-index:2;text-align:center}
.success_icon_area{width:120px;height:120px;margin:0 auto 2rem;position:relative}
.success_icon_area svg{width:100%;height:100%;filter:drop-shadow(0 4px 2px #0000001a)}
.success_icon_area::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;background:radial-gradient(circle,#0bc58733 0%,transparent 70%);border-radius:50%;animation:pulse_glow 2s ease-in-out infinite}
@keyframes pulse_glow {
0%,100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}
50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}
}
.success_title_main{font-size:2.2rem;font-weight:700;color:#233E62;margin:0 0 1.25rem;line-height:1.2}
.success_subtitle_text{font-size:1.125rem;color:#4a5568;line-height:1.6;margin:0 0 2.5rem}
.success_qa_section{background:linear-gradient(135deg,#0bc58714 0%,#e3e3e31f 100%);border-radius:16px;padding:2rem 1.75rem;margin:0 0 2.5rem;text-align:left}
.success_question{font-size:1.125rem;font-weight:600;color:#233E62;margin:0 0 .875rem;position:relative;padding-left:1.75rem}
.success_question::before{content:'';position:absolute;left:0;top:.25rem;width:1rem;height:1rem;background:#0BC587;border-radius:50%}
.success_answer{font-size:1rem;color:#4a5568;line-height:1.65;margin:0;padding-left:1.75rem}
.success_action_zone{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.success_btn_primary{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0BC587 0%,#08a372 100%);color:#fff;font-size:1rem;font-weight:600;padding:.875rem 2rem;border-radius:20px;text-decoration:none;box-shadow:0 4px 2px #0bc5874d;transition:all .5s ease;z-index:10;position:relative}
.success_btn_primary:hover{background:linear-gradient(135deg,#08a372 0%,#0BC587 100%);box-shadow:0 6px 3px #0bc58766;transform:translateY(-2px)}
.success_btn_secondary{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#233E62;font-size:1rem;font-weight:600;padding:.875rem 2rem;border:2px solid #233E62;border-radius:20px;text-decoration:none;transition:all .5s ease;z-index:10;position:relative}
.success_btn_secondary:hover{background:#233E62;color:#fff;box-shadow:0 4px 2px #233e6240;transform:translateY(-2px)}
.success_decorative_line{width:80px;height:4px;background:linear-gradient(90deg,#0BC587 0%,#233E62 100%);margin:0 auto 1.5rem;border-radius:16px}
@media (max-width: 768px) {
.success_wrap{padding:2rem 1rem;min-height:70vh}
.success_content_box{padding:2.5rem 1.75rem}
.success_title_main{font-size:1.75rem}
.success_subtitle_text{font-size:1rem}
.success_icon_area{width:100px;height:100px}
.success_action_zone{flex-direction:column}
.success_btn_primary,.success_btn_secondary{width:100%}
}
@media (max-width: 480px) {
.success_title_main{font-size:1.5rem}
.success_qa_section{padding:1.5rem 1.25rem}
.success_question{font-size:1rem}
.success_answer{font-size:.9375rem}
}