/* ============================================================ Ven Document Services LLC style.css Primary #242C4A | Secondary #181A26 | Text #F9FAFB | Gold #C8A860 Font: Times New Roman throughout ============================================================ */ :root { --bg: #242C4A; --panel: #181A26; --text: #F9FAFB; --gold: #C8A860; --gold-d:#A8853D; --silver:#C7CBD2; --white: #FFFFFF; --muted: rgba(249,250,251,.64); --lg: rgba(200,168,96,.24); --lw: rgba(255,255,255,.09); --serif: 'Times New Roman',Times,serif; --body: 'Times New Roman',Times,serif; } *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth;overflow-x:hidden} body{font-family:var(--body);background:var(--bg);color:var(--text); line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden} a{text-decoration:none;color:inherit} ul{list-style:none} .wrap{max-width:1120px;margin:0 auto;padding:0 28px} .skip-link{position:fixed;top:8px;left:8px;z-index:10000;padding:10px 14px;border-radius:3px;background:var(--gold);color:var(--panel);font-weight:700;transform:translateY(-160%)} .skip-link:focus{transform:none} /* NAV */ .nav{position:sticky;top:0;z-index:100;background:var(--panel);border-bottom:1px solid var(--lw)} .nav__in{max-width:1680px;margin:0 auto;padding:0 44px;height:90px;display:flex;align-items:center;gap:24px} .brand{display:flex;align-items:center;gap:12px;flex-shrink:0} .brand img{height:62px;width:auto;display:block} .brand__txt{line-height:1.15} .brand__name{display:block;font-family:var(--serif);font-size:22px;font-weight:700;color:var(--silver);line-height:1.12} .brand__sub{display:block;font-size:12px;color:rgba(255,255,255,.55);font-weight:400;letter-spacing:.01em} .nav__links{display:flex;align-items:center;gap:26px;margin-left:auto} .nav__links a{font-size:15px;color:rgba(255,255,255,.78);font-weight:500;transition:color .2s;white-space:nowrap} .nav__links a:hover{color:var(--gold)} .nav__links a.active{color:var(--gold);text-decoration:none} .nav__links a.btn--gold,.nav__links a.btn--gold:hover,.nav__links a.btn--gold.active{color:var(--panel);text-decoration:none} .nav__ham{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;margin-left:auto} .nav__ham span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s} .nav__ham.open span:nth-child(1){transform:translateY(7px) rotate(45deg)} .nav__ham.open span:nth-child(2){opacity:0} .nav__ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)} /* DISCLAIMER STRIP */ .disc-strip{background:#32354D;border-bottom:1px solid rgba(255,255,255,.08); padding:9px 0;font-size:13px;color:var(--muted);text-align:center;line-height:1.4} .disc-strip b{color:rgba(249,250,251,.85);font-weight:600} /* BUTTONS */ .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--body); font-size:14px;font-weight:700;padding:12px 22px;border-radius:3px; border:1.5px solid transparent;cursor:pointer;transition:all .2s;white-space:nowrap} .btn--gold{background:var(--gold);color:var(--panel);border-color:var(--gold)} .btn--gold:hover{background:var(--gold-d);border-color:var(--gold-d)} .btn--ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.5)} .btn--ghost:hover{border-color:var(--white);background:rgba(255,255,255,.08)} .btn--outline{background:transparent;color:var(--gold);border-color:var(--lg)} .btn--outline:hover{border-color:var(--gold);background:rgba(200,168,96,.08)} .btn--lg{padding:15px 28px;font-size:15px} .btn-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px} .btn-stack{display:flex;flex-direction:column;gap:9px;align-items:flex-start;max-width:290px} .btn-stack .btn{width:100%;justify-content:center} .btn-note{font-size:12px;line-height:1.55;color:var(--muted);letter-spacing:.01em} .hero__jump{margin-top:30px;display:flex;flex-wrap:wrap;gap:12px 13px;align-items:center;width:max-content;max-width:calc(100vw - 40px)} .hero__jumplink{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:11px; font-family:var(--serif);font-size:15px;letter-spacing:.01em;color:var(--silver);text-decoration:none; padding:13px 17px;border-radius:6px;border:1px solid rgba(199,203,210,.55); background:rgba(199,203,210,.05); box-shadow:none; transition:transform .25s ease,border-color .25s ease,background .25s ease,color .25s ease,box-shadow .35s ease} .hero__jumplink::after{content:"\2193";font-size:17px;transition:transform .25s ease} .hero__jumplink:hover,.hero__jumplink:focus-visible{transform:translateY(-1px);border-color:var(--silver); color:var(--white);background:rgba(199,203,210,.10); box-shadow:none} .hero__jumplink:hover::after{transform:translateY(3px)} .hero__jumplink:focus-visible{outline:2px solid var(--silver);outline-offset:3px} .hero__jumplink--alt::after{content:"\2192"} .hero__jumplink--alt:hover::after{transform:translateX(3px)} @media(max-width:520px){.hero__jump{gap:12px}.hero__jumplink{width:100%;font-size:16px;padding:14px 22px}} @media(prefers-reduced-motion:reduce){.hero__jumplink,.hero__jumplink::after{transition:none}.hero__jumplink:hover,.hero__jumplink:focus-visible{transform:none}} #compare{scroll-margin-top:112px} html{scroll-behavior:smooth} #process{scroll-margin-top:112px} .hero__jumplink--custom{margin-left:0;font-family:var(--body);font-size:13px;padding:10px 14px;color:var(--silver);background:transparent;box-shadow:none} .hero__jumplink--custom::after{content:"\2197";font-size:14px} .hero__jumplink--custom:hover::after{transform:translate(2px,-2px)} @media(max-width:820px){.hero__jump{width:auto;max-width:100%}} @media(max-width:520px){.hero__jumplink--custom{font-size:14px;padding:12px 18px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.totop__shine,.totop__shine::before{animation:none}.totop__shine{display:none}} /* LANG TOGGLE */ .lang{display:inline-flex;align-items:center;gap:7px;background:transparent; border:1.5px solid var(--lg);color:var(--gold);font-family:var(--body); font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:30px; min-height:44px;cursor:pointer;transition:all .2s} .lang:hover{background:rgba(200,168,96,.12);border-color:var(--gold)} /* HERO */ .hero{position:relative;overflow:hidden;padding:88px 0 76px; background:var(--bg)} .hero__cog{position:absolute;right:3%;top:50%;transform:translateY(-50%);width:clamp(260px,38%,420px);opacity:.08;pointer-events:none} .hero__in{position:relative;max-width:740px} .eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase; color:var(--gold);margin-bottom:22px} .hero h1{font-family:var(--serif);font-weight:800;font-size:clamp(30px,4.4vw,50px); line-height:1.12;color:var(--white);letter-spacing:-.01em;margin-bottom:20px;text-wrap:balance} .hero h1 b{color:inherit;font-weight:800} .hero__sub{font-size:17px;color:var(--muted);line-height:1.6;max-width:560px;margin-bottom:8px} .hero__consult{font-size:14.5px;color:rgba(249,250,251,.78);line-height:1.55;max-width:560px;margin:0 0 12px} .hero__consult a{color:var(--gold);font-weight:700;text-decoration:none} .hero__consult a:hover{color:var(--white)} .hero__caption{font-size:13px;color:rgba(249,250,251,.68);max-width:560px;margin-bottom:28px;line-height:1.5} .hero__note{display:flex;align-items:flex-start;gap:9px;margin-top:24px; font-size:13px;color:var(--muted);max-width:540px;line-height:1.5} .hero__note svg{color:var(--gold);flex-shrink:0;margin-top:2px} /* TRUST BAR */ .trust{background:var(--panel);border-top:1px solid var(--lw);border-bottom:1px solid var(--lw)} .trust__in{max-width:1680px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:repeat(4,1fr)} .trust__item{padding:30px 38px;display:flex;align-items:flex-start;gap:20px;border-right:1px solid var(--lw)} .trust__item:last-child{border-right:none} .trust__ic{width:50px;height:50px;border-radius:50%;background:rgba(200,168,96,.14); display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0} .trust__ic--county{width:64px;height:64px;border-radius:0;background:transparent} .trust__ic--county img{display:block;width:100%;height:100%;object-fit:contain} .trust__t{font-size:18px;font-weight:700;color:var(--gold);margin-bottom:6px;line-height:1.25} .trust__d{font-size:15px;color:var(--muted);line-height:1.6} /* SECTIONS */ .sec{padding:80px 0} .sec--bg{background:var(--bg)} .sec--panel{background:var(--panel)} .sec__head{max-width:680px;margin:0 auto 50px;text-align:center} .sec__head--left{text-align:left} .sec__head--left .sec__rule{margin-left:0} .sec__eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase; color:var(--gold);display:block;margin-bottom:14px} .sec__eyebrow--lg{font-size:14px;letter-spacing:.18em;margin-bottom:16px} .sec h2{font-family:var(--serif);font-weight:800;font-size:clamp(24px,3.2vw,36px); line-height:1.15;color:var(--white);letter-spacing:-.01em;text-wrap:balance} .sec h2 b{color:inherit;font-weight:800} .sec__rule{display:none} .sec__sub{font-size:16px;color:var(--muted);margin-top:18px;line-height:1.6} /* SERVICE CARDS */ .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;max-width:940px;margin:0 auto} #addl .cards{grid-template-columns:repeat(2,1fr);max-width:940px} #addl .pcard .tier-cards,#addl .pcard .tiers{margin-top:auto} .pcard{background:var(--panel);border:1px solid var(--lw); border-radius:0;padding:30px 28px;display:flex;flex-direction:column; transition:transform .25s,border-color .25s,box-shadow .25s} .pcard:hover{transform:translateY(-4px);border-color:var(--lg);box-shadow:0 16px 44px rgba(0,0,0,.32)} .pcard__form{font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--white);margin-bottom:10px;line-height:1.55} .pcard h3{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--white); line-height:1.2;margin-bottom:7px;text-wrap:balance;min-height:48px;display:flex;align-items:flex-end} .pcard__desc{font-size:13.5px;color:var(--muted);line-height:1.5;margin-bottom:18px; text-wrap:balance;min-height:84px} .tiers{margin-bottom:4px} .tiers li{border-bottom:1px solid var(--lw)} .tiers li:last-child{border-bottom:none} .tier{display:flex;justify-content:space-between;align-items:baseline;gap:12px; padding:11px 8px;font-size:14px;border-radius:0;cursor:pointer;transition:background .15s} .tier:hover{background:rgba(199,203,210,.09)} .tier:hover .tier-name{color:#fff;text-decoration:none} .tier-name{color:rgba(249,250,251,.88)} .tier-price{font-weight:700;color:var(--gold);white-space:nowrap} .tier-price em{font-style:normal;font-size:11px;font-weight:400;color:var(--muted)} .pcard__cta-note{font-size:12px;color:rgba(249,250,251,.36);margin:10px 0 4px;font-style:italic} .addon{font-size:13px;color:var(--muted);line-height:1.55;padding:14px 0 0;margin-bottom:4px} .addon b{color:var(--gold);font-weight:600} .tier-note{max-width:940px;margin:16px auto 0;font-size:13px;color:var(--muted);text-align:center;line-height:1.6} /* COUNTIES */ .counties{text-align:center;margin-top:22px} .counties__label{display:block;font-size:11px;font-weight:700;letter-spacing:.1em; text-transform:uppercase;color:var(--muted);margin-bottom:8px} .counties__list{display:block;font-weight:700;font-size:clamp(10px,2.6vw,15px); color:var(--gold);white-space:normal;letter-spacing:.02em;line-height:1.55} /* PROCESS STEPS */ .process{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative} .process--six{grid-template-columns:repeat(6,1fr)} .process::before{content:'';position:absolute;top:28px;left:10%;right:10%; height:2px;background:rgba(200,168,96,.25);z-index:0} .process__step{display:flex;flex-direction:column;align-items:center; text-align:center;padding:0 12px;position:relative;z-index:1} .process__num{width:56px;height:56px;border-radius:50%;background:var(--bg); border:2px solid var(--gold);display:flex;align-items:center;justify-content:center; font-family:var(--serif);font-size:20px;font-weight:700;color:var(--gold); margin-bottom:14px;flex-shrink:0} .sec--panel .process__num{background:var(--panel)} .process__step h4{font-size:13px;font-weight:700;color:var(--white);line-height:1.3;margin-bottom:6px} .process__step p{font-size:12px;color:var(--muted);line-height:1.5} .process__step--full .process__num{ position:relative; overflow:hidden; color:var(--white); background:repeating-linear-gradient(135deg,var(--gold) 0 7px,var(--bg) 7px 14px); text-shadow:0 1px 3px rgba(0,0,0,.9); } .sec--panel .process__step--full .process__num{ background:repeating-linear-gradient(135deg,var(--gold) 0 7px,var(--panel) 7px 14px); } /* NOTICE BOX */ .note{display:flex;gap:16px;align-items:flex-start;background:rgba(255,255,255,.03); border:1px solid var(--lw);border-radius:3px; padding:22px 24px;font-size:14.5px;line-height:1.7;color:rgba(249,250,251,.85); max-width:940px;margin:0 auto} .note__ic{width:24px;height:24px;background:transparent; display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0} .note b{color:var(--white)} /* CUSTOM REQUEST: compact, secondary note only */ .custom-note{max-width:940px;margin:26px auto 0;padding:17px 20px;border:1px solid var(--lw);border-radius:5px;background:rgba(255,255,255,.018);color:var(--muted);font-size:13px;line-height:1.62;text-align:left} .custom-note p{margin:0} .custom-note strong{color:rgba(249,250,251,.88);font-weight:650} .custom-note__email{display:inline-block;margin:7px 0 6px;color:var(--gold);font-weight:650;text-decoration:none} .custom-note__email:hover,.custom-note__email:focus-visible{color:var(--white)} .custom-note__details{font-size:12.5px;color:rgba(157,166,183,.88)} /* LDA BLOCK */ .lda-block{background:rgba(200,168,96,.07);border:1px solid var(--lw); border-radius:4px;padding:22px 26px;font-size:14px;line-height:1.8; max-width:520px;margin:0 auto} .lda-block__title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase; color:var(--gold);margin-bottom:12px;display:flex;align-items:center;gap:8px} .lda-block span{color:var(--muted)} .lda-block b{color:rgba(249,250,251,.85);font-weight:600} /* CAN / CANNOT */ .can-cannot{display:grid;grid-template-columns:1fr 1fr;gap:24px} .can-box{background:var(--panel);border:1px solid var(--lw);border-radius:4px;padding:26px 24px} .cannot-box{background:var(--panel);border:1px solid var(--lw);border-top:3px solid rgba(249,250,251,.45);border-radius:4px;padding:26px 24px} .can-box h3{font-size:15px;font-weight:700;color:var(--gold);margin-bottom:14px} .cannot-box h3{font-size:15px;font-weight:700;color:rgba(249,250,251,.76);margin-bottom:14px} .can-box li,.cannot-box li{font-size:14px;color:rgba(249,250,251,.82); padding:5px 0 5px 22px;position:relative;line-height:1.5} .can-box li::before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:700} .cannot-box li::before{content:'✕';position:absolute;left:0;color:rgba(249,250,251,.62);font-weight:700} /* SERVICE DETAIL */ .service-detail{background:rgba(255,255,255,.03);border:1px solid var(--lw); border-radius:4px;padding:32px 30px;margin-bottom:24px} .service-detail h3{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--white);margin-bottom:6px} .service-detail__for{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:18px} .service-detail__cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px} .incl h4,.excl h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px} .incl h4{color:var(--gold)} .excl h4{color:rgba(249,250,251,.72)} .incl li,.excl li{font-size:13px;color:rgba(249,250,251,.82);padding:4px 0 4px 20px;position:relative;line-height:1.5} .incl li::before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:700} .excl li::before{content:'✕';position:absolute;left:0;color:rgba(249,250,251,.62);font-weight:700} .scope-note{background:rgba(200,168,96,.07);border:1px solid var(--lw);border-radius:2px; padding:14px 18px;font-size:13px;line-height:1.7;color:var(--muted);margin-top:auto} .scope-note b{color:rgba(249,250,251,.85)} .service-detail__pricing{border-top:1px solid var(--lw);margin-top:20px;padding-top:18px; display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:14px} .service-detail__pricing strong{color:var(--gold);font-weight:700} /* PRICING TABLE */ .pricing-table{width:100%;border-collapse:collapse;font-size:14px;border-radius:4px;overflow:hidden} .pricing-table thead{background:rgba(200,168,96,.12)} .pricing-table th{padding:13px 16px;text-align:left;font-size:11px;font-weight:700; letter-spacing:.06em;text-transform:uppercase;color:var(--gold)} .pricing-table tbody tr{border-bottom:1px solid var(--lw)} .pricing-table tbody tr:last-child{border-bottom:none} .pricing-table td{padding:12px 16px;color:rgba(249,250,251,.85);vertical-align:middle} .price-col{font-weight:700;color:var(--gold)} .pricing-table a.btn{font-size:11px;padding:5px 12px;white-space:nowrap} /* PIPELINE */ .pipeline{background:rgba(255,255,255,.03);border:1px solid var(--lw); border-radius:4px;padding:20px 24px;margin-bottom:14px} .pipeline h4{font-size:14px;font-weight:700;color:var(--white);margin-bottom:10px} .pipeline__steps{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:13px} .pipeline__step{background:rgba(200,168,96,.08);border:1px solid var(--lg); border-radius:20px;padding:4px 12px;color:rgba(249,250,251,.8);font-weight:500} .pipeline__arrow{color:var(--gold);font-size:14px;font-weight:700} .pipeline__ep{font-size:12px;color:var(--muted);margin-top:10px;font-style:italic;line-height:1.5} /* STEP DETAIL */ .step-detail{display:grid;grid-template-columns:56px 1fr;gap:20px; padding:24px 0;border-bottom:1px solid var(--lw);align-items:flex-start} .step-detail:last-child{border-bottom:none} .step-detail__num{width:56px;height:56px;border-radius:50%;background:rgba(200,168,96,.12); border:2px solid var(--gold);display:flex;align-items:center;justify-content:center; font-family:var(--serif);font-size:20px;font-weight:800;color:var(--gold);flex-shrink:0} .step-detail h4{font-size:17px;font-weight:700;color:var(--white);margin-bottom:8px} .step-detail p{font-size:14px;color:var(--muted);line-height:1.7} /* UPLOAD CALLOUT */ .upload-callout{background:rgba(200,168,96,.08);border:1px solid var(--lg);border-radius:4px; padding:36px 40px;display:flex;align-items:center;gap:28px} .upload-callout__ic{width:68px;height:68px;border-radius:50%;background:rgba(200,168,96,.14); display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0} .upload-callout__text{flex:1} .upload-callout h3{font-family:var(--serif);font-size:20px;font-weight:700;color:var(--white);margin-bottom:8px} .upload-callout p{font-size:14px;color:var(--muted);line-height:1.6} /* FAQ */ .faq-group{margin-bottom:38px} .faq-group__title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase; color:var(--gold);border-bottom:0;padding-bottom:10px; margin-bottom:4px;display:flex;align-items:center;gap:10px} details.faq-item{border-bottom:1px solid var(--lw)} details.faq-item summary{display:flex;align-items:center;justify-content:space-between; padding:16px 4px;cursor:pointer;font-size:15px;font-weight:600; color:rgba(249,250,251,.9);list-style:none;gap:12px; user-select:none;transition:color .2s} details.faq-item summary::-webkit-details-marker{display:none} details.faq-item summary::after{content:'';width:20px;height:20px;border-radius:50%; flex-shrink:0;background:rgba(200,168,96,.12) url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8l5 5 5-5' stroke='%23C8A860' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat; border:1px solid var(--lg);transition:transform .2s} details.faq-item[open] summary::after{transform:rotate(180deg)} details.faq-item[open] summary{color:var(--gold)} .faq-item__body{padding:4px 4px 20px;font-size:14px;color:var(--muted);line-height:1.75} .faq-item__body a{color:var(--gold);text-decoration:none} /* CONTACT */ .contact-card{background:rgba(255,255,255,.04);border:1px solid var(--lw);border-radius:3px; padding:20px 22px;display:flex;align-items:flex-start;gap:14px} .contact-card__ic{width:40px;height:40px;border-radius:50%;background:rgba(200,168,96,.14); display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0} .contact-card__lbl{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase; color:var(--gold);margin-bottom:4px} .contact-card__val{font-size:15px;font-weight:600;color:var(--white)} .contact-card__sub{font-size:12px;color:var(--muted);margin-top:2px} .form-group{display:flex;flex-direction:column;gap:6px} .form-group label{font-size:13px;font-weight:600;color:rgba(249,250,251,.85)} .form-group input,.form-group select,.form-group textarea{font-family:var(--body);font-size:14px; padding:11px 14px;border:1.5px solid rgba(255,255,255,.12);border-radius:3px; color:var(--white);background:rgba(255,255,255,.06);width:100%;outline:none;transition:border-color .2s} .form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--gold)} .form-group select option{background:var(--panel)} .form-group textarea{resize:vertical;min-height:120px} .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px} .contact-form{display:flex;flex-direction:column;gap:16px} /* FOOTER */ .foot{background:var(--panel);color:var(--muted);border-top:1px solid var(--lw)} .foot__main{padding:58px 0 38px} .foot__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:44px} .foot__brand{display:flex;align-items:center;gap:12px;margin-bottom:16px} .foot__brand img{height:38px;width:auto} .foot__brand-name{font-family:var(--serif);font-size:16px;font-weight:600;color:var(--silver);display:block} .foot__brand-sub{font-size:10px;color:rgba(255,255,255,.68);display:block} .foot__tag{font-size:13px;color:rgba(255,255,255,.5);line-height:1.65;max-width:300px} .foot__col h4{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase; color:var(--gold);margin-bottom:14px} .foot__col a{display:block;font-size:13.5px;color:rgba(255,255,255,.58);padding:4px 0;transition:color .2s} .foot__col a:hover{color:var(--gold)} .foot__ci{display:flex;align-items:flex-start;gap:10px;font-size:13.5px; color:rgba(255,255,255,.65);margin-bottom:11px} .foot__ci svg{color:var(--gold);flex-shrink:0;margin-top:3px} .foot__hours span{display:block} .foot__hours a{padding:2px 0 0;text-decoration:none} .foot__bottom{border-top:1px solid var(--lw);padding:22px 0} .foot__bottom-inner{display:flex;flex-direction:column;gap:14px} .foot__disc{font-size:12px;color:rgba(255,255,255,.68);line-height:1.7;max-width:900px} .foot__bottom-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px} .foot__copy{font-size:12px;color:rgba(255,255,255,.68)} .foot__legal{display:flex;gap:20px} .foot__legal a{font-size:12px;color:rgba(255,255,255,.68);transition:color .2s} .foot__legal a:hover{color:var(--gold)} /* LANGUAGE MODAL */ .lang-modal{position:fixed;inset:0;z-index:9999;background:rgba(10,12,20,.82); backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px} .lang-modal.hidden{display:none} .lang-modal__card{background:var(--panel);border:1px solid var(--lg);border-radius:8px; padding:44px 38px;max-width:380px;width:100%;text-align:center; box-shadow:0 24px 60px rgba(0,0,0,.55)} .lang-modal__brand{font-family:var(--serif);font-size:26px;font-weight:700;color:var(--gold)} .lang-modal__byline{font-size:11px;color:rgba(255,255,255,.45);margin-top:4px} .lang-modal__div{display:none!important} .lang-modal__title{font-size:20px;font-weight:400;color:#fff;margin-bottom:4px} .lang-modal__sub{font-size:20px;font-weight:400;color:var(--muted);margin-bottom:28px} .lang-modal__btns{display:flex;flex-direction:column;gap:12px} .lang-modal__btn{font-family:var(--body);font-size:16px;font-weight:400;padding:15px; border-radius:4px;border:1.5px solid var(--lg);background:transparent; color:#fff;cursor:pointer;transition:all .2s} .lang-modal__btn:hover{border-color:var(--gold);background:rgba(200,168,96,.1)} .lang-modal__btn--primary{background:var(--gold);color:var(--panel);border-color:var(--gold)} .lang-modal__btn--primary:hover{background:var(--gold-d);border-color:var(--gold-d);color:#fff} /* RESPONSIVE */ @media(max-width:1024px){ .foot__grid{grid-template-columns:1fr 1fr;gap:32px} } @media(max-width:1240px){ .nav__in{height:76px;padding:0 20px;gap:14px} .brand img{height:48px} .brand__name{font-size:18px} .nav__ham{display:flex;width:44px;min-width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center} .nav__links{position:fixed;top:76px;left:0;right:0;max-height:calc(100vh - 76px);max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column; align-items:stretch;gap:2px;padding:16px 24px 24px;background:var(--panel); border-top:1px solid var(--lg);border-bottom:1px solid var(--lg); box-shadow:0 14px 32px rgba(0,0,0,.45);display:none;margin-right:0} .nav__links.open{display:flex} .nav__links a:not(.btn){display:block;width:100%;padding:12px 2px; border-bottom:1px solid var(--lw);font-size:15px} .nav__links .lang{align-self:flex-start;margin-top:12px} .nav__links .btn--gold{width:100%;justify-content:center;margin-top:10px;padding:14px} .nav--scrolled .nav__links{top:70px;max-height:calc(100vh - 70px);max-height:calc(100dvh - 70px)} } @media(max-width:1180px){ .trust__in{grid-template-columns:repeat(2,minmax(0,1fr))} .trust__item:nth-child(2){border-right:0} .trust__item:nth-child(-n+2){border-bottom:1px solid var(--lw)} } @media(max-width:860px){ .nav__in{height:76px;padding:0 16px;gap:12px} .brand img{height:48px} .brand__name{font-size:18px} .nav__ham{display:flex;width:44px;min-width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center} .nav__links{position:fixed;top:76px;left:0;right:0;flex-direction:column; align-items:stretch;gap:2px;padding:16px 24px 24px;background:var(--panel); border-top:1px solid var(--lg);border-bottom:1px solid var(--lg); box-shadow:0 14px 32px rgba(0,0,0,.45);display:none} .nav__links.open{display:flex} .nav__links a:not(.btn){display:block;width:100%;padding:12px 2px; border-bottom:1px solid var(--lw);font-size:15px} .nav__links .lang{align-self:flex-start;margin-top:12px} .nav__links .btn--gold{width:100%;justify-content:center;margin-top:10px;padding:14px} .trust__in{grid-template-columns:1fr} .trust__item{border-right:none;border-bottom:1px solid var(--lw)} .trust__item:last-child{border-bottom:0} .cards{grid-template-columns:1fr} #addl .cards{grid-template-columns:1fr} .can-cannot{grid-template-columns:1fr} .process{grid-template-columns:1fr} .process::before{display:none} .service-detail__cols{grid-template-columns:1fr} .foot__grid{grid-template-columns:1fr;gap:32px} .foot__col a{display:flex;align-items:center;min-height:44px;padding:7px 0} .foot__legal{flex-wrap:wrap;gap:4px 20px} .foot__legal a{display:inline-flex;align-items:center;min-height:44px} .foot__bottom-row{flex-direction:column;align-items:flex-start} .upload-callout{flex-direction:column;padding:28px 24px} .form-row{grid-template-columns:1fr} .hero__cog{position:absolute;right:3%;top:50%;transform:translateY(-50%);width:clamp(260px,38%,420px);opacity:.08;pointer-events:none} .btn-row{flex-direction:column} .btn-stack{max-width:none;width:100%;align-items:stretch;text-align:center} .btn-row .btn{justify-content:center} } @media(max-width:520px){ .tier{align-items:flex-start} .tier-name{min-width:0} .tier-price{white-space:normal;text-align:right;line-height:1.35;max-width:46%} .tier-card__price{white-space:normal;text-align:right;line-height:1.35;max-width:46%} } @media(max-width:360px){ .nav__in{padding:0 12px;gap:8px} .brand{gap:8px;min-width:0} .brand__txt{min-width:0} .brand__name{font-size:16px;white-space:nowrap} .brand__sub{font-size:10px;white-space:nowrap} .partner-wrap{width:min(1120px,calc(100% - 24px))!important} .partner-brand{gap:8px!important;min-width:0!important;max-width:100%!important} .partner-brand img{width:44px!important;height:44px!important} .partner-brand>span{min-width:0!important} .partner-brand strong{font-size:20px!important;overflow-wrap:anywhere} .partner-brand span span{font-size:11px!important} } @media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}} /* TIER CARDS */ .tier-cards{display:flex;flex-direction:column;gap:8px;margin-bottom:10px} .tier-card{display:block;background:rgba(255,255,255,.03);border:1px solid var(--lw); border-radius:3px;padding:13px 14px;cursor:pointer; transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;text-decoration:none} .tier-card:hover,.tier-card:focus-visible{position:relative;z-index:2;transform:translateY(-3px) scale(1.01);background:rgba(200,168,96,.08);border-color:var(--gold);box-shadow:0 12px 26px rgba(0,0,0,.22)} .tier-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px} .tier-card__top{display:flex;justify-content:space-between;align-items:baseline; gap:10px;margin-bottom:7px} .tier-card__name{font-size:14px;font-weight:600;color:var(--white)} .tier-card:hover .tier-card__name{text-decoration:none} .tier-card__price{font-weight:700;color:var(--gold);white-space:nowrap;font-size:14px} .tier-card__price em{font-style:normal;font-size:11px;font-weight:400;color:var(--muted)} .tier-card__items{list-style:none;padding:0;margin:0} .tier-card__items li{font-size:12px;color:var(--muted);padding:2px 0 2px 16px; position:relative;line-height:1.45} .tier-card__items li::before{content:'✓';position:absolute;left:0;color:var(--gold); font-size:11px;font-weight:700} /* BPC 6408 LDA disclosure (footer, visible) */ .lda-disclosure{border:1px solid var(--lg);border-radius:10px;padding:18px 20px;margin-bottom:24px;font-size:13px;line-height:1.75;color:var(--muted);max-width:580px} .lda-disclosure__name{color:var(--text);font-weight:700;font-family:var(--serif);font-size:15px;margin-bottom:2px} .lda-disclosure a{color:var(--gold)} .lda-disclosure__stmt{margin-top:11px;color:var(--text);font-style:italic;border-top:1px solid var(--lw);padding-top:11px} .brand__name .dotcom{font-size:12px;font-weight:400;color:rgba(255,255,255,.55);letter-spacing:.01em} .foot__brand-name .dotcom{font-size:10px;font-weight:400;color:rgba(255,255,255,.68)} .lang-modal__brand .dotcom{font-size:14px;font-weight:400;color:rgba(255,255,255,.55)} .partner-brand strong .dotcom{font-size:.46em;font-weight:400;color:rgba(255,255,255,.55);letter-spacing:.01em} /* Site-wide restraint: headings use one color and decorative accent strokes stay neutral. */ :is(h1,h2,h3,h4,h5,h6) :is(b,strong,em,span){color:inherit!important} .service-card{border-top-width:1px!important;border-top-color:var(--lw)!important} .ally-story__card,.ally-story__mark,.lang-box{border-color:var(--lw)!important} /* How-it-works: per-tier step tracks */ .htracks{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1040px;margin:0 auto;align-items:start} .htrack{background:rgba(255,255,255,.025);border:1px solid rgba(200,168,96,.22);border-radius:14px;padding:24px 22px} .htrack__name{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--gold);line-height:1.15} .htrack__price{font-size:13px;color:var(--muted);margin:2px 0 16px} .htrack__step{display:flex;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)} .htrack__step:first-of-type{border-top:none;padding-top:2px} .htrack__n{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:rgba(200,168,96,.14);color:var(--gold);font-family:var(--serif);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px} .htrack__b h5{font-size:13.5px;font-weight:700;color:var(--white);margin:0 0 3px;line-height:1.25} .htrack__b p{font-size:12.5px;color:var(--muted);line-height:1.5;margin:0} @media(max-width:820px){.htracks{grid-template-columns:1fr;max-width:520px}} /* Homepage: compact per-tier step flow */ .tflow__intro{text-align:center;max-width:640px;margin:0 auto 44px;color:var(--muted);font-size:16.5px;line-height:1.75} .tflow{max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:36px} .tflow__row{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center} .tflow__name{font-family:var(--serif);font-size:21px;font-weight:700;color:var(--gold);line-height:1.2} .tflow__price{display:block;font-family:var(--body);font-size:14px;color:var(--muted);font-weight:400;margin-top:5px} .tflow__steps{display:flex;align-items:flex-start} .tflow__step{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;flex:0 0 auto;width:100px} .tflow__step:not(:last-child)::after{content:'';position:absolute;top:23px;left:50%;width:100%;height:2px;background:rgba(200,168,96,.22);z-index:0} .tflow__n{width:46px;height:46px;border-radius:50%;background:var(--bg);border:2px solid var(--gold);color:var(--gold);font-family:var(--serif);font-size:19px;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;z-index:1} .tflow__l{font-size:13.5px;color:var(--muted);margin-top:13px;line-height:1.3} .tflow__step--tier .tflow__n{background:var(--silver);border-color:var(--silver);color:var(--panel)} .tflow__step--tier .tflow__l{color:var(--white)} @media(max-width:820px){.tflow__row{grid-template-columns:1fr;gap:12px}.tflow__name{text-align:center}.tflow__steps{overflow-x:auto;justify-content:flex-start;padding-bottom:6px}} .tflow__group{font-family:var(--body);font-size:13.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-d);margin:22px 0 4px;padding-left:2px;text-align:center} .tflow__note{text-align:center;max-width:740px;margin:40px auto 0;color:var(--muted);font-size:14px;line-height:1.7} /* How-it-works: shared steps, paths, and matrix. */ .process--four{grid-template-columns:repeat(4,1fr)} .paths{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1020px;margin:0 auto} .path{background:rgba(255,255,255,.025);border:1px solid var(--lw);border-radius:14px;padding:26px 24px} .path__badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--silver);background:rgba(199,203,210,.12);border:1px solid rgba(199,203,210,.28);border-radius:20px;padding:4px 12px;margin-bottom:14px} .path__name{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--white);margin-bottom:10px} .path__desc{font-size:13.5px;color:var(--muted);line-height:1.6} .pmatrix-wrap{max-width:960px;margin:0 auto;overflow-x:auto} .pmatrix{width:100%;border-collapse:collapse;font-size:13.5px} .pmatrix th,.pmatrix td{text-align:left;padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap} .pmatrix thead th{font-family:var(--body);font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--gold-d);border-bottom:1px solid var(--lw)} .pmatrix td:first-child,.pmatrix th:first-child{white-space:normal} .pmatrix td:first-child{font-family:var(--serif);font-weight:700;color:var(--white)} .p-price{color:var(--gold);font-weight:700} .p-sub{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:2px;white-space:normal} .p-na{color:rgba(255,255,255,.25)} .pmatrix__note{max-width:960px;margin:18px auto 0;font-size:12px;color:var(--muted);line-height:1.6} @media(max-width:820px){ .paths{grid-template-columns:1fr} .pmatrix-wrap{overflow:visible} .pmatrix,.pmatrix tbody,.pmatrix tr,.pmatrix td{display:block;width:100%} .pmatrix thead{display:none} .pmatrix tbody{display:grid;gap:14px} .pmatrix tr{background:var(--panel);border:1px solid var(--lw);border-radius:4px;overflow:hidden} .pmatrix td,.pmatrix td:first-child{display:grid;grid-template-columns:minmax(96px,.8fr) minmax(0,1.4fr);gap:14px;align-items:start;padding:11px 14px;border-bottom:1px solid var(--lw);white-space:normal;font-family:var(--body);font-weight:400;color:rgba(249,250,251,.86)} .pmatrix td:last-child{border-bottom:0} .pmatrix td::before{font-family:var(--body);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--gold-d);line-height:1.5} .pmatrix td:nth-child(1)::before{content:'Service group'} .pmatrix td:nth-child(2)::before{content:'Services'} .pmatrix td:nth-child(3)::before{content:'Price'} .pmatrix td:nth-child(4)::before{content:'What it covers'} html[lang='es'] .pmatrix td:nth-child(1)::before{content:'Grupo de servicios'} html[lang='es'] .pmatrix td:nth-child(2)::before{content:'Servicios'} html[lang='es'] .pmatrix td:nth-child(3)::before{content:'Precio'} html[lang='es'] .pmatrix td:nth-child(4)::before{content:'Qué incluye'} } /* Reserved: CALDA certified-specialist badge (activates when the commented trust item is enabled) */ .trust__ic--badge{background:none;border:none;padding:0;width:auto;height:auto} .calda-badge{width:76px;height:76px;border-radius:50%;display:block;margin-top:-4px} /* --- CALDA trust badge: shines in sync with the cog's CALDA flip; badge itself never flips --- */ .calda-wrap{position:relative;display:block;width:76px;height:76px;border-radius:50%;overflow:hidden;margin-top:-4px} .calda-wrap .calda-badge{margin-top:0} .calda-shine{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none;opacity:0;z-index:2; animation:bm-glow 75s ease-in-out 14s infinite} .calda-shine::before{content:"";position:absolute;top:-40%;left:0;width:38%;height:180%; background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent); transform:rotate(18deg) translateX(-60px);animation:calda-sweep 75s ease-in-out 14s infinite} @keyframes calda-sweep{0%,2.7%{transform:rotate(18deg) translateX(-60px)}5.2%{transform:rotate(18deg) translateX(120px)}100%{transform:rotate(18deg) translateX(120px)}} /* Keep the flat-fee icon inside the established brand palette. */ .trust__ic--usd{color:var(--gold)} /* ===== Animated brandmark: nav logo occasionally flips to the CALDA seal with a light sweep ===== */ .brand .brandmark{position:relative;display:inline-block;width:62px;height:62px;perspective:600px;flex-shrink:0} .brand .brandmark__inner{position:absolute;inset:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;animation:bm-flip 75s ease-in-out 14s infinite} /* faces swap on opacity, not backface-visibility (which silently hid a face in Chrome). fill-mode:both holds the base state through the 14s delay; translateZ avoids a coplanar z-fight at 180deg. */ .brand .brandmark__face{position:absolute;top:0;left:0;width:62px;height:62px;object-fit:contain} .brand .brandmark__front{opacity:1;animation:totop-face-front 75s ease-in-out 14s infinite both} .brand .brandmark__back{opacity:0;transform:rotateY(180deg) translateZ(3px);animation:totop-face-back 75s ease-in-out 14s infinite both} .brand .brandmark__front img,.brand .brandmark__back img{width:100%;height:100%;object-fit:contain;display:block} .brand .brandmark__calda{border-radius:50%} .brand .brandmark__shine{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none;opacity:0;z-index:2;animation:bm-glow 75s ease-in-out 14s infinite} .brand .brandmark__shine::before{content:"";position:absolute;top:-40%;left:0;width:40%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:rotate(18deg) translateX(-48px);animation:bm-sweep 75s ease-in-out 14s infinite} @keyframes bm-flip{0%{transform:rotateY(0deg)}2.7%{transform:rotateY(180deg)}4.7%{transform:rotateY(180deg)}6.7%,100%{transform:rotateY(360deg)}} @keyframes totop-face-front{0%,1.34%{opacity:1}1.35%,5.69%{opacity:0}5.7%,100%{opacity:1}} @keyframes totop-face-back{0%,1.34%{opacity:0}1.35%,5.69%{opacity:1}5.7%,100%{opacity:0}} @keyframes bm-glow{0%,1.7%{opacity:0}3%,4.5%{opacity:1}5.7%,100%{opacity:0}} @keyframes bm-sweep{0%,2.7%{transform:rotate(18deg) translateX(-48px)}5.2%{transform:rotate(18deg) translateX(96px)}100%{transform:rotate(18deg) translateX(96px)}} @media(max-width:860px){.brand .brandmark,.brand .brandmark__face{width:48px;height:48px}} @media(prefers-reduced-motion:reduce){.brand .brandmark__inner,.brand .brandmark__front,.brand .brandmark__back,.brand .brandmark__shine,.brand .brandmark__shine::before{animation:none}.brand .brandmark__calda,.brand .brandmark__shine,.brand .brandmark__back{display:none}.brand .brandmark__front{opacity:1}} @media(prefers-reduced-motion:reduce){.calda-shine,.calda-shine::before,.trust__ic--usd{animation:none}.calda-shine{display:none}} /* ===== Hero background cog: same flip, kept faint & frosted ("behind glass") ===== */ .herocog{position:absolute;right:3%;top:50%;transform:translateY(-50%);width:clamp(300px,40%,460px);aspect-ratio:1;opacity:.08;pointer-events:none;perspective:1200px;z-index:0} .herocog__inner{position:absolute;inset:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;animation:bm-flip 75s ease-in-out 14s infinite} .herocog__face{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain} .herocog__face:not(.herocog__back){opacity:1;animation:totop-face-front 75s ease-in-out 14s infinite both} .herocog__back{position:absolute;inset:0;opacity:0;transform:rotateY(180deg) translateZ(3px);animation:totop-face-back 75s ease-in-out 14s infinite both} .herocog__calda{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:50%} .herocog__shine{position:absolute;inset:0;border-radius:50%;overflow:hidden;pointer-events:none;opacity:0;animation:bm-glow 75s ease-in-out 14s infinite;z-index:1} .herocog__shine::before{content:"";position:absolute;top:-40%;left:-50%;width:35%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:rotate(18deg);filter:blur(8px);animation:hc-sweep 75s ease-in-out 14s infinite} @keyframes hc-sweep{0%,2.7%{left:-50%}5.2%{left:130%}100%{left:130%}} @media(prefers-reduced-motion:reduce){.herocog__inner,.herocog__face,.herocog__back,.herocog__shine,.herocog__shine::before{animation:none}.herocog__calda,.herocog__shine,.herocog__back{display:none}.herocog__face{opacity:1}} /* ===== Cog spinner: gear rotates, checkmark stays fixed ===== */ @keyframes cog-spin{to{transform:rotate(360deg)}} @keyframes cog-spin-rev{to{transform:rotate(-360deg)}} @keyframes cog-fade{to{opacity:0;visibility:hidden}} /* --- Page-load overlay --- */ #pageload{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;align-items:center;justify-content:center} body.cog-ready #pageload{animation:cog-fade .45s ease .35s forwards} #pageload .cog{position:relative;width:96px;height:96px} #pageload .cog__gear{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;animation:cog-spin 2.4s linear infinite} .pageload--done{display:none!important} /* --- Hover: nav brandmark gear spins on hover --- */ .brand .brandmark__gear{position:absolute;inset:0;background:url("../img/logo-gear.png") center/contain no-repeat;opacity:0;transition:opacity .2s;pointer-events:none} .brand:hover .brandmark__gear{opacity:1;animation:cog-spin 3s linear infinite} /* CALDA face spins too (reverse keyframe so it reads clockwise on the mirrored back face) */ .brand:hover .brandmark__calda{animation:cog-spin-rev 3s linear infinite} .brand:hover .brandmark__logo{opacity:0} .brand .brandmark__chk{position:absolute;inset:0;background:url("../img/logo-check.png") center/contain no-repeat;opacity:0;transition:opacity .2s;pointer-events:none;z-index:1} .brand:hover .brandmark__chk{opacity:1} /* --- Hover: buttons get a small spinning cog --- */ .btn::before{content:"";display:inline-block;width:0;height:14px;margin-right:0; background:url("../img/spin-gear.png") center/contain no-repeat;vertical-align:-2px;opacity:0; transition:width .22s ease,margin-right .22s ease,opacity .22s ease} .btn:hover::before{width:14px;margin-right:8px;opacity:.95;animation:cog-spin 1.6s linear infinite} @media(prefers-reduced-motion:reduce){ #pageload{animation-delay:0s} #pageload .cog__gear,.brand:hover .brandmark__gear,.brand:hover .brandmark__calda,.btn:hover::before{animation:none} .totop__inner,.totop__front,.totop__back{animation:none} .totop__back{display:none} .totop__front{opacity:1} } /* Partner pages already provide a complete unlawful-detainer section below. */ .service-row.additional > a[href="#unlawful-detainer"]{display:none} .partner-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap} .partner-language{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#fff;text-decoration:none;font-size:13px;background:var(--panel)} .partner-language:hover,.partner-language:focus-visible{border-color:var(--gold);color:var(--gold)} .partner-hero a,.page-foot a{text-decoration:none!important} @media(max-width:820px){.partner-tools{justify-content:flex-start;width:100%;max-width:100%}.partner-pill{white-space:normal!important;max-width:100%;overflow-wrap:anywhere}} /* ============================================================ PREMIUM POLISH LAYER ============================================================ */ /* --- craft details --- */ ::selection{background:var(--gold);color:var(--bg)} :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:2px} html{scroll-behavior:smooth} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}} /* --- nav condenses on scroll --- */ .nav{transition:box-shadow .28s ease,background .28s ease} .nav__in{transition:height .28s ease} .nav--scrolled{box-shadow:0 8px 28px rgba(0,0,0,.34)} .nav--scrolled .nav__in{height:70px} .nav--scrolled .brand img,.nav--scrolled .brandmark,.nav--scrolled .brandmark__face{transition:width .28s ease,height .28s ease} .nav--scrolled .brandmark,.nav--scrolled .brandmark__face{width:48px;height:48px} /* --- scroll reveal (only active once JS marks the body) --- */ .reveal-ready .reveal{opacity:0;transform:translateY(16px); transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)} .reveal-ready .reveal.in{opacity:1;transform:none} @media(prefers-reduced-motion:reduce){.reveal-ready .reveal{opacity:1!important;transform:none!important;transition:none}} /* --- back-to-top cog (gear turns with scroll position) --- */ .totop{position:fixed;right:26px;bottom:26px;width:54px;height:54px;z-index:150;border:none;padding:0;cursor:pointer; background:transparent;opacity:0;visibility:hidden;transform:translateY(10px); transition:opacity .3s ease,transform .3s ease,visibility .3s} .totop.show.cog-loaded{opacity:.92;visibility:visible;transform:none} .totop:hover{opacity:1} .totop{perspective:600px} .totop__inner{position:absolute;inset:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;animation:bm-flip 75s ease-in-out 14s infinite} .totop__face{position:absolute;inset:0} /* Chrome hides a backface-visibility face inside