@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/libre-400-normal.woff2') format('woff2')} @font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/dmsans-400.woff2') format('woff2')} @font-face{font-family:'DM Sans';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/dmsans-700.woff2') format('woff2')} *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} :root{ --bg:#faf9f7;--white:#fff;--warm:#f5f2ed;--warm2:#ebe6dd; --text:#1a1a1a;--text2:#3d3d3d;--muted:#6e6e73;--light:#b0b0b0; --serif:'Libre Baskerville',Georgia,serif; --sans:'DM Sans',-apple-system,sans-serif; --ease:cubic-bezier(.25,.46,.45,.94); --ease-out:cubic-bezier(.16,1,.3,1); --border:rgba(0,0,0,.04); --border-light:rgba(250,249,247,.1); } html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden} body{font-family:var(--sans);background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility} .container{max-width:1120px;margin:0 auto;padding:0 clamp(1.5rem,5vw,3rem)} img{display:block} .btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.2rem;border-radius:980px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .4s var(--ease);border:none;cursor:pointer} .btn-dark{background:var(--text);color:var(--bg)} .btn-dark:hover{opacity:.8;transform:scale(1.02)} .btn-dark svg{flex-shrink:0} .hero{padding:11rem 0 7rem;overflow:hidden} .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:5.5rem;align-items:center} .hero-tag{display:inline-block;font-size:.67rem;font-weight:600;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.8rem;animation:fadeIn .8s ease forwards;opacity:0} .hero h1{font-family:var(--serif);font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.14;letter-spacing:-.02em;margin-bottom:1.6rem;animation:fadeUp .8s var(--ease-out) .1s forwards;opacity:0} .hero h1 em{font-style:italic} .hero-sub{font-size:1.05rem;line-height:1.75;color:var(--text2);max-width:460px;margin-bottom:2.5rem;animation:fadeUp .8s var(--ease-out) .2s forwards;opacity:0} .hero-sub strong{font-weight:700;color:var(--text)} .hero-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;animation:fadeUp .8s var(--ease-out) .3s forwards;opacity:0} .hero-visual{position:relative;animation:fadeUp 1s var(--ease-out) .35s forwards;opacity:0} .hero-img{border-radius:18px;overflow:hidden;aspect-ratio:3/4;background:var(--warm)} .hero-img img{width:100%;height:100%;object-fit:cover;transition:transform 6s var(--ease)} .hero-img:hover img{transform:scale(1.03)} .hero-badges{position:absolute;bottom:-1rem;left:-1.5rem;right:-1.5rem;display:flex;justify-content:space-between;pointer-events:none} .h-badge{background:var(--white);border-radius:13px;padding:.85rem 1.1rem;box-shadow:0 10px 36px rgba(0,0,0,.07),0 2px 6px rgba(0,0,0,.03);pointer-events:auto;transition:transform .4s var(--ease)} .h-badge:hover{transform:translateY(-2px)} .h-badge-big{font-family:var(--serif);font-size:1.25rem;font-weight:700;color:var(--text);line-height:1.1} .h-badge-small{font-size:.66rem;color:var(--muted);margin-top:.12rem} .h-badge-row{display:flex;align-items:center;gap:.45rem} .h-badge-star{font-size:.82rem;color:var(--text)} .h-badge-text strong{display:block;font-size:.85rem;font-weight:700;color:var(--text)} .h-badge-text span{font-size:.66rem;color:var(--muted)} .divider{padding:2rem 0;border-top:1px solid var(--border)} .divider-inner{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap} .div-item{font-size:.76rem;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:.55rem} .div-item::before{content:'';width:4px;height:4px;background:var(--light);border-radius:50%} .sec{padding:7.5rem 0} .sec-warm{background:linear-gradient(180deg,#f5f2ed 0%,#f0ece5 100%)} .sec-dark{background:linear-gradient(180deg,#1a1a1a 0%,#111 100%);color:var(--bg)} .sec-dark .s-sub{color:rgba(250,249,247,.5)} .s-label{display:inline-block;font-size:.64rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:1.3rem} .s-label.light{color:rgba(250,249,247,.35)} h2.s-title{font-family:var(--serif);font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.18;letter-spacing:-.015em;margin-bottom:.7rem} .s-sub{font-size:.94rem;line-height:1.7;color:var(--muted);max-width:480px} .p-header{max-width:500px;margin-bottom:4rem} .p-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem} .p-card{background:var(--white);border:1px solid rgba(0,0,0,.03);border-radius:16px;padding:2.3rem 1.8rem;transition:all .5s var(--ease)} .p-card:hover{box-shadow:0 14px 44px rgba(0,0,0,.06);transform:translateY(-3px) scale(1.008)} .p-card h3{font-size:.98rem;font-weight:700;margin-bottom:.6rem;letter-spacing:-.005em} .p-card p{font-size:.85rem;line-height:1.75;color:var(--muted)} .mini-cta{text-align:center;margin-top:3rem;padding-top:2.2rem;border-top:1px solid var(--border)} .mini-cta p{font-size:.9rem;color:var(--muted)} .mini-cta a{color:var(--text);font-weight:600;text-decoration:none;border-bottom:1.5px solid var(--text);padding-bottom:1px;transition:opacity .3s} .mini-cta a:hover{opacity:.6} .m-header{text-align:center;max-width:500px;margin:0 auto 4.5rem} .m-header .s-sub{margin:0 auto} .m-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0} .m-step{padding:2.5rem 2rem;border-right:1px solid var(--border)} .m-step:last-child{border-right:none} .m-num{width:36px;height:36px;background:var(--text);color:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem;margin-bottom:1.5rem} .m-step h3{font-size:1rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.005em} .m-step p{font-size:.86rem;line-height:1.75;color:var(--muted)} .inline-cta{color:var(--text);font-weight:600;text-decoration:none;border-bottom:1.5px solid var(--text);padding-bottom:1px;transition:opacity .3s} .inline-cta:hover{opacity:.6} .quote-sec{padding:6.5rem 0;background:linear-gradient(135deg,#1a1a1a 0%,#252525 50%,#1a1a1a 100%);color:var(--bg);text-align:center} .quote-sec blockquote{font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,2.6vw,2.1rem);line-height:1.38;max-width:700px;margin:0 auto;letter-spacing:-.01em} .t-header{max-width:380px;margin-bottom:3.5rem} .t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem} .t-card{background:var(--white);border:1px solid rgba(0,0,0,.03);border-radius:16px;padding:2.2rem 1.8rem;transition:all .5s var(--ease)} .t-card:hover{box-shadow:0 14px 44px rgba(0,0,0,.06);transform:translateY(-3px) scale(1.008)} .t-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem} .t-stars{font-size:.78rem;color:var(--text);letter-spacing:2px} .t-google{opacity:.35;flex-shrink:0;transition:opacity .3s} .t-card:hover .t-google{opacity:.65} .t-card blockquote{font-size:.85rem;line-height:1.75;color:var(--text2);margin-bottom:1.3rem;font-style:normal} .t-author{display:flex;align-items:center;gap:.65rem} .t-av{width:32px;height:32px;border-radius:50%;background:var(--warm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.62rem;color:var(--muted)} .t-meta strong{display:block;font-size:.76rem;font-weight:600;letter-spacing:-.005em} .t-meta span{font-size:.66rem;color:var(--muted)} .faq-wrap{max-width:640px;margin:0 auto} .faq-item{border-bottom:1px solid var(--border);padding:2.3rem 0} .faq-item:first-child{padding-top:0} .faq-item:last-child{border-bottom:none;padding-bottom:0} .faq-q{font-family:var(--serif);font-size:1.15rem;font-style:italic;color:var(--text);margin-bottom:.8rem;letter-spacing:-.01em} .faq-a{font-size:.9rem;line-height:1.8;color:var(--muted)} .a-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:5rem;align-items:center} .a-img{border-radius:18px;overflow:hidden;aspect-ratio:4/5;background:var(--warm2)} .a-img img{width:100%;height:100%;object-fit:cover;transition:transform 6s var(--ease)} .a-img:hover img{transform:scale(1.03)} .about-text p{font-size:.98rem;line-height:1.8;color:var(--text2);margin-bottom:.9rem} .a-stats{display:flex;gap:2.8rem;margin-top:2.2rem;padding-top:2.2rem;border-top:1px solid rgba(0,0,0,.05)} .a-stat strong{display:block;font-family:var(--serif);font-size:1.9rem;color:var(--text);letter-spacing:-.02em} .a-stat span{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600} .o-header{text-align:center;max-width:520px;margin:0 auto 3.5rem} .o-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem} .o-card{background:rgba(250,249,247,.04);border:1px solid rgba(250,249,247,.07);border-radius:18px;padding:2.5rem 2rem;display:flex;flex-direction:column;transition:all .5s var(--ease);position:relative} .o-card:hover{border-color:rgba(250,249,247,.18);transform:translateY(-3px) scale(1.008);background:rgba(250,249,247,.07)} .o-card.feat{border-color:rgba(250,249,247,.18);background:rgba(250,249,247,.08)} .o-badge{position:absolute;top:-.5rem;left:1.6rem;background:var(--bg);color:var(--text);font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.22rem .65rem;border-radius:980px} .o-card h3{font-family:var(--serif);font-size:1.2rem;margin-bottom:.35rem;letter-spacing:-.01em} .o-for{font-size:.66rem;font-weight:600;color:rgba(250,249,247,.3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1.1rem} .o-desc{font-size:.84rem;color:rgba(250,249,247,.45);line-height:1.75;margin-bottom:1.4rem} .o-list{list-style:none;margin-bottom:1.8rem;flex-grow:1} .o-list li{display:flex;align-items:flex-start;gap:.55rem;font-size:.8rem;color:rgba(250,249,247,.55);margin-bottom:.6rem;line-height:1.5} .o-list li::before{content:'✓';font-weight:700;flex-shrink:0;color:rgba(250,249,247,.65)} .o-card .btn-w{width:100%;display:flex;justify-content:center;padding:.85rem;background:var(--bg);color:var(--text);border-radius:980px;text-decoration:none;font-weight:600;font-size:.84rem;transition:all .3s var(--ease)} .o-card .btn-w:hover{opacity:.85} .o-card .btn-o{width:100%;display:flex;justify-content:center;padding:.85rem;border:1px solid rgba(250,249,247,.12);color:var(--bg);border-radius:980px;text-decoration:none;font-weight:600;font-size:.84rem;transition:all .3s var(--ease)} .o-card .btn-o:hover{border-color:rgba(250,249,247,.45)} .cta-sec{padding:7.5rem 0;text-align:center} .cta-sec h2{font-family:var(--serif);font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.18;letter-spacing:-.02em;max-width:540px;margin:0 auto 1.3rem} .cta-sec p{font-size:.94rem;color:var(--muted);max-width:400px;margin:0 auto 2.8rem;line-height:1.7} .cta-alt{display:flex;align-items:center;justify-content:center;gap:0;margin-top:1.1rem;font-size:.82rem;color:var(--muted)} .cta-alt a{color:var(--text);text-decoration:none;font-weight:600;transition:opacity .3s} .cta-alt a:hover{opacity:.6} .cta-alt span{margin:0 .45rem;color:var(--light)} @keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}} @keyframes fadeIn{from{opacity:0}to{opacity:1}} .reveal{opacity:0;transform:translateY(36px);transition:all .9s var(--ease-out)} .reveal.vis{opacity:1;transform:translateY(0)} .p-grid .p-card:nth-child(2){transition-delay:.08s} .p-grid .p-card:nth-child(3){transition-delay:.16s} .t-grid .t-card:nth-child(2){transition-delay:.08s} .t-grid .t-card:nth-child(3){transition-delay:.16s} .o-grid .o-card:nth-child(2){transition-delay:.08s} .o-grid .o-card:nth-child(3){transition-delay:.16s} @media(max-width:1024px){ .hero-grid{gap:4rem} .a-grid{gap:4rem} .m-step{padding:2.2rem 1.6rem} } @media(max-width:900px){ .hero{padding:8rem 0 5rem} .hero-grid{grid-template-columns:1fr;gap:2.5rem} .hero-visual{max-width:340px;margin:0 auto} .hero-badges{left:-.5rem;right:-.5rem} .hero h1{font-size:clamp(1.9rem,6.5vw,2.6rem)} .hero-sub{font-size:.98rem;max-width:100%} .sec{padding:5rem 0} .quote-sec{padding:4.5rem 0} .cta-sec{padding:5rem 0} h2.s-title{font-size:clamp(1.5rem,5vw,2rem)} .p-grid,.t-grid,.o-grid{grid-template-columns:1fr} .p-card,.t-card{padding:2rem 1.6rem;border-radius:14px} .p-header{margin-bottom:3rem} .m-grid{grid-template-columns:1fr} .m-step{border-right:none;border-bottom:1px solid var(--border);padding:1.8rem 0} .m-step:last-child{border-bottom:none} .m-header{text-align:left;margin-bottom:3rem} .m-header .s-sub{margin:0} .t-header{margin-bottom:3rem} .faq-wrap{max-width:100%} .faq-item{padding:1.8rem 0} .a-grid{grid-template-columns:1fr;gap:2.5rem} .a-img{max-width:280px;border-radius:14px} .o-card{padding:2rem 1.6rem;border-radius:14px} .o-header{margin-bottom:3rem} .mini-cta{margin-top:2.2rem;padding-top:1.8rem} } @media(max-width:500px){ .hero{padding:7rem 0 4rem} .hero h1{font-size:clamp(1.65rem,7vw,2.2rem)} .hero-sub{font-size:.92rem} .hero-actions{flex-direction:column;align-items:stretch} .hero-actions .btn{justify-content:center} .hero-badges{position:relative;bottom:auto;left:auto;right:auto;margin-top:1.5rem;gap:.8rem} .hero-visual{max-width:100%} .h-badge{padding:.75rem .9rem} .h-badge-big{font-size:1.1rem} .a-img{max-width:100%} .a-stats{flex-direction:column;gap:1rem} .about-text p{font-size:.9rem} .divider-inner{flex-direction:column;gap:.7rem;align-items:center} .quote-sec blockquote{font-size:clamp(1.15rem,4.5vw,1.5rem);padding:0 .5rem} .cta-sec h2{font-size:clamp(1.4rem,5.5vw,1.8rem)} .cta-sec p{font-size:.88rem} .sec{padding:4rem 0} .quote-sec{padding:3.5rem 0} .cta-sec{padding:4rem 0} } .btn-cta-big{font-size:1rem;padding:1.1rem 2.3rem} .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem} .service-card{background:var(--white);border:1px solid rgba(0,0,0,.03);border-radius:16px;padding:2.5rem 2rem;transition:all .5s var(--ease);text-decoration:none;color:var(--text);display:flex;flex-direction:column} .service-card:hover{box-shadow:0 14px 44px rgba(0,0,0,.06);transform:translateY(-3px) scale(1.008)} .service-card h3{font-family:var(--serif);font-size:1.15rem;margin-bottom:.5rem;letter-spacing:-.01em} .service-card p{font-size:.86rem;line-height:1.75;color:var(--muted);margin-bottom:1.2rem;flex-grow:1} .service-card .card-link{font-size:.84rem;font-weight:600;color:var(--text);display:inline-flex;align-items:center;gap:.4rem} .service-card .card-link svg{transition:transform .3s} .service-card:hover .card-link svg{transform:translateX(3px)} .img-banner{width:100%;border-radius:16px;overflow:hidden;margin:3rem 0} .img-banner img{width:100%;height:280px;object-fit:cover;transition:transform 6s var(--ease)} .img-banner:hover img{transform:scale(1.03)} .form-field{position:relative} .form-field:focus-within label{color:rgba(250,249,247,.7)} .form-field input:hover,.form-field textarea:hover{border-color:rgba(250,249,247,.15)} .form-submit:active{transform:translateY(0) scale(.98)} @media(max-width:900px){.services-grid{grid-template-columns:1fr}.img-banner img{height:200px}} .contact-sec{padding:11rem 0 7.5rem} .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center} .contact-content h1{font-family:var(--serif);font-size:clamp(2.2rem,4vw,3rem);line-height:1.12;letter-spacing:-.02em;margin-bottom:1rem} .contact-content>p{font-size:1rem;color:var(--muted);line-height:1.75;margin-bottom:2.5rem;max-width:420px} .contact-links{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:2.5rem} .contact-link{display:flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--text);font-weight:600;font-size:.95rem;transition:opacity .3s} .contact-link:hover{opacity:.6} .contact-link svg{flex-shrink:0;color:var(--muted)} .contact-meta{display:flex;gap:2rem;padding-top:1.8rem;border-top:1px solid var(--border)} .contact-meta span{font-size:.78rem;color:var(--light)} .contact-photo{border-radius:18px;overflow:hidden} .contact-photo img{width:100%;height:auto;display:block} @media(max-width:900px){.contact-grid{grid-template-columns:1fr;gap:3rem}.contact-photo{max-width:340px;margin:0 auto}} .form-grid-3{grid-template-columns:1fr 1fr 1fr} @media(max-width:900px){.form-grid-3{grid-template-columns:1fr}} .form-sec{padding:0} .form-outer{position:relative;padding:7.5rem 0;background:linear-gradient(180deg,#1a1a1a 0%,#111 100%);overflow:hidden} .form-outer::before{content:'';position:absolute;top:-200px;right:-200px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(250,249,247,.06) 0%,transparent 70%);pointer-events:none} .form-outer::after{content:'';position:absolute;bottom:-150px;left:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(250,249,247,.04) 0%,transparent 70%);pointer-events:none} .form-inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,6vw,5.5rem);align-items:center;max-width:1120px;margin:0 auto;padding:0 clamp(1.5rem,5vw,3rem)} .form-text h2{font-family:var(--serif);font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.15;letter-spacing:-.02em;color:var(--bg);margin-bottom:1rem} .form-text p{font-size:.95rem;color:rgba(250,249,247,.5);line-height:1.75;margin-bottom:1.5rem;max-width:400px} .form-text-contact{display:flex;flex-direction:column;gap:.6rem} .form-text-contact a{display:flex;align-items:center;gap:.6rem;font-size:.88rem;font-weight:600;color:rgba(250,249,247,.7);text-decoration:none;transition:color .3s} .form-text-contact a:hover{color:var(--bg)} .form-text-contact a svg{color:rgba(250,249,247,.4);flex-shrink:0} .form-card{background:rgba(250,249,247,.05);border:1px solid rgba(250,249,247,.08);border-radius:20px;padding:clamp(2rem,4vw,2.8rem);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)} .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:.8rem} .form-grid.full{grid-template-columns:1fr} .form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:.8rem;margin-bottom:.8rem} .form-field label{display:block;font-size:.64rem;font-weight:600;color:rgba(250,249,247,.35);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.35rem;transition:color .3s} .form-field:focus-within label{color:rgba(250,249,247,.8)} .form-field input,.form-field textarea{width:100%;background:rgba(250,249,247,.04);border:1.5px solid rgba(250,249,247,.07);border-radius:12px;padding:.85rem 1rem;color:var(--bg);font-family:var(--sans);font-size:.88rem;transition:all .35s var(--ease);outline:none} .form-field input:hover,.form-field textarea:hover{border-color:rgba(250,249,247,.18);background:rgba(250,249,247,.06)} .form-field input:focus,.form-field textarea:focus{border-color:rgba(250,249,247,.4);background:rgba(250,249,247,.08);box-shadow:0 0 0 4px rgba(250,249,247,.04),0 4px 16px rgba(0,0,0,.2)} .form-field input::placeholder,.form-field textarea::placeholder{color:rgba(250,249,247,.18)} .form-field textarea{resize:vertical;min-height:100px} .form-submit{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--bg);color:var(--text);padding:1.05rem 2rem;border-radius:14px;font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:all .4s var(--ease);margin-top:.4rem;position:relative} .form-submit:hover:not(:disabled){background:#fff;box-shadow:0 8px 30px rgba(250,249,247,.15);transform:translateY(-2px)} .form-submit:active:not(:disabled){transform:translateY(0)} .form-submit:disabled{opacity:.2;cursor:not-allowed;transform:none} .form-submit .spinner{display:none;width:18px;height:18px;border:2px solid rgba(26,26,26,.15);border-top-color:var(--text);border-radius:50%;animation:spin .6s linear infinite} .form-submit.loading .spinner{display:block} .form-submit.loading .btn-text{opacity:0} @keyframes spin{to{transform:rotate(360deg)}} .form-success{display:none;text-align:center;padding:2.5rem 1rem} .form-success .check{width:56px;height:56px;border-radius:50%;background:rgba(250,249,247,.08);display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;animation:popIn .5s var(--ease-out)} .form-success .check svg{color:var(--bg)} .form-success h3{font-family:var(--serif);font-size:1.5rem;color:var(--bg);margin-bottom:.5rem;animation:fadeUp .6s var(--ease-out) .15s both} .form-success p{font-size:.88rem;color:rgba(250,249,247,.45);line-height:1.7;animation:fadeUp .6s var(--ease-out) .25s both} @keyframes popIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}} @media(max-width:900px){.form-inner{grid-template-columns:1fr;gap:2rem}.form-grid,.form-grid-3{grid-template-columns:1fr}.form-card{padding:1.8rem 1.5rem}.form-outer{padding:5rem 0}} footer{padding:4rem 0 2.5rem;border-top:1px solid var(--border)} .f-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem;margin-bottom:2.5rem} .f-brand{display:flex;align-items:flex-start;gap:1rem} .f-brand img{height:30px;width:auto;flex-shrink:0} .f-brand-text p{font-size:.82rem;color:var(--muted);line-height:1.65;max-width:260px;margin:0} .f-label{font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--light);margin:0 0 .8rem} .f-col a{display:block;font-size:.82rem;color:var(--muted);text-decoration:none;line-height:2;transition:color .3s} .f-col a:hover{color:var(--text)} .f-col span{display:block;font-size:.82rem;color:var(--light);line-height:2} .f-bottom{display:flex;justify-content:space-between;padding-top:1.8rem;border-top:1px solid var(--border);font-size:.68rem;color:var(--light)} @media(max-width:768px){.f-grid{grid-template-columns:1fr;gap:2rem}} .blog-hero{padding:11rem 0 4rem} .blog-hero h1{font-family:var(--serif);font-size:clamp(2.2rem,4vw,3rem);line-height:1.12;letter-spacing:-.02em;margin-bottom:1rem} .blog-hero-sub{font-size:1rem;color:var(--muted);line-height:1.75;max-width:520px} .blog-grid-sec{padding:0 0 5rem} .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem} .blog-card{background:var(--white);border:1px solid rgba(0,0,0,.03);border-radius:16px;padding:2rem 1.8rem;text-decoration:none;color:var(--text);display:flex;flex-direction:column;transition:all .5s var(--ease)} .blog-card:hover{box-shadow:0 14px 44px rgba(0,0,0,.06);transform:translateY(-3px)} .blog-card-meta{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:.8rem} .blog-card h2{font-family:var(--serif);font-size:1.1rem;line-height:1.35;letter-spacing:-.01em;margin-bottom:.7rem} .blog-card p{font-size:.85rem;line-height:1.7;color:var(--muted);flex-grow:1;margin-bottom:1rem} .blog-card-link{font-size:.82rem;font-weight:600;color:var(--text)} @media(max-width:900px){.blog-grid{grid-template-columns:1fr}} .blog-article{padding:12rem 0 5rem} .blog-article .container{max-width:660px} .blog-article-header{margin-bottom:3.5rem;text-align:center} .blog-back{font-size:.76rem;color:var(--light);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;margin-bottom:2.5rem;transition:color .3s;letter-spacing:.03em;text-transform:uppercase;font-weight:600} .blog-back:hover{color:var(--text)} .blog-article-meta{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;font-weight:600;margin-bottom:1.4rem} .blog-article h1{font-family:var(--serif);font-size:clamp(2rem,4.2vw,2.8rem);line-height:1.18;letter-spacing:-.025em} .blog-article-intro-author{display:flex;align-items:center;gap:.8rem;justify-content:center;margin-top:2rem} .blog-article-intro-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;object-position:center 20%} .blog-article-intro-name{font-size:.78rem;color:var(--muted);line-height:1.4} .blog-article-intro-name strong{color:var(--text);display:block;font-family:var(--sans);font-weight:600} .blog-article-divider{width:40px;height:1.5px;background:var(--text);margin:3rem auto;opacity:.12} .blog-article-body{font-family:var(--serif)} .blog-article-body h2{font-family:var(--serif);font-size:1.35rem;line-height:1.35;margin:3.5rem 0 1.2rem;letter-spacing:-.015em;color:var(--text)} .blog-article-body p{font-family:var(--serif);font-size:1.02rem;line-height:2.05;color:var(--text2);margin-bottom:1.5rem;letter-spacing:.008em} .blog-article-body p strong{color:var(--text);font-weight:700} .blog-intro{font-size:1.12rem;line-height:2.05;color:var(--text);margin-bottom:2rem} .blog-pullquote{font-family:var(--serif);font-size:1.35rem;line-height:1.55;font-style:italic;color:var(--text);padding:2.2rem 2rem;margin:2.5rem -2rem;border-left:3px solid var(--text);text-align:left;letter-spacing:-.01em;background:var(--warm);border-radius:0 14px 14px 0} .blog-mid-cta{background:var(--text);border-radius:16px;padding:2.2rem 2.5rem;margin:3rem 0;display:flex;align-items:center;gap:2rem} .blog-mid-cta-text{flex:1} .blog-mid-cta-text p{font-family:var(--sans);font-size:.92rem;line-height:1.65;color:rgba(250,249,247,.7);margin:0 0 .3rem} .blog-mid-cta-text strong{color:var(--bg);font-family:var(--serif);font-size:1.05rem;display:block;margin-bottom:.5rem} .blog-mid-cta a{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg);color:var(--text);padding:.7rem 1.6rem;border-radius:980px;font-size:.82rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:all .3s var(--ease);flex-shrink:0} .blog-mid-cta a:hover{opacity:.85;transform:translateY(-1px)} .blog-cta{background:var(--warm);border-radius:16px;padding:2.2rem 2.5rem;margin-top:3.5rem} .blog-cta p{font-family:var(--sans);font-size:.92rem;line-height:1.75;color:var(--text);margin:0} .blog-cta a{color:var(--text);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(26,26,26,.25);transition:text-decoration-color .3s} .blog-cta a:hover{text-decoration-color:var(--text)} .blog-article-footer{margin-top:4rem;padding-top:2.5rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:1rem} .blog-article-footer-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:center 20%;border:2px solid var(--warm2)} .blog-article-footer-info{font-size:.82rem;color:var(--muted);line-height:1.5} .blog-article-footer-info strong{color:var(--text);display:block;font-family:var(--serif);font-size:.95rem} .blog-article-footer-info a{color:var(--muted);text-decoration:none;font-weight:600;transition:color .3s} .blog-article-footer-info a:hover{color:var(--text)} @media(max-width:600px){.blog-pullquote{margin:2rem 0;padding:1.5rem 1.2rem}.blog-mid-cta{flex-direction:column;text-align:center;gap:1.2rem}.blog-mid-cta a{width:100%;justify-content:center}} .podcast-hero{padding:11rem 0 3rem} .podcast-hero h1{font-family:var(--serif);font-size:clamp(2.2rem,4vw,3rem);line-height:1.12;letter-spacing:-.02em;margin-bottom:1rem} .podcast-hero-sub{font-size:1rem;color:var(--muted);line-height:1.75;max-width:480px;margin-bottom:2rem} .podcast-links{display:flex;gap:1rem} .podcast-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--text);color:var(--bg);padding:.7rem 1.4rem;border-radius:980px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s var(--ease)} .podcast-badge:hover{opacity:.85;transform:translateY(-1px)} .podcast-feed{padding:2rem 0 5rem} .podcast-embed{margin-bottom:3rem} .podcast-episodes h2{font-family:var(--serif);font-size:1.5rem;letter-spacing:-.015em;margin-bottom:1.5rem} nav#nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(250,249,247,.95);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);transition:all .5s var(--ease-out)} nav#nav::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:rgba(0,0,0,.06);transition:opacity .5s var(--ease-out)} nav#nav.scrolled{background:rgba(250,249,247,.8);backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%)} nav#nav.scrolled::after{opacity:.4} nav .container{display:flex;align-items:center;justify-content:space-between;padding-top:.9rem;padding-bottom:.9rem;transition:padding .4s var(--ease-out)} nav#nav.scrolled .container{padding-top:.65rem;padding-bottom:.65rem} .nav-logo img{height:20px;width:auto;opacity:.8;transition:opacity .25s} .nav-logo:hover img{opacity:1} .nav-links{display:flex;align-items:center;gap:.4rem} .nav-links>a,.nav-drop>span{font-family:var(--sans);font-size:.78rem;color:var(--text);text-decoration:none;padding:.35rem .55rem;transition:opacity .25s var(--ease);cursor:pointer;white-space:nowrap;opacity:.45;letter-spacing:.005em} .nav-links>a:hover,.nav-drop>span:hover,.nav-drop:hover>span{opacity:1} .nav-cta{opacity:1!important;background:var(--text)!important;color:var(--bg)!important;padding:.4rem 1rem!important;margin-left:.15rem;font-weight:600;font-size:.75rem!important;border:none!important;border-radius:980px!important;transition:opacity .25s var(--ease)!important;letter-spacing:.01em} .nav-cta:hover{opacity:.75!important} .nav-drop{position:relative} .nav-drop>span{display:flex;align-items:center;gap:.3rem;user-select:none} .nav-drop>span svg{width:10px;height:10px;min-width:10px;max-width:10px;min-height:10px;max-height:10px;transition:transform .3s;opacity:.4} .nav-drop:hover>span svg{transform:rotate(180deg);opacity:1} .nav-drop{padding-bottom:.6rem;margin-bottom:-.6rem} .nav-drop-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--white);border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:.4rem;min-width:170px;box-shadow:0 8px 32px rgba(0,0,0,.07);opacity:0;visibility:hidden;transition:all .2s var(--ease);pointer-events:none;z-index:200} .nav-drop-menu::before{content:'';position:absolute;top:-.6rem;left:0;right:0;height:.6rem} .nav-drop:hover{z-index:10} .nav-drop:hover .nav-drop-menu{opacity:1;visibility:visible;pointer-events:auto} .nav-drop-menu a{display:block;font-family:var(--sans);font-size:.78rem;color:var(--muted);text-decoration:none;padding:.45rem .75rem;border-radius:6px;transition:all .2s;white-space:nowrap} .nav-drop-menu a:hover{color:var(--text);background:rgba(0,0,0,.03)} .nav-hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--text);opacity:.5} .nav-hamburger svg{display:block} .nav-mobile-cta{display:none} @media(max-width:960px){ nav .container{padding-top:.75rem;padding-bottom:.75rem} nav#nav.scrolled .container{padding-top:.6rem;padding-bottom:.6rem} .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:1px solid rgba(0,0,0,.06);padding:1rem 1.5rem;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 40px rgba(0,0,0,.04)} .nav-links.open{display:flex} .nav-links>a,.nav-drop>span{padding:.7rem 0;font-size:.85rem;opacity:.6;border-bottom:1px solid var(--border)} .nav-links>a:last-of-type{border-bottom:none} .nav-links>a:hover,.nav-drop>span:hover{opacity:1} .nav-drop{border-bottom:1px solid var(--border)} .nav-drop>span{padding:.7rem 0} .nav-drop-menu{position:static;transform:none;border:none;box-shadow:none;padding:0 0 .5rem 1rem;opacity:0;visibility:hidden;pointer-events:none;min-width:auto;max-height:0;overflow:hidden;transition:all .3s;border-radius:0} .nav-drop-menu a{padding:.4rem 0;border-radius:0;font-size:.82rem} .nav-cta{margin:.8rem 0 0!important;padding:.7rem 0!important;font-size:.85rem!important;opacity:1!important;text-align:center;display:block;background:var(--text)!important;color:var(--bg)!important;border:none!important;border-radius:10px!important} .nav-hamburger{display:block} } @media(max-width:960px){.nav-drop.open .nav-drop-menu{opacity:1;visibility:visible;pointer-events:auto;max-height:200px}} @media(max-width:960px){.nav-drop.open>span svg{transform:rotate(180deg)}} @media(max-width:960px){.nav-drop:hover>span svg{transform:none}} .proof-sec{padding:7.5rem 0} .proof-heading{text-align:center;margin-bottom:3.5rem} .proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem} .proof-card{background:var(--white);border:1px solid rgba(0,0,0,.03);border-radius:16px;overflow:hidden;transition:all .5s var(--ease);display:flex;flex-direction:column} .proof-card:hover{box-shadow:0 14px 44px rgba(0,0,0,.06);transform:translateY(-3px) scale(1.008)} .proof-card-img{aspect-ratio:6/5;overflow:hidden;margin:.7rem .7rem 0;border-radius:12px} .proof-card-img img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .6s var(--ease)} .proof-card:hover .proof-card-img img{transform:scale(1.03)} .proof-card-body{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;flex:1} .proof-card-stat{font-family:var(--serif);font-size:1rem;font-weight:700;color:var(--text);line-height:1.3;letter-spacing:-.015em;margin-bottom:.7rem} .proof-card-quote{font-size:.85rem;color:var(--text2);line-height:1.75;font-style:italic;padding-top:.7rem;border-top:1px solid rgba(0,0,0,.04)} .proof-card-author{margin-top:auto;padding-top:.8rem} .proof-card-author-name{font-size:.8rem;font-weight:600;color:var(--text);line-height:1.3} .proof-card-author-role{font-size:.7rem;color:var(--muted);margin-top:.1rem} .proof-grid .proof-card:nth-child(2){transition-delay:.06s} .proof-grid .proof-card:nth-child(3){transition-delay:.12s} .proof-grid .proof-card:nth-child(4){transition-delay:.18s} @media(max-width:768px){.proof-sec{padding:5rem 0}.proof-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto}} @media(max-width:480px){.proof-card-body{padding:1.2rem 1.3rem 1.4rem}.proof-card-img{margin:.6rem .6rem 0}} .nav-lang{font-size:.72rem;font-weight:600;letter-spacing:.1em;color:var(--muted);text-decoration:none;padding:.35rem .6rem;border:1px solid rgba(0,0,0,.08);border-radius:6px;transition:all .3s var(--ease);margin-left:.5rem} .nav-lang:hover{color:var(--text);border-color:rgba(0,0,0,.2)} .faq-section{margin-top:2rem} .faq-item{border-bottom:1px solid rgba(0,0,0,.06);padding:1.4rem 0} .faq-item:last-child{border-bottom:none} .faq-item h3{font-family:var(--serif);font-size:1.05rem;font-weight:700;line-height:1.4;margin-bottom:.6rem;color:var(--text)} .faq-item p{font-size:.9rem;line-height:1.75;color:var(--text2)} @keyframes reveal-fallback{to{opacity:1;transform:translateY(0)}} .reveal{animation:reveal-fallback .1s 2.5s forwards} .reveal.vis{animation:none} .related-grid{display:flex;flex-wrap:wrap;gap:.5rem} .related-grid a{font-family:var(--sans);font-size:.82rem;color:var(--text);text-decoration:none;padding:.5rem 1rem;border:1px solid var(--border);border-radius:8px;transition:all .2s var(--ease)} .related-grid a:hover{border-color:var(--text);background:rgba(0,0,0,.02)}