@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--purple:#501a91;--ink:#211d29;--muted:#746f7b;--paper:#faf9f6;--line:#e5e1e8;--lavender:#ede5f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #af87e2;outline-offset:5px}button{border:0}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:'Manrope',sans-serif}h2{font-weight:650;font-size:clamp(32px,3.4vw,48px);line-height:1.18;letter-spacing:-2px}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.skip{position:fixed;top:-70px;left:20px;z-index:99;background:white;padding:14px}.skip:focus{top:10px}header{height:108px;max-width:1320px;margin:auto;display:flex;align-items:center;gap:40px;padding:0 40px}.brand img{width:148px}nav{display:flex;gap:34px;margin-left:auto;font-size:16px;font-weight:550}nav a:hover{color:var(--purple)}.button{display:inline-flex;justify-content:center;align-items:center;gap:30px;background:var(--purple);color:white;padding:19px 25px;border-radius:7px;font-size:16px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#6827ae;transform:translateY(-2px)}.button.small{padding:14px 20px;gap:24px}.menu{display:none;background:none;font-size:24px}.hero{padding-top:72px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center}.eyebrow{font-size:15px;font-weight:700;letter-spacing:1.7px;color:var(--purple);display:block}.spark{font-size:17px;margin-right:7px;vertical-align:middle}h1{font-size:clamp(42px,4.5vw,65px);font-weight:650;letter-spacing:-3.4px;line-height:1.08;margin:25px 0}h1 span{color:var(--purple)}.lead{font-size:19px;line-height:1.6;max-width:440px}.intro{font-size:16px;line-height:1.8;color:var(--muted);max-width:415px;margin-top:16px}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.text-link{font-size:16px;font-weight:600;background:none;padding:0;display:inline-flex;gap:10px;align-items:center}.play{display:grid;place-items:center;width:25px;height:25px;border:1px solid #c5bccf;border-radius:50%;font-size:14px}.hero-note{font-size:15px;color:var(--muted);margin-top:23px;display:flex;align-items:center;gap:8px}.hero-note>span{background:#76a28c;width:5px;height:5px;border-radius:100%}.hero-art{position:relative;isolation:isolate;padding:40px 0 38px}.dashboard{background:white;box-shadow:0 24px 70px #3c235c15,0 2px 7px #39204d08;border:1px solid #e1dce6;border-radius:12px;transform:rotate(-2deg);overflow:hidden;position:relative}.app-top{height:55px;border-bottom:1px solid #eeeaf1;display:flex;align-items:center;padding:0 18px;gap:20px}.app-top>span{font-size:14px;letter-spacing:1.3px;color:#8c8595;margin-left:auto}.avatar{width:23px;height:23px;border-radius:50%;background:#eee6f5;color:var(--purple);font-size:14px;display:grid;place-items:center}.app-content{display:flex}aside{width:49px;flex-shrink:0;border-right:1px solid #eeeaf1;display:flex;align-items:center;flex-direction:column;gap:20px;padding-top:24px;color:#a69aad;font-size:17px}aside .selected{padding:5px 8px;border-radius:5px;color:var(--purple);background:#eee5f8}.app-main{padding:24px 19px 15px;width:100%}.app-heading{display:flex;align-items:center;justify-content:space-between}.app-heading small{font-size:14px;letter-spacing:1px;color:#aaa1b2}.app-heading h3{font-size:16px;letter-spacing:-.5px;margin-top:6px}.more{font-weight:bold;color:#918599}.stats{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:22px 0}.stats>div{background:#f7f5fa;border:1px solid #eee9f5;border-radius:6px;padding:12px}.stats span{font-size:14px;color:#766881;display:block}.stats strong{font-size:27px;font-family:'Manrope';line-height:1.6;font-weight:650}.stats small{display:block;font-size:14px;color:#99909f}.table-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.table-title strong{font-size:15px}.table-title>span{font-size:14px;color:#93899e}.table-head,.job-row{display:grid;grid-template-columns:1.2fr 1.1fr .8fr;gap:5px;align-items:center}.table-head{font-size:14px;color:#a199a8;letter-spacing:.5px;border-bottom:1px solid #eee9f0;padding-bottom:8px}.job-row{padding:14px 0;border-bottom:1px solid #eee9f0;font-size:14px}.job-row b{font-size:14px;font-weight:600}.job-row small{display:block;font-size:14px;color:#a39aa9;margin-top:4px}.pill{display:inline-block;width:fit-content;padding:5px 7px;border-radius:4px;font-size:14px;font-weight:600;white-space:nowrap}.purple{color:#6d419a;background:#f0e8f9}.green{color:#488266;background:#eaf4ee}.amber{color:#a08349;background:#f8f2e5}.app-bottom{font-size:14px;color:#a397ad;margin-top:15px;display:flex;align-items:center;gap:5px}.tiny-dot{background:#ac88d1;width:4px;height:4px;border-radius:50%}.floating{position:absolute;display:flex;align-items:center;gap:13px;bottom:8px;right:-18px;border:1px solid #e9e3ed;box-shadow:0 10px 35px #32124810;background:white;border-radius:9px;padding:17px 22px;transform:rotate(1deg)}.check{background:#eaf3ed;color:#5e8a6c;width:33px;height:33px;border-radius:50%;display:grid;place-items:center}.floating b{display:block;font-size:15px;font-weight:600}.floating span{display:block;font-size:15px;color:#a097a7;margin-top:5px}.art-caption{position:absolute;bottom:-22px;left:40px;font-size:14px;color:#a39aa9;letter-spacing:1.4px}.trade-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px max(40px,calc((100vw - 1160px)/2));font-size:16px;background:#f3f1ed}.trade-strip>span{color:#89818c}.trade-strip>div{display:flex;align-items:center;gap:24px;white-space:nowrap}.trade-strip b{font-weight:500}.trade-strip i{color:#a992bf;font-style:normal}.trade-strip b:last-child{color:var(--purple)}section.workflow{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:55px}.section-heading h2{margin-top:20px}.section-heading>p{max-width:310px;color:var(--muted);font-size:16px;line-height:1.8}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.steps>button{display:flex;width:100%;padding:26px 0;gap:18px;border-bottom:1px solid var(--line);text-align:left;background:transparent;color:var(--muted)}.steps>button>span{font-size:15px;padding-top:4px;color:#a497af}.steps h3{font-size:18px;font-weight:650;color:#675d70;letter-spacing:-.5px}.steps p{font-size:16px;line-height:1.7;max-width:310px;margin-top:9px}.steps b{margin-left:auto;font-size:18px;font-weight:400}.steps>button[aria-selected=true]{color:var(--ink);border-bottom:2px solid var(--purple)}.steps>button[aria-selected=true] h3,.steps>button[aria-selected=true]>span,.steps>button[aria-selected=true] b{color:var(--purple)}.stage-card{padding:32px;background:#f0ebf5;border:1px solid #e7dfee;border-radius:14px;min-height:365px}.stage-top{display:flex;align-items:center;justify-content:space-between;font-size:15px;color:#9a8ca7}.stage-top .pill{background:white;font-size:14px;letter-spacing:1px}.stage-card>h3{font-size:21px;letter-spacing:-.6px;margin-top:23px}.stage-card>p{font-size:16px;line-height:1.7;color:#81738c;margin-top:8px}.record{background:white;display:flex;gap:12px;align-items:center;padding:17px;margin-top:23px;border-radius:6px 6px 0 0}.record-icon{color:#9b79bf;background:#f3edf9;padding:8px}.record small{font-size:14px;color:#a493b1;letter-spacing:1px;display:block}.record strong{font-size:15px;display:block;margin-top:6px;font-weight:550}.record>span{margin-left:auto;color:#aaa}.fields{background:white;padding:0 17px 15px;border-radius:0 0 6px 6px}.fields>div{display:flex;justify-content:space-between;border-top:1px solid #f0ecf4;padding:10px 0 2px;font-size:15px;gap:15px}.fields span{color:#9a8ba7}.fields b{font-weight:500}.stage-foot{display:flex;gap:7px;font-size:15px;color:#6e507f;margin-top:20px}.example-label{font-size:14px;color:#a192ac;display:block;margin-top:12px}.onsite{background:#21172d;color:#fff;padding:88px 0;overflow:hidden}.onsite-grid{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:center}.onsite .eyebrow{color:#c3a4e6}.onsite h2{font-size:43px;line-height:1.2;margin-top:22px}.onsite h2 em{font-style:normal;color:#b591df}.onsite-copy>p{font-size:16px;line-height:1.85;color:#b5a9c0;margin-top:25px;max-width:380px}.onsite ul{padding:0;list-style:none;margin:25px 0}.onsite li{font-size:16px;padding:13px 0;border-bottom:1px solid #43334f}.onsite li span{font-size:15px;color:#a47aca;margin-right:22px}.light-link{padding:0;background:none;color:white;font-size:16px;display:flex;gap:35px;margin-top:30px}.dark-caption{display:block;font-size:15px;color:#8d7c9b;margin-top:22px}.phone-scene{position:relative;display:flex;justify-content:center}.phone{transform:rotate(-6deg);position:relative;background:#fbfafc;border:7px solid #17111e;width:273px;border-radius:36px;color:var(--ink);padding:15px 20px 14px;box-shadow:25px 30px 70px #0c031f80}.notch{width:74px;height:18px;background:#17111e;position:absolute;top:5px;left:93px;border-radius:20px}.phone-time{font-size:15px;display:flex;justify-content:space-between;margin-bottom:25px}.phone-time span{font-size:14px}.phone-logo{display:flex;align-items:center;gap:8px;margin-bottom:25px}.phone-logo img{width:78px}.phone-logo>span{font-size:14px;letter-spacing:1px;background:#f0e8f7;color:#875ba8;padding:4px 5px;border-radius:3px}.phone>small{font-size:14px;color:#a291ad;letter-spacing:1px}.phone h3{font-size:22px;line-height:1.3;margin-top:9px;letter-spacing:-.7px}.day-label{display:flex;justify-content:space-between;font-size:14px;color:#8c8096;margin:22px 0 12px}.day-label b{font-size:14px;color:var(--purple)}.phone-job{background:white;padding:15px;border:1px solid #e7e0ec;border-radius:8px;box-shadow:0 5px 15px #2c1b3c05}.phone-job .pill{font-size:14px;letter-spacing:.5px}.phone-job h4{font-size:16px;margin:12px 0 7px}.phone-job p{font-size:15px;color:#9b8da5;line-height:1.7;margin-bottom:12px}.phone-line{font-size:14px;padding:11px 0;border-top:1px solid #eee9f2;display:flex;justify-content:space-between}.phone-line span{color:#a181bd}.phone-second{display:flex;gap:12px;padding:16px 7px;font-size:14px}.phone-second span{color:#b0a2bb}.phone-second b{font-weight:500}.phone-nav{border-top:1px solid #e8e1ee;display:flex;justify-content:space-around;padding-top:16px;color:#aa9bb8;font-size:17px}.phone-nav span{color:var(--purple)}.phone-label{position:absolute;bottom:50px;right:-15px;background:#fbf8ff;padding:16px 19px;color:#594267;font-size:15px;border-radius:7px;box-shadow:0 15px 30px #0002;transform:rotate(3deg)}.phone-label span{color:#8a5eb1;margin-right:10px}.principles{padding-top:100px;padding-bottom:90px}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.line-icon{font-size:30px;color:var(--purple);display:block;margin-bottom:23px}.principle-grid h3{font-size:18px;letter-spacing:-.5px;margin-bottom:12px}.principle-grid p{color:var(--muted);font-size:16px;line-height:1.85}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-top:65px;padding-bottom:90px;border-top:1px solid var(--line)}.faq h2{margin-top:20px}.faq details{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{list-style:none;display:flex;justify-content:space-between;cursor:pointer;font-size:16px;font-weight:550;gap:25px}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#a284be}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--muted);font-size:16px;line-height:1.8;margin-top:16px;max-width:470px}.closing{position:relative;overflow:hidden;background:#ece4f4;border:1px solid #e7dbf0;border-radius:12px;padding:55px;max-width:1160px;display:flex;align-items:center;justify-content:space-between;gap:30px}.closing h2{font-size:39px;margin-top:18px;position:relative;z-index:1}.closing .button{z-index:1;flex-shrink:0}.closing-mark{position:absolute;font-size:420px;line-height:1;right:145px;top:-65px;font-weight:800;color:#e5d9ef;transform:rotate(-20deg)}footer{display:flex;align-items:center;gap:35px;min-height:140px;font-size:15px;color:#8c8296}footer>p{margin-right:auto}footer>small{font-size:15px}dialog{border:1px solid #ddd3e7;border-radius:18px;padding:42px;max-width:660px;width:calc(100% - 32px);color:var(--ink);box-shadow:0 30px 100px #170e2c33;max-height:90vh;overflow:auto}dialog::backdrop{background:#1f122d99;backdrop-filter:blur(5px)}.close{position:absolute;right:16px;top:12px;background:none;font-size:28px;color:#897894}dialog h2{font-size:32px;margin:20px 0 15px}.tour-intro{font-size:16px;color:var(--muted);line-height:1.7}.tour-progress{display:flex;gap:6px;margin:26px 0}.tour-progress span{height:4px;flex:1;background:#e9e2ef;border-radius:4px}.tour-progress .active{background:var(--purple)}#tour-content{padding:25px;background:#f4eff8;border-radius:10px;min-height:190px}#tour-content h3{font-size:20px;margin-bottom:12px}#tour-content p{font-size:16px;line-height:1.8;color:#756880}#tour-content .tour-example{border-top:1px solid #e1d5eb;margin-top:18px;padding-top:14px;font-size:16px;color:var(--purple)}.tour-controls{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.tour-controls>span{font-size:15px;color:#9c8ca8}#tour-back:disabled{opacity:.35;cursor:default}.tour-disclaimer{display:block;margin-top:25px;font-size:15px;line-height:1.6;color:#a092aa}@media(min-width:1450px){.hero{padding-top:95px;padding-bottom:125px}}@media(max-width:1050px){header{gap:25px}nav{gap:20px}.hero{gap:20px}.hero h1{font-size:48px}.hero .actions{gap:15px}.hero .button{padding:17px 16px;gap:12px}.hero-art{margin-right:0}.floating{right:-5px;padding:14px}.trade-strip{font-size:15px;gap:15px}.trade-strip>div{gap:15px}.workflow-grid{gap:40px}.onsite-grid{gap:60px}.onsite h2{font-size:37px}.phone-label{right:-30px}.closing{margin:0 40px}.closing h2{font-size:33px}}@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}header{height:82px;padding:0 24px;gap:15px;position:relative;z-index:5}.brand img{width:120px}header>.button{margin-left:auto;padding:11px 13px;font-size:15px;gap:12px}.menu{display:block}nav{display:none;position:absolute;left:16px;right:16px;top:73px;padding:25px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 15px 30px #20102d12}nav.open{display:flex;flex-direction:column;gap:25px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:60px;gap:38px}.hero h1{font-size:clamp(40px,8.8vw,60px);letter-spacing:-2.7px}.hero-copy{max-width:540px}.eyebrow{font-size:15px;letter-spacing:1.4px}.lead{font-size:18px}.intro{font-size:16px}.hero .actions{gap:22px}.hero-art{max-width:540px;width:100%;margin:auto;padding-top:15px}.dashboard{transform:rotate(-1.5deg)}.floating{bottom:10px;right:0}.art-caption{bottom:-10px;left:8px;font-size:14px}.trade-strip{padding:22px 24px;flex-direction:column;gap:16px}.trade-strip>span{font-size:15px}.trade-strip>div{gap:17px;font-size:15px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:24px;max-width:440px}.workflow-grid{grid-template-columns:1fr;gap:30px}section.workflow{padding-top:65px;padding-bottom:65px}.steps>button{padding:20px 0}.steps h3{font-size:17px}.stage-card{padding:25px}.onsite{padding:65px 0}.onsite-grid{display:flex;flex-direction:column-reverse;gap:60px}.onsite h2{font-size:39px}.onsite-copy{width:100%}.onsite-copy>p{max-width:none}.phone-scene{width:100%;padding-bottom:10px}.phone-label{right:0;bottom:60px}.principles{padding-top:65px;padding-bottom:60px}.principle-grid{grid-template-columns:1fr;gap:30px}.principle-grid article{border-top:1px solid var(--line);padding-top:24px}.line-icon{float:left;margin-right:22px;margin-bottom:60px}.principle-grid h3{margin-bottom:8px}.faq{grid-template-columns:1fr;gap:24px;padding-top:55px;padding-bottom:55px}.closing{margin:0 20px;padding:35px 25px;display:block}.closing h2{font-size:30px;letter-spacing:-1.5px}.closing>.button{position:relative;margin-top:28px}.closing-mark{right:-60px;top:0;font-size:350px}footer{padding-top:35px;padding-bottom:30px;display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:15px}footer>p{margin:0}footer>small{text-align:right}dialog{padding:30px 24px}dialog h2{font-size:28px}.tour-controls .button{padding:12px 14px}.tour-controls .text-link{font-size:15px}.app-main{padding:20px 13px 15px}.app-heading h3{font-size:16px}.stats{margin:17px 0}aside{width:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Spectral gives the marketing headlines a more editorial voice. */
@font-face {
  font-family: 'Spectral';
  src: url('assets/Spectral-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
h1, h2, .steps h3, .stage-card h3, .principle-grid h3, #tour-content h3 {
  font-family: 'Spectral', Georgia, serif;
  font-weight: 600;
  letter-spacing: -0.035em;
}

/* Decorative mason’s chisel in the closing panel. */
.closing-mark {width: 270px; top: -30px; right: 16%; opacity: .055; transform: none; pointer-events: none;}

.chisel-accent {display:inline-block;width:22px;height:22px;vertical-align:middle;}

.phone-label .chisel-accent {width:20px;height:20px;margin-right:6px;}
.line-icon .chisel-accent {width:34px;height:34px;}

.eyebrow {font-size:16px; letter-spacing:.035em; line-height:1.45;}
.art-caption {letter-spacing:.05em;}
.button {transition:background-color .18s ease, transform .18s ease, box-shadow .18s ease;}
@media (hover:hover) {
  .button:hover {transform:translateY(-2px); box-shadow:0 4px 10px rgba(62,24,99,.16);}
}
@media (prefers-reduced-motion:reduce) {
  .button:hover {transform:none;}
}
@media(max-width:760px) {
  .trade-strip>div {flex-wrap:wrap;justify-content:center;row-gap:5px;}
  .job-row .pill {white-space:normal;}
  .app-top {gap:10px;}
  .art-caption {position:static;display:block;margin-top:40px;text-align:center;}
  .floating {bottom:48px;}
}

.section-heading {display:block;}
.section-heading > p {max-width:none;margin-top:18px;}
.trade-strip > span {line-height:1.55;}

.stone-plane {
  position:absolute; z-index:-1; inset:1% -2% 1% 6%;
  background:#e9e0f1;
  clip-path:polygon(12% 7%, 84% 0, 100% 17%, 96% 88%, 15% 100%, 0 81%);
}
.stone-plane::after {
  content:""; position:absolute; inset:0; background:#dfd2e9;
  clip-path:polygon(84% 0,100% 17%,96% 88%,77% 100%);
}
.phone-scene::before {
  content:""; position:absolute; inset:15% 7% 12%;
  background:#32243e;
  clip-path:polygon(0 9%,85% 0,100% 14%,100% 91%,0 100%);
}
@media(max-width:760px) {
  .stone-plane {inset:0 0 2% 4%;}
  .phone-scene::before {inset:15% 4% 12%;}
}

/* Outline the two introductory calls to action against the page background. */
header > .button, .hero .actions > .button {
  background-color: transparent;
  color: var(--purple);
  border: 2px solid var(--purple);
}

@media (hover: hover) {
  :is(header > .button, .hero .actions > .button):hover {
    background-color: transparent;
    border-color: var(--purple);
    color: var(--purple);
    box-shadow: 0 4px 10px rgba(62, 24, 99, .16);
  }
}

.trade-strip > span {
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.45;
  color: var(--ink);
}

.ai-section {padding-bottom:72px;}
.ai-panel {background:#f1ecf6;border-radius:14px;padding:clamp(24px,4vw,54px);}
.ai-panel h2 {margin:14px 0 16px;}
.ai-intro {font-size:17px;line-height:1.65;max-width:76ch;}
.ai-example {display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:28px 0 16px;}
.ai-example > div {padding:22px;background:#fff;border-radius:8px;}
.ai-example h3 {color:var(--purple);font-size:16px;margin-bottom:10px;}
.ai-example p {font-size:16px;line-height:1.65;}
.ai-panel small {font-size:15px;color:#645b6c;}
@media(max-width:760px){.ai-example{grid-template-columns:1fr;gap:12px;}.ai-section{padding-bottom:48px;}}

.ai-more {margin-top:20px;}
.ai-more summary {width:fit-content;color:var(--purple);font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;}
.ai-more p {max-width:70ch;margin-top:14px;line-height:1.65;}

.signup-card {max-width:550px;margin:3vh auto 10vh;padding:30px 24px;}
.signup-card h1 {font-size:clamp(35px,5vw,52px);}
.signup-card p {line-height:1.65;margin:12px 0;}
.signup-card form {display:grid;gap:18px;margin:24px 0;}
.signup-card label {display:grid;gap:7px;font-weight:600;}
.signup-card input {padding:13px;border:1px solid #afa6ba;border-radius:6px;font:inherit;background:white;}
.signup-card [role=alert] {color:#933327;}

.ai-more summary {display:inline-flex;align-items:center;gap:12px;list-style:none;}
.ai-more summary::-webkit-details-marker {display:none;}
.ai-more summary span {color:#a284be;}
.ai-more[open] summary span {transform:rotate(45deg);}

.browser-bar {display:flex;justify-content:space-between;align-items:center;background:#eeeaf3;border-radius:12px;padding:7px 11px;margin:0 0 20px;color:#64586e;font-size:15px;}

.launch-banner {
  display:flex; flex-wrap:wrap; justify-content:center; align-items:baseline;
  gap: 4px 14px; padding:9px 20px; text-align:center;
  background:var(--purple); color:white; font-size:16px; line-height:1.5;
}
.launch-banner a {font-weight:650; text-decoration:underline; text-underline-offset:3px;}

.menu {appearance:none; -webkit-appearance:none; color:var(--ink); background:transparent;}
.menu svg {display:block;}

/* Keep compact product labels legible against the pale preview surfaces. */
.app-heading small,.app-top>span,.stats small,.table-title>span,.table-head,
.job-row small,.app-bottom,.record small,.example-label,.phone>small,
.day-label,.phone-job p,.phone-second span {color:#63586e;}
.dark-caption {color:#c5b9ce;}
.job-row,.table-head {grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.85fr);}
.job-row .pill {white-space:normal;}
@media (max-width:760px) {
  .app-content aside {display:none;}
  .phone {width:min(310px,100%);}
  .phone-scene {min-width:0;}
  .phone-label {position:relative;right:auto;bottom:auto;align-self:center;}
  .phone-scene {flex-direction:column;align-items:center;gap:14px;}
  .phone-second,.day-label {flex-wrap:wrap;}
  .steps p,.stage-card>p,.faq details p,.principle-grid p {line-height:1.65;}
}

/* Reading text across the marketing sections. */
.intro, .section-heading > p, .steps p, .stage-card > p, .onsite-copy > p,
.principle-grid p, .faq details p, .ai-intro, .ai-more p, .tour-intro,
#tour-content p, #tour-content .tour-example {
  font-size: clamp(18px, calc(17px + .25vw), 20px);
  line-height: 1.65;
}
.hero .lead {font-size:clamp(21px, calc(19px + .4vw), 24px);}
.hero .intro {max-width:46ch;}
.steps p {max-width:42ch;}
.onsite-copy > p {max-width:44ch; color:#d0c5da;}
.faq details p {max-width:65ch;}

/* Client feedback uses the same quiet palette and editorial heading face. */
.testimonial {padding-top:32px;padding-bottom:32px;}
.testimonial-card {margin:0;padding:clamp(28px,5vw,64px);background:#eee7f5;border-radius:12px;text-align:center;}
.testimonial-card blockquote {margin:22px auto;max-width:850px;}
.testimonial-card blockquote p {margin:0;font-family:Spectral,Georgia,serif;font-size:clamp(25px,3vw,36px);font-weight:600;line-height:1.45;color:var(--ink);}
.testimonial-card figcaption {display:flex;justify-content:center;align-items:center;gap:10px;font-size:17px;color:var(--purple);}
.testimonial-card figcaption img {flex-shrink:0;}