/* ===== colors_and_type.ps-css ===== */ /* ============================================================ Parquet Service Paris — Colors & Type foundations Source of truth for all brand designs. Typeface: Inter (self-hosted from /fonts — 18pt optical cuts). ============================================================ */ /* Inter — self-hosted from /fonts (18pt optical cuts, general-purpose) */ :root { /* ---------- BRAND COLORS ---------- */ --psp-ink: #1A1A1A; /* primary near-black: headings, footer, ink text */ --psp-ink-pure: #0D0D0D; /* deepest black: arrow boxes, hairline accents */ --psp-gold: #B68E5E; /* primary brand accent — CTAs, logo accent, links */ --psp-gold-dark: #9C784C; /* gold hover / pressed */ --psp-gold-soft: #D8C3A3; /* tints, borders on dark */ --psp-sand: #E5DED4; /* section background — warm cream */ --psp-sand-light: #F2EDE5; /* lighter cream band */ --psp-white: #FFFFFF; /* ---------- NEUTRAL / TEXT SCALE ---------- */ --psp-fg1: #1A1A1A; /* primary text */ --psp-fg2: #4A4A4A; /* secondary text */ --psp-fg3: #6E6E6E; /* muted / captions */ --psp-fg-on-dark: #FFFFFF; /* text on ink */ --psp-fg-on-dark-mute: rgba(255,255,255,0.62); /* muted text on ink */ --psp-border: #E2E2E2; /* hairline dividers on light */ --psp-border-dark: rgba(255,255,255,0.14); /* dividers on ink */ /* ---------- TYPE ---------- */ --psp-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; /* Display & headings — light/regular, generous size, tight tracking */ --psp-h1-size: 64px; --psp-h1-weight: 400; --psp-h1-lh: 1.06; --psp-h1-ls: -0.02em; --psp-h2-size: 44px; --psp-h2-weight: 400; --psp-h2-lh: 1.10; --psp-h2-ls: -0.018em; --psp-h3-size: 28px; --psp-h3-weight: 500; --psp-h3-lh: 1.20; --psp-h3-ls: -0.01em; --psp-h4-size: 20px; --psp-h4-weight: 600; --psp-h4-lh: 1.30; --psp-h4-ls: -0.005em; /* Body */ --psp-body-size: 17px; --psp-body-weight: 400; --psp-body-lh: 1.65; --psp-small-size: 14px; --psp-small-lh: 1.5; /* Eyebrow / label — uppercase, wide tracking (logo + nav style) */ --psp-eyebrow-size: 13px; --psp-eyebrow-weight: 600; --psp-eyebrow-ls: 0.14em; --psp-eyebrow-transform: uppercase; /* ---------- SPACING (8px base) ---------- */ --psp-space-1: 4px; --psp-space-2: 8px; --psp-space-3: 12px; --psp-space-4: 16px; --psp-space-5: 24px; --psp-space-6: 32px; --psp-space-7: 48px; --psp-space-8: 64px; --psp-space-9: 96px; --psp-space-10: 128px; /* ---------- RADII ---------- */ --psp-radius-0: 0px; /* default — the brand is square-cornered */ --psp-radius-sm: 2px; --psp-radius-pill: 999px; /* only for the floating contact bubble */ /* ---------- ELEVATION ---------- */ --psp-shadow-sm: 0 1px 2px rgba(26,26,26,0.06); --psp-shadow-md: 0 8px 24px rgba(26,26,26,0.08); --psp-shadow-lg: 0 24px 60px rgba(26,26,26,0.14); /* ---------- MOTION ---------- */ --psp-ease: cubic-bezier(0.22, 0.61, 0.36, 1); --psp-dur: 220ms; /* ---------- LAYOUT ---------- */ --psp-maxw: 1280px; --psp-gutter: 48px; } /* ============================================================ SEMANTIC ELEMENT STYLES ============================================================ */ .ps-psp-h1 { font-family: var(--psp-font); font-size: var(--psp-h1-size); font-weight: var(--psp-h1-weight); line-height: var(--psp-h1-lh); letter-spacing: var(--psp-h1-ls); color: var(--psp-ink); margin: 0; text-wrap: balance; } .ps-psp-h2 { font-family: var(--psp-font); font-size: var(--psp-h2-size); font-weight: var(--psp-h2-weight); line-height: var(--psp-h2-lh); letter-spacing: var(--psp-h2-ls); color: var(--psp-ink); margin: 0; text-wrap: balance; } .ps-psp-h3 { font-family: var(--psp-font); font-size: var(--psp-h3-size); font-weight: var(--psp-h3-weight); line-height: var(--psp-h3-lh); letter-spacing: var(--psp-h3-ls); color: var(--psp-ink); margin: 0; } .ps-psp-h4 { font-family: var(--psp-font); font-size: var(--psp-h4-size); font-weight: var(--psp-h4-weight); line-height: var(--psp-h4-lh); letter-spacing: var(--psp-h4-ls); color: var(--psp-ink); margin: 0; } .ps-psp-body { font-family: var(--psp-font); font-size: var(--psp-body-size); font-weight: var(--psp-body-weight); line-height: var(--psp-body-lh); color: var(--psp-fg2); margin: 0; } .ps-psp-small { font-family: var(--psp-font); font-size: var(--psp-small-size); line-height: var(--psp-small-lh); color: var(--psp-fg3); margin: 0; } .ps-psp-eyebrow { font-family: var(--psp-font); font-size: var(--psp-eyebrow-size); font-weight: var(--psp-eyebrow-weight); letter-spacing: var(--psp-eyebrow-ls); text-transform: var(--psp-eyebrow-transform); color: var(--psp-gold); margin: 0; } /* ===== pro/app.ps-css ===== */ /* Parquet Service Pro — v2 "modern SaaS" layer. Brand colors from colors_and_type.ps-css; shape, depth & density are app-specific. */ :root{ --app-danger:#B4402F;--app-danger-bg:#FBEDEA;--app-success:#2F7A4F;--app-success-bg:#E8F3EC; --app-warn-bg:color-mix(in oklch,var(--psp-gold) 18%,white);--app-gold-tint:color-mix(in oklch,var(--psp-gold) 12%,white); --app-line:#E7E3DD;--app-line-2:#D9D4CC;--app-surface:#FAF8F5;--app-bg:#F6F3EE; --r-xs:6px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px; --sh-1:0 1px 2px rgba(26,26,26,.05);--sh-2:0 1px 2px rgba(26,26,26,.04),0 4px 14px rgba(26,26,26,.06); --sh-3:0 2px 6px rgba(26,26,26,.05),0 16px 40px rgba(26,26,26,.09);--sh-focus:0 0 0 4px color-mix(in oklch,var(--psp-gold) 30%,transparent); --grain:url("data:image/svg+xml;utf8,"); --warm-grad:radial-gradient(900px 520px at 88% -8%,color-mix(in oklch,var(--psp-gold) 34%,transparent),transparent 62%),radial-gradient(700px 460px at -12% 105%,color-mix(in oklch,var(--psp-gold-soft) 55%,transparent),transparent 60%),linear-gradient(180deg,#FCFAF7 0%,#F3EEE6 100%); --ink-grad:radial-gradient(700px 380px at 80% 0%,color-mix(in oklch,var(--psp-gold) 45%,transparent),transparent 65%),radial-gradient(600px 300px at 0% 100%,rgba(182,142,94,.18),transparent 60%),linear-gradient(180deg,#1E1B17,#141210); } .ps-scope *,.ps-hf *{box-sizing:border-box} .ps-scope,.ps-hf,.ps-scope,.ps-hf{margin:0;height:100%} .ps-scope a,.ps-hf a{color:var(--psp-ink);text-underline-offset:3px}.ps-scope a:hover,.ps-hf a:hover{color:var(--psp-gold-dark)} .ps-scope button,.ps-hf button,.ps-scope input,.ps-hf input,.ps-scope select,.ps-hf select,.ps-scope textarea,.ps-hf textarea{font-family:inherit} .ps-scope h1,.ps-hf h1,.ps-scope h2,.ps-hf h2,.ps-scope h3,.ps-hf h3,.ps-scope h4,.ps-hf h4,.ps-scope p,.ps-hf p{margin:0} @keyframes spin{to{transform:rotate(360deg)}} @keyframes fade{from{opacity:0}to{opacity:1}} @keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} @keyframes pop{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}} @keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}} /* ---------- STAGE ---------- */ .ps-stage{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:24px} .ps-stage.ps-full{padding:0;display:block} .ps-device{width:390px;height:min(844px,calc(100vh - 48px));background:#fff;box-shadow:var(--sh-3);overflow:hidden;position:relative;border-radius:28px} .ps-stage.ps-full .ps-device{width:100%;height:100vh;box-shadow:none;border-radius:0} .ps-app{container:psapp/inline-size;position:relative;height:100%;display:flex;flex-direction:column;background:var(--app-bg);overflow:hidden} .ps-app-main{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;scroll-behavior:smooth;display:flex;flex-direction:column} .ps-app-main>*:first-child{flex:1 0 auto} .ps-grain{position:relative;isolation:isolate} .ps-grain::after{content:"";position:absolute;inset:0;background-image:var(--grain);opacity:.16;mix-blend-mode:multiply;pointer-events:none;z-index:-1} .ps-grain.ps-dark::after{opacity:.22;mix-blend-mode:overlay} /* ---------- TYPE ---------- */ .ps-eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--psp-gold-dark)} .ps-title{font-size:28px;font-weight:500;letter-spacing:-.025em;line-height:1.15;color:var(--psp-ink);text-wrap:balance} .ps-title-sm{font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.3} .ps-lead-txt{font-size:16px;line-height:1.6;color:var(--psp-fg2);text-wrap:pretty} .ps-muted{color:var(--psp-fg3)} .ps-small{font-size:14px;line-height:1.5} .ps-stack{display:flex;flex-direction:column} .ps-row{display:flex;align-items:center} .ps-gap-4{gap:4px}.ps-gap-8{gap:8px}.ps-gap-12{gap:12px}.ps-gap-16{gap:16px}.ps-gap-24{gap:24px}.ps-gap-32{gap:32px} .ps-hr{height:1px;background:var(--app-line);border:0;margin:0} @container psapp (min-width:900px){.ps-title{font-size:34px}.ps-title-sm{font-size:22px}} /* ---------- PAGE ---------- */ .ps-page{padding:20px 16px 32px;max-width:880px;width:100%;margin:0 auto} .ps-page.ps-wide{max-width:1180px} .ps-page-head{display:flex;flex-direction:column;gap:12px;margin-bottom:20px} @container psapp (min-width:900px){.ps-page{padding:40px 40px 64px}.ps-page-head{margin-bottom:28px}} .ps-back{display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:14px;font-weight:500;color:var(--psp-fg2);background:none;border:0;padding:0;cursor:pointer;align-self:flex-start} .ps-back:hover{color:var(--psp-ink)} /* ---------- HEADER ---------- */ .ps-hdr{flex:none;display:flex;align-items:center;gap:8px;height:60px;padding:0 12px 0 16px;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--app-line);z-index:20} .ps-hdr.ps-clear{background:transparent;border-bottom-color:transparent;backdrop-filter:none} .ps-hdr-brand{display:flex;align-items:center;flex:none;background:none;border:0;cursor:pointer;padding:0} .ps-hdr-brand img{height:28px;display:block} .ps-hdr-nav{display:none} .ps-hdr-right{margin-left:auto;display:flex;align-items:center;gap:6px} .ps-hdr-link{display:flex;align-items:center;gap:6px;height:40px;padding:0 12px;border-radius:var(--r-sm);font-size:15px;font-weight:500;text-decoration:none;color:var(--psp-ink);background:none;border:0;cursor:pointer} .ps-hdr-link:hover{background:rgba(26,26,26,.05);color:var(--psp-ink)} .ps-hdr-cta{height:40px;background:var(--psp-ink);color:#fff;border:0;font-size:14px;font-weight:600;padding:0 16px;border-radius:var(--r-sm);cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:var(--sh-1);transition:background var(--psp-dur) var(--psp-ease)} .ps-hdr-cta:hover{background:#000} .ps-hdr-cta .ps-long{display:none} .ps-hdr-acct{display:flex;align-items:center;gap:10px;height:44px;padding:0 6px 0 6px;border-radius:999px;background:none;border:0;cursor:pointer;font-size:14px;font-weight:600;color:var(--psp-ink)} .ps-hdr-acct:hover{background:rgba(26,26,26,.05)} .ps-hdr-acct .ps-nm{display:none} .ps-avatar{width:34px;height:34px;border-radius:50%;background:var(--psp-ink);color:var(--psp-gold-soft);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex:none} .ps-nav-link{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:var(--r-sm);font-size:15px;font-weight:500;color:var(--psp-fg2);background:none;border:0;cursor:pointer} .ps-nav-link:hover{color:var(--psp-ink);background:rgba(26,26,26,.04)} .ps-nav-link.ps-on{color:var(--psp-ink);background:#fff;box-shadow:var(--sh-1),inset 0 0 0 1px var(--app-line)} .ps-nav-count{font-size:11px;font-weight:700;background:var(--psp-gold);color:var(--psp-ink);min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center} @container psapp (min-width:900px){.ps-hdr{height:72px;padding:0 32px}.ps-hdr-brand img{height:36px}.ps-hdr-nav{display:flex;position:absolute;left:50%;transform:translateX(-50%);gap:4px;padding:4px;border-radius:12px;background:rgba(26,26,26,.04)}.ps-hdr-cta{height:44px;padding:0 20px;font-size:15px}.ps-hdr-cta .ps-long{display:inline}.ps-hdr-cta .ps-short{display:none}.ps-hdr-acct{padding:0 14px 0 6px}.ps-hdr-acct .ps-nm{display:inline}} /* ---------- BOTTOM NAV ---------- */ .ps-bnav{flex:none;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--app-line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px);z-index:20;padding:6px 8px 8px} .ps-bnav button{height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12px;font-weight:600;color:var(--psp-fg3);background:none;border:0;cursor:pointer;position:relative;border-radius:var(--r-md)} .ps-bnav button .ps-ic{width:52px;height:30px;border-radius:999px;display:flex;align-items:center;justify-content:center;transition:background var(--psp-dur)} .ps-bnav button.ps-on{color:var(--psp-ink)} .ps-bnav button.ps-on .ps-ic{background:var(--app-gold-tint);color:var(--psp-gold-dark)} .ps-bnav .ps-nav-count{position:absolute;top:2px;left:calc(50% + 8px);font-size:10px;min-width:18px;height:18px} @container psapp (min-width:900px){.ps-bnav{display:none}} /* ---------- BUTTONS ---------- */ .ps-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border:0;border-radius:var(--r-sm);cursor:pointer;font-size:15px;font-weight:600;text-decoration:none;position:relative;background:#fff;color:var(--psp-ink);white-space:nowrap;transition:background var(--psp-dur) var(--psp-ease),box-shadow var(--psp-dur),color var(--psp-dur),transform .12s;vertical-align:middle} .ps-btn:active{transform:translateY(1px)} .ps-btn:focus-visible{outline:0;box-shadow:var(--sh-focus)} .ps-btn-l{display:contents} .ps-btn-a{display:flex;align-items:center;transition:transform var(--psp-dur) var(--psp-ease)} .ps-btn:hover .ps-btn-a{transform:translate(2px,-2px)} .ps-btn-primary{background:var(--psp-gold);color:var(--psp-ink);box-shadow:var(--sh-1),inset 0 -1px 0 rgba(0,0,0,.08)} .ps-btn-primary:hover{background:var(--psp-gold-dark);color:var(--psp-ink)} .ps-btn-secondary{background:#fff;color:var(--psp-ink);box-shadow:var(--sh-1),inset 0 0 0 1px var(--app-line-2)} .ps-btn-secondary:hover{background:var(--app-surface);color:var(--psp-ink)} .ps-btn-ink{background:var(--psp-ink);color:#fff;box-shadow:var(--sh-1)} .ps-btn-ink:hover{background:#000;color:#fff} .ps-btn-danger{background:var(--app-danger);color:#fff} .ps-btn-danger:hover{background:#97321F;color:#fff} .ps-btn-danger-o{background:#fff;color:var(--app-danger);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--app-danger) 35%,white)} .ps-btn-danger-o:hover{background:var(--app-danger-bg);color:var(--app-danger)} .ps-btn-ghost{background:transparent;padding:0 10px;min-height:40px;color:var(--psp-ink)} .ps-btn-ghost:hover{background:rgba(26,26,26,.05);color:var(--psp-ink)} .ps-btn-dark-o{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)} .ps-btn-dark-o:hover{background:rgba(255,255,255,.14);color:#fff} .ps-btn-block{display:flex;width:100%} .ps-btn-sm{min-height:38px;padding:0 14px;font-size:14px;gap:6px} .ps-btn-lg{min-height:56px;padding:0 24px;font-size:16px;border-radius:var(--r-md)} .ps-btn[disabled]{cursor:not-allowed;background:#EEEBE6;color:#8E8A84;box-shadow:none;transform:none} .ps-btn.ps-loading{pointer-events:none;color:transparent!important} .ps-btn.ps-loading svg{opacity:0} .ps-btn.ps-loading::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--psp-ink);border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite} .ps-btn-ink.ps-loading::after,.ps-btn-danger.ps-loading::after{border-color:#fff;border-right-color:transparent} .ps-icon-btn{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--r-sm);background:none;cursor:pointer;color:var(--psp-fg2);flex:none} .ps-icon-btn:hover{background:rgba(26,26,26,.06);color:var(--psp-ink)} /* ---------- FIELDS ---------- */ .ps-field{display:flex;flex-direction:column;gap:8px;min-width:0} .ps-field-label{font-size:14px;font-weight:600;color:var(--psp-ink);display:flex;justify-content:space-between;gap:8px} .ps-field-label .ps-opt{font-weight:400;color:var(--psp-fg3)} .ps-inp{display:flex;align-items:center;border-radius:var(--r-sm);background:#fff;min-height:50px;box-shadow:var(--sh-1),inset 0 0 0 1px var(--app-line-2);transition:box-shadow var(--psp-dur)} .ps-inp:hover{box-shadow:var(--sh-1),inset 0 0 0 1px #BDB6AC} .ps-inp:focus-within{box-shadow:inset 0 0 0 1.5px var(--psp-ink),var(--sh-focus)} .ps-inp input,.ps-inp textarea,.ps-inp select{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:16px;color:var(--psp-ink);padding:13px 14px;appearance:none;border-radius:inherit} .ps-inp select{cursor:pointer} .ps-inp textarea{resize:vertical;min-height:112px;line-height:1.5} .ps-inp .ps-sfx{padding:0 12px 0 4px;color:var(--psp-fg3);font-size:15px;display:flex;align-items:center} .ps-inp .ps-pfx{padding-left:14px;color:var(--psp-fg3);display:flex} .ps-inp input::placeholder,.ps-inp textarea::placeholder{color:#A19C95} .ps-field-msg{font-size:13.5px;line-height:1.4;display:flex;gap:6px;align-items:flex-start;color:var(--psp-fg3)} .ps-field-msg svg{flex:none;margin-top:1px} .ps-field.ps-err .ps-inp{box-shadow:inset 0 0 0 1.5px var(--app-danger),0 0 0 4px color-mix(in oklch,var(--app-danger) 14%,transparent)} .ps-field.ps-err .ps-field-msg{color:var(--app-danger)} .ps-field.ps-ok .ps-inp{box-shadow:inset 0 0 0 1.5px var(--app-success)} .ps-field.ps-ok .ps-field-msg{color:var(--app-success)} .ps-field.ps-dis .ps-inp{background:#F4F2EE;box-shadow:inset 0 0 0 1px var(--app-line)}.ps-field.ps-dis input{color:var(--psp-fg3)} .ps-form{display:flex;flex-direction:column;gap:18px} .ps-form-row{display:grid;grid-template-columns:1fr;gap:18px} @container psapp (min-width:700px){.ps-form-row{grid-template-columns:1fr 1fr}} .ps-check{display:flex;gap:12px;align-items:flex-start;cursor:pointer;font-size:15px;line-height:1.45;color:var(--psp-fg1);padding:4px 0;position:relative} .ps-check input{position:absolute;opacity:0;width:1px;height:1px} .ps-check .ps-box{flex:none;width:22px;height:22px;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--app-line-2);display:flex;align-items:center;justify-content:center;color:#fff;transition:background var(--psp-dur),box-shadow var(--psp-dur);margin-top:1px} .ps-check:hover .ps-box{box-shadow:inset 0 0 0 1.5px var(--psp-ink)} .ps-check .ps-box svg{opacity:0} .ps-check input:checked+.ps-box{background:var(--psp-ink);box-shadow:none} .ps-check input:checked+.ps-box svg{opacity:1} .ps-check input:focus-visible+.ps-box{box-shadow:var(--sh-focus)} .ps-check.ps-err .ps-box{box-shadow:inset 0 0 0 1.5px var(--app-danger)} .ps-switch{width:46px;height:28px;border-radius:999px;background:#D6D1C9;border:0;position:relative;cursor:pointer;flex:none;transition:background var(--psp-dur)} .ps-switch::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:left var(--psp-dur) var(--psp-ease)} .ps-switch.ps-on{background:var(--psp-ink)}.ps-switch.ps-on::after{left:21px} /* ---------- CHIPS ---------- */ .ps-chips{display:flex;flex-wrap:wrap;gap:8px} .ps-chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;border:0;background:#fff;box-shadow:inset 0 0 0 1px var(--app-line-2);font-size:14.5px;font-weight:500;color:var(--psp-ink);cursor:pointer;white-space:nowrap;transition:background var(--psp-dur) var(--psp-ease),box-shadow var(--psp-dur),color var(--psp-dur)} .ps-chip:hover{box-shadow:inset 0 0 0 1px var(--psp-ink)} .ps-chip.ps-on{background:var(--psp-ink);box-shadow:none;color:#fff} .ps-chip .ps-n{font-size:12.5px;color:var(--psp-fg3);font-weight:500}.ps-chip.ps-on .ps-n{color:rgba(255,255,255,.7)} .ps-chip.ps-quick{background:var(--app-gold-tint);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--psp-gold) 35%,white)} .ps-chip.ps-quick.ps-on{background:var(--psp-gold);color:var(--psp-ink);box-shadow:none} .ps-chip-sm{min-height:36px;font-size:14px;padding:0 12px} /* ---------- DROPDOWN FILTER ---------- */ .ps-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center} .ps-dd{position:relative} .ps-dd-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 12px 0 14px;border-radius:999px;border:0;background:#fff;box-shadow:var(--sh-1),inset 0 0 0 1px var(--app-line-2);font-size:14.5px;font-weight:500;color:var(--psp-ink);cursor:pointer;white-space:nowrap} .ps-dd-btn:hover{box-shadow:var(--sh-1),inset 0 0 0 1px #BDB6AC} .ps-dd-btn.ps-act{background:var(--psp-ink);color:#fff;box-shadow:none} .ps-dd-btn .ps-cnt{background:var(--psp-gold);color:var(--psp-ink);font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px} .ps-dd-btn svg.ps-chev{color:var(--psp-fg3);transition:transform var(--psp-dur)} .ps-dd-btn.ps-act svg.ps-chev{color:rgba(255,255,255,.7)} .ps-dd.ps-open .ps-dd-btn svg.ps-chev{transform:rotate(180deg)} .ps-dd-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:30;min-width:260px;max-width:calc(100vw - 32px);background:#fff;border-radius:var(--r-md);box-shadow:var(--sh-3),0 0 0 1px var(--app-line);padding:6px;animation:pop .16s var(--psp-ease)} .ps-dd-pop.ps-right{left:auto;right:0} .ps-dd-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 10px;border:0;background:none;border-radius:var(--r-sm);font-size:15px;color:var(--psp-ink);cursor:pointer;text-align:left} .ps-dd-opt:hover{background:var(--app-surface)} .ps-dd-opt .ps-box{flex:none;width:20px;height:20px;border-radius:6px;box-shadow:inset 0 0 0 1.5px var(--app-line-2);display:flex;align-items:center;justify-content:center;color:#fff} .ps-dd-opt.ps-on .ps-box{background:var(--psp-ink);box-shadow:none} .ps-dd-opt .ps-n{margin-left:auto;font-size:13px;color:var(--psp-fg3)} .ps-dd-opt .ps-radio{flex:none;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--app-line-2)} .ps-dd-opt.ps-on .ps-radio{box-shadow:inset 0 0 0 6px var(--psp-ink)} .ps-dd-foot{display:flex;justify-content:space-between;gap:8px;padding:8px 4px 2px;margin-top:4px;border-top:1px solid var(--app-line)} .ps-dd-reset{height:44px;padding:0 6px;border:0;background:none;font-size:14px;font-weight:600;color:var(--psp-fg2);cursor:pointer;text-decoration:underline;text-underline-offset:3px} .ps-dd-reset:hover{color:var(--psp-ink)} /* ---------- BADGES / BANNERS ---------- */ .ps-badge{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;padding:4px 10px;line-height:1.3;white-space:nowrap;border-radius:999px;background:#F1EEE9;color:var(--psp-ink)} .ps-badge.ps-gold{background:var(--psp-gold);color:var(--psp-ink)} .ps-badge.ps-gold-t{background:var(--app-gold-tint);color:#7A5A2F} .ps-badge.ps-ink{background:var(--psp-ink);color:#fff} .ps-badge.ps-sand{background:var(--psp-sand-light);color:var(--psp-ink)} .ps-badge.ps-ok{background:var(--app-success-bg);color:var(--app-success)} .ps-badge.ps-danger{background:var(--app-danger-bg);color:var(--app-danger)} .ps-badge.ps-warn{background:var(--app-warn-bg);color:#6B4E27} .ps-badge.ps-muted{background:#EFECE8;color:var(--psp-fg2)} .ps-badge.ps-line{background:#fff;box-shadow:inset 0 0 0 1px var(--app-line-2)} .ps-banner{display:flex;gap:12px;align-items:flex-start;padding:14px 14px 14px 16px;border-radius:var(--r-md);background:#fff;box-shadow:var(--sh-1),inset 0 0 0 1px var(--app-line);font-size:15px;line-height:1.5;color:var(--psp-ink)} .ps-banner .ps-b-ico{flex:none;width:32px;height:32px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;background:var(--app-gold-tint);color:var(--psp-gold-dark);margin-top:-4px} .ps-banner.ps-warn{background:var(--app-warn-bg);box-shadow:none}.ps-banner.ps-warn .ps-b-ico{background:rgba(255,255,255,.6);color:#6B4E27} .ps-banner.ps-danger{background:var(--app-danger-bg);box-shadow:none}.ps-banner.ps-danger .ps-b-ico{background:rgba(255,255,255,.7);color:var(--app-danger)} .ps-banner.ps-ok{background:var(--app-success-bg);box-shadow:none}.ps-banner.ps-ok .ps-b-ico{background:rgba(255,255,255,.7);color:var(--app-success)} .ps-banner.ps-ink{background:var(--psp-ink);color:#fff;box-shadow:var(--sh-2)}.ps-banner.ps-ink .ps-b-ico{background:rgba(255,255,255,.1);color:var(--psp-gold)} .ps-banner b,.ps-banner strong{font-weight:600} .ps-banner-body{flex:1;min-width:0;padding-top:1px} .ps-banner-x{margin:-8px -6px -8px 0;color:inherit;opacity:.7}.ps-banner-x:hover{opacity:1;background:rgba(127,127,127,.15);color:inherit} /* ---------- SLOTS / PRICE ---------- */ .ps-slots{display:inline-grid;grid-template-columns:repeat(5,1fr);gap:3px;width:72px;flex:none} .ps-slots i{height:6px;border-radius:999px;background:#E6E1D9;display:block} .ps-slots i.ps-f{background:var(--psp-ink)} .ps-slots i.ps-me{background:var(--psp-gold)} .ps-slots.ps-lg{width:120px;gap:4px}.ps-slots.ps-lg i{height:8px} .ps-slots.ps-closed i.ps-f{background:#B9B3AA} .ps-slots.ps-warn i.ps-f{background:var(--psp-gold-dark)} .ps-price{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap;justify-content:flex-end} .ps-price .ps-v{font-size:22px;font-weight:600;color:var(--psp-ink);letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums} .ps-price s{font-size:14px;color:var(--psp-fg3);white-space:nowrap} .ps-price.ps-lg .ps-v{font-size:34px;font-weight:600;letter-spacing:-.03em} .ps-price.ps-sm .ps-v{font-size:17px} /* ---------- SEAT METER ---------- */ .ps-seat{position:relative;display:inline-block;width:84px;height:8px;border-radius:999px;background:#ECE7DF;overflow:hidden;flex:none} .ps-seat.ps-lg{width:100%;max-width:180px;height:10px} .ps-seat-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,var(--psp-gold-soft),var(--psp-gold) 60%,var(--psp-gold-dark));transition:width .5s var(--psp-ease)} .ps-seat i{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fff;opacity:.9} .ps-seat.ps-last .ps-seat-fill{background:linear-gradient(90deg,var(--psp-gold),#C9773E)} .ps-seat.ps-mine .ps-seat-fill{background:linear-gradient(90deg,#9FC7AE,var(--app-success))} .ps-seat.ps-closed .ps-seat-fill{background:#C8C2B9} /* ---------- TABS ---------- */ .ps-tabs{display:flex;gap:4px;border-bottom:1px solid var(--app-line);overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px} .ps-tabs::-webkit-scrollbar{display:none} @container psapp (min-width:900px){.ps-tabs{margin:0;padding:0}} .ps-tab{height:46px;padding:0 12px;border:0;background:none;cursor:pointer;font-size:15px;font-weight:500;color:var(--psp-fg3);display:flex;align-items:center;gap:8px;position:relative;white-space:nowrap;flex:none} .ps-tab:hover{color:var(--psp-ink)} .ps-tab .ps-n{font-size:12px;font-weight:600;background:#EFECE8;color:var(--psp-fg2);min-width:22px;height:20px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center} .ps-tab.ps-on{color:var(--psp-ink);font-weight:600}.ps-tab.ps-on::after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2.5px;border-radius:2px;background:var(--psp-gold)} .ps-tab.ps-on .ps-n{background:var(--psp-ink);color:#fff} /* ---------- LEAD ROW (feed, one per row) ---------- */ .ps-leads{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-2),0 0 0 1px rgba(26,26,26,.04);overflow:hidden} .ps-lr{display:flex;flex-direction:column;gap:8px;padding:18px 16px;border-bottom:1px solid var(--app-line);cursor:pointer;transition:background var(--psp-dur);position:relative;background:#fff} .ps-lr:last-child{border-bottom:0} .ps-lr:hover{background:#FDFBF8} .ps-lr:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--psp-gold)} .ps-lr-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px;color:var(--psp-fg3)} .ps-lr-meta .ps-lead-badges{display:contents} .ps-lr-meta .ps-dot{color:#C8C2B9} .ps-lr-hd{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-top:2px} .ps-lr-title{font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.3;color:var(--psp-ink);text-wrap:pretty} .ps-lr:hover .ps-lr-title{color:var(--psp-gold-dark)} .ps-lr-title .ps-m2{color:var(--psp-fg2);font-weight:500} .ps-lr-loc{display:flex;align-items:center;gap:6px;font-size:15px;font-weight:500;color:var(--psp-ink)} .ps-lr-loc svg{color:var(--psp-gold-dark)} .ps-lr-desc{font-size:15px;line-height:1.55;color:var(--psp-fg2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .ps-lr-tags{display:flex;flex-wrap:wrap;gap:6px} .ps-tag{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:#F3F0EB;font-size:13px;font-weight:500;color:var(--psp-fg2)} .ps-lr-ft{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px} .ps-lr-seats{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--psp-ink);min-width:0} .ps-lr-seats b{font-weight:600} .ps-lr-go{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 14px;border-radius:999px;background:var(--psp-ink);color:#fff;font-size:14px;font-weight:600;flex:none;transition:background var(--psp-dur),gap var(--psp-dur)} .ps-lr:hover .ps-lr-go{background:#000;gap:9px} .ps-lr-go.ps-alt{background:var(--app-success-bg);color:var(--app-success)} .ps-lr.ps-closed{cursor:default;background:#FAF9F7}.ps-lr.ps-closed:hover .ps-lr-title{color:var(--psp-fg3)} .ps-lr.ps-closed .ps-lr-title,.ps-lr.ps-closed .ps-lr-loc,.ps-lr.ps-closed .ps-price .ps-v{color:var(--psp-fg3)} .ps-lr.ps-mine::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--app-success)} @container psapp (min-width:700px){.ps-lr{padding:24px 28px}.ps-lr-title{font-size:20px}} /* ---------- PURCHASE ROWS ---------- */ .ps-prow{display:grid;grid-template-columns:1fr;gap:14px;padding:20px 16px;border-bottom:1px solid var(--app-line);background:#fff;cursor:pointer;transition:background var(--psp-dur)} .ps-prow:last-child{border-bottom:0}.ps-prow:hover{background:#FDFBF8} .ps-prow-t{font-size:18px;font-weight:600;letter-spacing:-.015em;color:var(--psp-ink);line-height:1.3} .ps-prow:hover .ps-prow-t{color:var(--psp-gold-dark)} .ps-prow-cols{display:grid;grid-template-columns:1fr;gap:10px;font-size:14.5px;color:var(--psp-fg1)} .ps-prow-col{display:flex;flex-direction:column;gap:4px} .ps-prow-col .ps-m{color:var(--psp-fg3)} .ps-prow-act{display:flex;gap:8px;align-items:center} .ps-prow-act .ps-btn-primary{flex:1} @container psapp (min-width:900px){.ps-prow{grid-template-columns:1fr auto;padding:26px 28px;column-gap:32px}.ps-prow-cols{grid-template-columns:1fr 1.2fr;gap:24px}.ps-prow-act{grid-column:2;grid-row:1;align-self:start}.ps-prow-act .ps-btn-primary{flex:none}} .ps-search{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:var(--sh-1),inset 0 0 0 1px var(--app-line-2);color:var(--psp-fg3)} .ps-search input{flex:1;border:0;outline:0;background:none;font-size:15px;color:var(--psp-ink);min-width:0} .ps-search:focus-within{box-shadow:inset 0 0 0 1.5px var(--psp-ink),var(--sh-focus)} /* ---------- LEAD DETAIL ---------- */ .ps-card{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-2),0 0 0 1px rgba(26,26,26,.04)} .ps-card-pad{padding:18px} .ps-ld{display:block} .ps-ld-main{display:flex;flex-direction:column;gap:16px;min-width:0} .ps-ld-aside{min-width:0;position:sticky;bottom:0;z-index:15;margin:20px -16px -32px} @container psapp (min-width:900px){.ps-page.ps-ldp{max-width:1180px}.ps-ld{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}.ps-ld-aside{top:24px;bottom:auto;margin:0}} .ps-facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--app-line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-2),0 0 0 1px rgba(26,26,26,.04)} .ps-fact{padding:14px 16px;background:#fff;min-width:0} .ps-fact .ps-k{font-size:12.5px;color:var(--psp-fg3);margin-bottom:4px;display:flex;align-items:center;gap:6px} .ps-fact .ps-v{font-size:15.5px;font-weight:600;color:var(--psp-ink)} .ps-sec-h{font-size:13px;font-weight:600;color:var(--psp-fg3);margin-bottom:10px} .ps-box{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-2),0 0 0 1px rgba(26,26,26,.04);overflow:hidden} .ps-box-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--app-line);font-size:15px;min-height:52px} .ps-box-row:last-child{border-bottom:0} .ps-box-row .ps-k{width:100px;flex:none;color:var(--psp-fg3);font-size:14px} .ps-box-row .ps-v{flex:1;min-width:0;font-weight:500} .ps-mask{display:inline-block;height:10px;border-radius:999px;background:linear-gradient(90deg,#EAE5DE,#F3EFEA);vertical-align:middle} .ps-lock{color:var(--psp-fg3);flex:none} .ps-ri{width:32px;height:32px;border-radius:var(--r-sm);background:var(--app-surface);display:flex;align-items:center;justify-content:center;color:var(--psp-fg2);flex:none} .ps-buybar{background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -1px 0 var(--app-line),0 -12px 32px rgba(26,26,26,.1);padding:16px 16px 18px} .ps-buybar-row{display:flex;justify-content:space-between;align-items:center;gap:12px} .ps-buybar .ps-bb-sub{font-size:14px;color:var(--psp-fg2);margin-top:8px;display:flex;align-items:center;gap:10px} .ps-buybar .ps-bb-note{font-size:12.5px;color:var(--psp-fg3);text-align:center;margin-top:10px;display:flex;justify-content:center;align-items:center;gap:6px} .ps-buybar .ps-check{font-size:14px;margin:12px 0 10px;padding:10px 12px;border-radius:var(--r-sm);background:var(--app-surface)} .ps-buybar .ps-disc-note{font-size:13px;color:#6B4E27;background:var(--app-warn-bg);border-radius:var(--r-sm);padding:8px 10px;margin-top:10px;display:flex;gap:8px;align-items:flex-start} @container psapp (min-width:900px){.ps-buybar{border-radius:var(--r-lg);box-shadow:var(--sh-3),0 0 0 1px rgba(26,26,26,.05);padding:24px}} .ps-contact{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-2),0 0 0 1.5px var(--psp-gold);overflow:hidden} .ps-contact-hd{padding:20px 18px 16px;display:flex;align-items:center;gap:14px} .ps-contact-av{width:52px;height:52px;border-radius:50%;background:var(--psp-ink);color:var(--psp-gold-soft);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex:none} .ps-contact-name{font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--psp-ink)} .ps-contact-act{padding:0 18px 18px;display:flex;flex-direction:column;gap:8px} .ps-contact-act .ps-two{display:grid;grid-template-columns:1fr 1fr;gap:8px} /* ---------- PHOTOS ---------- */ .ps-wood{position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,rgba(0,0,0,.06) 0 1px,transparent 1px 38px),linear-gradient(135deg,#c89a68 0%,#a9774a 40%,#7c5733 100%)} .ps-wood.ps-t1{background:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 1px,transparent 1px 30px),linear-gradient(160deg,#d3ac7c,#8f6640)} .ps-wood.ps-t2{background:repeating-linear-gradient(45deg,rgba(0,0,0,.07) 0 1px,transparent 1px 26px),repeating-linear-gradient(-45deg,rgba(0,0,0,.07) 0 1px,transparent 1px 26px),linear-gradient(135deg,#b58656,#6c4b2c)} .ps-wood.t3{background:repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 44px),linear-gradient(135deg,#9c917f,#5f574a)} .ps-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .ps-gal .ps-ph{aspect-ratio:1;border:0;padding:0;cursor:zoom-in;display:block;width:100%;border-radius:var(--r-md)} .ps-gal.ps-locked .ps-ph{cursor:default;filter:blur(7px) saturate(.6)} .ps-gal-wrap{position:relative;overflow:hidden;border-radius:var(--r-md)} .ps-gal-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center} .ps-gal-lock span{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--psp-ink);background:rgba(255,255,255,.92);padding:8px 14px;border-radius:999px;box-shadow:var(--sh-2)} /* ---------- OVERLAYS ---------- */ .ps-ovl{position:absolute;inset:0;z-index:50;background:rgba(26,22,16,.42);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;animation:fade .2s var(--psp-ease)} .ps-mdl{background:#fff;width:100%;max-width:480px;padding:28px 20px 20px;animation:rise .26s var(--psp-ease);max-height:92%;overflow:auto;position:relative;border-radius:24px 24px 0 0;box-shadow:var(--sh-3)} .ps-mdl::before{content:"";position:absolute;top:8px;left:50%;width:40px;height:4px;margin-left:-20px;border-radius:999px;background:#DDD8D0} .ps-mdl-x{position:absolute;top:12px;right:12px} @container psapp (min-width:700px){.ps-ovl{align-items:center;padding:24px}.ps-mdl{padding:32px;border-radius:20px}.ps-mdl::before{display:none}} .ps-toasts{position:absolute;left:0;right:0;bottom:84px;z-index:60;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;padding:0 16px} @container psapp (min-width:900px){.ps-toasts{bottom:28px;left:auto;right:28px;align-items:flex-end}} .ps-toast{pointer-events:auto;background:var(--psp-ink);color:#fff;padding:12px 16px;border-radius:var(--r-md);display:flex;gap:12px;align-items:center;font-size:14.5px;line-height:1.4;box-shadow:var(--sh-3);animation:rise .26s var(--psp-ease);max-width:420px;width:100%} .ps-toast .ps-t-ico{color:var(--psp-gold);flex:none} .ps-toast.ps-danger .ps-t-ico{color:#F0A497} .ps-skel{border-radius:6px;background:linear-gradient(90deg,#EFEBE5 0,#F8F6F2 50%,#EFEBE5 100%);background-size:200% 100%;animation:shimmer 1.3s linear infinite} .ps-spinner{width:52px;height:52px;border:3px solid var(--psp-sand);border-top-color:var(--psp-gold-dark);border-radius:50%;animation:spin .9s linear infinite} .ps-empty{text-align:center;padding:44px 24px;background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-2),0 0 0 1px rgba(26,26,26,.04);display:flex;flex-direction:column;align-items:center;gap:10px} .ps-empty-ico{width:56px;height:56px;border-radius:16px;background:var(--app-gold-tint);display:flex;align-items:center;justify-content:center;color:var(--psp-gold-dark);margin-bottom:6px} .ps-empty p{max-width:36ch;font-size:15px;line-height:1.55;color:var(--psp-fg2)} .ps-steps{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px} .ps-steps .ps-s{height:4px;border-radius:999px;background:var(--app-line)} .ps-steps .ps-s.ps-done{background:var(--psp-ink)}.ps-steps .ps-s.ps-cur{background:var(--psp-gold)} .ps-steps-lbl{display:flex;justify-content:space-between;font-size:13px;color:var(--psp-fg3);margin-top:10px} .ps-steps-lbl b{color:var(--psp-ink);font-weight:600} /* ---------- ACCORDION ---------- */ .ps-acc{display:flex;flex-direction:column;gap:8px} .ps-acc-item{background:#fff;border-radius:var(--r-md);box-shadow:var(--sh-1),0 0 0 1px var(--app-line);transition:box-shadow var(--psp-dur)} .ps-acc-item.ps-open{box-shadow:var(--sh-2),0 0 0 1px var(--app-line)} .ps-acc-q{width:100%;background:none;border:0;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 18px;font-size:16px;font-weight:600;color:var(--psp-ink);line-height:1.35;min-height:60px} .ps-acc-q svg{flex:none;color:var(--psp-fg3);transition:transform var(--psp-dur) var(--psp-ease)} .ps-acc-item.ps-open .ps-acc-q svg{transform:rotate(45deg);color:var(--psp-ink)} .ps-acc-a{padding:0 18px 18px;font-size:15.5px;line-height:1.65;color:var(--psp-fg2);max-width:68ch} /* ---------- MINI FOOTER ---------- */ .ps-mfoot{flex:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;padding:20px 16px 24px;font-size:12.5px;color:var(--psp-fg3);text-align:center} .ps-mfoot a{color:var(--psp-fg3);text-decoration:none}.ps-mfoot a:hover{color:var(--psp-ink);text-decoration:underline} .ps-mfoot.ps-dark{color:rgba(255,255,255,.5)}.ps-mfoot.ps-dark a{color:rgba(255,255,255,.6)}.ps-mfoot.ps-dark a:hover{color:#fff} @container psapp (min-width:900px){.ps-mfoot{justify-content:space-between;padding:24px 40px}} .ps-mfoot .ps-links{display:flex;gap:16px;flex-wrap:wrap;justify-content:center} /* ---------- PUBLIC LANDING ---------- */ .ps-pl{background:#FCFAF7} .ps-pl-hero{background:var(--warm-grad);position:relative} .ps-pl-hero .ps-hdr{position:relative} .ps-pl-hero-in{max-width:1200px;margin:0 auto;padding:48px 20px 64px;display:grid;gap:48px} .ps-pl-pill{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px 0 6px;border-radius:999px;background:rgba(255,255,255,.75);box-shadow:var(--sh-1),inset 0 0 0 1px rgba(26,26,26,.06);font-size:13px;font-weight:500;color:var(--psp-fg2)} .ps-pl-pill b{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:var(--psp-ink);color:var(--psp-gold-soft);font-size:11px;letter-spacing:.06em;text-transform:uppercase} .ps-pl-hero h1{font-size:40px;font-weight:500;line-height:1.04;letter-spacing:-.035em;color:var(--psp-ink);text-wrap:balance;margin-top:20px} .ps-pl-hero h1 em{font-style:normal;color:var(--psp-gold-dark)} .ps-pl-hero p.ps-sub{font-size:18px;line-height:1.55;color:var(--psp-fg2);margin-top:20px;max-width:32em;text-wrap:pretty} .ps-pl-ctas{display:flex;flex-direction:column;gap:10px;margin-top:32px} .ps-pl-trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;font-size:14px;color:var(--psp-fg2)} .ps-pl-trust span{display:inline-flex;gap:8px;align-items:center} .ps-pl-trust svg{color:var(--app-success)} .ps-pl-demo{position:relative;padding:14px;border-radius:24px;background:rgba(255,255,255,.55);box-shadow:var(--sh-3),inset 0 0 0 1px rgba(255,255,255,.8);backdrop-filter:blur(8px)} .ps-pl-demo-hd{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 14px} .ps-pl-demo-hd .ps-t{font-size:14px;font-weight:600;color:var(--psp-ink)} .ps-pl-demo .ps-leads{gap:10px} .ps-pl-demo .ps-lead:hover{transform:none} .ps-pl-sec{max-width:1200px;margin:0 auto;padding:80px 20px} .ps-pl-head{max-width:640px;display:flex;flex-direction:column;gap:14px;margin-bottom:40px} .ps-pl-head.ps-c{margin-left:auto;margin-right:auto;text-align:center;align-items:center} .ps-pl-h2{font-size:32px;font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--psp-ink);text-wrap:balance} .ps-pl-steps{display:grid;gap:16px} .ps-pl-step{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--sh-2),0 0 0 1px rgba(26,26,26,.04);display:flex;flex-direction:column;gap:14px} .ps-pl-step-top{display:flex;align-items:center;justify-content:space-between} .ps-pl-num{font-size:13px;font-weight:600;color:var(--psp-fg3);font-variant-numeric:tabular-nums} .ps-pl-ico{width:48px;height:48px;border-radius:14px;background:var(--app-gold-tint);color:var(--psp-gold-dark);display:flex;align-items:center;justify-content:center} .ps-pl-step h3{font-size:19px;font-weight:600;letter-spacing:-.015em;color:var(--psp-ink)} .ps-pl-step p{font-size:15.5px;line-height:1.6;color:var(--psp-fg2)} .ps-pl-feed{background:#fff;border-radius:20px;box-shadow:var(--sh-2),0 0 0 1px rgba(26,26,26,.04);overflow:hidden} .ps-done-row{display:flex;align-items:center;gap:14px;padding:16px 18px;border-bottom:1px solid var(--app-line)} .ps-done-row:last-child{border-bottom:0} .ps-done-row .ps-c{font-size:15.5px;font-weight:600;color:var(--psp-ink)} .ps-done-row .ps-m{font-size:14px;color:var(--psp-fg2);margin-top:2px} .ps-done-row .ps-mo{font-size:13px;color:var(--psp-fg3);margin-left:auto;white-space:nowrap;display:none} .ps-pl-cta{max-width:1200px;margin:0 auto;padding:0 20px 80px} .ps-pl-cta-in{background:var(--ink-grad);color:#fff;border-radius:28px;padding:48px 24px;text-align:center;box-shadow:var(--sh-3)} .ps-pl-cta h2{font-size:30px;font-weight:500;letter-spacing:-.03em;line-height:1.12;color:#fff;text-wrap:balance;max-width:18em;margin:0 auto 14px} .ps-pl-cta p{color:rgba(255,255,255,.72);font-size:16px;margin-bottom:28px} .ps-pl-foot{border-top:1px solid var(--app-line);background:#FCFAF7} .ps-pl-foot-in{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 20px 8px} .ps-pl-foot img{height:30px;display:block;opacity:.85} @container psapp (min-width:900px){ .ps-pl-hero-in{padding:88px 32px 120px;max-width:760px} .ps-pl-hero h1{font-size:64px}.ps-pl-ctas{flex-direction:row} .ps-pl-sec{padding:128px 32px}.ps-pl-h2{font-size:46px}.ps-pl-head{margin-bottom:56px} .ps-pl-steps{grid-template-columns:repeat(3,1fr);gap:20px}.ps-pl-step{padding:32px} .ps-done-row{padding:18px 24px}.ps-done-row .ps-mo{display:block} .ps-pl-cta{padding:0 32px 128px}.ps-pl-cta-in{padding:96px 48px}.ps-pl-cta h2{font-size:46px} .ps-pl-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:start}.ps-pl-faq-grid .ps-pl-head{position:sticky;top:24px} .ps-pl-foot-in{flex-direction:row;justify-content:space-between;padding:28px 32px 0} } /* ---------- AUTH / FORMS (gradient + grain) ---------- */ .ps-auth-bg{background:var(--warm-grad);min-height:100%;display:flex;flex-direction:column} .ps-auth{width:100%;max-width:460px;margin:0 auto;padding:24px 16px 16px;display:flex;flex-direction:column;gap:22px;flex:1 0 auto} .ps-auth-card{background:#fff;border-radius:20px;box-shadow:var(--sh-3),0 0 0 1px rgba(26,26,26,.04);padding:24px 20px;display:flex;flex-direction:column;gap:22px} @container psapp (min-width:700px){.ps-auth{padding:56px 0 24px}.ps-auth-card{padding:36px}} .ps-auth-head{display:flex;flex-direction:column;gap:8px;text-align:left} .ps-sug{border-radius:var(--r-md);padding:14px 16px;display:flex;flex-direction:column;gap:10px;background:var(--app-gold-tint);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--psp-gold) 30%,white);animation:pop .2s var(--psp-ease)} .ps-timeline{display:flex;flex-direction:column} .ps-tl{display:grid;grid-template-columns:36px 1fr;gap:14px;padding-bottom:18px;position:relative} .ps-tl:not(:last-child)::before{content:"";position:absolute;left:17px;top:38px;bottom:2px;width:2px;border-radius:2px;background:var(--app-line)} .ps-tl-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#F1EEE9;color:var(--psp-fg3)} .ps-tl.ps-done .ps-tl-dot{background:var(--psp-ink);color:#fff} .ps-tl.ps-cur .ps-tl-dot{background:var(--psp-gold);color:var(--psp-ink);box-shadow:0 0 0 5px var(--app-gold-tint)} .ps-tl h4{font-size:15.5px;font-weight:600;color:var(--psp-ink);margin-top:7px} .ps-tl p{font-size:14px;color:var(--psp-fg2);margin-top:2px;line-height:1.5} /* ---------- LIST ROWS / SETTINGS ---------- */ .ps-list{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-2),0 0 0 1px rgba(26,26,26,.04);overflow:hidden} .ps-list-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border:0;border-bottom:1px solid var(--app-line);cursor:pointer;background:#fff;width:100%;text-align:left;min-height:72px} .ps-list-row:last-child{border-bottom:0} .ps-list-row:hover{background:var(--app-surface)} .ps-list-row .ps-t{font-size:15.5px;font-weight:600;color:var(--psp-ink)} .ps-list-row .ps-s{font-size:14px;color:var(--psp-fg2);margin-top:2px} .ps-set-sec{display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-2),0 0 0 1px rgba(26,26,26,.04);padding:18px} .ps-set-stack{display:flex;flex-direction:column;gap:12px} .ps-set-row{display:flex;align-items:center;justify-content:space-between;gap:16px} .ps-set-title{font-size:15px;font-weight:600;color:var(--psp-ink)} /* ---------- DEMO ---------- */ .ps-demo-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--psp-fg3);border:1px dashed var(--app-line-2);padding:4px 8px;border-radius:6px;align-self:flex-start} .ps-cmp-sec{padding:28px 0;border-bottom:1px solid var(--app-line)} .ps-cmp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;margin-top:14px} .ps-cmp-lbl{font-size:12px;color:var(--psp-fg3);margin-bottom:6px;font-family:ui-monospace,Menlo,monospace} /* mobile compaction */ .ps-disc-note{font-size:13px;color:#6B4E27;background:var(--app-warn-bg);border-radius:var(--r-sm);padding:8px 10px;display:flex;gap:8px;align-items:flex-start} .ps-bb-detail{display:none!important} .ps-buybar .ps-price.ps-lg .ps-v{font-size:26px} .ps-buybar .ps-check{margin:10px 0 10px;padding:8px 10px} @container psapp (min-width:900px){.ps-bb-detail{display:flex!important}.ps-bb-mobile-info{display:none}.ps-buybar .ps-price.ps-lg .ps-v{font-size:34px}.ps-buybar .ps-check{margin:12px 0 10px;padding:10px 12px}} .ps-dd-btn{padding:0 8px 0 10px;font-size:14px;gap:6px} .ps-filters{gap:6px} .ps-dd.ps-sort .ps-lbl{display:none} @container psapp (min-width:700px){.ps-filters{gap:8px}.ps-dd-btn{padding:0 12px 0 14px;font-size:14.5px;gap:8px}.ps-dd.ps-sort .ps-lbl{display:inline}} @container psapp (min-width:1100px){.ps-pl-hero-in{grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;max-width:1200px}} /* ---------- LANDING v3: orbs, glow, hover ---------- */ .ps-pl-hero,.ps-pl-cta-in{overflow:hidden} .ps-orbs{position:absolute;inset:0;pointer-events:none;z-index:-1} .ps-orbs i{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55} .ps-orbs .ps-o1{width:520px;height:520px;right:-120px;top:-160px;background:radial-gradient(circle,var(--psp-gold),transparent 70%)} .ps-orbs .ps-o2{width:420px;height:420px;left:-140px;bottom:-160px;background:radial-gradient(circle,var(--psp-gold-soft),transparent 70%)} .ps-orbs .ps-o3{width:300px;height:300px;left:40%;top:30%;background:radial-gradient(circle,#E9C99A,transparent 70%);opacity:.35} .ps-pl-hero.ps-grain::after{opacity:.24} .ps-pl-cta-in{position:relative;isolation:isolate} .ps-pl-cta-in.ps-grain::after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:var(--grain);background-size:180px;opacity:.5;mix-blend-mode:soft-light;pointer-events:none;z-index:0} .ps-pl-cta-in>*:not(.ps-orbs){position:relative;z-index:1} .ps-pl-cta-in .ps-orbs{z-index:0} .ps-shine{font-style:normal;background:linear-gradient(90deg,var(--psp-gold-dark),var(--psp-gold),#C9773E);-webkit-background-clip:text;background-clip:text;color:transparent!important} .ps-pl-cta .ps-shine{background:linear-gradient(90deg,var(--psp-gold-soft),var(--psp-gold),#E0A36A);-webkit-background-clip:text;background-clip:text} .ps-btn.ps-glow{box-shadow:0 8px 24px color-mix(in oklch,var(--psp-gold) 40%,transparent)} .ps-btn-light{background:#fff;color:var(--psp-ink);box-shadow:0 8px 24px rgba(0,0,0,.25)} .ps-btn-light:hover{background:var(--psp-sand-light);color:var(--psp-ink);transform:translateY(-1px)} .ps-btn-light svg{color:var(--psp-gold-dark)} .ps-btn.ps-glow:hover{box-shadow:0 12px 32px color-mix(in oklch,var(--psp-gold) 55%,transparent);transform:translateY(-1px)} .ps-pl-step{transition:transform var(--psp-dur) var(--psp-ease),box-shadow var(--psp-dur)} .ps-pl-step:hover{transform:translateY(-4px);box-shadow:var(--sh-3),0 0 0 1px color-mix(in oklch,var(--psp-gold) 40%,white)} .ps-pl-step:hover .ps-pl-ico{background:var(--psp-gold);color:var(--psp-ink)} .ps-pl-ico{transition:background var(--psp-dur),color var(--psp-dur)} .ps-done-row{transition:background var(--psp-dur)}.ps-done-row:hover{background:var(--app-surface)} .ps-acc-item:hover{box-shadow:var(--sh-2),0 0 0 1px color-mix(in oklch,var(--psp-gold) 35%,white)} .ps-pl-demo{transition:transform .4s var(--psp-ease)}.ps-pl-demo:hover{transform:translateY(-4px)} .ps-pl-how{background:radial-gradient(800px 400px at 50% 0%,color-mix(in oklch,var(--psp-gold) 10%,transparent),transparent 70%)} .ps-hide-m{display:none} @container psapp (min-width:700px){.ps-hide-m{display:flex}} /* ---------- CONTACT ---------- */ .ps-ct-in{max-width:1200px;margin:0 auto;padding:32px 20px 64px;display:grid;gap:32px} .ps-ct-h1{font-size:38px;font-weight:500;letter-spacing:-.035em;line-height:1.05;margin:18px 0 0;color:var(--psp-ink)} .ps-ct-side .ps-sub{font-size:17px;line-height:1.55;color:var(--psp-fg2);margin-top:16px;max-width:30em} .ps-ct-cards{display:flex;flex-direction:column;gap:10px;margin-top:28px} .ps-ct-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.7);box-shadow:var(--sh-2),inset 0 0 0 1px rgba(255,255,255,.8);text-decoration:none;color:var(--psp-ink);transition:transform var(--psp-dur),box-shadow var(--psp-dur)} .ps-ct-card .ps-k{font-size:12.5px;color:var(--psp-fg3)}.ps-ct-card .ps-v{font-size:15.5px;font-weight:600} a.ps-ct-card:hover{transform:translateY(-2px);box-shadow:var(--sh-3)} .ps-ct-arrow{margin-left:auto;color:var(--psp-fg3)} @container psapp (min-width:900px){.ps-ct-in{grid-template-columns:.9fr 1.1fr;gap:64px;padding:72px 32px 112px;align-items:start}.ps-ct-h1{font-size:56px}} /* ---------- LOGO ---------- */ .ps-logo{display:inline-flex;align-items:center;gap:calc(10px * var(--ls));font-family:var(--psp-font);line-height:1} .ps-logo-w{font-size:calc(14.5px * var(--ls));font-weight:700;letter-spacing:.06em;line-height:1.02;white-space:nowrap} .ps-logo-pro{display:inline-flex;align-items:center;height:calc(19px * var(--ls));padding:0 calc(8px * var(--ls));border-radius:999px;background:var(--psp-gold);color:var(--psp-ink);font-size:calc(10px * var(--ls));font-weight:700;letter-spacing:.12em;margin-left:calc(2px * var(--ls))} .ps-hdr-brand .ps-logo{--ls:.9} @container psapp (min-width:900px){.ps-hdr-brand .ps-logo{--ls:1.1}} /* ===== pro/tech.ps-css ===== */ /* ===== v3 "tech premium" layer for Pro / app surfaces ===== */ body.t3 .ps-app,body.t3 .ps-stage{font-family:var(--psp-font);-webkit-font-smoothing:antialiased} body.t3 .ps-title,body.t3 .ps-pl-h2,body.t3 .ps-ct-h1,body.t3 .ps-pl-hero h1{font-weight:500;letter-spacing:-.04em;text-wrap:balance} body.t3 .ps-pl-h2 em,body.t3 .ps-pl-hero h1 em,body.t3 .ps-title em,body.t3 .ps-ct-h1 em{font-style:normal;background:var(--t3-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent} body.t3 .ps-title-sm,body.t3 .ps-sec-h,body.t3 .ps-lr-title,body.t3 .ps-set-title{letter-spacing:-.025em} body.t3 .ps-lead-txt{letter-spacing:-.005em;text-wrap:pretty} body.t3 .ps-eyebrow,body.t3 .ps-pl-pill{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px 0 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.08em;background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 1px rgba(20,18,16,.09),0 1px 2px rgba(20,18,16,.04);color:#3B3631;backdrop-filter:blur(8px)} body.t3 .ps-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#B68E5E;box-shadow:0 0 0 3px rgba(182,142,94,.18)} body.t3 .ps-dark .ps-eyebrow,body.t3 .ps-dark .ps-pl-pill,body.t3 .ps-pl-cta .ps-eyebrow{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#EADBC4} /* header: glass */ body.t3 .ps-hdr{background:rgba(250,249,247,.78);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border-bottom:1px solid var(--t3-line)} body.t3 .ps-nav-link,body.t3 .ps-hdr-link{font-weight:500;letter-spacing:-.01em;border-radius:10px} body.t3 .ps-bnav{background:rgba(250,249,247,.85);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border-top:1px solid var(--t3-line)} /* buttons */ body.t3 .ps-btn{border-radius:12px;font-weight:600;letter-spacing:-.01em;transition:transform .2s var(--psp-ease),box-shadow .25s,background .25s} body.t3 .ps-btn-primary,body.t3 .ps-hdr-cta{background:var(--t3-gold);color:#17140F;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.12),0 1px 2px rgba(60,40,15,.2),0 10px 24px -8px rgba(182,142,94,.6)} body.t3 .ps-btn-ink{background:linear-gradient(180deg,#2C2C2C,#1F1F1F);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 2px rgba(0,0,0,.2),0 10px 24px -10px rgba(0,0,0,.45)} body.t3 .ps-btn-secondary{background:#fff;box-shadow:inset 0 0 0 1px rgba(20,18,16,.14),0 1px 2px rgba(20,18,16,.04)} body.t3 .ps-btn:not(:disabled):hover{transform:translateY(-1px)} body.t3 .ps-btn:not(:disabled):active{transform:none} body.t3 .ps-btn-a{border-radius:9px} /* surfaces */ body.t3 .ps-lr,body.t3 .ps-box,body.t3 .ps-card-pad,body.t3 .ps-auth-card,body.t3 .ps-pl-step,body.t3 .ps-acc-item,body.t3 .ps-ct-card,body.t3 .ps-prow,body.t3 .ps-set-sec,body.t3 .ps-contact,body.t3 .ps-fact,body.t3 .ps-list-row,body.t3 .ps-empty,body.t3 .ps-pl-demo{border-radius:20px;box-shadow:0 0 0 1px rgba(20,18,16,.07),0 1px 2px rgba(20,18,16,.04),0 16px 40px -18px rgba(20,18,16,.16);border:0;background-color:#fff} body.t3 .ps-lr,body.t3 .ps-pl-step,body.t3 .ps-ct-card,body.t3 .ps-prow,body.t3 .ps-list-row{transition:transform .35s var(--psp-ease),box-shadow .35s} body.t3 .ps-lr:hover,body.t3 .ps-pl-step:hover,body.t3 .ps-ct-card:hover,body.t3 .ps-prow:hover,body.t3 .ps-list-row:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(182,142,94,.45),0 2px 4px rgba(20,18,16,.05),0 28px 60px -22px rgba(20,18,16,.26)} body.t3 .ps-pl-ico,body.t3 .ps-empty-ico{border-radius:10px;background:linear-gradient(180deg,#FBF6EE,#F1E6D5);box-shadow:inset 0 0 0 1px rgba(182,142,94,.22)} body.t3 .ps-pl-num{font-weight:500;background:var(--t3-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent} body.t3 .ps-tag,body.t3 .ps-chip{box-shadow:inset 0 0 0 1px rgba(20,18,16,.08)} body.t3 .ps-gal>*,body.t3 .ps-wood{border-radius:14px} body.t3 .ps-banner{border-radius:16px} body.t3 .ps-buybar{background:rgba(255,255,255,.88);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 -1px 0 var(--t3-line),0 -20px 40px -20px rgba(20,18,16,.18)} /* inputs */ body.t3 .ps-inp{border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(20,18,16,.12),0 1px 2px rgba(20,18,16,.04);transition:box-shadow .2s} body.t3 .ps-inp:focus-within{box-shadow:inset 0 0 0 1.5px #B68E5E,0 0 0 4px rgba(182,142,94,.16)} /* hero / cta / footer: inset stages + grid */ body.t3 .ps-pl-hero{margin:8px;border-radius:24px;overflow:hidden;position:relative;isolation:isolate} @container psapp (min-width:900px){body.t3 .ps-pl-hero{margin:12px;border-radius:32px}} body.t3 .ps-pl-hero::before,body.t3 .ps-pl-cta-in::before,body.t3 .ps-auth-bg::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(20,18,16,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,18,16,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 0%,#000,transparent 75%);mask-image:radial-gradient(70% 60% at 50% 0%,#000,transparent 75%)} body.t3 .ps-pl-cta-in.ps-dark::before,body.t3 .ps-pl-hero.ps-dark::before{background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px)} body.t3 .ps-pl-hero-in,body.t3 .ps-pl-cta-in>*{position:relative;z-index:1} body.t3 .ps-pl-cta-in{border-radius:28px;overflow:hidden;position:relative;isolation:isolate;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 30px 80px -30px rgba(20,18,16,.5)} body.t3 .ps-pl-foot{margin:12px 8px 8px;border-radius:24px;overflow:hidden} @container psapp (min-width:900px){body.t3 .ps-pl-foot{margin:16px 12px 12px;border-radius:32px}} body.t3 .ps-auth-card{border-radius:24px;box-shadow:0 0 0 1px rgba(255,255,255,.6),0 40px 90px -30px rgba(20,18,16,.35);background:linear-gradient(180deg,#FFFFFF,#FBF9F6)} body.t3 .ps-auth-bg{position:relative;isolation:isolate} body.t3 .ps-tabs{border-radius:12px} body.t3 .ps-mdl{border-radius:24px} body.t3 .ps-toast{border-radius:14px} body.t3 .ps-pl-h2 em,body.t3 .ps-pl-hero h1 em,body.t3 .ps-title em,body.t3 .ps-ct-h1 em{background:linear-gradient(100deg,#C9A271 0%,#B68E5E 50%,#9C784C 100%);-webkit-background-clip:text;background-clip:text} body.t3 .ps-dark .ps-pl-h2 em,body.t3 .ps-dark h1 em,body.t3 .ps-pl-cta .ps-pl-h2 em{background:var(--t3-goldtext);-webkit-background-clip:text;background-clip:text} /* artisan sidebar (desktop) */ .ps-pro-body{flex:1;display:flex;min-height:0} .ps-pro-body>.ps-app-main{flex:1;min-width:0;container:psapp/inline-size} .ps-pro-side{display:none} @container psapp (min-width:900px){ .ps-app:has(.ps-pro-body)>.ps-hdr{display:none} .ps-app:has(.ps-pro-body) .ps-bnav{display:none} .ps-pro-side{display:flex;flex-direction:column;gap:6px;width:248px;flex:none;padding:18px 12px 12px;background:#FBF9F6;border-right:1px solid rgba(20,18,16,.07);position:relative;overflow:hidden} .ps-pro-side::before{content:"";position:absolute;inset:-40% -60% auto auto;width:320px;height:320px;background:radial-gradient(closest-side,rgba(182,142,94,.16),transparent);pointer-events:none} } .ps-brand{display:flex;align-items:center;border:0;background:none;padding:6px 10px 22px;cursor:pointer;position:relative} .ps-brand img{height:28px} .ps-group{display:flex;flex-direction:column;gap:2px;position:relative} .ps-pro-side .ps-side-link{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border:0;border-radius:12px;background:none;font:500 15px var(--psp-font);letter-spacing:-.01em;color:#4A4540;cursor:pointer;text-align:left;transition:background .2s,color .2s} .ps-pro-side .ps-side-link svg{color:#8A837A;transition:color .2s} .ps-pro-side .ps-side-link:hover{background:rgba(20,18,16,.04);color:#141210} .ps-pro-side .ps-side-link.ps-on{background:#fff;color:#141210;font-weight:600;box-shadow:0 0 0 1px rgba(20,18,16,.07),0 1px 2px rgba(20,18,16,.04),0 8px 20px -12px rgba(20,18,16,.2)} .ps-pro-side .ps-side-link.ps-on svg{color:#9C784C} .ps-pro-side .ps-side-link .ps-nav-count{margin-left:auto} .ps-help{margin-top:auto;position:relative;padding:16px;border-radius:16px;background:linear-gradient(180deg,#FBF6EE,#F3E9DA);box-shadow:inset 0 0 0 1px rgba(182,142,94,.22)} .ps-help-t{font-size:14px;font-weight:600} .ps-help-d{font-size:13px;color:#6A645C;margin-top:2px;line-height:1.45} .ps-help-l{display:inline-flex;align-items:center;gap:6px;margin-top:10px;border:0;background:none;padding:0;font:600 13.5px var(--psp-font);color:#6B4E27;cursor:pointer} .ps-help-l:hover{gap:9px} .ps-acct{display:flex;align-items:center;gap:10px;margin-top:8px;padding:10px;border:0;border-radius:14px;background:none;cursor:pointer;text-align:left;font-family:var(--psp-font);color:#141210;transition:background .2s} .ps-acct:hover{background:rgba(20,18,16,.04)} .ps-acct b{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px} .ps-acct span span{font-size:12px;color:#8A837A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px} .ps-acct>svg{margin-left:auto;color:#8A837A;flex:none} /* eyebrow pills hug content */ body.t3 .ps-eyebrow,body.t3 .ps-pl-pill,body.t3 .ps-lx-k{align-self:flex-start;width:max-content;max-width:100%} body.t3 .ps-pl-head.ps-c .ps-eyebrow,body.t3 .ps-c>.ps-eyebrow{align-self:center} /* ===== site/home.ps-css ===== */ /* Parquet Service — homepage v2 · editorial luxury */ .ps-site{container:psapp/inline-size;background:#FBF9F6;color:#141210;min-height:100vh;overflow-x:clip} .ps-wrap{max-width:1320px;margin:0 auto;padding-left:20px;padding-right:20px} @container psapp (min-width:900px){.ps-wrap{padding-left:48px;padding-right:48px}} .ps-lx-sec{padding-top:64px;padding-bottom:64px} @container psapp (min-width:900px){.ps-lx-sec{padding-top:112px;padding-bottom:112px}} .ps-lx-k{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#9C784C} .ps-lx-k::before{content:"";width:32px;height:1px;background:currentColor} .ps-lx-k.ps-c{justify-content:center} .ps-lx-h2{font-size:30px;font-weight:300;letter-spacing:-.045em;line-height:1.02;text-wrap:balance;margin-top:22px} .ps-lx-h2 em,.ps-lx-h1 em{font-style:normal;color:#B68E5E} @container psapp (min-width:900px){.ps-lx-h2{font-size:44px}} .ps-lx-p{font-size:16px;line-height:1.7;color:#5A554E;text-wrap:pretty;max-width:34em} @container psapp (min-width:900px){.ps-lx-p{font-size:17px}} .ps-dk{background:#1F1F1F;color:#F4EFE8} .ps-dk .ps-lx-p{color:rgba(244,239,232,.66)} .ps-dk .ps-lx-k{color:#D8C3A3} /* buttons */ .ps-lb{display:inline-flex;align-items:center;gap:14px;height:60px;padding:0 8px 0 28px;border-radius:999px;border:0;cursor:pointer;font:600 15.5px/1 var(--psp-font);letter-spacing:.01em;text-decoration:none;white-space:nowrap;transition:background .3s var(--psp-ease),color .3s,box-shadow .3s,transform .2s} .ps-lb .ps-ar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .35s var(--psp-ease)} .ps-lb:hover .ps-ar{transform:rotate(45deg)} .ps-lb.ps-gold{background:#B68E5E;color:#141210;box-shadow:0 10px 30px rgba(182,142,94,.35)} .ps-lb.ps-gold .ps-ar{background:#141210;color:#fff} .ps-lb.ps-gold:hover{background:#C49B69;box-shadow:0 14px 40px rgba(182,142,94,.5)} .ps-lb.ps-ink{background:#141210;color:#fff}.ps-lb.ps-ink .ps-ar{background:#B68E5E;color:#141210}.ps-lb.ps-ink:hover{background:#000} .ps-lb.ps-line{background:transparent;color:inherit;box-shadow:inset 0 0 0 1px currentColor;padding:0 28px} .ps-lb.ps-line:hover{background:rgba(255,255,255,.08)} .ps-lb.ps-sm{height:48px;padding:0 6px 0 20px;font-size:14.5px}.ps-lb.ps-sm .ps-ar{width:36px;height:36px} .ps-lb.ps-sm.ps-line{padding:0 20px} .ps-lb.ps-block{width:100%;justify-content:space-between} .ps-lb.ps-loading{pointer-events:none;opacity:.7} /* header */ .ps-lh{position:absolute;top:0;left:0;right:0;z-index:20} .ps-lh-in{display:flex;align-items:center;height:76px;gap:24px;border-bottom:1px solid rgba(255,255,255,.12)} .ps-lh .ps-logo{--ls:.95} .ps-lh-nav{display:none;gap:36px;margin-left:auto} .ps-lh-nav a{color:rgba(255,255,255,.78);text-decoration:none;font-size:14.5px;font-weight:500;position:relative;padding:6px 0} .ps-lh-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:#D8C3A3;transition:right .35s var(--psp-ease)} .ps-lh-nav a:hover{color:#fff}.ps-lh-nav a:hover::after{right:0} .ps-lh-r{margin-left:auto;display:flex;align-items:center;gap:20px} .ps-lh-tel{display:none;color:#fff;text-decoration:none;font-size:14.5px;font-weight:600;align-items:center;gap:8px} .ps-lh-tel:hover{color:#D8C3A3} @container psapp (min-width:1100px){.ps-lh-nav{display:flex}.ps-lh-r{margin-left:48px}.ps-lh-tel{display:flex}.ps-lh-in{height:96px}.ps-lh .ps-logo{--ls:1.1}} /* hero */ .ps-lx-hero{position:relative;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;overflow:hidden;isolation:isolate;background:#1F1F1F} .ps-lx-hero video,.ps-lx-hero .ps-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3} .ps-lx-hero .ps-poster{background:url('/wp-content/uploads/ps/img-floor-strip.jpg') center/cover;animation:kb 30s ease-in-out infinite alternate} @keyframes kb{from{transform:scale(1.02)}to{transform:scale(1.12) translate(-1%,1%)}} .ps-lx-scrim{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(14,12,10,.6) 0%,rgba(14,12,10,.15) 30%,rgba(14,12,10,.2) 55%,rgba(14,12,10,.88) 100%),linear-gradient(90deg,rgba(14,12,10,.5),transparent 60%)} .ps-lx-hero.ps-grain::after{z-index:-1;opacity:.4;mix-blend-mode:soft-light} .ps-lx-hero-in{padding-top:112px;padding-bottom:32px;display:grid;gap:28px;align-items:center} @container psapp (min-width:1000px){.ps-lx-hero-in{grid-template-columns:1fr 440px;gap:64px;padding-top:150px;padding-bottom:56px}} .ps-lx-h1{font-size:32px;font-weight:300;letter-spacing:-.045em;line-height:1.02;text-wrap:balance} @container psapp (min-width:900px){.ps-lx-h1{font-size:50px}} @container psapp (min-width:1300px){.ps-lx-h1{font-size:56px}} .ps-lx-sub{font-size:16px;line-height:1.65;color:rgba(255,255,255,.8);max-width:34em;margin-top:28px} .ps-lx-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px} .ps-lx-micro{font-size:13.5px;color:rgba(255,255,255,.6);margin-top:16px;letter-spacing:.02em} .ps-glass{border-radius:24px;padding:24px;background:rgba(20,17,14,.42);backdrop-filter:blur(18px) saturate(1.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 30px 60px rgba(0,0,0,.3);display:none} @container psapp (min-width:1000px){.ps-glass{display:block}} .ps-glass .ps-gk{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#D8C3A3;font-weight:600} .ps-glass .ps-gt{font-size:26px;font-weight:300;letter-spacing:-.03em;line-height:1.15;margin:12px 0 18px} .ps-glass .ps-ba{aspect-ratio:16/10;border-radius:14px;margin-bottom:16px} .ps-lx-trust{border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:1fr 1fr;column-gap:16px} @container psapp (min-width:900px){.ps-lx-trust{grid-template-columns:repeat(4,1fr)}} .ps-lx-trust>span{padding:14px 0;font-size:13px;line-height:1.35;color:rgba(255,255,255,.78);display:flex;align-items:center;gap:10px} .ps-lx-trust>span::before{content:"";width:6px;height:6px;transform:rotate(45deg);background:#B68E5E;flex:none} @container psapp (min-width:900px){.ps-lx-trust>span{padding:22px 0;font-size:14px}.ps-lx-trust>span+span{padding-left:24px;border-left:1px solid rgba(255,255,255,.1)}} .ps-vctl{position:absolute;right:20px;top:92px;z-index:5;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer} .ps-vctl:hover{background:rgba(255,255,255,.24)} @container psapp (min-width:1100px){.ps-vctl{top:auto;bottom:156px;right:48px}} /* marquee */ .ps-mq{overflow:hidden;border-bottom:1px solid #E7E1D8;background:#FBF9F6} .ps-mq-t{display:flex;gap:56px;width:max-content;padding:26px 0;animation:mq 60s linear infinite} .ps-mq:hover .ps-mq-t{animation-play-state:paused} .ps-mq-t>span{display:flex;align-items:center;gap:56px;font-size:17px;font-weight:300;letter-spacing:-.02em;color:#3B3631;white-space:nowrap} .ps-mq-t>span::after{content:"";width:7px;height:7px;transform:rotate(45deg);background:#B68E5E} @keyframes mq{to{transform:translateX(-50%)}} @media (prefers-reduced-motion:reduce){.ps-mq-t,.ps-lx-hero .ps-poster{animation:none}} /* before/after */ .ps-ba{position:relative;aspect-ratio:4/3;overflow:hidden;user-select:none;touch-action:none;background:#ddd} .ps-ba-l{position:absolute;inset:0} .ps-ba-b{clip-path:inset(0 calc(100% - var(--p)) 0 0)} .ps-ba-tag{position:absolute;top:16px;z-index:3;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#fff;mix-blend-mode:normal;text-shadow:0 1px 8px rgba(0,0,0,.4)} .ps-ba-tag.ps-l{left:18px}.ps-ba-tag.ps-r{right:18px} .ps-ba-h{position:absolute;top:0;bottom:0;left:var(--p);width:1px;background:rgba(255,255,255,.9);z-index:4} .ps-ba-k{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);color:#fff;display:flex;align-items:center;justify-content:center;transition:transform .3s var(--psp-ease),background .3s} .ps-ba:hover .ps-ba-k{transform:scale(1.1);background:rgba(255,255,255,.3)} .ps-ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5;margin:0} /* intro / promise */ .ps-intro{display:grid;gap:40px} @container psapp (min-width:1000px){.ps-intro{grid-template-columns:5fr 6fr;gap:72px;align-items:center}} .ps-intro .ps-lx-p+.ps-lx-p{margin-top:18px} .ps-intro-img{position:relative} .ps-intro-img .ps-ba{aspect-ratio:5/4;border-radius:4px} .ps-intro-cap{display:flex;justify-content:space-between;gap:16px;margin-top:16px;font-size:13.5px;color:#7A736A;padding-top:16px;border-top:1px solid #E7E1D8} .ps-intro-cap b{color:#141210;font-weight:600} /* services — editorial rows with hover image */ .ps-srv{margin-top:56px;border-top:1px solid #E7E1D8} .ps-srv-r{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:start;padding:28px 0;border-bottom:1px solid #E7E1D8;text-decoration:none;color:inherit;position:relative;transition:padding .4s var(--psp-ease)} .ps-srv-n{font-size:13px;font-weight:600;color:#9C784C;padding-top:10px;font-variant-numeric:tabular-nums} .ps-srv-t{font-size:22px;font-weight:300;letter-spacing:-.035em;line-height:1.1;transition:color .3s} .ps-srv-d{font-size:15.5px;line-height:1.6;color:#6A645C;margin-top:10px;max-width:40em} .ps-srv-ar{width:48px;height:48px;border-radius:50%;box-shadow:inset 0 0 0 1px #D9D2C7;display:flex;align-items:center;justify-content:center;transition:all .35s var(--psp-ease);margin-top:2px} .ps-srv-img{display:none} .ps-srv-r:hover .ps-srv-t{color:#9C784C} .ps-srv-r:hover .ps-srv-ar{background:#141210;color:#fff;box-shadow:none;transform:rotate(-45deg)} @container psapp (min-width:900px){ .ps-srv-r{grid-template-columns:80px 1.1fr 1fr 64px;gap:32px;padding:40px 0;align-items:center} .ps-srv-t{font-size:30px}.ps-srv-d{margin-top:0}.ps-srv-ar{width:56px;height:56px} .ps-srv-img{display:block;position:absolute;right:120px;top:50%;width:260px;aspect-ratio:4/3;border-radius:6px;transform:translateY(-50%) scale(.85) rotate(-3deg);opacity:0;pointer-events:none;transition:all .45s var(--psp-ease);z-index:2;box-shadow:0 30px 60px rgba(20,16,12,.25)} .ps-srv-r:hover .ps-srv-img{opacity:1;transform:translateY(-50%) scale(1) rotate(-2deg)} .ps-srv-r:hover{padding-left:16px} } /* why — dark band, 4 cols */ .ps-why4{display:grid;gap:0;margin-top:64px;border-top:1px solid rgba(255,255,255,.12)} @container psapp (min-width:900px){.ps-why4{grid-template-columns:repeat(4,1fr)}} .ps-why4>div{padding:32px 0;border-bottom:1px solid rgba(255,255,255,.12);transition:background .3s} @container psapp (min-width:900px){.ps-why4>div{padding:40px 32px 48px;border-bottom:0}.ps-why4>div+div{border-left:1px solid rgba(255,255,255,.12)}.ps-why4>div:first-child{padding-left:0}.ps-why4>div:hover{background:rgba(255,255,255,.03)}} .ps-why4 .ps-wn{font-size:40px;font-weight:200;letter-spacing:-.05em;line-height:1;color:#B68E5E} .ps-why4 h3{font-size:20px;font-weight:500;letter-spacing:-.02em;margin:24px 0 10px;color:#fff} .ps-why4 p{font-size:15px;line-height:1.65;color:rgba(244,239,232,.62)} /* steps — timeline */ .ps-tl3{display:grid;gap:40px;margin-top:64px;position:relative} @container psapp (min-width:900px){.ps-tl3{grid-template-columns:repeat(3,1fr);gap:48px}.ps-tl3::before{content:"";position:absolute;left:0;right:0;top:28px;height:1px;background:linear-gradient(90deg,#B68E5E,#E7E1D8)}} .ps-tl3>div{position:relative} .ps-tl3 .ps-dot{width:56px;height:56px;border-radius:50%;background:#FBF9F6;box-shadow:inset 0 0 0 1px #B68E5E;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:600;color:#9C784C;position:relative;transition:all .35s var(--psp-ease)} .ps-tl3>div:hover .ps-dot{background:#B68E5E;color:#141210;box-shadow:0 0 0 8px rgba(182,142,94,.15)} .ps-tl3 h3{font-size:21px;font-weight:300;letter-spacing:-.035em;margin:28px 0 12px} .ps-tl3 p{font-size:15.5px;line-height:1.65;color:#6A645C;max-width:30em} /* showcase — big before/after + project tabs */ .ps-show{margin-top:56px;display:grid;gap:20px} @container psapp (min-width:1000px){.ps-show{grid-template-columns:1fr 340px;gap:40px;align-items:stretch}} .ps-show .ps-ba{aspect-ratio:16/10;border-radius:6px} .ps-show-list{display:flex;flex-direction:column;border-top:1px solid #E7E1D8} .ps-show-it{display:flex;align-items:center;gap:16px;padding:18px 0;border:0;border-bottom:1px solid #E7E1D8;background:none;cursor:pointer;text-align:left;font-family:inherit;color:#141210;transition:padding .35s var(--psp-ease)} .ps-show-it .ps-th{width:64px;height:48px;border-radius:4px;flex:none;filter:saturate(.7);transition:filter .3s} .ps-show-it .ps-t{font-size:16px;font-weight:500} .ps-show-it .ps-s{font-size:13.5px;color:#7A736A;margin-top:2px} .ps-show-it:hover{padding-left:8px} .ps-show-it.ps-on .ps-th{filter:none;box-shadow:0 0 0 2px #B68E5E} .ps-show-it.ps-on .ps-t{color:#9C784C} .ps-show-note{font-size:12.5px;color:#7A736A;margin-top:16px;display:flex;gap:8px;align-items:center} .ps-quotes{display:grid;gap:0;margin-top:72px;border-top:1px solid #E7E1D8} @container psapp (min-width:900px){.ps-quotes{grid-template-columns:repeat(3,1fr)}.ps-quotes>div+div{border-left:1px solid #E7E1D8;padding-left:40px}} .ps-quotes>div{padding:36px 40px 36px 0} .ps-quotes q{display:block;font-size:18px;font-weight:300;letter-spacing:-.025em;line-height:1.35;quotes:"« " " »";color:#2A2622} .ps-quotes .ps-by{margin-top:20px;font-size:13.5px;color:#7A736A;display:flex;align-items:center;gap:10px} .ps-quotes .ps-stars{color:#B68E5E;letter-spacing:2px;font-size:13px} /* zone */ .ps-zn{display:grid;gap:48px} @container psapp (min-width:1000px){.ps-zn{grid-template-columns:5fr 7fr;gap:96px}} .ps-zlist{columns:2;column-gap:32px;margin-top:8px} @container psapp (min-width:700px){.ps-zlist{columns:3}} .ps-zlist a{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #E7E1D8;break-inside:avoid;font-size:15.5px;color:#141210;text-decoration:none;transition:color .25s,padding .3s var(--psp-ease)} .ps-zlist a::after{content:"→";opacity:0;transform:translateX(-6px);transition:all .3s;color:#B68E5E} .ps-zlist a:hover{color:#9C784C;padding-left:6px}.ps-zlist a:hover::after{opacity:1;transform:none} .ps-zlist a.ps-paris{font-weight:600} /* pricing */ .ps-prc{display:grid;gap:48px} @container psapp (min-width:1000px){.ps-prc{grid-template-columns:5fr 7fr;gap:96px;align-items:start}} .ps-ptab{border-top:1px solid #141210} .ps-ptab-r{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:26px 0;border-bottom:1px solid #E7E1D8;transition:padding .3s var(--psp-ease)} .ps-ptab-r:hover{padding-left:10px;padding-right:10px;background:linear-gradient(90deg,rgba(182,142,94,.08),transparent)} .ps-ptab-r .ps-l{font-size:17px;font-weight:300;letter-spacing:-.02em} .ps-ptab-r .ps-v{font-size:17px;font-weight:500;white-space:nowrap;color:#9C784C} .ps-ptab-note{font-size:12.5px;color:#7A736A;margin-top:14px;display:flex;gap:8px;align-items:center} /* faq — hairline */ .ps-fq{display:grid;gap:40px} @container psapp (min-width:1000px){.ps-fq{grid-template-columns:5fr 7fr;gap:96px;align-items:start}.ps-fq .ps-stk{position:sticky;top:40px}} .ps-fq-i{border-bottom:1px solid #E7E1D8} .ps-fq-i:first-child{border-top:1px solid #E7E1D8} .ps-fq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;background:none;border:0;cursor:pointer;text-align:left;font:400 18px/1.35 var(--psp-font);letter-spacing:-.02em;color:#141210;transition:color .25s} .ps-fq-q:hover{color:#9C784C} .ps-fq-pl{width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px #D9D2C7;flex:none;display:flex;align-items:center;justify-content:center;transition:all .35s var(--psp-ease)} .ps-fq-i.ps-open .ps-fq-pl{background:#141210;color:#fff;box-shadow:none;transform:rotate(45deg)} .ps-fq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--psp-ease)} .ps-fq-i.ps-open .ps-fq-a{grid-template-rows:1fr} .ps-fq-a>div{overflow:hidden} .ps-fq-a p{padding:0 56px 30px 0;font-size:16px;line-height:1.7;color:#6A645C} @container psapp (min-width:900px){.ps-fq-q{font-size:20px;padding:28px 0}} /* form — dark */ .ps-frm{display:grid;gap:48px} @container psapp (min-width:1000px){.ps-frm{grid-template-columns:5fr 6fr;gap:96px;align-items:center}} .ps-frm-card{background:#FBF9F6;color:#141210;border-radius:8px;padding:24px 20px;display:flex;flex-direction:column;gap:20px;box-shadow:0 40px 80px rgba(0,0,0,.35)} @container psapp (min-width:700px){.ps-frm-card{padding:44px}} .ps-frm-card .ps-inp{background:#fff} .ps-frm-note{font-size:13px;line-height:1.55;color:#6A645C;padding-top:16px;border-top:1px solid #E7E1D8} .ps-frm-pts{display:flex;flex-direction:column;margin-top:36px;border-top:1px solid rgba(255,255,255,.12)} .ps-frm-pts>span{display:flex;align-items:flex-start;gap:14px;padding:16px 0;line-height:1.5;color:rgba(244,239,232,.72);border-bottom:1px solid rgba(255,255,255,.12);font-size:16px} .ps-frm-pts>span::before{content:"";width:7px;height:7px;transform:rotate(45deg);background:#B68E5E;flex:none;margin-top:8px}.ps-frm-pts b{color:#fff;font-weight:600} .ps-dk .ps-orbs{z-index:0} .ps-frm-wrap{position:relative;isolation:isolate;overflow:hidden} .ps-frm-wrap>.ps-wrap{position:relative;z-index:1} /* final */ .ps-fin{position:relative;overflow:hidden;isolation:isolate;text-align:center} .ps-fin .ps-poster{position:absolute;inset:0;background:url('/wp-content/uploads/ps/img-floor-strip.jpg') center/cover;z-index:-2} .ps-fin::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(14,12,10,.7),rgba(14,12,10,.85))} .ps-fin .ps-lx-h2{color:#fff;font-size:34px;margin:24px auto 20px;max-width:12em} @container psapp (min-width:900px){.ps-fin .ps-lx-h2{font-size:60px}} .ps-fin p{color:rgba(255,255,255,.72);font-size:18px;margin:0 auto 40px;max-width:30em} /* footer */ .ps-lf{background:#1F1F1F;color:rgba(244,239,232,.6)} .ps-lf-top{display:grid;gap:40px;padding-top:72px;padding-bottom:48px} @container psapp (min-width:900px){.ps-lf-top{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-top:112px}} .ps-lf h4{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#D8C3A3;margin:0 0 18px;font-weight:600} .ps-lf a{display:block;color:rgba(244,239,232,.7);text-decoration:none;font-size:15px;line-height:1.4;padding:6px 0;transition:color .25s} .ps-lf a:hover{color:#fff} .ps-lf-word{text-align:center;font-size:min(7.6vw,150px);padding-top:.08em;padding-bottom:.12em;font-weight:700;letter-spacing:-.03em;line-height:1;color:#292929;-webkit-text-stroke:0;white-space:nowrap;overflow:visible;padding:0 20px;user-select:none} @container psapp (min-width:900px){.ps-lf-word{font-size:min(7.8vw,190px);padding-left:48px;padding-right:48px}} .ps-lf .ps-mfoot{border-top:1px solid rgba(255,255,255,.08)} /* mobile bar */ .ps-mbar{position:sticky;bottom:0;z-index:30;display:grid;grid-template-columns:1fr;gap:8px;padding:10px 12px 12px;background:rgba(251,249,246,.92);backdrop-filter:blur(14px);box-shadow:0 -1px 0 #E7E1D8} .ps-mbar .ps-lb{height:52px} @container psapp (min-width:900px){.ps-mbar{display:none}} .ps-upl-lx{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border-radius:var(--r-sm);border:1.5px dashed #CFC7BB;background:#fff;cursor:pointer;font:600 14.5px var(--psp-font);color:#141210;transition:border-color .25s,background .25s} .ps-upl-lx:hover{border-color:#141210;background:#FDFBF8} .ps-upl-lx svg{color:#9C784C} .ps-thumbs-lx{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:-8px} .ps-thumbs-lx>div{position:relative;aspect-ratio:1;border-radius:6px;background:#EEE center/cover} .ps-thumbs-lx button{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;border:0;background:rgba(20,18,16,.75);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer} /* hero quote starter */ .ps-hq{background:#FBF9F6;color:#141210;border-radius:20px;padding:22px 18px;display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 70px rgba(0,0,0,.38)} @container psapp (min-width:700px){.ps-hq{padding:30px}} .ps-hq-hd{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap} .ps-hq-step{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9C784C} .ps-hq-free{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--app-success);background:var(--app-success-bg);padding:4px 10px;border-radius:999px} .ps-hq-t{font-size:22px;font-weight:400;letter-spacing:-.03em;line-height:1.15} .ps-hq-pts{list-style:none;margin:0;padding:14px 0 0;border-top:1px solid #E7E1D8;display:flex;flex-direction:column;gap:9px} .ps-hq-pts li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#4A4540} .ps-hq-pts svg{color:#9C784C;flex:none} .ps-lx-sub{margin-top:20px} /* tarifs on dark */ .ps-prc-sec .ps-lx-h2{color:#fff} .ps-prc-sec .ps-ptab{border-top-color:rgba(255,255,255,.4)} .ps-prc-sec .ps-ptab-r{border-bottom-color:rgba(255,255,255,.12)} .ps-prc-sec .ps-ptab-r .ps-l{color:#F4EFE8} .ps-prc-sec .ps-ptab-r .ps-v{color:#D8C3A3} .ps-prc-sec .ps-ptab-r:hover{background:linear-gradient(90deg,rgba(182,142,94,.14),transparent)} .ps-prc-sec .ps-ptab-note{color:rgba(244,239,232,.5)} .ps-prc-sec .ps-lb.ps-line{color:#fff} #zone{border-top:1px solid #E7E1D8} /* ===== v2.1 polish ===== */ /* eyebrow tags + type hierarchy */ .ps-lx-k{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px 0 10px;border-radius:999px;font-size:11.5px;letter-spacing:.14em;background:rgba(182,142,94,.1);box-shadow:inset 0 0 0 1px rgba(182,142,94,.28);color:#8A6A40} .ps-lx-k::before{width:6px;height:6px;transform:rotate(45deg);background:#B68E5E} .ps-dk .ps-lx-k,.ps-lx-hero .ps-lx-k{background:rgba(216,195,163,.1);box-shadow:inset 0 0 0 1px rgba(216,195,163,.28);color:#E4D3B8!important} .ps-lx-h2{font-weight:400;letter-spacing:-.035em;line-height:1.08;margin-top:18px} .ps-lx-h1{font-weight:400;letter-spacing:-.04em} .ps-lx-p{color:#5A554E} .ps-srv-t,.ps-tl3 h3{font-weight:400} /* backgrounds */ .ps-bg-warm{position:relative;isolation:isolate;background:radial-gradient(900px 500px at 100% 0%,rgba(182,142,94,.22),transparent 60%),radial-gradient(700px 420px at 0% 100%,rgba(216,195,163,.45),transparent 60%),linear-gradient(180deg,#F5F0E8,#EFE8DD)} .ps-bg-ink{position:relative;isolation:isolate;background:radial-gradient(800px 420px at 90% 0%,rgba(182,142,94,.32),transparent 62%),radial-gradient(600px 360px at 0% 100%,rgba(156,120,76,.22),transparent 60%),linear-gradient(180deg,#232323,#1F1F1F)} .ps-bg-warm.ps-grain::after{opacity:.2;mix-blend-mode:multiply} .ps-bg-ink.ps-grain::after{opacity:.4;mix-blend-mode:soft-light} .ps-bg-warm>.ps-wrap,.ps-bg-ink>.ps-wrap{position:relative;z-index:1} /* uniform form radius */ .ps-hq,.ps-frm-card{border-radius:20px} .ps-hq .ps-inp,.ps-frm-card .ps-inp,.ps-hq .ps-chip,.ps-frm-card .ps-chip,.ps-upl-lx,.ps-hq .ps-lb,.ps-frm-card .ps-lb,.ps-recap-lx{border-radius:12px} .ps-hq .ps-lb .ps-ar,.ps-frm-card .ps-lb .ps-ar{border-radius:9px} .ps-thumbs-lx>div{border-radius:10px} .ps-frm-card{gap:18px} .ps-fsteps{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:-6px} .ps-fsteps i{height:4px;border-radius:999px;background:#E7E1D8}.ps-fsteps i.ps-on{background:#B68E5E} .ps-f-back{display:inline-flex;align-items:center;gap:6px;border:0;background:none;font:500 14px var(--psp-font);color:#6A645C;cursor:pointer;padding:6px 0} .ps-f-back:hover{color:#141210} .ps-recap-lx{font-size:14px;font-weight:500;color:#6B4E27;background:var(--app-warn-bg);padding:10px 14px;margin-top:-6px} /* trust tags */ .ps-ttags{display:flex;flex-wrap:wrap;gap:8px} .ps-ttags span{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:999px;font-size:13.5px;font-weight:500;background:#F3EEE6;color:#3B3631} .ps-ttags svg{color:#9C784C} .ps-ttags.ps-dark{margin-top:32px} .ps-ttags.ps-dark span{background:rgba(255,255,255,.07);color:#F4EFE8;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);height:38px;font-size:14px} .ps-ttags.ps-dark svg{color:#D8C3A3} .ps-hq .ps-ttags{padding-top:14px;border-top:1px solid #E7E1D8} .ps-hq .ps-ttags span{height:30px;font-size:12.5px;padding:0 10px} /* sticky FAQ heading */ @container psapp (min-width:1000px){.ps-fq{align-items:start}.ps-fq .ps-stk{position:sticky;top:32px;align-self:start}} .ps-lx-k,.ps-dk .ps-lx-k,.ps-lx-hero .ps-lx-k{background:none!important;box-shadow:none!important;height:auto;padding:0;border-radius:0} /* ===== v2.2 ===== */ .ps-lx-k,.ps-dk .ps-lx-k,.ps-lx-hero .ps-lx-k{background:none!important;height:30px;padding:0 12px 0 10px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(182,142,94,.4)!important} .ps-dk .ps-lx-k,.ps-lx-hero .ps-lx-k{box-shadow:inset 0 0 0 1px rgba(216,195,163,.35)!important} .ps-lx-h1{color:#fff}.ps-h1-dim{color:rgba(255,255,255,.58)} /* services grouped cards */ .ps-svx{display:flex;flex-direction:column;gap:40px;margin-top:48px} .ps-svx-gh{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid #E7E1D8} .ps-svx-gt{font-size:20px;font-weight:500;letter-spacing:-.02em} .ps-svx-gn{font-size:13.5px;color:#7A736A} .ps-svx-grid{display:grid;gap:14px} @container psapp (min-width:700px){.ps-svx-grid{grid-template-columns:repeat(2,1fr);gap:18px}} @container psapp (min-width:1000px){.ps-svx-grid{grid-template-columns:repeat(3,1fr);gap:20px}} .ps-svx-c{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:var(--sh-2),0 0 0 1px rgba(26,26,26,.04);transition:transform .3s var(--psp-ease),box-shadow .3s} .ps-svx-c:hover{transform:translateY(-4px);box-shadow:var(--sh-3),0 0 0 1px rgba(182,142,94,.35)} .ps-svx-img{position:relative;display:block;aspect-ratio:16/9;transition:filter .3s} .ps-svx-c:hover .ps-svx-img{filter:brightness(1.05) saturate(1.1)} .ps-svx-n{position:absolute;left:12px;top:12px;font-size:12px;font-weight:600;color:#fff;background:rgba(20,18,16,.5);backdrop-filter:blur(6px);padding:4px 9px;border-radius:999px} .ps-svx-b{display:flex;flex-direction:column;gap:8px;padding:18px 18px 20px;flex:1} .ps-svx-t{font-size:18px;font-weight:600;letter-spacing:-.015em} .ps-svx-d{font-size:14.5px;line-height:1.55;color:#6A645C;flex:1} .ps-svx-more{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;margin-top:6px;transition:gap .25s,color .25s} .ps-svx-c:hover .ps-svx-more{gap:10px;color:#9C784C} /* reviews cards */ .ps-rvx{display:grid;gap:14px;margin-top:56px} @container psapp (min-width:900px){.ps-rvx{grid-template-columns:repeat(3,1fr);gap:18px}} .ps-rvx-c{background:#fff;border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--sh-2),0 0 0 1px rgba(26,26,26,.04);transition:transform .3s var(--psp-ease),box-shadow .3s} .ps-rvx-c:hover{transform:translateY(-3px);box-shadow:var(--sh-3)} .ps-rvx-st{display:flex;gap:2px;color:#B68E5E} .ps-rvx-q{font-size:16px;line-height:1.6;color:#2A2622;flex:1} .ps-rvx-by{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid #EEE9E2;font-size:13.5px;color:#7A736A} .ps-rvx-by b{font-size:15px;color:#141210;font-weight:600} /* zones accordion */ .ps-zq{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.ps-zq>b{font-size:17px;font-weight:600;color:#141210}.ps-zq>span{font-size:13.5px;font-weight:400;color:#7A736A} .ps-zlinks{display:flex;flex-wrap:wrap;gap:8px} .ps-zlinks a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;background:#F5F1EB;font-size:14px;font-weight:500;color:#141210;text-decoration:none;transition:all .25s} .ps-zlinks a:hover{background:#141210;color:#fff} .ps-zdept{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9C784C;margin-bottom:10px} .ps-bg-warm .ps-acc-item{background:rgba(255,255,255,.85)} .ps-cta-note{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px;font-size:12.5px;color:#7A736A} .ps-cta-note>span{display:inline-flex;align-items:center;gap:6px} .ps-cta-note>span::before{content:"";width:5px;height:5px;transform:rotate(45deg);background:#B68E5E} .ps-cta-note.ps-dark{color:rgba(244,239,232,.6)} .ps-hq .ps-cta-note,.ps-frm-card .ps-cta-note,.ps-mbar .ps-cta-note{justify-content:center} .ps-mbar .ps-cta-note{margin-top:6px;font-size:11.5px} /* unified buttons (form style) */ .ps-lb{border-radius:12px;height:56px;padding:0 6px 0 22px;gap:14px} .ps-lb .ps-ar{border-radius:9px;width:44px;height:44px} .ps-lb:hover .ps-ar{transform:translate(2px,-2px) rotate(0)} .ps-lb.ps-line{padding:0 22px;border-radius:12px} .ps-lb.ps-sm{height:46px;padding:0 5px 0 18px;border-radius:10px}.ps-lb.ps-sm .ps-ar{width:36px;height:36px;border-radius:8px} .ps-lb.ps-sm.ps-line{padding:0 18px} .ps-lb.ps-gold{box-shadow:0 8px 24px rgba(182,142,94,.3),inset 0 -1px 0 rgba(0,0,0,.08)} .ps-lb.ps-ink{box-shadow:0 8px 24px rgba(20,18,16,.18)} .ps-mbar .ps-lb{height:52px} /* tarifs — light, Pro style */ .ps-prc-sec{border-top:1px solid #E7E1D8} .ps-prc-sec .ps-lx-h2{color:#141210} .ps-prc-sec .ps-lb.ps-line{color:#141210} .ps-pcard{background:#fff;border-radius:20px;box-shadow:var(--sh-3),0 0 0 1px rgba(26,26,26,.04);overflow:hidden} .ps-pcard-hd{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #EEE9E2} .ps-pcard-t{font-size:16px;font-weight:600} .ps-pcard-r{display:flex;align-items:center;gap:14px;padding:16px 20px;border-bottom:1px solid #EEE9E2;transition:background .25s} .ps-pcard-r:hover{background:#FDFBF8} .ps-pcard-r b{font-size:15.5px;font-weight:600} .ps-pcard-d{font-size:13.5px;color:#7A736A;margin-top:2px} .ps-pcard-ic{width:38px;height:38px;border-radius:10px;background:var(--app-gold-tint);color:#9C784C;display:flex;align-items:center;justify-content:center;flex:none} .ps-pcard-v{font-size:15px;font-weight:600;white-space:nowrap;padding:6px 12px;border-radius:999px;background:#F5F1EB} .ps-pcard-note{display:flex;gap:8px;align-items:center;font-size:12.5px;color:#7A736A;padding:14px 20px;background:#FAF8F5} /* ===== SEO content blocks ===== */ .ps-sx-2{display:grid;gap:40px} @container psapp (min-width:1000px){.ps-sx-2{grid-template-columns:5fr 6fr;gap:80px;align-items:start}.ps-sx-stk{position:sticky;top:32px}} .ps-sx-sign{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#fff;border-radius:14px;box-shadow:var(--sh-2),0 0 0 1px rgba(26,26,26,.04);font-size:15.5px;line-height:1.45;transition:transform .25s var(--psp-ease)} .ps-sx-sign:hover{transform:translateX(4px)} .ps-sx-call{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:14px;background:var(--app-warn-bg);color:#5A4426;font-size:15px;line-height:1.6} .ps-sx-call svg{flex:none;margin-top:3px;color:#9C784C} .ps-sx-call b{color:#141210} .ps-sx-steps{list-style:none;margin:48px 0 0;padding:0;display:grid;gap:14px} @container psapp (min-width:700px){.ps-sx-steps{grid-template-columns:1fr 1fr}} @container psapp (min-width:1000px){.ps-sx-steps{grid-template-columns:repeat(3,1fr);gap:18px}} .ps-sx-steps li{background:#fff;border-radius:16px;padding:22px;box-shadow:var(--sh-2),0 0 0 1px rgba(26,26,26,.04);transition:transform .3s var(--psp-ease),box-shadow .3s} .ps-sx-steps li:hover{transform:translateY(-3px);box-shadow:var(--sh-3)} .ps-sx-n{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#141210;color:#D8C3A3;font-size:13px;font-weight:600} .ps-sx-steps h3{font-size:18px;font-weight:600;letter-spacing:-.015em;margin:16px 0 8px} .ps-sx-steps p{font-size:14.5px;line-height:1.6;color:#6A645C} .ps-sx-3{display:grid;gap:14px;margin-top:48px} @container psapp (min-width:900px){.ps-sx-3{grid-template-columns:repeat(3,1fr);gap:18px}} .ps-sx-card{background:#fff;border-radius:16px;padding:24px;box-shadow:var(--sh-2),0 0 0 1px rgba(26,26,26,.04);display:flex;flex-direction:column;gap:12px} .ps-sx-card h3{font-size:19px;font-weight:600;letter-spacing:-.015em;margin-top:4px} .ps-sx-card p{font-size:15px;line-height:1.65;color:#5A554E;flex:1} .ps-sx-tags{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px;border-top:1px solid #EEE9E2} .ps-sx-tags span{height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:#F5F1EB;font-size:12.5px;font-weight:500} .ps-sx-4{display:grid;gap:14px;margin-top:48px} @container psapp (min-width:800px){.ps-sx-4{grid-template-columns:1fr 1fr;gap:18px}} .ps-sx-type{display:flex;gap:18px;align-items:flex-start;padding:18px;background:#fff;border-radius:16px;box-shadow:var(--sh-2),0 0 0 1px rgba(26,26,26,.04)} .ps-sx-sw{width:88px;height:88px;border-radius:12px;flex:none} .ps-sx-type h3{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:4px 0 6px} .ps-sx-type p{font-size:14.5px;line-height:1.6;color:#6A645C} .ps-sx-copro{display:grid;gap:28px;border-radius:24px;padding:36px 24px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(700px 360px at 90% 0%,rgba(182,142,94,.32),transparent 62%),linear-gradient(180deg,#232323,#1F1F1F);color:#F4EFE8} .ps-sx-copro .ps-lx-p{color:rgba(244,239,232,.72)} .ps-sx-copro .ps-lx-k{box-shadow:inset 0 0 0 1px rgba(216,195,163,.35)!important;color:#E4D3B8} @container psapp (min-width:1000px){.ps-sx-copro{grid-template-columns:5fr 6fr;gap:64px;padding:64px;align-items:center}} /* ===== À propos ===== */ .ps-ab-hero{min-height:0} .ps-ab-hero-in{padding-top:128px;padding-bottom:72px;max-width:900px;margin-left:0} @container psapp (min-width:900px){.ps-ab-hero-in{padding-top:176px;padding-bottom:104px}} .ps-ab-crumb{display:flex;align-items:center;gap:8px;font-size:13.5px;color:rgba(255,255,255,.6);margin-bottom:22px} .ps-ab-crumb a{color:rgba(255,255,255,.75);text-decoration:none}.ps-ab-crumb a:hover{color:#fff} .ps-ab-todo{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:14px;border:1.5px dashed #CFC7BB;background:#FDFBF8;color:#6A645C;font-size:14.5px;line-height:1.55} .ps-ab-todo svg{flex:none;margin-top:3px;color:#9C784C} .ps-ab-roles{display:grid;gap:14px;margin-top:40px} @container psapp (min-width:900px){.ps-ab-roles{grid-template-columns:repeat(3,1fr);gap:18px}} .ps-ab-role{background:#fff;border-radius:16px;padding:22px;box-shadow:var(--sh-2),0 0 0 1px rgba(26,26,26,.04)} .ps-ab-role.ps-you{box-shadow:var(--sh-2),0 0 0 1.5px #B68E5E} .ps-ab-role-hd{display:flex;align-items:center;gap:12px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #EEE9E2} .ps-ab-role h3{font-size:18px;font-weight:600} .ps-ab-role ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px} .ps-ab-role li{display:flex;gap:10px;font-size:15px;line-height:1.5;color:#3B3631} .ps-ab-role li svg{flex:none;margin-top:3px;color:var(--app-success)} .ps-ab-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px} .ps-ab-stats>div{padding:16px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);display:flex;flex-direction:column;gap:4px} .ps-ab-stats b{font-size:28px;font-weight:500;letter-spacing:-.03em;color:#D8C3A3} .ps-ab-stats span{font-size:13px;color:rgba(244,239,232,.65);line-height:1.35} .ps-ab-eng{display:grid;gap:14px;margin-top:40px} @container psapp (min-width:700px){.ps-ab-eng{grid-template-columns:1fr 1fr;gap:18px}} @container psapp (min-width:1100px){.ps-ab-eng{grid-template-columns:repeat(4,1fr)}} .ps-ab-zone{display:flex;flex-direction:column;gap:10px;padding:16px 20px;border-bottom:1px solid #EEE9E2} .ps-ab-zone b{font-size:15px;font-weight:600} .ps-ab-two{display:grid;gap:18px} @container psapp (min-width:900px){.ps-ab-two{grid-template-columns:1fr 1fr}} .ps-ab-pro,.ps-ab-contact{border-radius:24px;padding:32px 24px;display:flex;flex-direction:column;gap:14px;position:relative;isolation:isolate;overflow:hidden} @container psapp (min-width:900px){.ps-ab-pro,.ps-ab-contact{padding:48px}} .ps-ab-pro{background:radial-gradient(600px 300px at 90% 0%,rgba(182,142,94,.32),transparent 62%),linear-gradient(180deg,#232323,#1F1F1F);color:#F4EFE8} .ps-ab-pro .ps-lx-k{box-shadow:inset 0 0 0 1px rgba(216,195,163,.35)!important;color:#E4D3B8;align-self:flex-start} .ps-ab-pro p{color:rgba(244,239,232,.72);font-size:16px;line-height:1.65} .ps-ab-pro.ps-grain::after{opacity:.4;mix-blend-mode:soft-light} .ps-ab-contact{background:#fff;box-shadow:var(--sh-3),0 0 0 1px rgba(26,26,26,.04)} .ps-ab-contact .ps-lx-k{align-self:flex-start} .ps-ab-contact p{color:#5A554E;font-size:16px;line-height:1.65} .ps-ab-h3{font-size:28px;font-weight:400;letter-spacing:-.03em;line-height:1.15} @container psapp (min-width:900px){.ps-ab-h3{font-size:36px}} .ps-ab-mail{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:#FAF8F5;box-shadow:inset 0 0 0 1px #EEE9E2;text-decoration:none;color:#141210;transition:transform .25s,box-shadow .25s} .ps-ab-mail:hover{transform:translateY(-2px);box-shadow:var(--sh-2),inset 0 0 0 1px rgba(182,142,94,.4)} .ps-svx-t{margin:0} /* ===== site/tech.ps-css ===== */ /* ===== v3 "tech premium" theme layer — Instrument Sans, inset surfaces, hairlines, soft glows ===== */ body.t3{--psp-font:'Instrument Sans',ui-sans-serif,system-ui,sans-serif;--t3-line:rgba(20,18,16,.08);--t3-ring:0 0 0 1px rgba(20,18,16,.07);--t3-sh:0 1px 2px rgba(20,18,16,.04),0 16px 40px -18px rgba(20,18,16,.16);--t3-sh-h:0 2px 4px rgba(20,18,16,.05),0 28px 60px -22px rgba(20,18,16,.26);--t3-gold:linear-gradient(180deg,#C7A06F 0%,#B68E5E 55%,#A9814F 100%);--t3-goldtext:linear-gradient(100deg,#E9D6B6 0%,#C9A271 45%,#B68E5E 100%);background:#FAF9F7;font-family:var(--psp-font)} .ps-scope *,.ps-hf *{font-family:inherit} body.t3 .ps-site{background:#FAF9F7;font-family:var(--psp-font);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"} body.t3 input,body.t3 select,body.t3 textarea,body.t3 button{font-family:var(--psp-font)} /* type */ body.t3 .ps-lx-h1{font-weight:500;letter-spacing:-.045em;line-height:1.02;font-size:40px} @container psapp (min-width:900px){body.t3 .ps-lx-h1{font-size:60px}} @container psapp (min-width:1300px){body.t3 .ps-lx-h1{font-size:68px}} body.t3 .ps-lx-h2{font-weight:500;letter-spacing:-.04em;line-height:1.04;font-size:34px;margin-top:20px;text-wrap:balance} @container psapp (min-width:900px){body.t3 .ps-lx-h2{font-size:52px}} body.t3 .ps-lx-h2 em,body.t3 .ps-lx-h1 em{font-style:normal;background:var(--t3-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent} body.t3 .ps-lx-p,body.t3 .ps-lx-sub{font-size:17px;line-height:1.6;letter-spacing:-.005em;text-wrap:pretty} @container psapp (min-width:900px){body.t3 .ps-lx-p,body.t3 .ps-lx-sub{font-size:18px}} body.t3 .ps-lx-p{color:#615B53} body.t3 .ps-dk .ps-lx-p,body.t3 .ps-bg-ink .ps-lx-p,body.t3 .ps-sx-copro .ps-lx-p,body.t3 .ps-ab-pro .ps-lx-p,body.t3 .ps-lx-hero .ps-lx-p{color:rgba(244,239,232,.72)} body.t3 h3,body.t3 .ps-svx-t,body.t3 .ps-hq-t{letter-spacing:-.025em;font-weight:600} body.t3 .ps-hq-t{font-weight:500;font-size:24px;letter-spacing:-.035em} /* eyebrow: pill with glowing dot */ body.t3 .ps-lx-k,body.t3 .ps-dk .ps-lx-k,body.t3 .ps-lx-hero .ps-lx-k{height:28px;padding:0 12px 0 10px;border-radius:999px;gap:8px;font-size:12px;font-weight:600;letter-spacing:.08em;background:rgba(255,255,255,.7)!important;box-shadow:inset 0 0 0 1px rgba(20,18,16,.09),0 1px 2px rgba(20,18,16,.04)!important;color:#3B3631!important;backdrop-filter:blur(8px)} body.t3 .ps-lx-k::before{width:6px;height:6px;border-radius:50%;transform:none;background:#B68E5E;box-shadow:0 0 0 3px rgba(182,142,94,.18)} body.t3 .ps-dk .ps-lx-k,body.t3 .ps-lx-hero .ps-lx-k,body.t3 .ps-sx-copro .ps-lx-k,body.t3 .ps-ab-pro .ps-lx-k{background:rgba(255,255,255,.06)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important;color:#EADBC4!important} /* rhythm */ body.t3 .ps-lx-sec{padding-top:80px;padding-bottom:80px} @container psapp (min-width:900px){body.t3 .ps-lx-sec{padding-top:136px;padding-bottom:136px}} /* hero: inset rounded stage + floating glass nav */ body.t3 .ps-lx-hero{margin:8px;border-radius:24px;overflow:hidden} @container psapp (min-width:900px){body.t3 .ps-lx-hero{margin:12px;border-radius:32px}} body.t3 .ps-lx-scrim{background:radial-gradient(120% 85% at 0% 100%,rgba(16,14,12,.9),rgba(16,14,12,.45) 62%),linear-gradient(180deg,rgba(16,14,12,.6),rgba(16,14,12,.28) 32%,rgba(16,14,12,.7))} body.t3 .ps-lx-hero .ps-lx-h1,body.t3 .ps-lx-hero .ps-lx-sub{text-shadow:0 2px 24px rgba(0,0,0,.45)} body.t3 .ps-lx-hero .ps-h1-dim{color:rgba(255,255,255,.66)} body.t3 .ps-lh{position:absolute;top:12px;left:0;right:0;z-index:20;background:none;border:0} body.t3 .ps-lh-in{width:calc(100% - 24px);max-width:1240px;margin:0 auto;height:60px;padding:0 6px 0 18px;border-radius:18px;background:rgba(28,26,24,.38);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 10px 30px -10px rgba(0,0,0,.4)} body.t3 .ps-lh-nav a{font-size:14.5px;font-weight:500;letter-spacing:-.01em;text-transform:none;padding:8px 12px;border-radius:10px;transition:background .2s,color .2s} body.t3 .ps-lh-nav a:hover{background:rgba(255,255,255,.1);color:#fff} body.t3 .ps-lx-hero .ps-h1-dim{color:rgba(255,255,255,.55)} body.t3 .ps-lx-trust{border-top-color:rgba(255,255,255,.12)} body.t3 .ps-lx-trust>span{font-weight:500;letter-spacing:-.005em} /* buttons — tactile gradient, inner highlight */ body.t3 .ps-lb{border-radius:12px;font-weight:600;letter-spacing:-.01em;transition:transform .2s var(--psp-ease),box-shadow .25s,background .25s} body.t3 .ps-lb.ps-gold,body.t3 .ps-lb:not(.ps-ink):not(.ps-line):not(.ps-ghost){background:var(--t3-gold);color:#17140F;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.12),0 1px 2px rgba(60,40,15,.2),0 10px 24px -8px rgba(182,142,94,.6)} body.t3 .ps-lb.ps-ink{background:linear-gradient(180deg,#2C2C2C,#1F1F1F);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 1px 2px rgba(0,0,0,.2),0 10px 24px -10px rgba(0,0,0,.45)} body.t3 .ps-lb.ps-line{box-shadow:inset 0 0 0 1px rgba(20,18,16,.14);background:#fff} body.t3 .ps-dk .ps-lb.ps-line,body.t3 .ps-lx-hero .ps-lb.ps-line{background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#fff} body.t3 .ps-lb:hover{transform:translateY(-1px)} body.t3 .ps-lb:active{transform:translateY(0)} body.t3 .ps-lb .ps-ar{background:rgba(20,18,16,.92);color:#E9D6B6;border-radius:9px} body.t3 .ps-lb.ps-ink .ps-ar{background:var(--t3-gold);color:#17140F} /* surfaces: hairline ring + soft long shadow, gold ring on hover */ body.t3 .ps-svx-c,body.t3 .ps-rvx-c,body.t3 .ps-pcard,body.t3 .ps-sx-card,body.t3 .ps-sx-steps li,body.t3 .ps-sx-type,body.t3 .ps-sx-sign,body.t3 .ps-ab-role,body.t3 .ps-ab-contact,body.t3 .ps-acc-item{border-radius:20px;box-shadow:var(--t3-ring),var(--t3-sh);background:#fff} body.t3 .ps-svx-c,body.t3 .ps-rvx-c,body.t3 .ps-sx-card,body.t3 .ps-sx-steps li,body.t3 .ps-sx-type{position:relative;transition:transform .35s var(--psp-ease),box-shadow .35s} body.t3 .ps-svx-c:hover,body.t3 .ps-rvx-c:hover,body.t3 .ps-sx-card:hover,body.t3 .ps-sx-steps li:hover,body.t3 .ps-sx-type:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(182,142,94,.45),var(--t3-sh-h)} body.t3 .ps-svx-c{overflow:hidden} body.t3 .ps-svx-img{margin:8px 8px 0;border-radius:14px;overflow:hidden} body.t3 .ps-svx-c:hover .ps-svx-img{filter:brightness(1.06) saturate(1.12)} body.t3 .ps-svx-n{border-radius:8px;background:rgba(255,255,255,.85);color:#17140F;backdrop-filter:blur(8px)} body.t3 .ps-svx-more{color:#17140F} body.t3 .ps-pcard-ic{border-radius:10px;background:linear-gradient(180deg,#FBF6EE,#F1E6D5);box-shadow:inset 0 0 0 1px rgba(182,142,94,.22)} body.t3 .ps-sx-n{border-radius:10px;background:linear-gradient(180deg,#2C2C2C,#1F1F1F);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)} body.t3 .ps-pcard-r{border-bottom-color:var(--t3-line)} body.t3 .ps-pcard-v{background:#F6F3EE;box-shadow:inset 0 0 0 1px rgba(20,18,16,.06)} body.t3 .ps-sx-call{border-radius:16px;background:linear-gradient(180deg,#FBF6EE,#F5ECDF);box-shadow:inset 0 0 0 1px rgba(182,142,94,.22)} body.t3 .ps-zlinks a,body.t3 .ps-sx-tags span,body.t3 .ps-ttags span{box-shadow:inset 0 0 0 1px rgba(20,18,16,.07)} body.t3 .ps-zlinks a{background:#fff} body.t3 .ps-zlinks a:hover{background:#1F1F1F;color:#fff;box-shadow:none} /* light band: warm paper + fine grid, masked glow */ body.t3 .ps-bg-warm{background:radial-gradient(60% 50% at 85% 0%,rgba(201,162,113,.22),transparent 70%),radial-gradient(50% 50% at 0% 100%,rgba(229,222,212,.9),transparent 70%),#F5F2ED} body.t3 .ps-bg-warm::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(20,18,16,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,18,16,.05) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 0%,#000,transparent 75%);mask-image:radial-gradient(70% 60% at 50% 0%,#000,transparent 75%)} body.t3 .ps-bg-warm.ps-grain::after{opacity:.14} /* dark band: inset rounded stage, gold aurora, grid */ body.t3 .ps-bg-ink{margin:0 8px;border-radius:24px;overflow:hidden;background:radial-gradient(50% 60% at 85% 0%,rgba(201,162,113,.34),transparent 70%),radial-gradient(40% 50% at 5% 100%,rgba(156,120,76,.26),transparent 70%),linear-gradient(180deg,#242424,#1F1F1F)} @container psapp (min-width:900px){body.t3 .ps-bg-ink{margin:0 12px;border-radius:32px}} body.t3 .ps-bg-ink::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(60% 60% at 70% 0%,#000,transparent 80%);mask-image:radial-gradient(60% 60% at 70% 0%,#000,transparent 80%)} body.t3 .ps-bg-ink.ps-grain::after{opacity:.45} body.t3 .ps-why4 .ps-wn{font-weight:500;background:var(--t3-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent} body.t3 .ps-sx-copro,body.t3 .ps-ab-pro{border-radius:28px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 30px 80px -30px rgba(20,18,16,.5)} /* forms */ body.t3 .ps-hq,body.t3 .ps-frm-card{border-radius:24px;box-shadow:0 0 0 1px rgba(255,255,255,.6),0 40px 90px -30px rgba(0,0,0,.55);background:linear-gradient(180deg,#FFFFFF,#FBF9F6)} body.t3 .ps-hq .ps-inp,body.t3 .ps-frm-card .ps-inp{background:#fff;box-shadow:inset 0 0 0 1px rgba(20,18,16,.12),0 1px 2px rgba(20,18,16,.04);transition:box-shadow .2s} body.t3 .ps-hq .ps-inp:focus-within,body.t3 .ps-frm-card .ps-inp:focus-within{box-shadow:inset 0 0 0 1.5px #B68E5E,0 0 0 4px rgba(182,142,94,.16)} body.t3 .ps-fsteps i.ps-on{background:var(--t3-gold)} body.t3 .ps-hq-step{letter-spacing:.08em} /* marquee = quiet proof strip */ body.t3 .ps-mq{background:transparent;border-block:1px solid var(--t3-line)} body.t3 .ps-mq-t>span{font-size:15px;font-weight:500;color:#8A837A;letter-spacing:-.01em} /* footer: inset dark stage */ body.t3 .ps-lf{margin:12px 8px 8px;border-radius:24px;overflow:hidden;background:radial-gradient(50% 60% at 100% 0%,rgba(201,162,113,.18),transparent 70%),linear-gradient(180deg,#242424,#1F1F1F)} @container psapp (min-width:900px){body.t3 .ps-lf{margin:16px 12px 12px;border-radius:32px}} body.t3 .ps-lf-word{font-weight:600;letter-spacing:-.06em;background:linear-gradient(180deg,#2E2E2E,#1F1F1F);-webkit-background-clip:text;background-clip:text;color:transparent} body.t3 .ps-lf h4{letter-spacing:.08em} /* mobile bar glass */ body.t3 .ps-mbar{background:rgba(250,249,247,.82);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-top:1px solid var(--t3-line)} /* reveal */ @media (prefers-reduced-motion:no-preference){ body.t3 .ps-t3-rv{opacity:0;transform:translateY(16px);transition:opacity .8s var(--psp-ease),transform .8s var(--psp-ease)} body.t3 .ps-t3-rv.ps-in{opacity:1;transform:none}} /* before/after match card radius */ body.t3 .ps-ba,body.t3 .ps-intro-img .ps-ba,body.t3 .ps-show .ps-ba{border-radius:24px} body.t3 .ps-glass .ps-ba{border-radius:16px} body.t3 .ps-ba-k{box-shadow:0 8px 24px rgba(0,0,0,.25)} body.t3 .ps-ba-tag{border-radius:999px} body.t3 .ps-lx-sec:not(.ps-dk):not(.ps-bg-ink) .ps-lx-h2 em{background:linear-gradient(100deg,#C9A271 0%,#B68E5E 50%,#9C784C 100%);-webkit-background-clip:text;background-clip:text} /* title pattern: key phrase full ink, qualifier at 40% */ .ps-h2-dim{opacity:.4} /* devis popup */ .ps-dvm{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:rgba(20,18,16,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:dvmF .25s var(--psp-ease)} @media (min-width:700px){.ps-dvm{align-items:center;padding:24px}} .ps-dvm-in{position:relative;width:100%;max-width:560px;max-height:92vh;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:8px;animation:dvmU .35s var(--psp-ease)} .ps-dvm-in .ps-frm-card{box-shadow:0 0 0 1px rgba(255,255,255,.6),0 40px 90px -30px rgba(0,0,0,.6)} .ps-dvm-in .ps-ttags{justify-content:center} .ps-dvm-in .ps-ttags span{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.ps-dvm-in .ps-ttags svg{color:#E4D3B8} .ps-dvm-x{position:absolute;top:18px;right:18px;z-index:2;width:40px;height:40px;border-radius:12px;border:0;background:#F3EEE6;color:#141210;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s} .ps-dvm-x:hover{background:#E7E1D8} .ps-dvm-in .ps-hq-hd{padding-right:48px} @keyframes dvmF{from{opacity:0}}@keyframes dvmU{from{opacity:0;transform:translateY(24px)}} .ps-frm-consent{font-size:12px;line-height:1.5;color:#8A837A;text-align:center;margin:0} .ps-frm-consent a{color:#6B4E27} .ps-saved-lx{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;line-height:1.45;color:var(--app-success);background:var(--app-success-bg);padding:10px 12px;border-radius:12px;margin-top:-6px} .ps-saved-lx svg{flex:none;margin-top:1px}.ps-saved-lx b{font-weight:600} /* home2 */ .ps-svx-cta{border:0;text-align:left;cursor:pointer;font-family:inherit;background:linear-gradient(180deg,#FBF6EE,#F3E9DA)!important;box-shadow:inset 0 0 0 1.5px rgba(182,142,94,.35),var(--t3-sh)!important} .ps-svx-cta .ps-svx-b{justify-content:flex-start;gap:12px;padding:24px} .ps-svx-more.ps-lnk{border:0;background:none;padding:0;cursor:pointer;font-family:inherit;text-decoration:none;margin-top:auto;align-self:flex-start} .ps-sx-card .ps-svx-more.ps-lnk{padding-top:14px;border-top:1px solid #EEE9E2;align-self:stretch} .ps-h2-steps{margin-top:40px} .ps-z4{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0} .ps-z4 a{display:flex;flex-direction:column;gap:2px;position:relative;padding:16px;border-radius:14px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#F4EFE8;text-decoration:none;transition:background .25s,transform .25s} .ps-z4 a:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)} .ps-z4 b{font-size:26px;font-weight:500;letter-spacing:-.03em;color:#E4D3B8} .ps-z4 span{font-size:13.5px;color:rgba(244,239,232,.7)} .ps-z4 svg{position:absolute;top:14px;right:14px;color:rgba(244,239,232,.5)} .ps-dk-l{color:#E4D3B8!important} .ps-sx-copro .ps-h2-dim,.ps-dk .ps-h2-dim{opacity:.5} .ps-fin2{margin-bottom:0} .ps-svc-hero .ps-lx-hero-in{padding-top:120px} @container psapp (min-width:1000px){.ps-svc-hero .ps-lx-hero-in{padding-top:150px}} /* ===== Tarifs ===== */ .ps-tf-hero-in{max-width:960px} .ps-tf-hero-cta{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 20px;margin-top:32px} .ps-tf-jump{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 20px;border-radius:12px;border:0;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);color:#fff;font:600 15.5px var(--psp-font);cursor:pointer;backdrop-filter:blur(8px);transition:background .2s} .ps-tf-jump:hover{background:rgba(255,255,255,.14)} .ps-tf-kpis{display:grid;grid-template-columns:1fr;gap:10px;margin-top:40px} @container psapp (min-width:700px){.ps-tf-kpis{grid-template-columns:repeat(3,1fr)}} .ps-tf-kpis>div{padding:16px 18px;border-radius:16px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:2px} .ps-tf-kpis b{font-size:26px;font-weight:500;letter-spacing:-.03em;color:#E9D6B6} .ps-tf-kpis span{font-size:13.5px;color:rgba(244,239,232,.7)} .ps-tf-toc{position:sticky;top:0;z-index:30;background:rgba(250,249,247,.82);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--t3-line)} .ps-tf-toc-in{display:flex;gap:4px;overflow-x:auto;padding:10px 0;scrollbar-width:none} .ps-tf-toc-in::-webkit-scrollbar{display:none} .ps-tf-toc button{flex:none;height:36px;padding:0 14px;border-radius:999px;border:0;background:none;font:500 14px var(--psp-font);color:#6A645C;cursor:pointer;transition:all .2s;white-space:nowrap} .ps-tf-toc button:hover{color:#141210;background:rgba(20,18,16,.04)} .ps-tf-toc button.ps-on{background:#1F1F1F;color:#fff} .ps-tf-tbl{width:100%;border-collapse:collapse} .ps-tf-tbl th{text-align:left;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8A837A;padding:12px 20px;border-bottom:1px solid var(--t3-line)} .ps-tf-tbl td{padding:14px 20px;border-bottom:1px solid #EEE9E2;font-size:15px;line-height:1.4;vertical-align:middle} .ps-tf-tbl .ps-num{text-align:right;white-space:nowrap} .ps-tf-tbl tr{transition:background .2s}.ps-tf-tbl tbody tr:hover{background:#FDFBF8} .ps-tf-tbl tr.ps-hl{background:linear-gradient(90deg,rgba(182,142,94,.1),transparent)} .ps-tf-tbl tr.ps-hl td:first-child{font-weight:600} .ps-tf-rng{display:inline-block;padding:5px 11px;border-radius:999px;background:#F6F3EE;box-shadow:inset 0 0 0 1px rgba(20,18,16,.06);font-weight:600;font-size:14.5px} .ps-tf-tbl tr.ps-hl .ps-tf-rng{background:var(--t3-gold);color:#17140F;box-shadow:none} .ps-tf-pop{display:inline-block;margin-left:10px;padding:2px 8px;border-radius:999px;background:var(--app-success-bg);color:var(--app-success);font-size:11.5px;font-weight:600;vertical-align:2px} .ps-tf-pr{display:grid;gap:14px;margin-top:40px} @container psapp (min-width:900px){.ps-tf-pr{grid-template-columns:1fr 1fr;gap:18px}} .ps-tf-h{font-size:20px;font-weight:600;letter-spacing:-.025em;line-height:1.25;margin-top:4px} .ps-tf-chip{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;background:#1F1F1F;color:#E9D6B6;font-size:14px;font-weight:600;white-space:nowrap} .ps-tf-fac{display:grid;gap:10px;margin-top:40px} @container psapp (min-width:800px){.ps-tf-fac{grid-template-columns:1fr 1fr;gap:12px}} .ps-tf-fac .ps-sx-sign{align-items:flex-start} .ps-tf-fac b{font-size:15.5px;font-weight:600} .ps-tf-ext{margin-top:28px;padding:22px;border-radius:20px;background:linear-gradient(180deg,#FBF6EE,#F5ECDF);box-shadow:inset 0 0 0 1px rgba(182,142,94,.22)} .ps-tf-ext-t{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8A6A40;margin-bottom:14px} .ps-tf-ext-g{display:grid;gap:8px} @container psapp (min-width:700px){.ps-tf-ext-g{grid-template-columns:1fr 1fr}} @container psapp (min-width:1100px){.ps-tf-ext-g{grid-template-columns:repeat(3,1fr)}} .ps-tf-ext-g>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.8);font-size:14.5px} .ps-tf-ext-g b{white-space:nowrap;font-size:14px;color:#6B4E27} .ps-tf-ex{display:grid;gap:14px;margin-top:40px} @container psapp (min-width:700px){.ps-tf-ex{grid-template-columns:repeat(2,1fr)}} @container psapp (min-width:1100px){.ps-tf-ex{grid-template-columns:repeat(5,1fr)}} .ps-tf-exc{display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--t3-ring),var(--t3-sh);transition:transform .35s var(--psp-ease),box-shadow .35s} .ps-tf-exc:hover{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(182,142,94,.45),var(--t3-sh-h)} .ps-tf-exi{position:relative;display:block;aspect-ratio:16/10;margin:8px 8px 0;border-radius:14px} .ps-tf-exb{padding:16px 16px 18px;display:flex;flex-direction:column;gap:6px;flex:1} .ps-tf-exb h3{font-size:15px;font-weight:600;line-height:1.35;letter-spacing:-.01em;flex:1} .ps-tf-exb b{font-size:22px;font-weight:500;letter-spacing:-.03em;margin-top:6px} .ps-tf-exb span{font-size:12.5px;color:#8A837A} .ps-tf-quote{display:grid;gap:28px;margin-top:40px;align-items:center} @container psapp (min-width:1000px){.ps-tf-quote{grid-template-columns:5fr 6fr;gap:64px}} .ps-tf-rcpt{background:#fff;border-radius:20px;padding:6px 0;box-shadow:var(--t3-ring),0 30px 70px -30px rgba(20,18,16,.3);position:relative} .ps-tf-rcpt::after{content:"";position:absolute;left:16px;right:16px;bottom:-8px;height:16px;border-radius:0 0 16px 16px;background:#fff;opacity:.6;z-index:-1;box-shadow:var(--t3-ring)} .ps-tf-rcpt-hd{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px dashed #E1DAD0;font-size:13px;color:#8A837A;font-weight:500} .ps-tf-rl{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #EEE9E2} .ps-tf-rl b{font-size:15px;font-weight:600}.ps-tf-rl .ps-stack span{font-size:13px;color:#8A837A} .ps-tf-rt{display:flex;justify-content:space-between;align-items:baseline;padding:18px 20px 8px} .ps-tf-rt span{font-size:14px;font-weight:600;color:#6A645C}.ps-tf-rt b{font-size:30px;font-weight:500;letter-spacing:-.035em} .ps-tf-rn{display:flex;gap:8px;align-items:center;padding:6px 20px 16px;font-size:13px;color:#8A837A} .ps-tf-ck{width:26px;height:26px;border-radius:8px;background:var(--app-success-bg);color:var(--app-success);display:flex;align-items:center;justify-content:center;flex:none} .ps-tf-warn{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:16px;background:#FBEDEA;color:#6E2A1F;font-size:15px;line-height:1.6;box-shadow:inset 0 0 0 1px rgba(180,64,47,.18)} .ps-tf-warn svg{flex:none;margin-top:3px;color:#B4402F}.ps-tf-warn b{color:#4A1A12} .ps-tf-tva{display:grid;gap:24px;padding:24px;border-radius:28px;background:#fff;box-shadow:var(--t3-ring),var(--t3-sh);align-items:center} @container psapp (min-width:900px){.ps-tf-tva{grid-template-columns:280px 1fr;gap:48px;padding:40px}} .ps-tf-tva-n{display:flex;flex-direction:column;justify-content:center;gap:6px;aspect-ratio:1.4;padding:24px;border-radius:20px;background:radial-gradient(80% 80% at 100% 0%,rgba(201,162,113,.4),transparent 70%),linear-gradient(180deg,#2A2A2A,#1F1F1F);color:#fff} .ps-tf-tva-n b{font-size:64px;font-weight:500;letter-spacing:-.05em;line-height:1;background:var(--t3-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent} .ps-tf-tva-n span{font-size:13.5px;color:rgba(244,239,232,.7)} /* calculator */ .ps-calc{display:grid;gap:14px;margin-top:40px;position:relative;z-index:1} @container psapp (min-width:900px){.ps-calc{grid-template-columns:1.25fr 1fr;gap:18px}} .ps-calc-in,.ps-calc-out{border-radius:24px;padding:24px} @container psapp (min-width:900px){.ps-calc-in,.ps-calc-out{padding:32px}} .ps-calc-in{background:linear-gradient(180deg,#fff,#FBF9F6);display:flex;flex-direction:column;gap:24px;box-shadow:0 40px 90px -30px rgba(0,0,0,.55)} .ps-calc-in .ps-chip{border-radius:12px} .ps-calc-m2{display:inline-flex;align-items:baseline;gap:4px;font-size:15px;font-weight:600;color:#6A645C} .ps-calc-m2 input{width:72px;height:40px;border:0;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(20,18,16,.12);text-align:center;font:600 20px var(--psp-font);letter-spacing:-.02em;color:#141210} .ps-calc-m2 input:focus{outline:0;box-shadow:inset 0 0 0 1.5px #B68E5E,0 0 0 4px rgba(182,142,94,.16)} .ps-calc-rng{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;margin:14px 0 6px;background:linear-gradient(90deg,#B68E5E var(--v),#E7E1D8 var(--v));cursor:pointer} .ps-calc-rng::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(20,18,16,.12),0 4px 12px rgba(20,18,16,.2);border:6px solid #1F1F1F} .ps-calc-rng::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:6px solid #1F1F1F} .ps-calc-sc{display:flex;justify-content:space-between;font-size:12.5px;color:#8A837A} .ps-calc-tg{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border-radius:14px;box-shadow:inset 0 0 0 1px rgba(20,18,16,.09);cursor:pointer} .ps-calc-tg b{font-size:15px;font-weight:600}.ps-calc-tg .ps-stack span{font-size:13px;color:#8A837A} .ps-calc-out{display:flex;flex-direction:column;gap:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);backdrop-filter:blur(10px);color:#F4EFE8} .ps-calc-k{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#E4D3B8} .ps-calc-v{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;font-size:44px;font-weight:500;letter-spacing:-.045em;line-height:1.05} @container psapp (min-width:900px){.ps-calc-v{font-size:52px}} .ps-calc-v span{background:var(--t3-goldtext);-webkit-background-clip:text;background-clip:text;color:transparent} .ps-calc-v i{font-style:normal;color:rgba(244,239,232,.4)} .ps-calc-d{font-size:15px;line-height:1.6;color:rgba(244,239,232,.72);margin-bottom:auto} .ps-calc-n{font-size:12.5px;line-height:1.5;color:rgba(244,239,232,.5)} .ps-calc-out .ps-cta-note{display:none} /* YouTube background video (cover) — between poster (-3) and scrim (-2) */ .ps-yt-bg{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;container-type:size} .ps-yt-bg iframe{position:absolute;top:50%;left:50%;width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);transform:translate(-50%,-50%) scale(1.15);border:0} .ps-lx-scrim{z-index:-1} .ps-yt-bg{opacity:1} @media (prefers-reduced-motion:reduce){.ps-yt-bg{display:none}} .ps-ba-img{width:100%;height:100%;object-fit:cover;display:block} /* reviews carousel */ .ps-rvs{margin-top:48px} .ps-rvs-hd{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px} .ps-rvs-score{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;color:#6A645C} .ps-rvs-score b{font-size:28px;font-weight:500;letter-spacing:-.03em;color:#141210} .ps-rvs-nav{display:flex;gap:8px} .ps-rvs-nav button{width:44px;height:44px;border-radius:12px;border:0;background:#fff;box-shadow:var(--t3-ring),0 1px 2px rgba(20,18,16,.05);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#141210;transition:transform .2s,box-shadow .2s} .ps-rvs-nav button:hover{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(182,142,94,.45),var(--t3-sh)} .ps-rvs-track{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 4px 20px;margin:0 -4px;scrollbar-width:none} .ps-rvs-track::-webkit-scrollbar{display:none} @container psapp (min-width:700px){.ps-rvs-track{grid-auto-columns:calc(50% - 9px);gap:18px}} @container psapp (min-width:1100px){.ps-rvs-track{grid-auto-columns:calc(33.333% - 12px)}} .ps-rvs-track .ps-rvx-c{scroll-snap-align:start;margin:0} .ps-rvs-track .ps-rvx-q{margin:0;font-size:15.5px} /* cursor spotlight on all surfaces */ body.t3 .ps-svx-c,body.t3 .ps-rvx-c,body.t3 .ps-sx-card,body.t3 .ps-sx-steps li,body.t3 .ps-sx-type,body.t3 .ps-sx-sign,body.t3 .ps-pcard,body.t3 .ps-tf-exc,body.t3 .ps-tf-rcpt,body.t3 .ps-ab-role,body.t3 .ps-ab-contact,body.t3 .ps-acc-item,body.t3 .ps-z4 a,body.t3 .ps-tf-ext-g>div,body.t3 .ps-tf-tva,body.t3 .ps-calc-in,body.t3 .ps-lr,body.t3 .ps-pl-step,body.t3 .ps-ct-card,body.t3 .ps-prow,body.t3 .ps-list-row,body.t3 .ps-box:not(.ps-check .ps-box),body.t3 .ps-auth-card{position:relative;isolation:isolate} body.t3 .ps-svx-c::before,body.t3 .ps-rvx-c::before,body.t3 .ps-sx-card::before,body.t3 .ps-sx-steps li::before,body.t3 .ps-sx-type::before,body.t3 .ps-sx-sign::before,body.t3 .ps-pcard::before,body.t3 .ps-tf-exc::before,body.t3 .ps-tf-rcpt::before,body.t3 .ps-ab-role::before,body.t3 .ps-ab-contact::before,body.t3 .ps-acc-item::before,body.t3 .ps-z4 a::before,body.t3 .ps-tf-ext-g>div::before,body.t3 .ps-tf-tva::before,body.t3 .ps-calc-in::before,body.t3 .ps-lr::before,body.t3 .ps-pl-step::before,body.t3 .ps-ct-card::before,body.t3 .ps-prow::before,body.t3 .ps-list-row::before,body.t3 .ps-box:not(.ps-check .ps-box)::before,body.t3 .ps-auth-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:0;transition:opacity .35s var(--psp-ease);background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(182,142,94,.14),transparent 60%)} body.t3 .ps-svx-c::after,body.t3 .ps-rvx-c::after,body.t3 .ps-sx-card::after,body.t3 .ps-sx-steps li::after,body.t3 .ps-sx-type::after,body.t3 .ps-sx-sign::after,body.t3 .ps-pcard::after,body.t3 .ps-tf-exc::after,body.t3 .ps-tf-rcpt::after,body.t3 .ps-ab-role::after,body.t3 .ps-ab-contact::after,body.t3 .ps-acc-item::after,body.t3 .ps-z4 a::after,body.t3 .ps-tf-ext-g>div::after,body.t3 .ps-tf-tva::after,body.t3 .ps-calc-in::after,body.t3 .ps-lr::after,body.t3 .ps-pl-step::after,body.t3 .ps-ct-card::after,body.t3 .ps-prow::after,body.t3 .ps-list-row::after,body.t3 .ps-box:not(.ps-check .ps-box)::after,body.t3 .ps-auth-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:0;transition:opacity .35s var(--psp-ease);padding:1px;background:radial-gradient(220px circle at var(--mx,50%) var(--my,0%),rgba(182,142,94,.85),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude} body.t3 .ps-svx-c:hover::before,body.t3 .ps-rvx-c:hover::before,body.t3 .ps-sx-card:hover::before,body.t3 .ps-sx-steps li:hover::before,body.t3 .ps-sx-type:hover::before,body.t3 .ps-sx-sign:hover::before,body.t3 .ps-pcard:hover::before,body.t3 .ps-tf-exc:hover::before,body.t3 .ps-tf-rcpt:hover::before,body.t3 .ps-ab-role:hover::before,body.t3 .ps-ab-contact:hover::before,body.t3 .ps-acc-item:hover::before,body.t3 .ps-z4 a:hover::before,body.t3 .ps-tf-ext-g>div:hover::before,body.t3 .ps-tf-tva:hover::before,body.t3 .ps-calc-in:hover::before,body.t3 .ps-lr:hover::before,body.t3 .ps-pl-step:hover::before,body.t3 .ps-ct-card:hover::before,body.t3 .ps-prow:hover::before,body.t3 .ps-list-row:hover::before,body.t3 .ps-box:not(.ps-check .ps-box):hover::before,body.t3 .ps-auth-card:hover::before,body.t3 .ps-svx-c:hover::after,body.t3 .ps-rvx-c:hover::after,body.t3 .ps-sx-card:hover::after,body.t3 .ps-sx-steps li:hover::after,body.t3 .ps-sx-type:hover::after,body.t3 .ps-sx-sign:hover::after,body.t3 .ps-pcard:hover::after,body.t3 .ps-tf-exc:hover::after,body.t3 .ps-tf-rcpt:hover::after,body.t3 .ps-ab-role:hover::after,body.t3 .ps-ab-contact:hover::after,body.t3 .ps-acc-item:hover::after,body.t3 .ps-z4 a:hover::after,body.t3 .ps-tf-ext-g>div:hover::after,body.t3 .ps-tf-tva:hover::after,body.t3 .ps-calc-in:hover::after,body.t3 .ps-lr:hover::after,body.t3 .ps-pl-step:hover::after,body.t3 .ps-ct-card:hover::after,body.t3 .ps-prow:hover::after,body.t3 .ps-list-row:hover::after,body.t3 .ps-box:not(.ps-check .ps-box):hover::after,body.t3 .ps-auth-card:hover::after{opacity:1} body.t3 .ps-svx-c>*,body.t3 .ps-rvx-c>*,body.t3 .ps-sx-card>*,body.t3 .ps-sx-steps li>*,body.t3 .ps-sx-type>*,body.t3 .ps-sx-sign>*,body.t3 .ps-pcard>*,body.t3 .ps-tf-exc>*,body.t3 .ps-tf-rcpt>*,body.t3 .ps-ab-role>*,body.t3 .ps-ab-contact>*,body.t3 .ps-acc-item>*,body.t3 .ps-z4 a>*,body.t3 .ps-tf-ext-g>div>*,body.t3 .ps-tf-tva>*,body.t3 .ps-calc-in>*,body.t3 .ps-lr>*,body.t3 .ps-pl-step>*,body.t3 .ps-ct-card>*,body.t3 .ps-prow>*,body.t3 .ps-list-row>*,body.t3 .ps-box:not(.ps-check .ps-box)>*,body.t3 .ps-auth-card>*{position:relative;z-index:1} body.t3 .ps-z4 a::before,body.t3 .ps-calc-in::before{background:radial-gradient(300px circle at var(--mx,50%) var(--my,0%),rgba(216,195,163,.16),transparent 60%)} body.t3 .ps-svx-img,body.t3 .ps-tf-exi{z-index:1} body.t3 .ps-z4 svg{position:absolute!important} body.t3 .ps-lr.ps-mine::before{content:"";position:absolute;inset:auto;left:0;top:18px;bottom:18px;width:3px;border-radius:0 3px 3px 0;background:var(--app-success);opacity:1;z-index:3} .ps-calc-tg{user-select:none;transition:box-shadow .2s,background .2s}.ps-calc-tg:hover{box-shadow:inset 0 0 0 1px rgba(20,18,16,.18)}.ps-calc-tg.ps-on{background:var(--app-gold-tint);box-shadow:inset 0 0 0 1.5px #B68E5E}.ps-calc-tg:focus-visible{outline:0;box-shadow:inset 0 0 0 1.5px #B68E5E,0 0 0 4px rgba(182,142,94,.18)}.ps-calc-tg .ps-switch{pointer-events:none;flex:none} .ps-v-why{grid-template-columns:1fr}@container psapp (min-width:700px){.ps-v-why{grid-template-columns:1fr 1fr}}@container psapp (min-width:1100px){.ps-v-why{grid-template-columns:repeat(3,1fr)}} .ps-v-zl a{background:rgba(255,255,255,.07)!important;color:#F4EFE8!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important}.ps-v-zl a:hover{background:#fff!important;color:#141210!important} .ps-v-seo{position:relative;max-height:180px;overflow:hidden;margin-top:28px;display:flex;flex-direction:column;gap:16px;transition:max-height .5s var(--psp-ease)} .ps-v-seo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,#FAF9F7);pointer-events:none;transition:opacity .3s} .ps-v-seo.ps-open{max-height:2000px}.ps-v-seo.ps-open::after{opacity:0} .ps-v-more{display:inline-flex;align-items:center;gap:6px;margin-top:16px;height:40px;padding:0 14px;border-radius:10px;border:0;background:#fff;box-shadow:var(--t3-ring);font:600 14px var(--psp-font);cursor:pointer} .ps-v-seo{max-height:260px}.ps-v-seo-b h3{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px} .ps-ct-grid{display:grid;gap:18px}@container psapp (min-width:900px){.ps-ct-grid{grid-template-columns:5fr 7fr;gap:40px;align-items:start}} .ps-frm-card textarea{min-height:120px;resize:vertical} .ps-show-it .ps-th{flex:none;width:56px;height:56px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(20,18,16,.08)}.ps-show-it.ps-on .ps-th{box-shadow:0 0 0 2px #B68E5E} .ps-stabs-bar{display:inline-flex;gap:4px;padding:4px;margin-top:32px;border-radius:14px;background:#fff;box-shadow:var(--t3-ring),0 1px 2px rgba(20,18,16,.04);flex-wrap:wrap} .ps-stabs-bar button{height:42px;padding:0 16px;border:0;border-radius:10px;background:none;font:600 14.5px var(--psp-font);color:#6A645C;cursor:pointer;transition:all .2s} .ps-stabs-bar button:hover{color:#141210}.ps-stabs-bar button.ps-on{background:#1F1F1F;color:#fff} .ps-stabs .ps-sx-steps{margin-top:24px}.ps-stabs .ps-sx-steps[hidden]{display:none} /* ===== WordPress / Elementor ===== */ .ps-scope{container:psapp/inline-size;font-family:var(--psp-font);color:#141210;-webkit-font-smoothing:antialiased} .ps-scope *,.ps-scope *::before,.ps-scope *::after{box-sizing:border-box} .ps-scope.ps-site{min-height:0} .ps-scope .ps-acc-item:not(.ps-open) .ps-acc-a{display:none} .ps-scope .ps-acc-item.ps-open .ps-acc-q svg{transform:rotate(45deg)} .elementor-widget-html .ps-scope{margin:0} body.t3 .ps-header{position:fixed!important;top:12px;left:0;right:0;z-index:999} body.t3.admin-bar .ps-header{top:44px} body.t3 .ps-lf,body.t3 .ps-mbar{font-family:var(--psp-font)} .ps-hf{container:psapp/inline-size} .ps-lb.ps-loading{opacity:.7;pointer-events:none} /* ===== Elementor header / footer (compléments) ===== */ .ps-el-header{backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 10px 30px -10px rgba(0,0,0,.4);max-width:1240px;left:50%!important;transform:translateX(-50%);width:calc(100% - 24px)!important;margin:0!important} body.admin-bar .ps-el-header{top:44px!important} .ps-el-header img{height:34px!important;width:auto!important} .ps-el-nav .elementor-icon-list-text{padding:8px 12px;border-radius:10px;transition:background .2s} .ps-el-nav a:hover .elementor-icon-list-text{background:rgba(255,255,255,.1)} .ps-el-header .elementor-icon-list-icon,.ps-el-footer .elementor-icon-list-icon{display:none} .ps-btn .elementor-button{display:inline-flex;align-items:center;background:linear-gradient(180deg,#C7A06F,#B68E5E 55%,#A9814F)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 24px -8px rgba(182,142,94,.6);padding-right:6px!important} .ps-btn .elementor-button-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:#1F1F1F;color:#E9D6B6;fill:#E9D6B6} .ps-btn .elementor-button-icon svg{width:14px;height:14px} .ps-el-word .elementor-heading-title{white-space:nowrap;overflow:hidden} .ps-el-mbar{left:0!important;right:0;bottom:0!important;top:auto!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(20,18,16,.08)} @media (max-width:767px){body.t3{padding-bottom:92px}} .ps-scope{container:psapp/inline-size;font-family:'Instrument Sans',ui-sans-serif,system-ui,sans-serif;color:#141210;-webkit-font-smoothing:antialiased;overflow-x:clip} .ps-scope *,.ps-scope *::before,.ps-scope *::after{box-sizing:border-box} .ps-scope .ps-acc-item:not(.ps-open) .ps-acc-a{display:none} /* === Elementor : pleine largeur + titres (v2.1) === */ .elementor-widget-html:has(.ps-scope),.elementor-widget-html:has(.ps-scope)>.elementor-widget-container{width:100%!important;max-width:100%!important;flex:1 1 100%!important} .ps-scope{display:block;width:100%;max-width:none;min-width:0;overflow-x:clip} .ps-scope.ps-scope :is(h1,h2,h3,h4,h5,h6){color:inherit;font-family:inherit} .ps-scope.ps-scope :is(p,a,li,span,label,button,input,select,textarea,blockquote,figcaption){font-family:inherit} .ps-scope :where(h1,h2,h3,h4,h5,h6,p,figure,blockquote){margin-block:0} .ps-scope.ps-scope .ps-lx-hero,.ps-scope.ps-scope .ps-lx-hero .ps-lx-h1{color:#fff} .ps-scope.ps-scope .ps-lx-hero .ps-h1-dim{color:rgba(255,255,255,.66)} /* === v2.2 : centrage des conteneurs + titres hero (anti-thème) === */ .ps-scope .ps-wrap{width:auto!important;max-width:1320px!important;margin-left:auto!important;margin-right:auto!important;float:none!important;align-self:center} .ps-scope .ps-lx-sec,.ps-scope section{display:block;width:auto;max-width:none;float:none} .ps-scope .ps-lx-hero h1,.ps-scope .ps-lx-hero .ps-lx-h1{color:#fff!important} .ps-scope .ps-lx-hero .ps-h1-dim{color:rgba(255,255,255,.62)!important} .ps-scope :is(h1,h2,h3,h4){font-family:'Instrument Sans',ui-sans-serif,system-ui,sans-serif!important} /* v2.4 avant/après : drag géré en JS, insensible aux styles du thème */ .ps-scope .ps-ba{cursor:ew-resize;touch-action:pan-y} .ps-scope .ps-ba input[type=range]{-webkit-appearance:none;appearance:none;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;background:none!important;opacity:0!important;pointer-events:none!important} .ps-scope .ps-ba img{max-width:none!important;width:100%!important;height:100%!important;object-fit:cover} /* v2.5 vidéo de fond */ .ps-scope .ps-lx-hero{position:relative;isolation:isolate;overflow:hidden} .ps-scope .ps-yt-bg{position:absolute!important;inset:0!important;z-index:-2!important;overflow:hidden;pointer-events:none;display:block!important} .ps-scope .ps-yt-bg iframe{max-width:none!important;max-height:none!important;margin:0!important} .ps-scope .ps-yt-bg{opacity:1!important;visibility:visible!important} /* v2.7 pages services */ .ps-sp-5{grid-template-columns:1fr} @container psapp (min-width:700px){.ps-sp-5{grid-template-columns:repeat(2,minmax(0,1fr))}} @container psapp (min-width:1100px){.ps-sp-5{grid-template-columns:repeat(5,minmax(0,1fr))}} .ps-sp-5 li h3{margin-top:18px} .ps-sp-4{grid-template-columns:1fr} @container psapp (min-width:700px){.ps-sp-4{grid-template-columns:repeat(2,minmax(0,1fr))}} @container psapp (min-width:1100px){.ps-sp-4{grid-template-columns:repeat(4,minmax(0,1fr))}} .ps-sp-spec{align-items:center} .ps-sp-r{align-items:flex-start!important}.ps-sp-r b{display:block;font-size:16px;color:#141210}.ps-sp-r p{margin:4px 0 0;font-size:14.5px;line-height:1.55;color:#5E5850} .ps-sp-cmp{padding:8px 0!important;overflow:hidden} .ps-sp-cmp-r{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:14px 22px;border-bottom:1px solid #EEE9E2;font-size:14.5px;line-height:1.45;color:#3A3530} .ps-sp-cmp-r:last-child{border-bottom:0}.ps-sp-cmp-r span:first-child{font-weight:600;color:#141210} .ps-sp-cmp-r.ps-hd{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#8A7558} .ps-sp-why{grid-template-columns:1fr!important;gap:40px!important} .ps-sp-why-g{display:grid;grid-template-columns:1fr;gap:12px} @container psapp (min-width:700px){.ps-sp-why-g{grid-template-columns:repeat(2,minmax(0,1fr))}} @container psapp (min-width:1100px){.ps-sp-why-g{grid-template-columns:repeat(4,minmax(0,1fr))}} .ps-sp-why-i{position:relative;padding:24px;border-radius:18px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);transition:background .25s,box-shadow .25s} .ps-sp-why-i:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(182,142,94,.45)} .ps-sp-why-ic{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:rgba(182,142,94,.16);color:#D8C3A3} .ps-sp-why-i h3{margin:18px 0 8px;font-size:18px;font-weight:600;letter-spacing:-.01em;color:#fff} .ps-sp-why-i p{margin:0;font-size:14.5px;line-height:1.6;color:#BDB5AA} .ps-sp-zones{display:grid;grid-template-columns:1fr;gap:14px;margin-top:36px} @container psapp (min-width:900px){.ps-sp-zones{grid-template-columns:repeat(3,minmax(0,1fr))}} .ps-sp-zc{position:relative;display:flex;flex-direction:column;padding:24px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px rgba(20,18,16,.08),0 1px 2px rgba(20,18,16,.04)} .ps-sp-zc h3{margin:0 0 12px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#8A7558} .ps-sp-zc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column} .ps-sp-zc li a{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid #EEE9E2;font-size:15.5px;color:#141210;text-decoration:none;transition:color .2s} .ps-sp-zc li a svg{color:#B5ADA2;transition:transform .2s,color .2s}.ps-sp-zc li a:hover{color:#9C784C}.ps-sp-zc li a:hover svg{color:#B68E5E;transform:translate(2px,-2px)} .ps-sp-zall{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:14px;font-weight:600;color:#9C784C;text-decoration:none} .ps-sp-seo{display:flex;flex-direction:column;gap:18px;margin-top:28px} .ps-sp-photo{aspect-ratio:4/3;border-radius:24px;background:#D9CBB6}