.hero-split-modern{min-height:100vh;display:flex;align-items:center;background-color:var(--bg-pure-white);padding-top:108px;padding-bottom:60px;overflow:hidden;border-bottom:rgba(0,0,0,.08) solid 1px}.hero-split-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;width:100%}.hero-split-content{max-width:650px}.hero-kicker{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;color:var(--text-dark-muted)}.hero-title-split{color:var(--text-dark-main);font-size:clamp(40px,4.5vw,64px);line-height:1.1;letter-spacing:-1px;margin-bottom:20px}.hero-subtitle-split{font-size:clamp(22px,2.5vw,32px);font-weight:400;margin-bottom:12px;min-height:90px}.dynamic-word{font-weight:700;padding-bottom:2px;white-space:nowrap}.type-cursor{font-weight:300;color:var(--accent-brand);animation:blink 1s infinite;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-description-split{font-size:18px;line-height:1.6;margin-bottom:40px;max-width:550px}.hero-actions-split{display:flex;align-items:center;gap:24px}.hero-trust{font-size:13px;display:flex;align-items:center}.hero-split-visual{width:100%;display:flex;justify-content:flex-end}.visual-frame{position:relative;width:100%;max-width:480px;aspect-ratio:4/5;border-radius:24px;overflow:hidden;box-shadow:0 32px 64px #00000014;background-color:var(--bg-soft-gray)}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.05);transition:opacity 1s ease,transform 4s ease-out}.hero-slide.active{opacity:1;transform:scale(1)}.visual-overlay{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 0 1px #0000000d;border-radius:24px;z-index:2;pointer-events:none}@media(max-width:1000px){.hero-split-grid{grid-template-columns:1fr;gap:48px;text-align:center}.hero-split-content{margin:0 auto;display:flex;flex-direction:column;align-items:center}.hero-actions-split{flex-direction:column}.ml-24{margin-left:0}.hero-split-visual{justify-content:center}.visual-frame{max-width:100%;aspect-ratio:16/10}}.light-canvas{background-color:var(--bg-pure-white);color:var(--text-dark-main);position:relative;z-index:20}.section-label-block{text-align:center;margin-bottom:80px}.section-kicker{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px}.section-label-block h2{font-size:clamp(36px,4vw,56px);margin:0}.section-philosophy{padding-top:120px;padding-bottom:80px;max-width:1200px;margin:0 auto}.philosophy-title{font-size:clamp(28px,3vw,42px);line-height:1.4;font-weight:500}.section-expertise{padding-top:80px;padding-bottom:160px}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.competency-card{background-color:var(--bg-soft-gray);padding:48px 40px;border-radius:24px;display:flex;flex-direction:column;transition:all var(--transition-smooth);border:1px solid transparent}.competency-card:hover{transform:translateY(-8px);background-color:var(--bg-pure-white);box-shadow:0 20px 40px #0000000a;border-color:var(--accent-line-dark)}.highlight-blue{background-color:#0071e308;border:1px solid rgba(0,113,227,.1)}.highlight-blue:hover{border-color:#0071e34d;box-shadow:0 20px 40px #0071e30f}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.card-num{font-family:var(--font-heading);font-size:16px;font-weight:700}.card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-dark-main);background-color:var(--bg-pure-white);border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:transform var(--transition-fast)}.competency-card:hover .card-icon{transform:scale(1.1)}.card-icon svg{width:20px;height:20px}.competency-card h3{font-size:26px;margin-bottom:16px;line-height:1.2;color:var(--text-dark-main);letter-spacing:-.5px}.card-description{font-size:16px;color:var(--text-dark-muted);line-height:1.6;margin-bottom:48px;flex-grow:1}.tech-stack-row{display:flex;flex-wrap:wrap;gap:8px}.tech-stack-row span{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-dark-main);border:1px solid var(--accent-line-dark);padding:8px 16px;border-radius:100px;background-color:var(--bg-pure-white);transition:all var(--transition-fast)}.competency-card:hover .tech-stack-row span{border-color:#0003}.section-work{padding-bottom:160px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.work-card-case{text-decoration:none;display:block;transition:transform var(--transition-smooth)}.work-card-case:hover{transform:translateY(-8px)}.work-visual{width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:20px;margin-bottom:32px;background-color:var(--bg-soft-gray)}.work-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}.work-card-case:hover .work-visual img{transform:scale(1.03)}.work-meta{padding-top:8px}.work-meta h3{font-size:24px;margin-bottom:8px;color:var(--text-dark-main)}.work-subtitle{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent-brand);margin-bottom:16px}.work-description{font-size:16px;line-height:1.6;color:var(--text-dark-muted);margin-bottom:24px}.work-tags{margin-top:auto}.work-tags span{font-size:11px;padding:6px 12px}.view-all-wrapper{display:flex;justify-content:center;margin-top:64px}.section-pricing{max-width:1280px;margin:0 auto;padding-bottom:120px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:64px}.pricing-card{background-color:var(--bg-pure-white);border:1px solid var(--accent-line-dark);border-radius:24px;padding:48px 40px;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px #0000000d}.pricing-card.highlight-blue{border:2px solid var(--accent-brand);box-shadow:0 12px 32px #0071e31a}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background-color:var(--accent-brand);color:var(--text-light-main);font-size:11px;font-weight:700;letter-spacing:1px;padding:6px 16px;border-radius:100px}.package-name{font-size:24px;margin-bottom:16px}.price-block{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--accent-line-dark)}.price-label{font-size:13px;color:var(--text-dark-muted);font-weight:600;text-transform:uppercase;letter-spacing:1px}.price-amount{font-size:48px;font-weight:700;font-family:var(--font-heading);letter-spacing:-1px;margin-top:4px}.package-desc{font-size:15px;color:var(--text-dark-muted);line-height:1.5;margin-bottom:32px;min-height:45px}.card-divider{border:0;height:1px;background-color:var(--accent-line-dark);margin-bottom:24px}.package-features{list-style:none;padding:0;margin:0}.package-features li{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--text-dark-main);margin-bottom:16px}.package-features svg{width:18px;height:18px;color:var(--accent-brand);flex-shrink:0}.seo-upsell-block{background-color:var(--bg-soft-gray);padding:48px;border-radius:24px;text-align:center}.seo-upsell-content h3{font-size:24px;margin-bottom:16px;color:var(--text-dark-main)}.seo-upsell-content p{font-size:16px;color:var(--text-dark-muted);max-width:600px;margin:0 auto 24px;line-height:1.6}.section-google-reviews{padding-bottom:160px}.reviews-carousel-container{display:flex;align-items:center;justify-content:center;gap:24px;max-width:850px;margin:0 auto}.reviews-slider-wrapper{max-width:650px;margin:0 auto;overflow:hidden;position:relative;flex-grow:1}.reviews-track{display:flex;transition:transform .6s cubic-bezier(.25,1,.5,1);width:100%}.google-review-card{min-width:100%;background-color:var(--bg-pure-white);border:1px solid var(--accent-line-dark);border-radius:16px;padding:40px;box-shadow:0 4px 24px #0000000a;box-sizing:border-box}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.reviewer-info{display:flex;align-items:center;gap:16px}.reviewer-avatar{width:48px;height:48px;border-radius:50%;background-color:var(--text-dark-main);color:var(--text-light-main);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:20px;font-weight:700}.reviewer-details{display:flex;flex-direction:column;gap:4px}.reviewer-name{font-size:16px;font-weight:600;color:var(--text-dark-main)}.review-stars{color:#fbbc04;font-size:18px;letter-spacing:2px}.review-text{font-size:18px;line-height:1.6;color:var(--text-dark-muted)}.slider-arrow{width:48px;height:48px;border-radius:50%;background-color:var(--bg-pure-white);border:1px solid var(--accent-line-dark);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dark-main);box-shadow:0 4px 12px #0000000d;transition:all var(--transition-fast);flex-shrink:0}.slider-arrow svg{width:24px;height:24px;stroke:currentColor}.slider-arrow:hover{border-color:var(--accent-brand);color:var(--accent-brand);transform:scale(1.05);box-shadow:0 6px 16px #0071e326}.review-ctas{display:flex;justify-content:center;align-items:center;gap:32px;margin-top:48px}.section-about{padding-top:120px;padding-bottom:120px;border-top:1px solid var(--accent-line-dark)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-visual{width:100%;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background-color:var(--bg-soft-gray)}.profile-img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.1);transition:filter var(--transition-smooth)}.profile-img:hover{filter:grayscale(0%)}.about-header{margin-bottom:40px}.about-title{font-size:clamp(32px,4vw,48px);margin:0}.about-text p{font-size:18px;color:var(--text-dark-muted);line-height:1.6;margin-bottom:24px}.section-faq{padding-bottom:120px;max-width:1200px;margin:0 auto}.faq-container{border-top:1px solid var(--accent-line-dark)}.faq-item{border-bottom:1px solid var(--accent-line-dark)}.faq-question{width:100%;text-align:left;background:none;border:none;padding:32px 0;display:flex;justify-content:space-between;align-items:center;font-size:20px;font-weight:500;color:var(--text-dark-main);cursor:pointer;transition:color var(--transition-fast)}.faq-question:hover{color:var(--accent-brand)}.faq-icon{width:24px;height:24px;color:var(--text-dark-muted);transition:transform .4s cubic-bezier(.16,1,.3,1)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.16,1,.3,1),padding-bottom .4s ease}.faq-answer p{font-size:16px;line-height:1.6;color:var(--text-dark-muted);padding-bottom:0;padding-right:48px;margin:0}.faq-item.active .faq-icon{transform:rotate(45deg);color:var(--accent-brand)}.faq-item.active .faq-answer{padding-bottom:32px}.section-final-cta{padding-bottom:120px}.final-cta-content{text-align:center;background-color:var(--bg-soft-gray);padding:80px 40px;border-radius:24px}.final-cta-title{font-size:clamp(32px,4vw,48px);margin-bottom:16px}.final-cta-text{font-size:18px;color:var(--text-dark-muted);margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.centered,.text-center{text-align:center}.mb-64{margin-bottom:64px}.ml-24{margin-left:24px}.icon-inline{vertical-align:middle;margin-right:6px}.brand-bg{background-color:var(--accent-brand);color:var(--text-light-main)}.scroll-fade-up{opacity:0;transform:translateY(40px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.scroll-fade-up.is-visible{opacity:1;transform:translateY(0)}.delay-0{transition-delay:0ms}.delay-100{transition-delay:.1s}.delay-150{transition-delay:.15s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-450{transition-delay:.45s}@media(max-width:1000px){.about-grid,.work-grid{grid-template-columns:1fr;gap:48px}.about-grid{display:flex;flex-direction:column-reverse}.bento-grid,.pricing-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.section-philosophy,.section-about,.section-faq,.section-final-cta{padding-top:80px;padding-bottom:80px}.section-expertise,.section-work,.section-google-reviews,.section-pricing{padding-bottom:80px}.section-label-block{margin-bottom:48px}.reviews-carousel-container{gap:12px}.slider-arrow{width:40px;height:40px}.review-ctas{flex-direction:column;gap:24px;margin-top:32px}}
