:root{--ink:#111013;--muted:#63616b;--purple:#7952ba;--lavender:#b796ee;--paper:#fff;--line:#e4e1e9;--dark:#19151f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--purple);outline-offset:5px}img{max-width:100%;display:block}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:0}.header{height:100px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid var(--line);background:#fff}.brand{display:flex;align-items:center;gap:10px;font-size:30px;letter-spacing:-1.3px;font-weight:700}.brand img{width:36px;height:43px;object-fit:contain}.brand-dot{color:var(--purple)}nav{display:flex;gap:30px;font-size:14px;font-weight:600}nav a{padding:10px 0}nav a:hover{color:var(--purple)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--purple);color:#fff;border:1px solid var(--purple);padding:17px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#604095;transform:translateY(-2px)}.button span{font-size:33px;line-height:1}.button.small{padding:12px 18px;font-size:14px}.menu{display:none}.hero{background:#0a090c;color:white;display:grid;grid-template-columns:1.1fr 1fr;min-height:710px;padding:70px 5.5% 48px;gap:5%}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;line-height:1.7;margin:0 0 27px;color:#c4bfcf}.purple{color:var(--purple)}h1{font-size:clamp(58px,6.5vw,100px);font-weight:500;letter-spacing:-5px;line-height:1.03;margin:0 0 28px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--lavender)}.intro{color:#c1bdc8;max-width:435px;font-size:18px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:30px;margin:30px 0 38px}.phone{font-size:16px;border-bottom:1px solid #615b6b;padding-bottom:4px}.hero-note{display:flex;flex-direction:column;gap:3px;font-size:14px;color:#b4aebc}.hero-note span:first-child{font-size:11px;letter-spacing:1.8px;color:#d5cedf;font-weight:700}.hero-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #342c41;background:radial-gradient(ellipse at center,#20122f 0%,#0a090c 68%);padding:28px 32px;overflow:hidden}.art-caption{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1.5px;color:#a69aac}.hero-art>img{width:83%;height:430px;object-fit:contain;align-self:center;transform:rotate(-8deg);filter:drop-shadow(0 18px 28px #020104);margin:0}.art-bottom{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#b9adc6}.art-bottom strong{color:#e0d5ec;font-weight:500}.art-bottom a{font-size:25px;width:46px;height:46px;display:grid;place-items:center;border:1px solid #6b577e;border-radius:50%;color:#c4a0ee}.coverage-strip{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;background:#f2edf8;border-bottom:1px solid #e0d6ed;padding:21px 5.5%;font-size:13px;color:#624780}.section{padding:100px 7%}h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,3.8vw,56px);font-weight:400;line-height:1.13;letter-spacing:-1.5px;margin:0}h3{font-size:22px;line-height:1.3;letter-spacing:-.5px;margin:0 0 16px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:52px}.section-heading>p{max-width:350px;color:var(--muted);margin:0;font-size:17px}.coverage-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.coverage-grid article{display:flex;flex-direction:column;align-items:flex-start;padding:32px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:285px}.number{font-size:11px;letter-spacing:1.8px;color:#7e6a9d;font-weight:700;margin-bottom:24px}.coverage-grid p{color:var(--muted);font-size:15px;line-height:1.7;margin:0 0 25px;max-width:330px}.coverage-grid a{margin-top:auto;font-size:14px;font-weight:600;display:flex;width:100%;align-items:center;justify-content:space-between}.coverage-grid a:hover{color:var(--purple)}.coverage-help{background:#f4effa}.coverage-help h3{font-family:Georgia,serif;font-size:30px;font-weight:400}.fine-print{font-size:12px;color:#75717c;margin:18px 0 0}.approach{background:#f7f6f9;display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid var(--line)}.approach-intro{max-width:360px;color:var(--muted);margin-top:25px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid #ded9e6}.steps li:first-child{padding-top:0}.steps li>span{font-family:Georgia,serif;font-size:28px;color:#9e82c8;line-height:1.2}.steps h3{font-size:20px;margin-bottom:9px}.steps p{color:var(--muted);font-size:15px;margin:0}.about{background:#231d2d;color:#fff;display:grid;grid-template-columns:1fr 1.1fr;gap:12%}.about-label{display:flex;flex-direction:column;justify-content:space-between}.about-word{font-family:Georgia,serif;color:#b69acb;font-size:clamp(40px,5vw,72px);line-height:1.1;letter-spacing:-2px}.about-copy h2{font-size:40px;margin-bottom:28px}.about-copy p{color:#c6bdcf}.founder{display:flex;align-items:center;gap:18px;margin-top:36px;padding-top:28px;border-top:1px solid #514459}.founder-mark{border:1px solid #715d84;width:50px;height:50px;display:grid;place-items:center;font-family:Georgia,serif;color:#d6b5f7}.founder strong{font-size:16px}.founder div>span{display:block;font-size:13px;color:#b4a8be;margin-top:4px}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:12%}.questions details{border-bottom:1px solid var(--line);padding:22px 0}.questions details:first-child{padding-top:0}summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:25px;font-size:17px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--purple);font-size:23px;line-height:1}details[open] summary:after{content:'−'}.questions p{font-size:15px;color:var(--muted);margin:16px 30px 0 0}.quote{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#0d0b10;color:#fff}.quote h2{font-size:52px}.quote>div>p:not(.eyebrow){color:#c3bbcd;font-size:18px;margin:25px 0 36px}.quote-phone{display:inline-block;font-size:25px;border-bottom:1px solid #63516e;padding-bottom:8px}.quote-phone span{margin-left:28px;color:#b796ee}.call-label{display:block;color:#a79daf;font-size:13px;margin-top:12px}form{background:#211b29;padding:34px;border:1px solid #463751}form h3{font-size:22px;font-weight:500;margin-bottom:25px}label{display:block;font-size:13px;color:#e3dcea;margin-bottom:19px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,select{width:100%;min-height:47px;background:#16121b;color:#fff;border:1px solid #584962;border-radius:0;padding:11px 12px;font-size:15px;margin-top:7px;min-width:0}input::placeholder{color:#a49aa9}select{color-scheme:dark}form .button{width:100%}.form-note,.form-status{font-size:12px;line-height:1.65;color:#b9aec2;margin-bottom:0}.form-status{color:#dcc9fa}footer{background:#fff;padding:40px 5.5% 24px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:30px}.footer-top p{font-size:14px;line-height:1.5;color:var(--muted)}.footer-top>a:last-child{font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:#6b6573}
@media(min-width:1600px){.hero,.section,.header,.coverage-strip,footer{padding-left:max(7%,calc((100vw - 1420px)/2));padding-right:max(7%,calc((100vw - 1420px)/2))}}
@media(max-width:1050px){nav{gap:20px}.header-cta{display:none}.hero{gap:30px;padding-top:55px}h1{letter-spacing:-3px}.hero-art{padding:20px}.hero-art>img{height:360px}.hero-actions{gap:20px;flex-wrap:wrap}.section{padding:75px 5.5%}.coverage-grid article{padding:25px}.section-heading{gap:35px}.about,.faq,.quote,.approach{gap:7%}.quote h2{font-size:43px}.field-row{grid-template-columns:1fr;gap:0}.art-caption{flex-direction:column}}
@media(max-width:720px){html{scroll-padding-top:20px}.header{height:80px;position:relative}.brand{font-size:27px}.brand img{width:30px;height:38px}.menu{display:flex;gap:15px;background:transparent;border:0;font-size:14px;padding:12px 0}.header nav{display:none;position:absolute;top:79px;left:0;right:0;background:white;z-index:10;padding:20px 6%;border-bottom:1px solid var(--line);flex-direction:column;gap:4px}.header nav.open{display:flex}.hero{grid-template-columns:1fr;padding:42px 6% 32px;gap:38px}.eyebrow{font-size:10px;letter-spacing:1.3px;max-width:320px}.hero h1{font-size:64px;letter-spacing:-3px}.intro{font-size:17px}.hero-actions{margin-bottom:28px}.hero-art{min-height:320px}.hero-art>img{height:250px;width:70%;margin:-14px 0}.art-caption{flex-direction:row;font-size:9px}.art-bottom{font-size:13px}.coverage-strip{justify-content:flex-start;gap:9px 22px;font-size:11px;padding:18px 6%}.section{padding:62px 6%}.section-heading{display:block;margin-bottom:34px}.section-heading>p{margin-top:25px}.coverage-grid{grid-template-columns:1fr}.coverage-grid article{min-height:250px;padding:28px}.coverage-grid h3{font-size:24px}.coverage-grid p{max-width:none;font-size:16px}.coverage-grid a{font-size:15px}.approach,.about,.faq,.quote{grid-template-columns:1fr;gap:38px}.about-label{gap:25px}.about-word{display:none}.about-copy h2{font-size:37px}.about-copy p{font-size:16px}.quote h2{font-size:42px}form{padding:24px}.field-row{grid-template-columns:1fr}.footer-top{flex-wrap:wrap;gap:18px}.footer-top p{flex-basis:50%}.footer-bottom{flex-direction:column;gap:12px}.steps p,.questions p{font-size:16px}.hero-note span:first-child{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Supplied 3D logo: preserve its square framing and original angle. */
.brand img{width:43px;height:43px;border-radius:4px}.hero-art{background:#0d0c10}.hero-art>img{transform:none;filter:none;width:100%}
@media(max-width:720px){.brand img{width:38px;height:38px}.hero-art>img{width:80%}}

/* Transparent logos rotate together around a vertical axis. */
.header .brand,.footer-top .brand{perspective:450px}
.logo-turn{display:block;transform-style:preserve-3d;animation:logo-spin 9s linear infinite;transform-origin:center}
.logo-turn-small{width:43px;height:43px;flex-shrink:0}
.logo-turn img{width:100%;height:100%;object-fit:contain;border-radius:0;display:block}
.logo-stage{width:100%;height:430px;display:grid;place-items:center;perspective:1100px}
.logo-turn-large{width:min(100%,430px);height:100%;max-height:430px}
.motion-toggle{color:#c9b1df;background:transparent;border:1px solid #5d4a6b;padding:7px 10px;font-size:12px;cursor:pointer}
.art-bottom{gap:16px;flex-wrap:wrap}
body.spin-paused .logo-turn{animation-play-state:paused}
@keyframes logo-spin{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}
@media(max-width:1050px){.logo-stage{height:360px}}
@media(max-width:720px){.logo-turn-small{width:38px;height:38px}.logo-stage{height:250px}.logo-turn-large{width:80%}}
@media(prefers-reduced-motion:reduce){.logo-turn{animation:none}.motion-toggle{display:none}}

.logo-turn{position:relative}
.logo-turn .logo-depth{position:absolute;inset:0;filter:brightness(.35) saturate(.4);pointer-events:none}
.footer-top .brand img{border-radius:0}

/* Keep the introduction compact and the inquiry form near the top. */
.hero{display:block;min-height:0;padding-top:42px;padding-bottom:36px}
.hero-copy{max-width:950px}
.hero .eyebrow{margin-bottom:18px}
.hero h1{font-size:clamp(38px,4.5vw,64px);letter-spacing:-2px;line-height:1.12;margin-bottom:18px}
.hero .intro{max-width:650px;margin:0;font-size:17px}
.hero-actions{margin:24px 0 0;flex-wrap:wrap}
.hero-note{display:none}
.quote{padding-top:48px;padding-bottom:48px}
.header .logo-turn{animation-iteration-count:infinite;animation-duration:9s}
@media(max-width:720px){.hero{padding:30px 6%}.hero h1{font-size:clamp(34px,7vw,48px);letter-spacing:-1.3px}.quote{padding-top:32px;padding-bottom:36px;gap:28px}.quote h2{font-size:34px}.quote>div>p:not(.eyebrow){margin:16px 0 20px}.quote .eyebrow{margin-bottom:16px}}

/* Put the inquiry beside the introduction without a second dark section. */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;padding-top:32px;padding-bottom:28px}
.hero-copy{max-width:650px;padding-top:12px}
.hero .intro{max-width:500px}
.hero-quote{min-width:0;scroll-margin-top:20px}
.hero-quote form{padding:26px}
.hero-quote form h3{margin-bottom:20px}
.hero-quote label{margin-bottom:15px}
.hero-quote .form-note{margin-top:14px}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:24px;padding-top:26px;padding-bottom:24px}.hero-copy{padding-top:0}.hero-quote{width:100%;max-width:650px}.hero-quote form{padding:22px}.hero-actions{margin-top:20px}}
.coverage.section{padding-top:56px}
@media(max-width:1050px){.coverage.section{padding-top:44px}}
@media(max-width:720px){.coverage.section{padding-top:36px}}

.quote-start{background:white;color:#211829;padding:32px}.quote-start h3{font-size:29px}.quote-start p,.quote-start ol{color:#685e73}.quote-start li{margin:12px 0}.quote-start .button{margin-top:12px}.quote-start .form-note{font-size:13px}.quote-start .eyebrow{color:#7952ba}

.home-lead .lead-intro{font-size:16px;color:#d3c9dc;margin:0 0 20px}.home-lead label{font-size:14px}.home-lead .form-note{font-size:14px}.home-lead input,.home-lead select{font-size:16px}.home-chat-button{width:100%;margin-top:12px;padding:12px;background:transparent;border:1px solid #b796ee;color:#eee2ff;cursor:pointer;font:inherit}.home-lead .form-status{font-size:14px}.home-lead .eyebrow{color:#cbb0f2}

/* The approach now lives directly beneath the hero quote button. */
.hero .hero-approach{display:block;background:transparent;border-top:1px solid #463751;margin-top:30px;padding:26px 0 0;color:#fff;scroll-margin-top:24px}
.hero-approach h2{font-size:clamp(26px,2.5vw,34px);line-height:1.2;letter-spacing:-.6px;margin:0}
.hero-approach .eyebrow{color:#cbb0f2;font-size:12px;margin:0 0 12px}
.hero-approach .approach-intro{max-width:none;color:#c8bfce;font-size:16px;line-height:1.6;margin:14px 0 22px}
.hero-approach .steps li{gap:16px;padding:16px 0;border-color:#463751}
.hero-approach .steps li:first-child{padding-top:0}
.hero-approach .steps li>span{font-size:24px;color:#b796ee}
.hero-approach .steps h3{font-size:18px;line-height:1.4;margin:0 0 5px}
.hero-approach .steps p{font-size:16px;line-height:1.55;color:#c8bfce}
@media(max-width:850px){.hero .hero-approach{margin-top:26px;padding-top:22px}}

/* Bring the company story and FAQs together in one closing section. */
.faq-with-story{background:#231d2d;color:#fff;align-items:start}
.faq-story{min-width:0;scroll-margin-top:24px}
.faq-story .eyebrow{color:#cbb0f2;margin:0 0 18px}
.faq-story .about-word{display:block;font-size:clamp(32px,3.5vw,48px);letter-spacing:-1px;margin:0 0 26px}
.faq-story .about-copy h2{font-size:clamp(26px,2.8vw,36px);line-height:1.2;margin:0 0 20px}
.faq-story .about-copy p{font-size:16px;line-height:1.7;color:#d1c7d9}
.faq-story .founder{margin-top:26px;padding-top:22px}
.faq-story .founder-mark{flex-shrink:0}
.faq-story .founder div>span{font-size:14px;color:#c9bdd3}
.faq-with-story .questions{min-width:0}
.faq-with-story .questions details{border-color:#514459}
.faq-with-story .questions summary{color:#fff}
.faq-with-story .questions p{font-size:16px;color:#d1c7d9}
@media(max-width:720px){.faq-with-story{gap:36px}.faq-story .about-word{font-size:36px;margin-bottom:22px}}

/* Give the quote card the full height of the introduction beside it. */
.hero-quote{align-self:stretch;display:flex}
.hero-quote .home-lead{width:100%;display:flex;flex-direction:column;padding:34px;margin:0}
.hero-quote .home-lead h3{font-size:28px;line-height:1.25;margin-bottom:18px}
.hero-quote .home-lead .field-row{gap:20px}
.hero-quote .home-lead label{font-size:15px;margin-bottom:22px}
.hero-quote .home-lead input,.hero-quote .home-lead select{min-height:54px;padding:14px}
.hero-quote .home-lead>.button{justify-content:center;text-align:center;min-height:58px;font-size:17px;margin-top:auto}
.hero-quote .home-lead .home-chat-button{min-height:50px}
@media(max-width:850px){.hero-quote .home-lead{padding:26px}.hero-quote .home-lead>.button{margin-top:4px}}
@media(max-width:480px){.hero-quote .home-lead{padding:22px}.hero-quote .home-lead h3{font-size:26px}}

/* Center the FAQ list alongside the company story. */
.faq-with-story .questions{align-self:center}
@media(max-width:720px){.faq-with-story .questions{align-self:start}}

/* Match the Client Desk wordmark. */
.brand .brand-wordmark{font-family:Georgia,serif;font-style:italic;font-size:34px;font-weight:700;letter-spacing:-1.5px;color:#252130;line-height:1.2}

.hero-actions .button{font-size:18px}.hero-actions .phone{font-size:19px}

/* Mobile reading order: introduction, quote, then our approach. */
@media(max-width:850px){.hero>.hero-approach{margin-top:0;width:100%;max-width:650px}}

/* Instagram link: consistent lavender accent and button interaction. */
.footer-top .instagram-link{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;padding:8px;border-radius:6px;color:#7952ba;transition:transform .18s ease,background-color .18s ease}
.footer-top .instagram-link svg{display:block;width:28px;height:28px}
.footer-top .instagram-link:hover{transform:translateY(-2px);background:#f2edf8}
.footer-top .instagram-link:focus-visible{outline:2px solid #7952ba;outline-offset:3px}
.footer-top .instagram-link:active{transform:translateY(0) scale(.98)}
@media(prefers-reduced-motion:reduce){.footer-top .instagram-link{transition:none}.footer-top .instagram-link:hover,.footer-top .instagram-link:active{transform:none}}

/* Bond entry point beneath the approach steps, in the owner-marked space. */
.hero-approach .home-bond-cta{display:flex;justify-content:center;padding:64px 0 24px}
.hero-approach .home-bond-cta .button{width:calc(100% - 70px);max-width:100%;min-width:0;min-height:58px;font-size:17px;justify-content:center;position:relative}.hero-approach .home-bond-cta .button span{position:absolute;right:24px}
@media(max-width:850px){.hero-approach .home-bond-cta{padding:30px 0 8px}.hero-approach .home-bond-cta .button{width:calc(100% - 54px);max-width:100%}}