/* ========================================================================== Theme Sections & Blocks ========================================================================== */ /* -- Header — Sticky Standard -- */ .hdr-trans{position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:1rem 0}.hdr-trans-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 1.5rem}.hdr-trans-logo{font-family:var(--font-secondary);font-weight:800;font-size:1.3rem;color:var(--color-text);text-decoration:none}.hdr-trans-nav{display:flex;gap:2rem;align-items:center}.hdr-trans-link{color:var(--color-text-muted);text-decoration:none;font-size:.9rem;font-weight:600;transition:color .2s;letter-spacing:.02em}.hdr-trans-link:hover{color:var(--color-primary)}.hdr-trans-right{display:flex;align-items:center;gap:1.25rem}.hdr-trans-phone{color:var(--color-text-muted);text-decoration:none;font-size:.85rem;font-weight:500;transition:color .2s}.hdr-trans-phone:hover{color:var(--color-text)}.burger-toggle{display:none;background:none;border:none;cursor:pointer;padding:4px;position:relative;z-index:1000}.burger-toggle span{display:block;width:24px;height:2px;background:var(--color-text);margin:5px 0;transition:.3s}@media(max-width:768px){.hdr-trans-nav{position:fixed;top:0;right:-100%;width:80vw;height:100vh;background:var(--color-surface);flex-direction:column;padding:6rem 2rem 2rem;gap:1.25rem;transition:right .3s;box-shadow:-4px 0 24px rgba(0,0,0,.15);z-index:999}body.nav-open .hdr-trans-nav{right:0}.hdr-trans-nav a{color:var(--color-text)!important;font-size:1.1rem}.burger-toggle{display:block}.hdr-trans-phone{display:none}} /* -- Hero — Creative Arch -- */ .harch-sec{padding:calc(var(--section-py)*1.5) 0;background:var(--color-surface)}.harch-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.harch-content{padding-right:2rem}.harch-title{font-family:var(--font-secondary);font-size:clamp(3rem,6vw,4.5rem);font-weight:900;color:var(--color-text);line-height:1;letter-spacing:-.03em;margin-bottom:1.5rem}.harch-desc{color:var(--color-text-muted);font-size:1.15rem;line-height:1.6;margin-bottom:2.5rem;max-width:400px}.harch-btn{display:inline-block;background:var(--color-text);color:var(--color-bg);padding:1.1rem 2.5rem;border-radius:100px;font-weight:700;text-decoration:none;font-size:1.05rem;transition:transform .2s,background .2s}.harch-btn:hover{background:var(--color-primary);transform:translateY(-2px)}.harch-visual{position:relative;display:flex;justify-content:flex-end}.harch-img-box{width:100%;max-width:400px;aspect-ratio:3/4;border-radius:200px 200px 0 0;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.1)}.harch-img-box img{width:100%;height:100%;object-fit:cover}.harch-float{position:absolute;top:2rem;left:-2rem;font-size:4rem;color:var(--color-primary);animation:spin 10s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@media(max-width:900px){.harch-inner{grid-template-columns:1fr;text-align:center}.harch-content{padding-right:0;display:flex;flex-direction:column;align-items:center}.harch-visual{justify-content:center}.harch-float{display:none}} /* -- Features — Numbered Cards -- */ .feat{padding:var(--section-py) 0;background:var(--color-surface)}.feat .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.feat-top{text-align:center;max-width:600px;margin:0 auto 3rem}.section-label{color:var(--color-primary);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;display:block;margin-bottom:.5rem}.feat-top h2{font-family:var(--font-secondary);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;color:var(--color-text);margin-bottom:.75rem}.feat-top p{color:var(--color-text-muted);line-height:1.6}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);counter-reset:feat-counter}.feat-card{background:var(--color-bg);padding:2.5rem 2rem;border-radius:var(--radius);border:1px solid var(--color-border);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;counter-increment:feat-counter}.feat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feat-step{font-family:var(--font-secondary);font-size:3.5rem;font-weight:900;color:var(--color-primary);opacity:0.1;position:absolute;top:-5px;right:15px;line-height:1;user-select:none}.feat-step::before{content:"0" counter(feat-counter)}.feat-card h3{font-family:var(--font-secondary);font-weight:700;font-size:1.2rem;margin-bottom:.75rem;color:var(--color-text);position:relative;z-index:2}.feat-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.6;position:relative;z-index:2}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:.6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.feat-grid{grid-template-columns:1fr}} /* -- Contact — Centered Focus -- */ .ccenter-sec{padding:var(--section-py) 0;background:var(--color-surface)}.ccenter-inner{max-width:680px;margin:0 auto;padding:0 1.5rem}.ccenter-head{text-align:center;margin-bottom:2.5rem}.ccenter-head h2{font-family:var(--font-secondary);font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;color:var(--color-text);margin-bottom:.75rem}.ccenter-head p{color:var(--color-text-muted);font-size:1.05rem;line-height:1.6}.ccenter-form{background:var(--color-bg);padding:3rem 2.5rem;border-radius:calc(var(--radius)*1.5);border:1px solid var(--color-border);box-shadow:0 4px 20px rgba(0,0,0,.03)}.ccenter-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem}.ccenter-full{grid-column:1 / -1}.ccenter-form input,.ccenter-form textarea{width:100%;padding:.9rem 1.25rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font-family:var(--font-primary);font-size:.95rem;transition:border-color .2s,background .2s}.ccenter-form input:focus,.ccenter-form textarea:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg)}.ccenter-submit{width:100%;background:var(--color-text);color:var(--color-bg);border:none;padding:1rem;border-radius:var(--radius);font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s}.ccenter-submit:hover{background:var(--color-primary)}.ccenter-meta{text-align:center;margin-top:1.5rem;font-size:.85rem;color:var(--color-text-muted)}.ccenter-meta a{color:var(--color-text);font-weight:600;text-decoration:none}.ccenter-meta a:hover{text-decoration:underline}@media(max-width:600px){.ccenter-grid{grid-template-columns:1fr}.ccenter-form{padding:2rem 1.5rem}} /* -- Testimonials — 2 Columns Minimal -- */ .tcol-sec{padding:var(--section-py) 0;background:var(--color-bg)}.tcol-inner{max-width:1100px;margin:0 auto;padding:0 1.5rem}.tcol-head{margin-bottom:4rem;border-bottom:2px solid var(--color-text);padding-bottom:1.5rem}.tcol-head h2{font-family:var(--font-secondary);font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--color-text);margin:0;letter-spacing:-.03em}.tcol-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem 6rem}.tcol-item{display:flex;flex-direction:column}.tcol-text{font-size:1.25rem;line-height:1.6;color:var(--color-text);margin-bottom:2rem;font-weight:500;flex:1}.tcol-author{display:flex;align-items:center;gap:1.25rem}.tcol-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;background:var(--color-surface)}.tcol-avatar img{width:100%;height:100%;object-fit:cover}.tcol-info strong{display:block;color:var(--color-text);font-size:1rem;font-weight:700}.tcol-info span{display:block;color:var(--color-text-muted);font-size:.9rem;margin-top:.1rem}@media(max-width:768px){.tcol-grid{grid-template-columns:1fr;gap:4rem}.tcol-item{border-bottom:1px solid var(--color-border);padding-bottom:3rem}.tcol-item:last-child{border-bottom:none;padding-bottom:0}} /* -- Footer — Dark Premium -- */ .ft-drk{background:var(--color-text);color:#fff;padding:6rem 0 2rem}.ft-drk-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem}.ft-drk-top{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:4rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:4rem}.ft-drk-headline{font-family:var(--font-secondary);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;line-height:1;margin:0;letter-spacing:-.03em}.ft-drk-email{display:inline-block;font-size:1.2rem;font-weight:600;color:#fff;text-decoration:none;border-bottom:2px solid var(--color-primary);padding-bottom:.2rem;transition:opacity .2s}.ft-drk-email:hover{opacity:.8}.ft-drk-nav{display:flex;gap:4rem;flex-wrap:wrap}.ft-drk-col h4{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.4);margin-bottom:1.5rem}.ft-drk-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.ft-drk-col a{color:#fff;text-decoration:none;font-size:1.05rem;transition:color .2s}.ft-drk-col a:hover{color:var(--color-primary)}.ft-drk-bot{margin-top:5rem;display:flex;justify-content:space-between;align-items:center;color:rgba(255,255,255,.4);font-size:.85rem}@media(max-width:768px){.ft-drk-top{flex-direction:column;align-items:flex-start;gap:2rem}.ft-drk-nav{gap:3rem;flex-direction:column}.ft-drk-bot{flex-direction:column;gap:1rem;align-items:flex-start}} /* -- About — Timeline + Team Cards -- */ .ab-tl{padding:var(--section-py) 0;background:var(--color-bg)}.ab-tl .container{max-width:900px;margin:0 auto;padding:0 1.5rem}.ab-tl-intro{margin-bottom:var(--section-py)}.ab-tl-intro h1{font-family:var(--font-secondary);font-size:clamp(2rem,4.5vw,3rem);font-weight:800;color:var(--color-text);line-height:1.15;margin-bottom:1rem;max-width:600px}.ab-tl-lead{font-size:1.05rem;color:var(--color-text-muted);line-height:1.7;max-width:600px}.ab-tl-timeline{margin-bottom:var(--section-py);padding-top:var(--section-py);border-top:1px solid var(--color-border)}.ab-tl-timeline h2{font-family:var(--font-secondary);font-size:1.4rem;font-weight:700;color:var(--color-text);margin-bottom:2.5rem}.ab-tl-items{position:relative;padding-left:2rem}.ab-tl-items::before{content:'';position:absolute;left:6px;top:0;bottom:0;width:1px;background:var(--color-border)}.ab-tl-item{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:2rem;position:relative}.ab-tl-year{flex-shrink:0;width:48px;font-family:var(--font-secondary);font-size:.82rem;font-weight:700;color:var(--color-primary);padding-top:.1rem}.ab-tl-dot{position:absolute;left:-2rem;top:.35rem;width:13px;height:13px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-primary);z-index:1}.ab-tl-desc strong{display:block;font-family:var(--font-secondary);font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.ab-tl-desc p{color:var(--color-text-muted);font-size:.9rem;line-height:1.6;margin:0}.ab-tl-team{padding-top:var(--section-py);border-top:1px solid var(--color-border)}.ab-tl-team h2{font-family:var(--font-secondary);font-size:1.4rem;font-weight:700;color:var(--color-text);margin-bottom:2rem}.ab-tl-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.ab-tl-person{text-decoration:none;color:inherit;display:block;transition:transform .2s}.ab-tl-person:hover{transform:translateY(-3px)}.ab-tl-person img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius);margin-bottom:.75rem}.ab-tl-person h3{font-family:var(--font-secondary);font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:.15rem}.ab-tl-person span{font-size:.82rem;color:var(--color-text-muted)}@media(max-width:768px){.ab-tl-team-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.ab-tl-team-grid{grid-template-columns:1fr}} /* -- About — Timeline + Team Cards (Inner Pages) -- */ .tp-detail{padding-bottom:5rem}.tp-detail-header{background:var(--color-surface);padding:5rem 0;border-bottom:1px solid var(--color-border)}.tp-detail-grid{max-width:900px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:280px 1fr;gap:3.5rem;align-items:center}.tp-detail-photo img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius)}.tp-detail-role{display:block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary);margin-bottom:.5rem}.tp-detail-info h1{font-family:var(--font-secondary);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:var(--color-text);line-height:1.1;margin-bottom:1.25rem}.tp-detail-line{width:40px;height:3px;background:var(--color-primary);border-radius:3px;margin-bottom:1.25rem}.tp-detail-email{display:inline-block;color:var(--color-text);font-weight:600;font-size:.9rem;text-decoration:none;border-bottom:1px solid var(--color-border);padding-bottom:2px;transition:.2s}.tp-detail-email:hover{color:var(--color-primary);border-color:var(--color-primary)}.tp-detail-body{max-width:700px;margin:0 auto;padding:4rem 1.5rem 0}.tp-detail-body h2{font-family:var(--font-secondary);font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:1.5rem}.tp-detail-content{font-size:1.05rem;line-height:1.8;color:var(--color-text-muted)}.tp-detail-content p{margin-bottom:1.5rem}.tp-detail-back{display:inline-block;margin-top:2.5rem;color:var(--color-text-muted);font-weight:600;font-size:.9rem;text-decoration:none;transition:color .2s}.tp-detail-back:hover{color:var(--color-primary)}@media(max-width:768px){.tp-detail-grid{grid-template-columns:1fr;text-align:center}.tp-detail-photo{max-width:240px;margin:0 auto}.tp-detail-line{margin-left:auto;margin-right:auto}} /* -- CTA — Product Mockup Focus -- */ .cta-mock{padding:var(--section-py) 0;background:var(--color-surface)}.cta-mock-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.cta-mock-title{font-family:var(--font-secondary);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:800;color:var(--color-text);line-height:1.15;margin-bottom:1rem}.cta-mock-desc{color:var(--color-text-muted);font-size:1.05rem;line-height:1.6;margin-bottom:1.5rem}.cta-mock-list{list-style:none;padding:0;margin:0 0 2rem 0;display:flex;flex-direction:column;gap:.75rem}.cta-mock-list li{position:relative;padding-left:1.5rem;color:var(--color-text);font-weight:500}.cta-mock-list li::before{content:'';position:absolute;left:0;top:.35rem;width:6px;height:10px;border:solid var(--color-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}.cta-mock-btn{display:inline-flex;background:var(--color-primary);color:#fff;padding:.9rem 2.2rem;border-radius:var(--radius);font-weight:700;font-size:1rem;text-decoration:none;transition:background .2s,transform .2s;box-shadow:0 8px 16px rgba(37,99,235,.15)}.cta-mock-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.cta-mock-img img{width:100%;height:auto;border-radius:calc(var(--radius)*1.5);box-shadow:0 12px 32px rgba(0,0,0,.08);display:block}@media(max-width:900px){.cta-mock-inner{grid-template-columns:1fr;gap:3rem}.cta-mock-img{order:-1}} /* -- Pricing — Two Column Highlight -- */ .ptc-sec{padding:var(--section-py) 0;background:var(--color-surface)}.ptc-inner{max-width:900px;margin:0 auto;padding:0 1.5rem}.ptc-head{text-align:center;max-width:560px;margin:0 auto 3.5rem}.ptc-head h2{font-family:var(--font-secondary);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;color:var(--color-text);line-height:1.2;margin-bottom:.75rem}.ptc-head p{color:var(--color-text-muted);font-size:1.05rem;line-height:1.6}.ptc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.ptc-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:calc(var(--radius)*1.5);padding:3rem 2.5rem;display:flex;flex-direction:column;transition:transform .3s}.ptc-card:hover{transform:translateY(-3px)}.ptc-accent{background:var(--color-primary);border-color:var(--color-primary)}.ptc-accent .ptc-card-top h3,.ptc-accent .ptc-amount{color:#fff}.ptc-accent .ptc-desc,.ptc-accent .ptc-period{color:rgba(255,255,255,.7)}.ptc-accent .ptc-features li{color:rgba(255,255,255,.8)}.ptc-accent .ptc-features li::before{border-color:#fff}.ptc-card-top h3{font-family:var(--font-secondary);font-size:1.15rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.ptc-desc{font-size:.88rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:1.5rem}.ptc-price{display:flex;align-items:baseline;gap:.3rem;margin-bottom:1.75rem}.ptc-amount{font-family:var(--font-secondary);font-size:3rem;font-weight:900;color:var(--color-text);line-height:1;letter-spacing:-.03em}.ptc-period{font-size:.85rem;color:var(--color-text-muted)}.ptc-features{list-style:none;padding:0;margin:0 0 2.5rem;display:flex;flex-direction:column;gap:.7rem;flex:1;padding-top:1.75rem;border-top:1px solid var(--color-border)}.ptc-accent .ptc-features{border-color:rgba(255,255,255,.15)}.ptc-features li{position:relative;padding-left:1.4rem;font-size:.9rem;color:var(--color-text-muted);line-height:1.4}.ptc-features li::before{content:'';position:absolute;left:0;top:.3rem;width:5px;height:9px;border:solid var(--color-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}.ptc-btn{display:block;text-align:center;padding:.95rem;border-radius:var(--radius);font-weight:700;font-size:.95rem;text-decoration:none;transition:.2s;margin-top:auto;background:var(--color-text);color:var(--color-bg)}.ptc-btn:hover{background:var(--color-primary)}.ptc-accent .ptc-btn{background:#fff;color:var(--color-primary)}.ptc-accent .ptc-btn:hover{background:var(--color-bg)}@media(max-width:700px){.ptc-grid{grid-template-columns:1fr}.ptc-card{padding:2.5rem 2rem}} /* -- CTA — Trust Guarantee -- */ .cta-tru{padding:var(--section-py) 0;background:var(--color-surface)}.cta-tru-inner{max-width:700px;margin:0 auto;padding:0 1.5rem;text-align:center}.cta-tru-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.cta-tru-icon svg{width:32px;height:32px}.cta-tru-title{font-family:var(--font-secondary);font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;color:var(--color-text);margin-bottom:1rem}.cta-tru-desc{color:var(--color-text-muted);font-size:1.05rem;line-height:1.6;margin-bottom:2.5rem}.cta-tru-action{display:flex;flex-direction:column;align-items:center;gap:1rem}.cta-tru-btn{background:var(--color-primary);color:#fff;padding:1rem 2.5rem;border-radius:var(--radius);font-weight:700;font-size:1rem;text-decoration:none;transition:background .2s,box-shadow .2s;box-shadow:0 8px 20px rgba(37,99,235,.15)}.cta-tru-btn:hover{background:var(--color-primary-dark);box-shadow:0 4px 10px rgba(37,99,235,.1)}.cta-tru-note{font-size:.85rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.4rem}.cta-tru-note::before{content:'';display:inline-block;width:12px;height:12px;background:url('data:image/svg+xml;utf8,') no-repeat center;background-size:contain} /* -- FAQ — Split Layout -- */ .faq-spt{padding:var(--section-py) 0;background:var(--color-surface)}.faq-spt-inner{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;align-items:start}.faq-spt-tag{display:block;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);margin-bottom:1rem}.faq-spt-info h2{font-family:var(--font-secondary);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;color:var(--color-text);margin-bottom:1.25rem;line-height:1.2}.faq-spt-info p{color:var(--color-text-muted);font-size:1.1rem;line-height:1.6}.faq-spt-list{display:flex;flex-direction:column;border-top:1px solid var(--color-border)}.faq-item{border-bottom:1px solid var(--color-border)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0;background:transparent;border:none;color:var(--color-text);font-family:var(--font-primary);font-size:1.1rem;font-weight:600;text-align:left;cursor:pointer;transition:color .2s}.faq-question:hover{color:var(--color-primary)}.faq-icon{width:20px;height:20px;flex-shrink:0;transition:transform .3s ease}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{display:none}.faq-item.active .faq-answer{display:block}.faq-answer-inner{padding-bottom:1.5rem;color:var(--color-text-muted);font-size:1rem;line-height:1.6}@media(max-width:900px){.faq-spt-inner{grid-template-columns:1fr;gap:3rem}} /* -- Privacy — Card Sections -- */ .prv-crd{padding:var(--section-py) 0;background:var(--color-surface)}.prv-crd-inner{max-width:900px;margin:0 auto;padding:0 1.5rem}.prv-crd-head{text-align:center;margin-bottom:4rem}.prv-crd-head h1{font-family:var(--font-secondary);font-size:clamp(2rem,4vw,3.5rem);font-weight:800;color:var(--color-text);margin-bottom:1.5rem}.prv-crd-badge{display:inline-block;background:var(--color-bg);border:1px solid var(--color-border);padding:.5rem 1.25rem;border-radius:100px;font-size:.9rem;font-weight:600;color:var(--color-text-muted)}.prv-crd-list{display:flex;flex-direction:column;gap:2rem}.prv-crd-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:calc(var(--radius)*1.5);padding:3rem;position:relative}.prv-crd-intro{border-top:4px solid var(--color-primary);font-size:1.1rem;color:var(--color-text-muted);line-height:1.7}.prv-crd-box-num{position:absolute;top:3rem;right:3rem;font-family:var(--font-secondary);font-size:4rem;font-weight:900;color:var(--color-surface);line-height:1;user-select:none;pointer-events:none}.prv-crd-box h2{font-family:var(--font-secondary);font-size:1.5rem;font-weight:800;color:var(--color-text);margin-bottom:1.5rem;position:relative;z-index:2}.prv-crd-box-txt{position:relative;z-index:2;color:var(--color-text-muted);font-size:1.05rem;line-height:1.7}.prv-crd-box-txt p{margin-bottom:1.25rem}.prv-crd-box-txt p:last-child{margin-bottom:0}.prv-crd-box-txt ul{margin-bottom:1.25rem;padding-left:1.5rem}@media(max-width:768px){.prv-crd-box{padding:2rem}.prv-crd-box-num{top:1.5rem;right:1.5rem;font-size:3rem}} /* -- Terms — Classic Reader -- */ .trm-clas{padding:calc(var(--section-py)*1.2) 0;background:var(--color-bg)}.trm-clas-inner{max-width:760px;margin:0 auto;padding:0 1.5rem}.trm-clas-head{text-align:center;margin-bottom:4rem}.trm-clas-tag{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);margin-bottom:1.5rem}.trm-clas-head h1{font-family:var(--font-secondary);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;color:var(--color-text);margin-bottom:1rem;line-height:1.1;letter-spacing:-.02em}.trm-clas-meta{color:var(--color-text-muted);font-size:1.05rem;font-weight:500}.trm-clas-body{color:var(--color-text);font-size:1.1rem;line-height:1.8}.trm-clas-intro{margin-bottom:4rem;font-size:1.2rem;color:var(--color-text-muted);line-height:1.7}.trm-clas-sec{margin-bottom:3.5rem}.trm-clas-sec h2{font-family:var(--font-secondary);font-size:1.7rem;font-weight:800;color:var(--color-text);margin-bottom:1.25rem;line-height:1.3}.trm-clas-body p{margin-bottom:1.5rem;color:var(--color-text-muted)}.trm-clas-body ul{margin-bottom:1.5rem;padding-left:1.5rem;color:var(--color-text-muted)}.trm-clas-body li{margin-bottom:.5rem}.trm-clas-body a{color:var(--color-text);font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.trm-clas-body a:hover{color:var(--color-primary)} /* ========================================================================== Dynamic Pages (single service, team profile) ========================================================================== */ .dynamic-hero{position:relative;min-height:40vh;display:flex;align-items:center;background-size:cover;background-position:center} .dynamic-hero::before{content:'';position:absolute;inset:0;background:rgba(0,0,0,.55)} .dynamic-hero .container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:2rem 1.5rem} .dynamic-hero h1{font-family:var(--font-secondary);font-size:clamp(1.8rem,4vw,2.8rem);color:#fff;margin-bottom:.5rem} .dynamic-hero p{color:rgba(255,255,255,.85);font-size:1.05rem;max-width:600px} .dynamic-content{padding:var(--section-py) 0} .content-narrow{max-width:800px;margin:0 auto;padding:0 1.5rem} .content-narrow h2{font-family:var(--font-secondary);font-size:1.4rem;color:var(--color-text);margin:2rem 0 .75rem} .content-narrow p{color:var(--color-text-muted);line-height:var(--line-height);margin-bottom:1rem} .content-narrow ul{margin:1rem 0 1rem 1.5rem;color:var(--color-text-muted);line-height:var(--line-height)} /* -- Team Profile -- */ .team-profile-grid{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start;margin-bottom:2rem} .team-profile-img img{width:100%;border-radius:var(--radius);aspect-ratio:1;object-fit:cover} .team-profile-info h1{font-family:var(--font-secondary);font-size:1.8rem;margin-bottom:.25rem} .team-role{color:var(--color-primary);font-weight:600;margin-bottom:.5rem} .team-email a{color:var(--color-text-muted);text-decoration:none} .spec-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem} .spec-tag{background:var(--color-surface);border:1px solid var(--color-border);padding:.25rem .75rem;border-radius:50px;font-size:.8rem;color:var(--color-text-muted)} /* -- Cookie Banner Base -- */ .cookie-banner h4{font-family:var(--font-secondary);font-size:1.1rem;margin:0 0 .5rem;color:var(--color-text)} .cookie-banner p{font-size:.85rem;color:var(--color-text-muted);margin-bottom:1rem;line-height:1.4} .cookie-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;font-size:.9rem;color:var(--color-text)} .cookie-options label{display:flex;align-items:center;gap:.5rem;cursor:pointer} .cookie-buttons{display:flex;flex-wrap:wrap;gap:.5rem} .cookie-buttons button{flex:1;min-width:120px;font-size:.85rem;padding:.5rem 1rem;white-space:nowrap} .btn-alt{background:transparent;border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius);cursor:pointer;transition:all .2s;text-align:center;display:inline-block;padding:0.75rem 1.5rem;} .btn-alt:hover{background:var(--color-background)} /* -- Utility -- */ header.scrolled{box-shadow:var(--shadow)} .form-error{border-color:var(--color-primary)!important} /* -- Header Switchers (Lang & Theme) -- */ .header-switchers{display:flex;align-items:center;gap:1rem;margin-left:1rem} .lang-links{display:flex;gap:.5rem} .lang-links a{color:var(--color-text-muted);text-decoration:none;font-size:.85rem;font-weight:600;transition:color .2s} .lang-links a:hover, .lang-links a.active{color:var(--color-primary)} #theme-toggle{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s} #theme-toggle:hover{color:var(--color-primary)} html[data-theme="light"] .sun-icon { display: none; } html[data-theme="dark"] .moon-icon { display: none; } html[data-theme="dark"] .sun-icon { display: block; } /* -- intl-tel-input fix -- */ .iti{width:100%} .iti input[type=tel]{width:100%;padding-left:52px} @media(max-width:768px){ .team-profile-grid{grid-template-columns:1fr} .header-switchers{margin-left:0;margin-top:1rem} } @media(max-width:480px){ :root { --section-py: 3rem; --gap: 1rem; } } /* v1.0.0 — initial layout (Dec 15, 2025) */ /* v1.2.0 — responsive fixes, dark mode (Jan 21, 2026) */ /* v2.1.4 — cookie banner, accessibility pass (Feb 27, 2026) */