/* Shared visual treatment for every page below the main portfolio. */
.about-hero,.product-hero,.doc-page{background:#f5f5f7}
.about-hero{padding-top:calc(var(--header-height) + clamp(80px,10vw,140px));padding-bottom:clamp(90px,10vw,150px);border:0}
.about-hero>.hero-badge,.about-hero>.hero-title,.about-hero>.hero-subtitle{display:block;margin-left:auto;margin-right:auto;text-align:center}
.about-hero>.hero-title{max-width:1000px}.about-hero>.hero-subtitle{max-width:720px}
.about-grid{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:24px;margin-top:clamp(60px,8vw,110px)}
.bio-card{position:sticky;top:calc(var(--header-height) + 26px);padding:38px;background:#101c2c!important;color:#fff;border:0!important;border-radius:24px!important}
.bio-card .bio-avatar-placeholder{width:72px;height:72px;background:#fff!important;color:#101c2c!important;border-radius:50%!important}
.bio-card p,.bio-card span{color:#c8d4e5!important}.bio-card a{color:#8cc8ff!important}
.about-content{padding:clamp(34px,5vw,68px);background:#fff;border-radius:24px}
.about-content h2{font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.1;letter-spacing:-.04em}.about-content p{color:#515154;font-size:1.05rem;line-height:1.85}
.philosophy-grid{gap:12px}.philosophy-grid .feature-card{background:#f5f5f7;border-radius:18px}.philosophy-grid .feature-icon{margin-bottom:22px}

.product-hero{padding-top:calc(var(--header-height) + clamp(70px,9vw,125px));padding-bottom:100px}
.product-hero-grid{grid-template-columns:1fr;gap:70px;text-align:center}.product-hero-grid>div:first-child{max-width:920px;margin:auto}.app-brand-badge{margin-left:auto;margin-right:auto;background:#fff!important;border:0!important;border-radius:999px!important;padding:6px 14px 6px 7px!important;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.product-hero .hero-title{max-width:920px;margin-left:auto;margin-right:auto;font-size:clamp(3.5rem,7vw,7.5rem)}.product-hero .hero-subtitle{max-width:720px;margin-left:auto;margin-right:auto}.product-hero .hero-subtitle+div{justify-content:center!important}
.hero-phone-container{min-height:650px}.phone-mockup{width:300px;height:610px;border-radius:50px;box-shadow:0 35px 80px rgba(0,0,0,.22)!important}.phone-display{border-radius:42px}
.stats-bar{margin:0!important;padding:42px 0!important;background:#fff!important;border-color:#ddd!important}.stats-grid{gap:0}.stat-item{padding:10px 22px;border-right:1px solid #ddd}.stat-item:last-child{border-right:0}.stat-item h3{color:#6e6e73}.stat-item p{color:#1d1d1f;font-size:1.08rem}
.interactive-showcase{padding-top:clamp(90px,10vw,145px)!important;padding-bottom:clamp(100px,11vw,160px)!important}.interactive-showcase h2{letter-spacing:-.04em}.tab-navigation{border:0!important;justify-content:center;gap:8px!important}.app-view-button{min-height:48px;border:0!important;border-radius:999px!important;background:#e8e8ed!important;padding:12px 18px!important}.app-view-button.active{background:#1d1d1f!important;color:#fff!important}.app-view-button.active span{color:#fff!important}
.interactive-showcase>.grid-3{margin-top:40px;gap:12px;background:transparent;border:0}.interactive-showcase .feature-card{padding:36px;background:#fff;border-radius:22px}.interactive-showcase .feature-icon{margin-bottom:26px}.tech-stack-card{margin-top:28px!important;padding:clamp(32px,5vw,64px)!important;background:#fff!important;border:0!important;border-radius:24px!important}.tech-stack-card .grid-2{gap:55px;background:transparent;border:0}.tech-stack-card .grid-2>div:last-child{background:#f5f5f7!important;border:0!important;border-radius:18px!important}

.doc-page{padding-top:calc(var(--header-height) + clamp(70px,9vw,120px));padding-bottom:clamp(100px,10vw,150px)}
.doc-header{max-width:980px;margin:0 auto 65px;padding-bottom:45px;text-align:center;border-bottom:1px solid #d2d2d7}.doc-header .hero-title{margin-left:auto;margin-right:auto}.doc-header>p{color:#515154!important}
.doc-layout{grid-template-columns:220px minmax(0,850px);justify-content:center;gap:60px}.doc-sidebar{top:calc(var(--header-height) + 28px)}.doc-toc a{padding:11px 0;color:#6e6e73}.doc-content{padding:clamp(32px,5vw,66px);background:#fff;border-radius:24px}.doc-content h2{font-size:clamp(1.6rem,2.4vw,2.15rem);letter-spacing:-.025em}.doc-content p,.doc-content li{color:#515154}.accordion{border-top:1px solid #d2d2d7}.accordion-item{border-color:#d2d2d7}.accordion-header{font-size:1.05rem}.accordion-body{color:#515154}
.doc-page .accordion+div,.doc-page [style*="background: var(--bg-card)"]{background:#fff!important;border:0!important;border-radius:24px!important}

/* English homepage uses the same calm, product-first rhythm. */
.index-hero{min-height:calc(100svh - var(--header-height));padding-top:calc(var(--header-height) + 90px)!important;text-align:center}.index-hero .hero-badge{margin-left:auto;margin-right:auto}.index-hero .hero-headline{font-size:clamp(3.5rem,8vw,8rem);line-height:1;letter-spacing:-.065em}.index-hero .hero-headline span{display:inline}.index-hero .hero-headline span+span:before{content:' '}.index-hero .hero-subtitle{margin-left:auto;margin-right:auto}.index-hero .hero-meta{justify-content:center}.dual-showcase .showcase-card{border-radius:24px!important;box-shadow:none!important}.product-highlight{background:#fff!important}

@media(max-width:1050px){.about-grid{grid-template-columns:1fr}.bio-card{position:static}.doc-layout{grid-template-columns:1fr}.doc-sidebar{display:none}.product-hero-grid{grid-template-columns:1fr!important}}
@media(max-width:760px){.about-hero,.product-hero,.doc-page{padding-top:calc(var(--header-height) + 55px)!important}.about-grid{gap:16px}.about-content,.bio-card,.doc-content{padding:28px 22px;border-radius:18px!important}.philosophy-grid{grid-template-columns:1fr!important}.product-hero .hero-title{font-size:clamp(3rem,14vw,4.8rem)}.hero-phone-container{min-height:570px}.stats-grid{grid-template-columns:1fr 1fr!important}.stat-item{border-right:0;border-bottom:1px solid #ddd}.tab-navigation{grid-template-columns:1fr!important}.app-view-button{justify-content:center}.tech-stack-card .grid-2{grid-template-columns:1fr}.doc-header{margin-bottom:42px}.doc-content{border-radius:18px}.index-hero .hero-headline span{display:block}.index-hero .hero-headline span+span:before{content:none}}
@media(max-width:480px){.stats-grid{grid-template-columns:1fr!important}.hero-phone-container{min-height:520px}.phone-mockup{width:min(268px,84vw)!important}.interactive-showcase .feature-card{padding:28px 22px}.doc-page{padding-bottom:80px}}