/* Shared design system for Better Property Service home and privacy pages. */
:root{--primary:#11b9c9;--secondary:#0c739b;--accent:#f8d28c;--bg:#10494e;--bg2:#15595c;--surface:#195f62;--surface2:#226c6e;--text:#f3fcfa;--muted:#d1e7e3;--hair:rgba(128,232,225,.3);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px;--r-sm:6px;--r-md:16px;--r-lg:28px;--shadow-1:0 6px 18px rgba(3,54,57,.18),0 1px 3px rgba(21,182,190,.09);--shadow-2:0 16px 36px rgba(4,53,57,.26),0 3px 10px rgba(0,178,191,.12);--shadow-3:0 30px 70px rgba(0,53,57,.34),0 10px 22px rgba(50,212,215,.12);--ease:cubic-bezier(.2,.8,.2,1);--header:72px}
*,*::before,*::after{box-sizing:border-box}html{font-size:clamp(16px,.55vw + 11px,22px);scroll-behavior:smooth;overflow-x:clip}body{margin:0;overflow-x:clip;color:var(--text);font:400 1rem/1.7 'PT Serif',Georgia,serif;background:radial-gradient(ellipse at 50% 8%,#206f70,var(--bg) 62%);background-color:var(--bg)}body::before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");z-index:8}::selection{background:var(--accent);color:#174649}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:'PT Sans',Arial,sans-serif;line-height:1.16;letter-spacing:-.035em;text-wrap:balance}h2{font-size:clamp(1.75rem,3.8vw,3.5rem);font-weight:600}h3{font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:600}p{max-width:76ch;text-wrap:pretty}p+p{margin-top:1em}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}a,button{touch-action:manipulation}.container{width:min(100% - 40px,1360px);margin-inline:auto}.section{padding-block:clamp(64px,10vw,128px)}.section-heading{max-width:960px;margin-bottom:var(--s7)}.section-heading p{margin-top:var(--s5);color:var(--muted)}.eyebrow{font:600 .9rem/1.4 'PT Sans',sans-serif;color:var(--accent);text-transform:uppercase;letter-spacing:.17em;margin-bottom:var(--s4)}.site-header{height:var(--header);border-bottom:1px solid rgba(51,246,229,.5);background:rgba(15,67,70,.96);box-shadow:0 2px 20px rgba(16,235,217,.16);position:relative;z-index:10}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}.brand{display:flex;gap:var(--s3);align-items:center;min-width:0;font:600 1rem/1.1 'PT Sans',sans-serif;letter-spacing:-.025em}.brand img{width:38px;height:38px;object-fit:contain;border-radius:var(--r-sm);flex:none}.brand span{max-width:min(57vw,450px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-button,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font:600 .92rem/1.2 'PT Sans',sans-serif;border-radius:var(--r-sm);min-height:48px;padding:14px 28px;border:1px solid rgba(255,255,255,.3);background:linear-gradient(160deg,#e9fffc,#b8e5dc);color:#17494c;box-shadow:inset 0 2px rgba(255,255,255,.75),0 5px 0 #0b3538,var(--shadow-1);transform:translateY(0);transition:transform .2s var(--ease),box-shadow .2s var(--ease);cursor:pointer;text-align:center}.nav-button:hover,.button:hover{transform:translateY(-3px);box-shadow:inset 0 2px rgba(255,255,255,.75),0 7px 0 #0b3538,var(--shadow-2)}.button--secondary{background:rgba(30,104,104,.7);color:var(--text);border-color:var(--hair);box-shadow:inset 0 1px rgba(255,255,255,.12),0 5px 0 #0b3538,var(--shadow-1)}.nav-button[aria-current='page']{border-color:var(--accent)}.skip-link{position:absolute;top:-80px;left:16px;background:white;color:#173f41;padding:8px;z-index:99}.skip-link:focus{top:8px}.hero-shell{height:100vh;height:100svh;height:100dvh;display:grid;grid-template-rows:var(--header) minmax(0,1fr);min-height:0}.hero-shell .site-header{height:100%}.hero{--hs:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center;padding:calc(var(--hs)*min(3svh,32px)) var(--s4);isolation:isolate;background:radial-gradient(ellipse at 50% 36%,rgba(109,229,209,.32),transparent 51%),radial-gradient(ellipse at 50% 55%,#226f70,#10494e 74%)}.hero::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 5px,rgba(9,55,58,.14) 6px);opacity:.25}.hero-floor{position:absolute;bottom:0;left:-30%;width:160%;height:30%;pointer-events:none;opacity:.3;transform:perspective(240px) rotateX(68deg);transform-origin:bottom;background-image:linear-gradient(rgba(108,243,218,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(108,243,218,.25) 1px,transparent 1px);background-size:40px 40px;animation:floor 15s linear infinite}.hero-content{width:min(100%,1050px);max-height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--hs)*min(2.1svh,22px));text-align:center;position:relative;z-index:1}.constellation{width:calc(var(--hs)*min(36svh,360px));max-width:80vw;max-height:calc(var(--hs)*min(38svh,380px));aspect-ratio:1.38;position:relative;filter:drop-shadow(0 12px 30px rgba(0,34,37,.35));flex-shrink:1}.constellation svg{width:100%;height:100%;display:block}.hero h1{font-size:calc(var(--hs)*clamp(30px,min(5.7vw,8svh),92px));font-weight:600;max-width:950px;line-height:1.04;letter-spacing:-.05em;text-shadow:0 6px 30px rgba(6,51,53,.3)}.hero h1 .light{font-weight:400;color:#b5f5e8}.hero h1::after{content:'';display:block;height:2px;margin-top:var(--s2);background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:sweep 1.3s ease-out both}.hero-description{font-size:calc(var(--hs)*clamp(16px,min(2vw,2.5svh),23px));line-height:1.45;color:#e4f6ef;max-width:720px}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--s4)}.hero .button{font-size:calc(var(--hs)*.94rem)}.section-line{height:1px;border:0;background:repeating-linear-gradient(90deg,rgba(110,238,221,.65) 0 12px,transparent 12px 19px)}.facts-strip{display:grid;grid-template-columns:1.35fr 1fr 1.2fr;gap:var(--s4);margin-top:var(--s7)}.fact{border:1px solid var(--hair);border-radius:var(--r-md);padding:var(--s5);background:linear-gradient(150deg,rgba(49,132,126,.45),rgba(15,70,73,.65));box-shadow:var(--shadow-1)}.fact strong{display:block;font:600 1.25rem 'PT Sans',sans-serif;color:#c3fff0}.fact span{color:var(--muted)}.features{background:rgba(9,65,67,.33)}.feature-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s4)}.feature-card{min-width:0;min-height:320px;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--s5);padding:var(--s5);border:1px solid rgba(126,237,221,.45);border-radius:var(--r-sm);background:linear-gradient(145deg,rgba(45,128,124,.68),rgba(13,75,78,.82));box-shadow:var(--shadow-1);transition:transform .2s var(--ease)}.feature-card::before,.feature-card::after{content:'';position:absolute;width:16px;height:16px;border-color:var(--accent);border-style:solid;pointer-events:none}.feature-card::before{top:-1px;left:-1px;border-width:2px 0 0 2px}.feature-card::after{bottom:-1px;right:-1px;border-width:0 2px 2px 0}.feature-card:hover{transform:translateY(-4px)}.feature-icon{width:52px;height:52px;padding:var(--s3);border-radius:var(--r-sm);background:rgba(177,250,230,.2);color:var(--accent)}.feature-card h3{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);height:140px;flex:none}.feature-card p{font-size:.91rem;line-height:1.5;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-left:var(--s3)}.step{position:relative;border:1px solid var(--hair);background:linear-gradient(145deg,#287c78,#17575a);padding:var(--s6);border-radius:var(--r-md);margin-left:calc(-1*var(--s3));box-shadow:var(--shadow-2)}.step:nth-child(even){transform:translateY(var(--s4))}.step-number{font:600 2.8rem 'PT Sans',sans-serif;color:var(--accent);line-height:1}.step h3{margin:var(--s4) 0 var(--s3)}.step p{color:var(--muted)}.trust-ribbon{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5);padding:var(--s7);border:1px solid rgba(248,210,140,.45);border-radius:var(--r-lg);background:linear-gradient(112deg,#296f69,#1b6567 56%,#247d76);box-shadow:var(--shadow-3)}.trust-ribbon div{border-left:3px solid var(--accent);padding-left:var(--s4)}.trust-ribbon strong{display:block;font:600 1.2rem 'PT Sans',sans-serif}.trust-ribbon span{color:var(--muted)}.trust-action{margin-top:var(--s6)}.cta{padding-block:var(--s9);background:linear-gradient(120deg,#b0e8d8,#62c4bb 70%,#39a4ad);color:#13484a;text-align:center}.cta h2{font-size:clamp(3rem,8vw,7rem);max-width:1100px;margin-inline:auto}.cta p{margin:var(--s5) auto var(--s6);font-size:1.15rem}.cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s4)}.cta .button{background:#185b5d;color:white;border-color:#1b7173}.cta .button--secondary{background:rgba(245,255,252,.7);color:#13484a}.site-footer{padding:var(--s8) 0 var(--s6);text-align:center;background:#164f51}.footer-brand{display:flex;align-items:center;justify-content:center;gap:var(--s3);font:600 1.2rem 'PT Sans',sans-serif}.footer-brand img{width:40px;height:40px;object-fit:contain;border-radius:var(--r-sm)}.footer-ornament{height:1px;width:150px;margin:var(--s5) auto;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.site-footer p{margin-inline:auto;color:var(--muted)}.privacy-main{padding:var(--s8) 0 var(--s9)}.privacy-column{width:min(100% - 40px,760px);margin:auto}.privacy-title{padding:var(--s6);margin-bottom:var(--s4);background:linear-gradient(135deg,#317e77,#205f63);border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:var(--shadow-2)}.privacy-title h1{font-size:clamp(2.25rem,5.5vw,5.5rem)}.privacy-title p{color:#e8f7f2;margin-top:var(--s2)}.terminal{margin:0 0 var(--s5);border:1px solid var(--hair);border-radius:var(--r-sm);background:linear-gradient(150deg,rgba(49,117,113,.85),rgba(22,83,84,.88));box-shadow:var(--shadow-1)}.terminal-top{height:34px;border-bottom:1px dashed rgba(151,244,219,.42);display:flex;align-items:center;gap:6px;padding-inline:var(--s5)}.terminal-top i{width:7px;height:7px;border:1px solid var(--accent);border-radius:50%;opacity:.85}.terminal-body{padding:var(--s5)}.terminal-body h2{font-size:1.36rem;line-height:1.3;color:#d7fff4;margin-bottom:var(--s4)}.terminal-body p{line-height:1.78;white-space:pre-line;overflow-wrap:anywhere}.back-to-top{position:fixed;right:var(--s5);bottom:var(--s5);width:48px;height:48px;border:1px solid var(--hair);border-radius:var(--r-md);background:#b6ebde;color:#17484a;box-shadow:var(--shadow-2);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .2s var(--ease),transform .2s var(--ease);z-index:11}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}.reveal.is-visible{opacity:1;transform:none}@media(min-width:768px){.container{width:min(100% - 64px,1360px)}}@media(min-width:1024px){.container{width:min(100% - 96px,1360px)}}@media(max-width:1100px){.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{min-height:260px}.feature-card h3{writing-mode:initial;transform:none;height:auto}.steps{grid-template-columns:repeat(2,1fr);gap:var(--s4)}.step:nth-child(even){transform:none}.step{margin-left:0}}@media(max-width:767px){:root{--header:64px}.brand{font-size:.88rem}.brand img{width:34px;height:34px}.nav-button{padding:12px 14px;white-space:nowrap;font-size:.82rem}.section-heading{margin-bottom:var(--s6)}.facts-strip{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{min-height:250px}.steps{grid-template-columns:1fr}.trust-ribbon{grid-template-columns:1fr;padding:var(--s5)}.privacy-main{padding-top:var(--s5)}.privacy-title{padding:var(--s5)}.terminal-body{padding:var(--s5)}}@media(max-width:480px){.brand span{max-width:38vw}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:unset}.hero-actions{gap:var(--s3)}.hero .button{padding:12px 16px}.hero-content{gap:calc(var(--hs)*min(2.3svh,16px))}.constellation{width:calc(var(--hs)*min(34svh,260px))}.cta{padding-block:var(--s8)}.privacy-column{width:calc(100% - 32px)}}@media(max-height:600px){.hero-content{flex-direction:row;text-align:left;gap:var(--s5);flex-wrap:wrap}.constellation{width:calc(var(--hs)*36svh);max-height:36svh}.hero-copy{flex:1;min-width:220px}.hero-actions{justify-content:flex-start}.hero h1{font-size:calc(var(--hs)*clamp(26px,5svh,60px))}}@media(max-height:420px){.constellation{display:none}.hero-content{display:block;max-width:720px}.hero-copy{text-align:center}.hero-actions{justify-content:center}.hero h1{font-size:calc(var(--hs)*clamp(24px,7svh,52px))}}.hero--compact .button--secondary,.hero--compact .hero-floor{display:none}@keyframes floor{to{background-position:0 40px,40px 0}}@keyframes sweep{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}@media print{body{background:white;color:black}.site-header,.site-footer,.back-to-top{display:none}.terminal,.privacy-title{background:white;color:black;box-shadow:none;break-inside:avoid}.terminal-body h2{color:black}.privacy-main{padding:0}}