@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#101112;--paper:#efeee8;--muted:#a5a5a0;--red:#c9364f;--line:#ffffff1b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:104px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{font-size:28px;letter-spacing:-1.5px;display:flex;align-items:center;font-weight:600;gap:12px}.brand img{width:20px;height:37px}.brand span{font-size:11px;align-self:flex-start;margin-top:5px;letter-spacing:0}nav{display:flex;gap:25px;align-items:center;font-size:12px}nav a:hover,.text-link:hover{color:var(--red)}.login{background:none;border:1px solid #ffffff40;color:var(--paper);padding:12px 17px;border-radius:25px}.menu{display:none}.hero{min-height:780px;position:relative;padding:42px 5.5% 0;overflow:hidden;background:radial-gradient(ellipse at 78% 45%,#42202c55,transparent 45%)}.hero-top{display:flex;justify-content:space-between}.eyebrow,.edition,.section-label,.num,.art-note,.art-index,.hero-bottom,.contact-foot,.footer-bottom,.visual-caption{font-size:10px;letter-spacing:1.8px;font-weight:500}.eyebrow{display:flex;gap:10px;align-items:center}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red)}.edition{color:var(--muted)}.hero-copy{position:relative;z-index:2;margin-top:115px;width:65%}h1,h2,h3,p{margin:0}h1{font:500 clamp(56px,6.6vw,105px)/1.08 'Manrope',sans-serif;letter-spacing:-6px}em{font-family:Georgia,serif;font-weight:400}h1 em{color:#cec0b4}p{color:var(--muted);font-size:15px;line-height:1.8}.hero-copy p{margin:30px 0 33px}.button{display:inline-flex;align-items:center;gap:35px;padding:17px 25px;background:var(--paper);border:0;border-radius:40px;color:#171717;font-size:13px}.button span{font-size:20px}.button:hover{background:#d9c2b4}.text-link{font-size:12px;margin-left:24px}.hero-art{position:absolute;right:2%;top:105px;width:44%;height:590px}.hero-art img{position:absolute;width:210px;height:420px;object-fit:contain;left:39%;top:45px;filter:drop-shadow(0 30px 50px #af18383d);transform:rotate(14deg);animation:float 7s ease-in-out infinite}.orbit{position:absolute;border:1px solid #c8a3a329;border-radius:50%;width:500px;height:195px;left:5%;top:180px;transform:rotate(-30deg)}.o2{transform:rotate(40deg);border-color:#c8a3a318}.art-note{position:absolute;right:5%;top:20px;writing-mode:vertical-rl;color:#b69e99}.art-index{position:absolute;bottom:55px;right:10%;color:#887979;font-size:8px}.hero-bottom{position:absolute;bottom:0;left:5.5%;right:5.5%;border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;color:#b6b3ae}.hero-bottom a span{margin-left:35px}.section{padding:115px 7%;border-bottom:1px solid var(--line)}.section-label{color:#c5a6a0;margin-bottom:30px}.intro{display:grid;grid-template-columns:30% 70%;background:#171819}h2{font:500 clamp(38px,4.1vw,65px)/1.15 'Manrope',sans-serif;letter-spacing:-2.7px}h2 em{color:#cbbab0}.intro-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:40px}.section-heading{display:flex;justify-content:space-between;gap:70px;align-items:flex-end;margin-bottom:55px}.section-heading>p{max-width:310px}.service-feature{display:grid;grid-template-columns:1fr 1fr;gap:25px}.feature{background:#1a1b1d;border:1px solid var(--line);padding:30px;border-radius:6px}.num{color:#afaaa4;font-size:9px}.browser-art{height:290px;margin:38px 0 35px;position:relative;border:1px solid #ffffff22;background:#262629;border-radius:8px;overflow:hidden}.browser-top{height:27px;border-bottom:1px solid #ffffff17;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:7px;letter-spacing:1px}.browser-top b{color:#8f8c89}.mock-content{padding:38px 25px}.mock-content small,.app-window small{font-size:7px;letter-spacing:1.5px;color:#b5a09a}.mock-content strong{display:block;font:35px/1.1 Georgia;margin-top:18px}.mock-content em{color:#ca9c9b}.mock-line{margin-top:23px;width:65px;height:5px;border-radius:3px;background:#c9364f}.mock-gem img{width:105px;position:absolute;right:30px;top:60px;transform:rotate(18deg);filter:drop-shadow(0 5px 25px #a01832)}h3{font:500 27px/1.25 'Manrope';letter-spacing:-.8px}.feature p{margin:14px 0 25px;max-width:410px;font-size:14px}.feature a,.package-grid a{font-size:12px;color:#ded5cd}.app-art{height:290px;margin:38px 0 35px;background:radial-gradient(ellipse,#542b3540,transparent 70%);position:relative;padding:20px}.app-window{background:#242528;border:1px solid #ffffff22;border-radius:10px;padding:20px;transform:perspective(800px) rotateY(-8deg);box-shadow:0 25px 35px #0005}.dashboard{margin-top:20px}.dashboard>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#999}.dashboard strong{color:#ddd}.chart{height:85px;display:flex;gap:15px;align-items:end;border-bottom:1px solid #ffffff20;margin-bottom:10px;padding:10px 15px 0}.chart i{flex:1;background:linear-gradient(#b94a5d,#703142);height:40%;border-radius:4px 4px 0 0}.chart i:nth-child(2){height:65%}.chart i:nth-child(3){height:50%}.chart i:nth-child(4){height:80%}.chart i:nth-child(5){height:70%}.chart i:nth-child(6){height:100%}.dash-row{font-size:8px;padding:9px 0;border-bottom:1px solid #ffffff12;display:flex;justify-content:space-between}.visual-caption{font-size:7px;color:#777;position:absolute;bottom:-10px;right:10px}.services{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px}.service{padding:30px 25px 30px 0;border-top:1px solid var(--line);margin-right:25px}.service small{font-size:10px;color:#b27a80;display:block;margin-bottom:20px}.service h3{font-size:19px}.service p{font-size:13px;margin-top:12px}.care{background:var(--paper);color:#191919}.care .section-label{color:#86585d}.care h2 em{color:#8a686a}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:65px}.principles article{border-top:1px solid #0003;padding-top:24px}.principles article>span{font-size:11px;color:#a44b59}.principles h3{font-size:22px;margin:30px 0 14px}.principles p{font-size:14px;color:#666}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.package-grid article{border:1px solid var(--line);padding:35px 30px;border-radius:5px}.package-grid .highlight{background:#251c20;border-color:#75404b}.package-grid h3{font-size:33px;margin-top:30px}.package-grid p{font-size:13px;margin-top:20px;min-height:70px}ul{list-style:none;padding:0;margin:30px 0;font-size:12px;color:#c2beb8}li{padding:10px 0;border-bottom:1px solid var(--line)}li:before{content:'＋';margin-right:10px;color:#c98d93}.package-note{font-size:11px;margin-top:20px}.saving{display:flex;justify-content:space-between;gap:50px;background:#181719}.saving p{max-width:420px;margin:25px 0}.saving-number{font:400 175px/1.1 Georgia;color:#d59a9e;align-self:center;white-space:nowrap}.saving-number>span{font-size:95px}.saving-number small{display:block;font:9px 'DM Sans';letter-spacing:1px;margin-top:20px;color:#aaa}.testimonial{display:grid;grid-template-columns:30% 70%}.quote-mark{font:100px/.5 Georgia;color:#c57c86}blockquote{font:400 clamp(24px,3vw,43px)/1.45 Georgia;margin:20px 0 35px;color:#ddd5ca}.attribution{display:flex;gap:15px;align-items:center}.monogram{width:45px;height:45px;background:#30252a;border-radius:50%;display:grid;place-items:center;font-size:12px}.attribution strong{font-size:13px;font-weight:500}.attribution div>span{display:block;color:#999;font-size:11px;margin-top:5px}.contact{text-align:center;background:radial-gradient(ellipse at 50% 100%,#51232b66,transparent 65%);padding-bottom:35px}.contact h2{font-size:clamp(45px,5.7vw,85px)}.contact p{margin:25px 0 30px}.contact-foot{display:flex;justify-content:space-between;margin-top:90px;color:#aaa;font-size:8px}footer{padding:50px 7% 25px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px}footer p{font-size:12px}footer>a:last-of-type{font-size:11px}.footer-bottom{width:100%;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;font-size:8px;color:#777}dialog{background:#19191b;color:var(--paper);border:1px solid #ffffff30;border-radius:12px;padding:40px;width:500px;max-width:92vw}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}.close{position:absolute;right:15px;top:10px;border:0;background:none;color:#ccc;font-size:25px}dialog h2{font-size:45px}dialog p{font-size:13px;margin:15px 0}form{display:grid;gap:15px}label{font-size:11px;display:grid;gap:7px}input,select,textarea{width:100%;background:#26262a;color:#eee;border:1px solid #ffffff25;border-radius:4px;padding:10px;font-size:13px}form small{font-size:10px;color:#999;line-height:1.6}.result{line-height:1.8;font-size:14px}a:focus-visible,button:focus-visible{outline:2px solid #da8996;outline-offset:5px}@keyframes float{50%{transform:translateY(-16px) rotate(11deg)}}@media(min-width:1600px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:1050px){nav{gap:13px;font-size:10px}h1{letter-spacing:-3px}.hero-art{right:-9%}.hero-copy{width:80%}.section{padding:85px 6%}.section-heading{gap:30px}.saving-number{font-size:125px}.saving-number>span{font-size:70px}}@media(max-width:760px){header{height:80px}.brand{font-size:25px}.menu{display:block;background:none;border:1px solid #ffffff30;color:#eee;border-radius:25px;padding:10px 15px}nav{display:none;position:absolute;top:80px;left:0;right:0;padding:25px;background:#19191b;flex-direction:column;align-items:stretch;font-size:14px}nav.open{display:flex}.edition{display:none}.hero{min-height:940px;padding-top:30px}.eyebrow{font-size:8px}.hero-copy{margin-top:65px;width:100%}h1{font-size:54px;letter-spacing:-3px}.hero-copy p{font-size:13px}.hero-copy p br{display:none}.text-link{display:block;margin:23px 0}.hero-art{top:480px;right:0;width:100%;height:365px}.hero-art img{width:140px;height:290px;left:40%;top:0}.orbit{width:320px;height:120px;top:100px;left:10%}.art-index{bottom:20px;font-size:6px}.art-note{font-size:7px}.hero-bottom{font-size:7px;letter-spacing:1px}.hero-bottom a span{margin-left:10px}.section{padding:65px 6%}.intro,.testimonial{grid-template-columns:1fr}.intro-bottom{grid-template-columns:1fr;gap:20px}.section-heading{display:block}.section-heading>p{margin-top:25px;max-width:none}.service-feature,.package-grid,.principles{grid-template-columns:1fr}.feature{padding:25px}.services{grid-template-columns:1fr 1fr}.service{margin-right:15px;padding-right:10px}.service h3{font-size:17px}.service p{font-size:12px}.principles{gap:35px;margin-top:40px}.principles h3{margin-top:20px}.saving{display:block}.saving-number{margin-top:40px;font-size:130px}.contact-foot{font-size:6px;letter-spacing:1px;gap:15px}.footer-bottom{font-size:6px;letter-spacing:.5px}.footer-bottom span:nth-child(2){display:none}h2{letter-spacing:-1.8px}.browser-art,.app-art{height:260px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art img{animation:none}}
/* Readability and spacing refinement */
:root{--muted:#babbb6}
p{font-size:18px;line-height:1.65}
header{height:96px;padding:0 5%}
nav{font-size:14px;gap:22px}.login{font-size:14px;padding:12px 18px}
.eyebrow,.edition,.section-label,.num{font-size:12px;letter-spacing:1.4px}
.hero{min-height:720px;padding:34px 5% 0}
.hero-copy{margin-top:96px;width:57%}
h1{font-size:clamp(56px,6vw,92px);letter-spacing:-4.5px}
.hero-copy p{font-size:19px;margin:28px 0 30px;max-width:560px}
.hero-copy p br{display:none}
.button{font-size:16px;padding:17px 26px;gap:24px;min-height:56px}
.text-link{font-size:15px;display:inline-block;margin:22px 0 0 22px}
.hero-art{width:44%;right:1%;top:130px;height:480px;display:flex;align-items:center;justify-content:center}
.hero-art img{position:static;width:100%;height:auto;max-height:440px;object-fit:contain;transform:none;animation:none;filter:none}
.art-index{font-size:10px;letter-spacing:1px;bottom:0;right:0;left:0;text-align:center}
.hero-bottom{font-size:11px;padding:22px 0;left:5%;right:5%}
.section{padding:84px 7%}
.section-label{margin-bottom:24px}
h2{font-size:clamp(40px,4vw,62px);letter-spacing:-2px}
.intro{grid-template-columns:27% 73%;gap:0}
.intro-bottom{gap:36px;margin-top:30px}
.section-heading{gap:45px;margin-bottom:38px;align-items:center}
.section-heading>p{max-width:360px}
.expertise{background:linear-gradient(#101112dd,#101112ec),url('assets/networkscape.png') center/cover}
.service-feature{gap:24px}
.feature{padding:30px}
.feature h3{font-size:29px}.feature p{font-size:17px;max-width:none;line-height:1.65;margin:16px 0 22px}
.feature a,.package-grid a{font-size:16px;display:inline-block;min-height:30px}
.browser-art,.app-art{margin:26px 0 30px;height:270px}
.services{margin-top:36px;column-gap:28px}
.service{padding:26px 0;margin-right:0}
.service small{font-size:12px;margin-bottom:14px}
.service h3{font-size:23px;line-height:1.35}
.service p{font-size:17px;line-height:1.65;margin-top:12px}
.care-heading{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:40px}
.care-image{width:100%;max-width:310px;height:290px;object-fit:contain;justify-self:center}
.principles{gap:36px;margin-top:36px}
.principles article>span{font-size:13px}
.principles h3{font-size:25px;margin:22px 0 15px}
.principles p{font-size:17px;line-height:1.65;color:#505150}
.package-grid{gap:22px;align-items:stretch}
.package-grid article{padding:32px;display:flex;flex-direction:column}
.package-grid h3{font-size:34px;margin-top:24px}
.package-grid p{font-size:17px;line-height:1.65;margin-top:20px;min-height:0}
ul{font-size:16px;margin:26px 0 30px}li{padding:12px 0}
.package-grid a{margin-top:auto;padding-top:5px}
.package-note{font-size:14px;line-height:1.6;margin-top:22px;max-width:850px}
.saving{align-items:center;gap:50px}.saving p{max-width:500px;margin:24px 0 28px}
.saving-number{font-size:155px;line-height:1}.saving-number>span{font-size:85px}
.saving-number small{font-size:12px;line-height:1.6;max-width:300px;white-space:normal}
.testimonial{grid-template-columns:27% 73%}
blockquote{font-size:clamp(28px,3vw,42px);margin:22px 0 28px}
.attribution strong{font-size:17px}.attribution div>span{font-size:15px;margin-top:7px}.monogram{width:52px;height:52px;font-size:15px;flex-shrink:0}
.contact{padding-bottom:30px}.contact p{margin:24px 0 28px}
.contact-foot{font-size:11px;margin-top:60px;line-height:1.6;letter-spacing:1px}
footer{padding:40px 7% 26px}footer p{font-size:15px}footer>a:last-of-type{font-size:15px}
.footer-bottom{font-size:11px;letter-spacing:.8px;padding-top:24px}
dialog{width:540px;padding:36px}dialog p{font-size:16px}label{font-size:15px;gap:8px}input,select,textarea{font-size:16px;padding:12px}form{gap:18px}form small{font-size:13px}.result{font-size:16px}.close{width:40px;height:40px}
@media(max-width:1150px){nav{gap:14px;font-size:13px}.hero-copy{width:55%;margin-top:85px}.hero-copy p{font-size:18px}.hero-art{top:150px;width:45%;height:430px}.hero{min-height:710px}.hero-copy .text-link{display:block;margin:20px 0}.section{padding:72px 6%}.section-heading>p{max-width:310px}.saving-number{font-size:125px}.saving-number>span{font-size:70px}.care-image{max-width:270px;height:260px}}
@media(max-width:950px){nav{gap:11px;font-size:12px}.brand{font-size:25px;gap:8px}.login{font-size:12px;padding:10px 12px}.hero-copy h1{font-size:58px}.hero-art{top:175px}.services{grid-template-columns:repeat(2,1fr)}.intro,.testimonial{grid-template-columns:1fr}.intro-bottom{gap:30px}.section-heading{align-items:flex-start}.package-grid article{padding:24px}.package-grid h3{font-size:29px}.package-grid p{font-size:16px}ul{font-size:15px}.care-heading{grid-template-columns:1.3fr 1fr;gap:20px}}
@media(max-width:760px){header{height:80px}.menu{font-size:15px;min-height:44px}nav{font-size:16px;gap:20px}.login{font-size:16px}.hero{min-height:0;padding:30px 6% 0;display:flex;flex-direction:column}.eyebrow{font-size:10px;line-height:1.6;letter-spacing:1px}.hero-copy{width:100%;margin-top:48px}.hero-copy h1{font-size:clamp(44px,8.4vw,62px);letter-spacing:-2.3px}.hero-copy p{font-size:18px;margin:24px 0}.hero-copy .text-link{font-size:16px;margin:20px 0 0}.hero-art{position:relative;inset:auto;width:100%;height:auto;margin:28px 0 24px;display:block}.hero-art img{display:block;width:100%;height:auto;max-height:360px}.art-index{position:static;display:block;margin-top:12px;font-size:9px;line-height:1.6}.hero-bottom{position:static;gap:18px;flex-wrap:wrap;padding:20px 0;font-size:10px;line-height:1.6}.section{padding:56px 6%}.section-label{font-size:11px;margin-bottom:20px}h2{font-size:clamp(35px,7.5vw,48px);letter-spacing:-1.4px}.intro-bottom{grid-template-columns:1fr;gap:20px;margin-top:25px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:none;margin-top:22px}.service-feature{gap:22px}.feature{padding:25px}.feature h3{font-size:26px}.feature p{font-size:17px}.browser-art,.app-art{height:255px;margin:22px 0 28px}.services{grid-template-columns:1fr;gap:0;margin-top:28px}.service{padding:24px 0}.service h3{font-size:23px}.service p{font-size:17px}.care-heading{grid-template-columns:1fr;gap:20px}.care-image{height:auto;width:70%;max-width:280px}.principles{gap:26px;margin-top:30px}.principles h3{font-size:24px;margin:18px 0 12px}.package-grid{gap:20px}.package-grid article{padding:28px}.package-grid h3{font-size:34px}.package-grid p{font-size:17px}.package-grid h3 br{display:none}ul{font-size:16px;margin:24px 0}.package-note{font-size:14px}.saving{display:block}.saving-number{font-size:125px;margin-top:35px}.saving-number small{font-size:12px;max-width:none}.testimonial .section-label{margin-bottom:35px}blockquote{font-size:29px;line-height:1.45}.contact h2{font-size:clamp(36px,8vw,52px)}.contact p{font-size:18px}.contact-foot{margin-top:45px;font-size:10px;gap:20px;flex-direction:column}.footer-bottom{font-size:11px;gap:20px}footer{padding:32px 6% 24px}dialog{padding:30px 24px}.button{font-size:16px;gap:18px;padding:16px 23px}.saving .button{font-size:15px}}
@media(min-width:761px) and (max-width:1050px){header{height:80px}.menu{display:block;background:none;border:1px solid #ffffff30;color:#eee;border-radius:25px;padding:10px 16px;min-height:44px;font-size:16px}nav{display:none;position:absolute;top:80px;left:0;right:0;padding:26px 6%;background:#19191b;flex-direction:column;align-items:stretch;gap:22px;font-size:16px}nav.open{display:flex}.login{font-size:16px}.hero-copy h1{font-size:clamp(45px,5.8vw,60px)}}
@media(min-width:951px){.package-grid p{min-height:85px}}
@media(min-width:761px) and (max-width:950px){.package-grid{grid-template-columns:1fr}.package-grid article{padding:30px}.package-grid h3 br{display:none}.package-grid h3{font-size:34px}.package-grid p{font-size:17px;max-width:620px}ul{font-size:16px}.principles{grid-template-columns:1fr;gap:25px}.principles h3{margin-top:18px}.section-heading{display:block}.section-heading>p{max-width:620px;margin-top:24px}}
.package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.package-grid article{min-width:0}
@media(max-width:950px){.package-grid{grid-template-columns:minmax(0,1fr)}}
/* Updated brand identity */
.brand{gap:12px;letter-spacing:normal;flex-shrink:0}
.brand img.brand-diamond{width:29px;height:42px;object-fit:contain}
.brand img.brand-wordmark{width:205px;height:auto;object-fit:contain}
header{gap:24px}
.hero-art{background:radial-gradient(ellipse,#6e092325,transparent 65%)}
.hero-art img{width:230px;max-height:350px;object-fit:contain;filter:drop-shadow(0 15px 40px #930b2230)}
.care-heading{grid-template-columns:1fr}
.expertise{background:radial-gradient(ellipse at 100% 100%,#3b162022,transparent 55%),#101112}
footer>p{font-size:12px;letter-spacing:1.3px;color:#c1b4ad;line-height:1.8;max-width:420px}
.service h3{margin-top:0}
@media(max-width:760px){.brand img.brand-diamond{width:24px;height:35px}.brand img.brand-wordmark{width:175px}.brand{gap:10px}.hero-art{text-align:center;padding:15px 0}.hero-art img{width:160px;max-height:245px;margin:auto}.art-index{margin-top:22px}.care-heading{gap:0}footer>p{font-size:12px;max-width:100%}}
/* Section imagery supplied by Redkrystal */
.hero{background:linear-gradient(90deg,#10111235 0%,#10111215 48%,transparent 70%),url('assets/hero-bg.png') center/cover no-repeat;min-height:720px}
.hero-art{background:none;pointer-events:none}.hero-art>img{display:none}.hero-art .art-index{background:#101112c9;padding:10px 14px;border-radius:4px;left:auto;right:8%;max-width:340px;line-height:1.6}
.intro{display:block;position:relative;min-height:550px;background:linear-gradient(90deg,#10111255 0%,#10111215 55%,transparent),url('assets/about-bg.png') center/cover no-repeat}
.intro>div:last-child{max-width:52%}.intro-bottom{grid-template-columns:1fr;gap:18px;margin-top:26px}.intro p{color:#deded8}.intro h2{font-size:clamp(38px,3.6vw,56px)}
.expertise{background:linear-gradient(90deg,#101112e8 0%,#101112ca 50%,#1011129c 100%),url('assets/services-bg.png') right center/cover no-repeat}
.feature{background:#181a1ded;backdrop-filter:blur(8px)}.service p{color:#d0d1cd}
.care{background:linear-gradient(180deg,#efeee800 0%,#efeee800 52%,#efeee8e6 75%),url('assets/care-bg.png') center/cover no-repeat;position:relative}
.care-heading{min-height:260px;display:flex;align-items:center}.care-heading>div{max-width:58%}.care .principles{background:#efeee8e8;border:1px solid #ffffff77;border-radius:6px;padding:30px;gap:30px;margin-top:28px;backdrop-filter:blur(6px)}
.saving{min-height:560px;position:relative;background:linear-gradient(90deg,#10111250 0%,#10111208 65%),url('assets/offer-bg.png') center/cover no-repeat}.saving>div:first-child{width:51%;position:relative;z-index:1}.saving h2{font-size:clamp(38px,3.6vw,56px)}.saving p{color:#d0d1cd}.saving-number{position:absolute;right:7%;bottom:38px;font-size:82px;background:#101112cf;border:1px solid #ffffff20;padding:20px 26px;border-radius:8px;backdrop-filter:blur(8px)}.saving-number>span{font-size:48px}.saving-number small{max-width:245px;font-size:10px;margin-top:8px}
.testimonial{display:block;min-height:530px;background:linear-gradient(90deg,#10111220 0%,#10111205 60%),url('assets/testimonial-bg.png') center/cover no-repeat}.testimonial>div:last-child{max-width:53%}.testimonial blockquote{font-size:clamp(28px,2.5vw,38px);color:#efeee8}.attribution div>span{color:#ccc8c2}
.contact{text-align:left;min-height:600px;background:linear-gradient(90deg,#10111235 0%,#10111208 65%),url('assets/contact-bg.png') center/cover no-repeat}.contact>h2{max-width:58%;font-size:clamp(42px,4.7vw,70px)}.contact>p{max-width:50%;color:#d5d0c8}.contact-foot{background:#10111290;padding:16px 18px;border-radius:4px}
@media(max-width:1050px){.hero{background-position:58% center}.hero-copy{width:57%}.intro>div:last-child{max-width:57%}.care-heading>div{max-width:60%}.saving>div:first-child{width:56%}.saving-number{font-size:65px;right:4%;padding:16px 20px}.testimonial>div:last-child{max-width:60%}.contact>h2{max-width:65%}}
@media(max-width:760px){.hero{min-height:0;background:linear-gradient(180deg,#101112 0%,#101112 48%,#10111200 70%),url('assets/hero-bg.png') 76% bottom/auto 420px no-repeat}.hero-copy{width:100%}.hero-art{height:285px;margin:25px 0 18px;padding:0}.hero-art .art-index{position:absolute;left:0;right:auto;bottom:0;max-width:none;font-size:9px;text-align:left;margin:0}.hero-bottom{background:#101112d9;padding:18px 0}.intro{min-height:0;background:linear-gradient(180deg,#101112f5 0%,#101112e6 70%,#101112ad 100%),url('assets/about-bg.png') 70% center/cover no-repeat}.intro>div:last-child{max-width:100%}.intro h2{font-size:clamp(35px,7.5vw,48px)}.intro-bottom{gap:18px}.expertise{background:linear-gradient(#101112e0,#101112e8),url('assets/services-bg.png') 75% center/cover no-repeat}.care{background:linear-gradient(#efeee8d9,#efeee8e8),url('assets/care-bg.png') 70% center/cover no-repeat}.care-heading{min-height:0}.care-heading>div{max-width:100%}.care .principles{padding:22px;gap:25px;margin-top:26px}.saving{min-height:0;display:block;background:linear-gradient(180deg,#101112e9,#101112d0),url('assets/offer-bg.png') 75% center/cover no-repeat}.saving>div:first-child{width:100%}.saving h2{font-size:clamp(35px,7.5vw,48px)}.saving-number{position:static;width:fit-content;margin-top:28px;font-size:95px;max-width:100%}.saving-number>span{font-size:58px}.saving-number small{font-size:11px;max-width:250px}.testimonial{min-height:0;background:linear-gradient(#101112e4,#101112dd),url('assets/testimonial-bg.png') 75% center/cover no-repeat}.testimonial>div:last-child{max-width:100%}.testimonial blockquote{font-size:29px}.contact{min-height:0;background:linear-gradient(#101112e6,#101112cc),url('assets/contact-bg.png') 75% center/cover no-repeat}.contact>h2{max-width:100%;font-size:clamp(36px,8vw,52px)}.contact>p{max-width:100%}.contact-foot{padding:16px;font-size:10px}.hero-copy p{max-width:100%}}
@media(min-width:761px){.hero{background-color:#080b0e;background-image:linear-gradient(90deg,#080b0e75 0%,#080b0e30 47%,transparent 62%),url('assets/hero-bg.png');background-size:cover,100% auto;background-position:center,right center;background-repeat:no-repeat}.hero-copy{width:54%}.hero-copy h1{font-size:clamp(52px,5.7vw,88px)}.hero-copy p{max-width:90%}.hero-art{height:480px}.testimonial>div:last-child{padding-right:15px}}
/* Editorial light/dark rhythm and complete footer */
.packages{background:#efeee8;color:#202122}.packages .section-label{color:#89525b}.packages h2 em{color:#896368}.packages .section-heading>p,.packages .package-note,.packages .package-grid p{color:#565754}.packages .package-grid article{background:#f7f6f0;border-color:#19191925}.packages .package-grid .highlight{background:#e8ddd9;border-color:#b08b91}.packages .num{color:#795158}.packages li{border-color:#17171723;color:#393a38}.packages .package-grid a{color:#782f40}.packages li:before{color:#984252}
.testimonial{background-image:linear-gradient(90deg,#efeee8 0%,#efeee8f5 48%,#efeee8ba 68%,#efeee830 100%),url('assets/testimonial-bg.png');color:#242525}.testimonial .section-label{color:#89525b}.testimonial blockquote{color:#292a29}.testimonial .quote-mark{color:#9a4a5b}.testimonial .attribution strong{color:#292a29}.testimonial .attribution div>span{color:#555653}.testimonial .monogram{background:#e1d0d1;color:#7f3c49}
.hero-bottom{justify-content:flex-start}
.footer-new{display:block;padding:65px 7% 25px;background:#0b0c0d}.footer-main{display:grid;grid-template-columns:1.35fr .8fr 1fr 1.25fr;gap:45px}.footer-identity p{font-size:12px;letter-spacing:1.3px;line-height:1.8;color:#c8b8b0;margin:26px 0 18px}.footer-identity>span{font-family:Georgia,serif;font-style:italic;font-size:20px;color:#b4a39b}.footer-column{display:flex;flex-direction:column;gap:14px}.footer-column h3{font:500 16px 'DM Sans';letter-spacing:0;margin-bottom:9px}.footer-column a{font-size:15px;color:#bcbdb8}.footer-column a:hover{color:#d47083}.footer-conversation h3{font-size:25px}.footer-conversation p{font-size:14px;margin:15px 0 20px}.footer-conversation .button{font-size:15px;padding:13px 22px;min-height:48px}.footer-new .footer-bottom{margin-top:45px;align-items:center;line-height:1.7}.footer-new .footer-bottom a{font-size:12px;letter-spacing:0;color:#c6c4be}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.3,1)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1050px){.footer-main{grid-template-columns:1.4fr 1fr;gap:40px}.footer-conversation{align-self:start}}
@media(max-width:760px){.testimonial{background-image:linear-gradient(#efeee8ed,#efeee8e6),url('assets/testimonial-bg.png')}.footer-new{padding:45px 6% 25px}.footer-main{grid-template-columns:1fr 1fr;gap:32px 24px}.footer-identity,.footer-conversation{grid-column:1/-1}.footer-column a{font-size:15px}.footer-new .footer-bottom{flex-direction:column;align-items:flex-start;gap:15px;margin-top:30px}.footer-new .footer-bottom span:nth-child(2){display:block}.reveal{transform:translateY(16px)}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

.services-action{margin-top:48px;text-align:center}.button{justify-content:center;gap:0}nav a.login{border:1px solid rgba(255,255,255,.3);padding:12px 20px;border-radius:999px}.browser-art{overflow:hidden}.mock-content strong{font-size:clamp(28px,4vw,54px)}@media(max-width:480px){.browser-top span{font-size:9px;letter-spacing:1px}.mock-content{padding:22px}.mock-content strong{font-size:34px}.mock-content small{font-size:9px;letter-spacing:1px}.mock-gem{max-width:42%}}

.feature-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:12px;margin:26px 0 30px;background:#101112}

/* Breathing room between full-width sections and within content groups. */
main > section + section { margin-top: clamp(28px, 3.5vw, 56px); }
main > .section { padding-block: clamp(88px, 9vw, 144px); }
.section-heading { margin-bottom: clamp(48px, 5vw, 76px); }
.service-feature { gap: clamp(24px, 3vw, 44px); }
.services { margin-top: 68px; row-gap: 24px; }
.services-action { margin-top: 60px; }
.contact + * { margin-top: 0; }
.footer-new { margin-top: clamp(28px, 3.5vw, 56px); }
.reveal { transform: translateY(28px); transition: opacity 750ms ease, transform 750ms cubic-bezier(.22,1,.36,1); transition-delay: var(--reveal-delay, 0ms); }
.reveal.is-visible { opacity: 1; transform: none; }
@media (max-width: 760px) {
  main > section + section, .footer-new { margin-top: 28px; }
  main > .section { padding-block: 76px; }
  .section-heading { margin-bottom: 40px; }
  .service-feature { gap: 28px; }
  .services { margin-top: 44px; row-gap: 16px; }
  .services-action { margin-top: 40px; }
  .reveal { transform: translateY(18px); }
  .reveal.is-visible { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }
  .hero-art img { animation: none; }
}

/* Light expertise artwork and complementary text palette. */
.expertise { color:#252624; background:linear-gradient(90deg,#f3f0eae8,#f3f0eab8),url('assets/our-expertise.png') right top/cover no-repeat; }
.expertise .section-label,.expertise .num { color:#854354; }
.expertise h2 em { color:#865e64; }
.expertise .section-heading > p,.expertise .service p,.expertise .feature p { color:#555650; }
.expertise .feature { background:#fffdf8ed; border-color:#33282320; }
.expertise .feature a { color:#873449; }
.expertise .service { border-color:#33282326; }
.form-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.button:disabled { opacity:.65; cursor:wait; }
.result { margin-top:20px; line-height:1.6; }
@media(max-width:760px) { .expertise { background:linear-gradient(#f3f0eaeb,#f3f0eae8),url('assets/our-expertise.png') 65% top/cover no-repeat; } }

.expertise .services-action .button { background:#873449; color:#fff; }
.expertise .services-action .button:hover { background:#6e293b; }

/* Final responsive layout: header and hero together fill the first screen. */
:root { --header-height:104px; }
header { height:var(--header-height); }
.hero { min-height:calc(100vh - var(--header-height)); min-height:calc(100svh - var(--header-height)); display:flex; flex-direction:column; justify-content:center; padding:72px 7% 110px; background-size:cover; }
.hero-copy { width:56%; max-width:780px; margin-top:0; }
.hero-copy h1 { font-size:clamp(48px,5.7vw,92px); letter-spacing:-.045em; }
.hero-art { position:absolute; inset:auto 5% 90px auto; width:38%; height:auto; margin:0; }
.hero-art .art-index { position:static; display:block; margin:0; max-width:340px; }
.hero-bottom { position:absolute; left:7%; right:7%; bottom:0; }
.footer-identity > span { display:block; margin-top:26px; }
main > section, .footer-main > div, .feature, .service { min-width:0; }
.service-feature { grid-template-columns:repeat(2,minmax(0,1fr)); }
.services { grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:28px; }
.service { margin-right:0; padding-right:0; }
img { max-width:100%; }
input,select,textarea { font-size:16px; }
dialog { max-height:calc(100svh - 32px); overflow-y:auto; }
a,button { touch-action:manipulation; }
@media(max-width:1050px) {
 :root { --header-height:80px; }
 .hero-copy { width:65%; }
 .services { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
 .hero { padding:56px 6% 96px; justify-content:flex-start; background:linear-gradient(180deg,#080b0ef5 0%,#080b0edb 43%,#080b0e25 85%),url('assets/hero-bg.png') 72% center/cover no-repeat; }
 .hero-copy { width:100%; margin:0; }
 .hero-copy h1 { font-size:clamp(40px,9.8vw,68px); }
 .hero-copy p { font-size:17px; line-height:1.7; max-width:540px; }
 .hero-art { display:none; }
 .hero-bottom { left:6%; right:6%; background:transparent; }
 .service-feature,.services { grid-template-columns:minmax(0,1fr); }
 .feature { padding:24px; }
 .feature-image { margin:24px 0; }
 .contact-foot { overflow-wrap:anywhere; }
 .section-heading > p { max-width:100%; }
}
@media(max-width:380px) {
 .brand img.brand-wordmark { width:145px; }
 .brand { gap:8px; }
 .menu { padding-inline:12px; }
 .feature { padding:20px; }
 .footer-main { column-gap:18px; }
}
@media(max-height:500px) and (orientation:landscape) {
 .hero { padding-top:40px; padding-bottom:90px; }
 .hero-copy { width:70%; }
 .hero-copy h1 { font-size:44px; }
 .hero-art { display:none; }
}

/* Calm photographic backgrounds with stronger contrast behind the copy. */
.hero { background-image:linear-gradient(90deg,rgba(8,11,14,.9) 0%,rgba(8,11,14,.77) 48%,rgba(8,11,14,.5) 100%),url('assets/hero-bg.png'); }
.hero-copy p { color:#deded8; }
.intro { background-image:linear-gradient(90deg,rgba(10,12,14,.92) 0%,rgba(10,12,14,.84) 52%,rgba(10,12,14,.56) 100%),url('assets/about-bg.png'); }
.office-contact { display:flex; flex-direction:column; gap:12px; margin-top:32px; position:relative; z-index:1; }
.office-contact a { font-size:22px; color:#efeee8; width:fit-content; }
.office-contact address { font-style:normal; font-size:16px; line-height:1.7; color:#deded8; }
.contact-foot { justify-content:flex-start; margin-top:40px; }
@media(max-width:760px) {
 .hero { justify-content:center; text-align:center; background-image:linear-gradient(180deg,rgba(8,11,14,.86),rgba(8,11,14,.76) 55%,rgba(8,11,14,.65)),url('assets/hero-bg.png'); }
 .hero-copy { margin-inline:auto; }
 .hero-copy p { margin-inline:auto; }
 .hero-bottom { justify-content:center; }
 .intro { background-image:linear-gradient(rgba(10,12,14,.92),rgba(10,12,14,.82)),url('assets/about-bg.png'); }
 .office-contact address { max-width:290px; }
}

/* Directional fades keep the artwork open while protecting the reading area. */
.hero { background-image:linear-gradient(90deg,#080b0efa 0%,#080b0ee8 28%,#080b0eb3 48%,#080b0e24 70%,#080b0e08 100%),url('assets/hero-bg.png'); }
.intro { background-image:linear-gradient(90deg,#101112fa 0%,#101112eb 30%,#101112b8 49%,#10111230 70%,#10111208 100%),url('assets/about-bg.png'); }
.hero-copy h1,.intro h2 { text-shadow:0 2px 20px #0003; }
@media(min-width:761px) and (max-width:1050px) {
 .hero { background-image:linear-gradient(90deg,#080b0efa 0%,#080b0ee0 40%,#080b0e80 65%,#080b0e10 100%),url('assets/hero-bg.png'); }
 .intro { background-image:linear-gradient(90deg,#101112fa 0%,#101112e0 38%,#10111290 60%,#10111210 100%),url('assets/about-bg.png'); }
}
@media(max-width:760px) {
 .hero { background-image:linear-gradient(180deg,#080b0e15 0%,#080b0e88 23%,#080b0ed9 42%,#080b0ed9 60%,#080b0e55 82%,#080b0e15 100%),url('assets/hero-bg.png'); }
 .intro { background-image:linear-gradient(180deg,#101112eb 0%,#101112d9 55%,#10111288 80%,#10111235 100%),url('assets/about-bg.png'); }
}

/* Full-bleed sections retain comfortable padding for their content. */
main,header,footer { max-width:none; width:100%; margin-inline:0; }
.intro { background-image:url('assets/about-bg.png'); }
.office-contact { margin-top:0; gap:8px; margin-bottom:30px; }
.office-contact a,.office-contact address { font-family:inherit; font-size:inherit; font-weight:400; line-height:1.8; color:#d5d0c8; letter-spacing:normal; }
.office-contact { font-size:18px; }
.contact > .contact-open { margin-top:0; }
@media(max-width:760px) {
 .intro { background-image:url('assets/about-bg.png'); }
 .office-contact { font-size:18px; }
}

.contact > p,.office-contact a,.office-contact address { font-size:18px; line-height:1.65; font-weight:400; }

/* Background artwork fills every section at all viewport sizes. */
.hero,.intro,.expertise,.care,.saving,.testimonial,.contact,.coming-soon {
 background-repeat:no-repeat;
 background-size:cover;
}
.intro { background-position:center center; }

/* Partnership: protect the text while leaving the right-hand image visible. */
.intro {
 background-image:linear-gradient(90deg,#101112fa 0%,#101112eb 30%,#101112b8 49%,#10111230 70%,#10111208 100%),url('assets/about-bg.png');
 background-position:center;
 background-size:cover;
 background-repeat:no-repeat;
}
@media(min-width:761px) and (max-width:1050px) {
 .intro { background-image:linear-gradient(90deg,#101112fa 0%,#101112e8 38%,#101112a3 60%,#10111220 100%),url('assets/about-bg.png'); }
}
@media(max-width:760px) {
 .intro { background-image:linear-gradient(180deg,#101112eb 0%,#101112e6 60%,#101112cc 85%,#10111299 100%),url('assets/about-bg.png'); }
}
/* Full-screen navigation and the homepage's four entry points. */
.header-actions { display:flex; gap:28px; align-items:center; }
.header-contact { font-size:14px; color:#c8c5bf; }
header .menu { display:flex; align-items:center; gap:24px; border:1px solid #ffffff38; background:#ffffff06; color:#efeee8; padding:13px 22px; border-radius:999px; font-size:14px; min-height:48px; }
header .menu span { font-size:24px; line-height:1; }
header .menu:hover { background:#ffffff12; }
body.navigation-open { overflow:hidden; }
#site-menu { inset:0; width:100%; max-width:none; height:100%; height:100dvh; max-height:none; margin:0; padding:0; border:0; border-radius:0; background:radial-gradient(ellipse at 100% 0%,#52212b35,transparent 48%),#111214; color:#efeee8; }
#site-menu::backdrop { background:#111214; backdrop-filter:none; }
#site-menu[open] { animation:menu-arrive 350ms ease both; }
.menu-shell { padding:30px 5.5% 24px; min-height:100%; display:flex; flex-direction:column; }
.menu-top { display:flex; align-items:center; justify-content:space-between; padding-bottom:28px; border-bottom:1px solid #ffffff18; gap:20px; }
.menu-close { display:flex; gap:24px; align-items:center; padding:12px 22px; background:#ffffff05; color:#efeee8; border:1px solid #ffffff38; border-radius:999px; font-size:14px; min-height:48px; }
.menu-close span { font-size:26px; line-height:1; }
.menu-layout { display:grid; grid-template-columns:.85fr 1.4fr; gap:8%; flex:1; align-content:center; padding:48px 0; }
.menu-intro .section-label { font-size:10px; color:#be8993; margin-bottom:18px; }
.menu-intro h2 { font-size:clamp(30px,3vw,48px); letter-spacing:-1.5px; }
.menu-primary { margin-top:32px; max-width:340px; display:flex; flex-direction:column; }
.menu-primary a { display:flex; justify-content:space-between; align-items:center; padding:10px 0; font-size:clamp(22px,2.2vw,34px); letter-spacing:-.7px; }
.menu-primary a span { font-size:10px; letter-spacing:1px; color:#807878; }
#site-menu .menu-groups { position:static; inset:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; background:none; gap:38px 48px; align-items:start; }
.menu-group h3 { display:flex; align-items:center; gap:12px; font-size:17px; letter-spacing:0; margin-bottom:18px; }
.menu-group h3>span { color:#ba7584; font-size:10px; letter-spacing:1px; }
.menu-group a { display:flex; justify-content:space-between; align-items:center; gap:15px; font-size:14px; line-height:1.5; color:#b9b8b2; padding:8px 0; }
.menu-group a>span { color:#77656b; }
.menu-group a:hover,.menu-primary a:hover { color:#e9a0af; }
.menu-bottom { display:flex; justify-content:space-between; flex-wrap:wrap; gap:18px; border-top:1px solid #ffffff18; padding-top:22px; color:#aaa8a2; font-size:12px; line-height:1.6; }
.pricing-overview { background:#141517; }
.pricing-overview .section-heading>p { max-width:360px; }
.pricing-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.pricing-card { display:flex; flex-direction:column; padding:36px; background:linear-gradient(135deg,#ffffff04,transparent); border:1px solid #ffffff1d; border-radius:20px; transition:border-color 200ms,background 200ms; }
.pricing-card:hover { border-color:#bd697970; background:#ffffff06; }
.pricing-card-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; }
.pricing-card-top svg { width:28px; height:28px; color:#c999a3; }
.pricing-card-top>span { font-size:11px; letter-spacing:1.5px; color:#7d7975; }
.pricing-card h3 { font-size:27px; }
.pricing-card p { font-size:16px; line-height:1.7; margin:18px 0 28px; color:#b2b2ad; max-width:540px; }
.starting-price { font-size:36px; letter-spacing:-1px; margin-top:auto; }
.starting-price small,.starting-price>span { font-size:14px; letter-spacing:0; color:#aaa7a2; }
.starting-price .quote-price { font-size:24px; color:#efeee8; letter-spacing:-.5px; }
.pricing-card-link { display:flex; justify-content:space-between; gap:20px; margin-top:28px; padding-top:20px; border-top:1px solid #ffffff15; font-size:12px; color:#d1bab7; }
.route-intro { min-height:70svh; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; background:radial-gradient(ellipse at 85% 30%,#54232c44,transparent 60%),#141517; }
.route-intro h1 { font-size:clamp(42px,5vw,78px); letter-spacing:-2px; max-width:850px; }
.route-intro>p { max-width:620px; margin:28px 0; }
.route-back { font-size:14px; margin-top:24px; color:#d1bab7; }
@keyframes menu-arrive { from { opacity:0; transform:translateY(-12px); } to { opacity:1; transform:none; } }
@media(min-width:1800px) { .menu-layout { max-width:1700px; width:100%; margin-inline:auto; } }
@media(max-width:1050px) {
 .menu-layout { grid-template-columns:.8fr 1.4fr; gap:5%; }
 #site-menu .menu-groups { gap:28px; }
 .menu-group a { font-size:13px; }
}
@media(max-width:760px) {
 .header-actions { gap:12px; }
 .header-contact { display:none; }
 header .menu { padding:10px 16px; gap:14px; }
 .menu-shell { padding:20px 6%; }
 .menu-top { padding-bottom:20px; }
 .menu-top .brand img.brand-wordmark { width:145px; }
 .menu-close { padding:10px 14px; gap:12px; }
 .menu-layout { grid-template-columns:1fr; gap:36px; padding:32px 0; }
 .menu-intro h2 { font-size:34px; }
 .menu-primary { max-width:none; margin-top:22px; }
 .menu-primary a { font-size:26px; min-height:48px; border-bottom:1px solid #ffffff0d; }
 #site-menu .menu-groups { grid-template-columns:1fr; gap:28px; }
 .menu-group h3 { margin-bottom:10px; }
 .menu-group a { font-size:15px; min-height:44px; }
 .menu-bottom { flex-direction:column; font-size:13px; }
 .pricing-cards { grid-template-columns:1fr; gap:20px; }
 .pricing-card { padding:28px; border-radius:16px; }
 .pricing-card h3 { font-size:25px; }
 .pricing-card-top { margin-bottom:22px; }
}
@media(prefers-reduced-motion:reduce) { #site-menu[open] { animation:none; } }
@media(max-width:760px) { .menu-top { position:sticky; top:-20px; z-index:2; background:#111214; padding-top:12px; } }
/* Care and maintenance: clear plans, practical service explanations. */
.care-page-hero { background:radial-gradient(ellipse at 90% 20%,#74424a25,transparent 55%),#151618; min-height:70svh; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.care-page-hero h1 { font-size:clamp(48px,6vw,88px); letter-spacing:-.045em; }
.care-page-hero>p { max-width:690px; margin-top:28px; font-size:19px; color:#bab9b2; }
.care-hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:28px; margin-top:34px; }
.care-secondary { color:#d8c6c1; font-size:14px; border-bottom:1px solid #8d686d; padding-block:8px; }
.care-hero-note { display:flex; gap:36px; flex-wrap:wrap; margin-top:52px; padding-top:22px; border-top:1px solid #ffffff20; width:100%; color:#aaa69f; font-size:12px; letter-spacing:.4px; }
.care-services { background:#efeee8; color:#252624; }
.care-services .section-label,.website-care-section .section-label,.backup-section .section-label { color:#854354; }
.care-services h2 em,.website-care-section h2 em,.backup-section h2 em { color:#865e64; }
.care-services p,.website-care-section p,.backup-section p { color:#5a5c55; }
.care-explanations { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; }
.care-explanations article { border-top:1px solid #25262424; padding-top:24px; }
.care-explanations article>span { color:#895460; font-size:11px; }
.care-explanations h3 { font-size:24px; margin:22px 0 16px; }
.care-explanations p { font-size:16px; }
.website-care-section { background:#f3f1ec; color:#252624; }
.care-plans { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.care-plan { border:1px solid #ffffff24; border-radius:20px; padding:32px; display:flex; flex-direction:column; background:#ffffff03; }
.plan-level { font-size:10px; letter-spacing:1.5px; color:#b59798; margin-bottom:22px; }
.care-plan h3 { font-size:29px; }
.care-price { font-size:44px; letter-spacing:-1.5px; margin-top:26px; }
.care-price>span { font-size:13px; letter-spacing:0; color:#aaa8a0; margin-left:5px; }
.care-plan ul { margin:28px 0; font-size:14px; color:#c3c2ba; border-top:1px solid #ffffff18; padding-top:12px; }
.care-plan li { display:flex; gap:10px; line-height:1.6; padding:10px 0; border:0; }
.care-plan li::before { content:'✓'; color:#b4848d; flex-shrink:0; margin-right:0; }
.care-plan .button { margin-top:auto; font-size:13px; }
.care-plan-featured { background:#2a2025; border-color:#9b6470; }
.website-care-section .care-plan { background:#fffdf8; border-color:#25262420; }
.website-care-section .care-plan-featured { background:#ece2df; border-color:#b88d94; }
.website-care-section .plan-level { color:#895460; }
.website-care-section .care-plan ul { color:#51534e; border-color:#25262420; }
.website-care-section .care-price>span { color:#67665f; }
.website-care-section .button { background:#873449; color:#fff; }
.care-plan-note { font-size:13px; margin-top:26px; max-width:850px; }
.application-care-section { background:#141517; }
.backup-section { background:#efeee8; color:#252624; }
.backup-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.backup-grid article { padding:30px; border:1px solid #25262420; border-radius:18px; background:#ffffff60; }
.backup-symbol { font:italic 30px Georgia; color:#865e64; margin-bottom:24px; }
.backup-grid h3 { font-size:24px; }
.backup-grid p { font-size:16px; margin:18px 0 24px; }
.backup-grid article>span { font-size:11px; color:#865e64; }
.backup-callout { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:36px; border-top:1px solid #25262420; padding-top:32px; }
.backup-callout h3 { font-size:22px; }
.backup-callout p { font-size:15px; max-width:700px; margin-top:12px; }
.backup-callout .button { background:#873449; color:white; flex-shrink:0; }
.care-faq-section { display:grid; grid-template-columns:1fr 1.2fr; gap:60px; background:#151618; }
.care-faq-section h2 { font-size:clamp(34px,3.6vw,54px); }
.care-faq details { padding:24px 0; border-bottom:1px solid #ffffff20; }
.care-faq details:first-child { border-top:1px solid #ffffff20; }
.care-faq summary { font-size:17px; cursor:pointer; line-height:1.6; }
.care-faq p { font-size:15px; margin-top:18px; }
.care-page-contact { background:radial-gradient(ellipse at 80% 50%,#50252e40,transparent 60%),#19191c; }
.care-page-contact p { max-width:610px; margin:26px 0 30px; }
.care-contact-phone { display:inline-block; margin-left:26px; font-size:17px; color:#d2ccc4; }
@media(max-width:1100px) { .care-plan { padding:26px; } .care-plan h3 { font-size:25px; } .care-explanations { gap:28px; } .backup-grid article { padding:24px; } }
@media(max-width:900px) { .care-plans,.backup-grid { grid-template-columns:1fr; } .care-plan { padding:32px; } .care-faq-section { grid-template-columns:1fr; gap:36px; } .backup-callout { align-items:flex-start; flex-direction:column; } }
@media(max-width:760px) { .care-page-hero { min-height:0; } .care-page-hero h1 { font-size:clamp(44px,10vw,64px); } .care-page-hero>p { font-size:17px; } .care-hero-actions { gap:20px; } .care-hero-note { gap:14px; flex-direction:column; margin-top:36px; } .care-explanations { grid-template-columns:1fr; gap:30px; } .care-plan { padding:26px; } .care-contact-phone { display:block; margin:24px 0 0; } }
/* All-in-one packages. */
.bundle-hero { background:radial-gradient(ellipse at 90% 20%,#74424a25,transparent 55%),#151618; }
.bundle-hero h1 { font-size:clamp(44px,5.8vw,86px); letter-spacing:-.045em; }
.bundle-hero>p { max-width:720px; margin:28px 0 32px; color:#bab9b2; }
.bundle-options { background:#141517; }
.bundle-options-top { display:flex; justify-content:space-between; align-items:flex-end; gap:36px; }
.billing-switch { display:flex; flex-wrap:wrap; gap:6px; padding:6px; border:1px solid #ffffff20; border-radius:999px; }
.billing-switch button { background:transparent; border:0; border-radius:999px; padding:13px 20px; color:#aaa8a2; font-size:14px; }
.billing-switch button[aria-pressed=true] { background:#eeeae3; color:#262525; }
.billing-explanation { font-size:13px; margin:28px 0; color:#9d9b95; }
.bundle-list { display:grid; gap:24px; }
.bundle-card { border:1px solid #ffffff24; border-radius:20px; padding:32px; background:linear-gradient(130deg,#ffffff04,transparent); }
.bundle-card-top { display:flex; justify-content:space-between; gap:50px; }
.bundle-card-top>div:first-child { max-width:730px; }
.bundle-card h3 { font-size:32px; margin:18px 0; }
.bundle-card p { font-size:17px; color:#b5b4ad; }
.bundle-price { display:flex; flex-direction:column; align-items:flex-end; flex-shrink:0; gap:8px; }
.bundle-price>span { font-size:12px; color:#aaa8a2; }
.bundle-price strong { font-size:40px; font-weight:500; letter-spacing:-1px; }
.bundle-price small { font-size:12px; color:#aaa8a2; }
.bundle-tags { display:flex; flex-wrap:wrap; gap:10px; margin:26px 0; }
.bundle-tags span { border:1px solid #ffffff18; padding:8px 12px; border-radius:999px; font-size:11px; color:#c7b9b4; }
.bundle-explore { width:100%; border:1px solid #ffffff30; background:transparent; color:#efeee8; }
.bundle-explore:hover { background:#ffffff0d; }
.bundle-website { background:#efeee8; color:#252624; }
.bundle-website .section-label,.bundle-process .section-label { color:#854354; }
.bundle-website h2 em,.bundle-process h2 em { color:#865e64; }
.bundle-website p,.bundle-process p { color:#5a5c55; }
.bundle-inclusions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.bundle-inclusions article { border-top:1px solid #25262424; padding-top:24px; }
.bundle-inclusions article>span,.bundle-process-grid article>span { color:#895460; font-size:11px; }
.bundle-inclusions h3 { font-size:24px; margin:20px 0 16px; }
.bundle-inclusions p { font-size:16px; }
.bundle-detail-action { display:flex; justify-content:space-between; gap:32px; align-items:center; border-top:1px solid #77777730; padding-top:32px; margin-top:42px; }
.bundle-detail-action p { font-size:14px; max-width:720px; }
.bundle-detail-action .button { flex-shrink:0; }
.bundle-website .button { background:#873449; color:white; }
.bundle-application { background:#141517; }
.bundle-app-grid,.bundle-process-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.bundle-app-grid article { border:1px solid #ffffff20; border-radius:18px; padding:30px; }
.bundle-app-grid h3,.bundle-process-grid h3 { font-size:24px; }
.bundle-app-grid p,.bundle-process-grid p { font-size:16px; margin-top:18px; }
.bundle-process { background:#f3f1ec; color:#252624; }
.bundle-process-grid h3 { margin-top:20px; }
.bundle-faq { display:grid; grid-template-columns:1fr 1.2fr; gap:60px; background:#151618; }
.bundle-faq h2 { font-size:clamp(34px,3.6vw,54px); }
@media(max-width:1050px) { .bundle-options-top { align-items:flex-start; flex-direction:column; } .bundle-inclusions { grid-template-columns:repeat(2,minmax(0,1fr)); } .bundle-app-grid { grid-template-columns:1fr; } .bundle-detail-action { align-items:flex-start; flex-direction:column; } }
@media(max-width:760px) { .bundle-card { padding:24px; } .bundle-card-top { flex-direction:column; gap:24px; } .bundle-card h3 { font-size:28px; } .bundle-price { align-items:flex-start; } .bundle-inclusions,.bundle-process-grid,.bundle-faq { grid-template-columns:1fr; } .bundle-faq { gap:36px; } .billing-switch { border-radius:20px; } .billing-switch button { font-size:13px; padding:12px 15px; } }
.bundle-price .quoted-price { font-size:24px; letter-spacing:-.5px; max-width:240px; }
.individual-explore { margin-top:26px; }
.bundle-webapp { background:#efeee8; color:#252624; }
.bundle-webapp .section-label { color:#854354; }
.bundle-webapp h2 em { color:#865e64; }
.bundle-webapp p { color:#5a5c55; }
.bundle-webapp .bundle-app-grid article { border-color:#25262420; background:#ffffff60; }
.bundle-webapp .button { background:#873449; color:white; }
.launch-package-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.launch-package-card { display:flex; flex-direction:column; padding:32px; border:1px solid #ffffff24; border-radius:20px; background:#ffffff03; }
.launch-package-card h3 { font-size:27px; }
.launch-price { font-size:40px; letter-spacing:-1.3px; margin-top:28px; }
.launch-period { font-size:12px; color:#aaa8a2; margin-top:8px; }
.launch-package-card ul { font-size:14px; line-height:1.6; margin:24px 0 30px; border-top:1px solid #ffffff18; padding-top:14px; }
.launch-package-card li,.bundle-app-grid li { border:0; display:flex; gap:10px; padding:7px 0; }
.launch-package-card li::before,.bundle-app-grid li::before { content:'•'; color:#b4848d; margin:0; flex-shrink:0; }
.launch-package-card .button { margin-top:auto; font-size:13px; }
.bundle-app-grid ul { font-size:15px; line-height:1.6; margin:20px 0 0; }
.bundle-webapp .bundle-app-grid ul { color:#51534e; }
@media(max-width:1050px) { .launch-package-card { padding:24px; } .launch-package-card h3 { font-size:23px; } .launch-price { font-size:32px; } }
@media(max-width:900px) { .launch-package-grid { grid-template-columns:1fr; } .launch-package-card { padding:30px; } }
/* Refined comparison cards: quiet borders, clear prices and tick lists. */
.launch-package-card { border-radius:24px; padding:34px; background:#101112; }
.launch-package-card:nth-child(2) { border:2px solid #90616c; padding:33px; background:linear-gradient(160deg,#2b202633,#101112 60%); }
.launch-package-card h3 { min-height:68px; font-size:28px; }
.launch-price { font-size:42px; font-weight:500; margin-top:20px; }
.launch-package-card ul { padding-top:24px; border-top:1px solid #ffffff1a; margin-top:28px; }
.launch-package-card li { padding:9px 0; font-size:15px; }
.launch-package-card li::before { content:'✓'; color:#bd8d97; }
.launch-package-card .button { background:transparent; border:1px solid #ffffff30; color:#efeee8; }
.launch-package-card .button:hover { background:#ffffff0c; }
.package-flexibility { margin-top:36px; border-top:1px solid #ffffff20; padding-top:28px; max-width:1000px; }
.package-flexibility h3 { font-size:24px; margin-bottom:18px; }
.package-flexibility p { font-size:14px; line-height:1.8; margin-top:12px; color:#b5b3ac; }
@media(max-width:1050px) { .launch-package-card { padding:26px; } .launch-package-card:nth-child(2) { padding:25px; } .launch-package-card h3 { font-size:24px; } .launch-price { font-size:34px; } }
@media(max-width:900px) { .launch-package-card h3 { min-height:0; } }
/* Consistent pricing cards and a transparent monthly/annual comparison. */
.bundle-options .bundle-list { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.bundle-options .bundle-card { display:flex; flex-direction:column; border-radius:24px; background:#101112; padding:30px; }
.bundle-options .bundle-card-top { flex-direction:column; gap:24px; flex:1; }
.bundle-options .bundle-price { align-items:flex-start; margin-top:auto; }
.bundle-options .bundle-card h3 { font-size:26px; }
.bundle-options .bundle-card p { font-size:15px; }
.bundle-options .bundle-explore { font-size:13px; }
.launch-package-card .bundle-price { align-items:flex-start; margin-top:20px; }
.dynamic-price { font-size:40px; font-weight:500; letter-spacing:-1px; }
.dynamic-period,.billing-basis { font-size:12px; color:#aaa8a2; display:block; line-height:1.6; }
.care-plan .bundle-price { align-items:flex-start; margin-top:24px; }
.website-care-section .dynamic-period { color:#67665f; }
.pricing-overview>.billing-switch { width:fit-content; margin-bottom:28px; }
.bundle-options>.billing-switch { width:fit-content; margin-bottom:20px; }
.website-care-section>.billing-switch { width:fit-content; }
.website-care-section .billing-switch { border-color:#25262425; }
.website-care-section .billing-switch button { color:#555650; }
.website-care-section .billing-switch button[aria-pressed=true] { background:#873449; color:white; }
.pricing-card { border-radius:24px; background:#101112; }
.summary-price .dynamic-price { font-size:36px; }
@media(max-width:1100px) { .bundle-options .bundle-list { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .bundle-options .bundle-list { grid-template-columns:1fr; } }
.brand img.brand-mark { width:56px; height:38px; object-fit:contain; }
.brand-name { font-family:'Manrope',sans-serif; font-size:25px; font-weight:500; letter-spacing:-1px; align-self:center; margin:0; }
.footer-identity .brand .brand-name { margin:0; font-style:normal; color:#efeee8; font-family:'Manrope',sans-serif; }
@media(max-width:760px) { .brand img.brand-mark { width:44px; height:32px; } .brand-name { font-size:21px; } }
.brand .brand-name { font-family:'Manrope',sans-serif; font-size:25px; font-weight:500; letter-spacing:-1px; align-self:center; margin:0; }
@media(max-width:760px) { .brand .brand-name { font-size:21px; } }

/* Airier brand typography in the header, menu and footer. */
.brand { gap:16px; }
.brand .brand-name,.footer-identity .brand .brand-name { font-family:'DM Sans',sans-serif; font-size:23px; font-weight:500; letter-spacing:2px; line-height:1.2; margin:0; align-self:center; }
.price-list-hero { background:radial-gradient(ellipse at 90% 20%,#74424a25,transparent 55%),#151618; }
.price-list-hero h1 { font-size:clamp(44px,5.8vw,86px); letter-spacing:-.045em; }
.price-list-hero>p { max-width:700px; margin-top:28px; }
.price-list-jumps { display:flex; flex-wrap:wrap; gap:12px 26px; margin-top:32px; font-size:14px; color:#d8c6c1; }
.price-list-jumps a { padding-block:8px; border-bottom:1px solid #ffffff30; }
.price-list-content { background:#efeee8; color:#252624; }
.price-list-block { margin-bottom:52px; }
.price-list-block h2,.price-list-terms h2 { font:500 27px/1.3 'Manrope',sans-serif; letter-spacing:-.6px; margin-bottom:24px; }
.price-table-scroll { overflow-x:auto; border:1px solid #25262420; border-radius:16px; background:#fffdf8; }
.price-table-scroll table { width:100%; border-collapse:collapse; text-align:left; font-size:16px; line-height:1.6; }
.price-table-scroll thead { background:#e8e4dc; }
.price-table-scroll th,.price-table-scroll td { padding:20px 24px; border-bottom:1px solid #25262415; }
.price-table-scroll tbody th { font-weight:400; }
.price-table-scroll thead th { font-size:12px; letter-spacing:.5px; color:#6b4a51; }
.price-table-scroll td { white-space:nowrap; }
.price-table-scroll tr:last-child>* { border-bottom:0; }
.price-list-note { font-size:14px; color:#5a5c55; margin:-28px 0 52px; max-width:1000px; }
.price-list-note a { color:#873449; text-decoration:underline; text-underline-offset:3px; }
.price-list-terms { padding-top:32px; border-top:1px solid #25262425; max-width:1000px; }
.price-list-terms p { font-size:15px; color:#5a5c55; margin:16px 0; }
.price-list-terms .button { margin-top:16px; background:#873449; color:white; }
@media(max-width:760px) { .brand { gap:12px; } .brand .brand-name,.footer-identity .brand .brand-name { font-size:18px; letter-spacing:1.4px; } .price-table-scroll th,.price-table-scroll td { padding:16px 14px; } .price-table-scroll table { font-size:14px; min-width:510px; } }

/* Supplied brand wordmark, kept proportional across all navigation surfaces. */
.brand { gap:14px; flex-shrink:0; }
.brand img.brand-text-image { display:block; width:210px; height:auto; object-fit:contain; }
@media(max-width:760px) { .brand { gap:10px; } .brand img.brand-mark { width:38px; height:30px; } .brand img.brand-text-image { width:160px; height:auto; } }
@media(max-width:380px) { .brand { gap:8px; } .brand img.brand-mark { width:30px; height:25px; } .brand img.brand-text-image { width:125px; } header .menu { padding-inline:12px; gap:8px; } }