@font-face{font-family:Archivo;src:url('/assets/archivo.woff2');font-display:swap}@font-face{font-family:Archivo;src:url('/assets/archivo-semibold.woff2');font-weight:600 900;font-display:swap}@font-face{font-family:Besley;src:url('/assets/besley.woff2');font-display:swap}@font-face{font-family:Mono;src:url('/assets/mono.woff2');font-display:swap}
:root{--ink:#141211;--cream:#f5f1e8;--muted:#bdb4a9;--line:#494039;--accent:#b25a1d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--cream);font:17px/1.65 Archivo,Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,select,summary{cursor:pointer}button,a,summary{touch-action:manipulation}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}p+p{margin-top:18px}h1,h2,h3{line-height:1.08;font-weight:500;letter-spacing:-.05em}h1{font-size:clamp(46px,5.6vw,82px)}h2{font-size:clamp(38px,4.6vw,66px)}h3{font-size:30px;letter-spacing:-.035em}em{font-family:Besley,Georgia,serif;font-style:normal;font-weight:400;letter-spacing:-.065em}button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d88850;outline-offset:5px}.wrap{width:min(1328px,calc(100% - 96px));margin:auto}.section{padding-block:120px}.eyebrow,.small,.browser-bar,.result-top,.review-label{font-family:Archivo,Arial,sans-serif;font-size:11px;line-height:1.6;letter-spacing:.025em}.eyebrow{margin-bottom:26px;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:11px}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:28px;font-weight:600;letter-spacing:-1.5px;text-decoration:none}.brand span{color:#d27b40}.nav nav{display:flex;gap:36px;font-size:13px}.nav nav a{text-decoration:none}.nav nav a:last-child{border-bottom:1px solid var(--muted)}.skip{position:fixed;top:-100px;left:20px;padding:14px;background:var(--cream);color:var(--ink);z-index:100}.skip:focus{top:15px}.hero{padding-top:42px}.hero>.eyebrow{margin-bottom:18px}.hero h1 em{color:#d9d0c0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:28px;align-items:start}.intro>p{max-width:630px;color:#cfc6ba;font-size:16px}.intro>div{justify-self:end}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:54px;background:var(--cream);color:var(--ink);padding:16px 22px;border:1px solid var(--cream);text-decoration:none;font-size:14px;font-weight:600;transition:box-shadow .2s,border-color .2s}.button:hover,.button:focus-visible{border-color:#d17c41;box-shadow:0 0 0 1px #d17c41,0 0 24px #b25a1d38}.intro .small{margin-top:12px}.hero-proof{margin-top:38px;display:grid;grid-template-columns:minmax(0,1fr) 298px;gap:18px}.browser{border:1px solid #655141;min-width:0;background:#eae4d8}.browser-bar{height:39px;padding:0 16px;background:#29231f;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#ddd3c5}.browser iframe{width:100%;height:515px;border:0;display:block}.connection{border:1px solid var(--line);padding:21px;display:flex;flex-direction:column;gap:16px;background:#1c1815}.connection>.eyebrow{margin:0;font-size:10px}.connection>p+p{margin:0}.connection>div{padding-top:15px;border-top:1px solid var(--line)}.connection>div p{font-size:14px;margin-top:12px}.reply{position:relative}.reply:before{content:'↓';position:absolute;top:-20px;left:0;color:#d17c41;background:#1c1815;padding-right:10px}.review-label{display:block;margin-top:18px;color:#d5a37d;font-size:10px}.text-link{display:inline-flex;gap:24px;justify-content:space-between;font-size:14px;text-decoration:none;border-bottom:1px solid #8f7c6b;padding-bottom:8px}.connection>.text-link{margin-top:auto}.glow{position:relative}.glow:after{content:'';pointer-events:none;position:absolute;inset:0;z-index:3;opacity:0;transition:opacity .25s;background:radial-gradient(430px circle at var(--x,50%) var(--y,50%),#b25a1d16,transparent 70%);border:1px solid transparent}.glow:hover:after,.glow:focus-within:after{opacity:1;border-color:#b25a1d88}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:46px}.section-head>p{max-width:350px;color:var(--muted);font-size:15px}.work-showcase{height:570px;background:#2c2823;padding:42px 115px 42px 42px;overflow:hidden}.desktop-preview{display:block;height:100%;position:relative;overflow:hidden;color:#fff}.desktop-preview>img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.preview-type{position:absolute;inset:34px;display:flex;flex-direction:column;justify-content:space-between}.preview-type>span{font-size:10px;letter-spacing:.18em}.preview-type strong{font-family:Besley,serif;font-weight:400;font-size:64px;line-height:1.12;letter-spacing:-3px}.phone-preview{position:absolute;right:35px;bottom:24px;width:242px;height:424px;background:#eee8db;border:7px solid #151311;border-radius:27px;overflow:hidden;box-shadow:0 20px 50px #0007}.phone-preview iframe{width:390px;height:710px;transform:scale(.585);transform-origin:0 0;border:0}.work-caption{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:24px}.work-caption h3{font-size:22px}.work-caption p{color:var(--muted);font-size:13px;margin-top:8px}.demo{background:#e8e2d4;color:var(--ink)}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.body-copy{max-width:440px;margin-top:25px;font-size:15px;color:var(--muted)}.demo .body-copy,.demo .muted{color:#66594c}.spaced{margin-top:38px}.demo .small{margin-top:16px}.draft-tool{border:1px solid #b4a795;background:#f5f1e8;padding:30px}label,legend{font-size:13px;font-weight:600}select{display:block;width:100%;border:1px solid #b5a997;background:transparent;color:var(--ink);border-radius:0;padding:12px;margin-top:8px}fieldset{padding:0;margin:24px 0 0;border:0}#draft-controls{margin:0}legend{margin-bottom:8px}.choice{display:inline-flex;gap:7px;align-items:center;margin-right:16px;font-size:12px;font-weight:400;min-height:36px}input{accent-color:#9c4d17;width:17px;height:17px}.sample-enquiry{font-family:Besley,serif;font-size:18px;line-height:1.5;margin-top:20px}.privacy-line{font-size:11px;line-height:1.7;margin:24px 0 14px}.draft-tool .button{background:var(--ink);color:var(--cream);border-color:var(--ink);width:100%}.draft-result{border-top:1px solid #b7aa96;margin-top:28px;padding-top:20px}.result-top{display:flex;justify-content:space-between;gap:14px;font-size:9px}.result-top span:first-child{color:#874014;font-weight:bold}.draft-result>p{font-size:15px;line-height:1.8;margin-top:16px}.draft-result>.small{font-size:11px}.saved-library{margin-top:24px;border-top:1px solid #c5b9a8;padding-top:15px}.saved-library summary{font-size:12px;min-height:35px}.saved-library details{margin-top:12px}.saved-library p{font-size:12px;margin-top:15px}.document-example,.checks-example{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;align-items:center;margin-top:64px}.document-example h3,.checks-example h3{font-size:38px}.paper{background:#f5f1e8;color:#141211;padding:38px;transform:rotate(1deg);box-shadow:12px 12px 0 #302820}.paper>.small{color:#6a5949}.paper .question{font-family:Besley,serif;font-size:30px;margin-top:24px}.paper .answer{font-size:19px;margin-top:22px}.source-link{display:block;font-family:Archivo,Arial,sans-serif;font-size:10px;margin:24px 0}.paper details{font-size:12px;border-top:1px solid #b9ac98;padding-top:14px}.checks-example{grid-template-columns:1.2fr 1fr;margin-top:110px}.check-demo{border:1px solid #5f4b3d;background:#1d1815;padding:32px}.check-demo>div{color:#c5b4a6;border-bottom:1px solid var(--line);padding-bottom:20px}.check-demo p{font-family:Archivo,Arial,sans-serif;font-size:11px;margin-top:20px}.check-demo span{display:inline-block;min-width:54px;font-size:9px;color:#ecb48a}.check-demo button{background:transparent;border:1px solid #ab8d75;padding:10px 15px;margin-top:22px;font-size:12px;min-height:44px}.check-demo #check-output{font-size:10px}.process{background:#211c18;border-block:1px solid var(--line)}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px}.price{margin:48px 0 24px;display:flex;align-items:baseline;gap:20px}.price strong{font-weight:500;font-size:78px;line-height:1;letter-spacing:-5px}.price span{font-size:18px;color:#d6c2ad}.process .small{margin-top:20px}.process-list{list-style:none;margin:0;padding:0}.process-list li{display:flex;gap:26px;padding:26px 0;border-top:1px solid var(--line)}.process-list li:first-child{padding-top:0;border-top:0}.process-list li>span{font-family:Archivo,Arial,sans-serif;font-size:12px;color:#ce946a}.process-list h3{font-size:23px}.process-list p{font-size:13px;color:var(--muted);margin-top:10px}.about{display:grid;grid-template-columns:.8fr 1fr;gap:110px;align-items:center}.portrait{aspect-ratio:4/4.6;background:#2d2924;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(.6)}.contact-lines{margin:30px 0;display:flex;flex-direction:column;gap:12px;font-size:16px}.faq{display:grid;grid-template-columns:.8fr 1fr;gap:110px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:24px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:17px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary:after{content:'+';color:#cd9971}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:14px;color:var(--muted);margin-top:22px}.closing{padding-block:70px 90px;text-align:center;border-top:1px solid var(--line)}.closing h2{font-size:clamp(44px,6.2vw,88px)}.closing .button{margin:32px 0 18px}.closing>p:last-child{font-size:13px;color:var(--muted)}.foot{border-top:1px solid var(--line);padding:30px 0 45px;display:flex;justify-content:space-between;align-items:center;gap:30px}.foot p,.foot>a:last-child{font-size:10px;color:var(--muted)}.doc .bar{padding:35px 48px;border-bottom:1px solid var(--line)}.prose{max-width:850px;padding-block:70px 90px}.prose h1{font-size:52px;margin-bottom:35px}.prose h2{font-size:27px;margin:35px 0 15px}.prose p,.prose li{font-size:15px;color:#d6cfc5}.prose ul{padding-left:20px}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.intro{gap:35px}.hero-proof{grid-template-columns:minmax(0,1fr) 260px}.connection{padding:18px}.demo-layout,.process-layout,.about,.faq,.document-example,.checks-example{gap:50px}.hero h1{font-size:64px}.work-showcase{height:500px}.preview-type strong{font-size:50px}.section{padding-block:90px}}
@media(max-width:700px){body{font-size:16px}.wrap{width:calc(100% - 40px)}.nav{height:78px}.brand{font-size:25px}.nav nav{gap:18px;font-size:11px}.nav nav a:first-child{display:none}.hero{padding-top:34px}.hero>.eyebrow{font-size:8px;letter-spacing:0}.hero h1{font-size:44px;line-height:1.14;letter-spacing:-2.3px}.hero h1 em{font-size:40px;letter-spacing:-2.5px}.intro{display:block;margin-top:22px}.intro>p{font-size:14px;line-height:1.75}.intro>div{margin-top:24px}.button{font-size:12px;padding:14px 17px;gap:12px}.hero-proof{display:block;margin-top:30px}.browser-bar{font-size:7px;padding:0 10px;height:34px}.browser iframe{height:520px}.connection{margin-top:12px;padding:20px;gap:18px}.connection>div p{font-size:13px}.review-label{margin-top:12px}.connection>.text-link{margin-top:6px}.section{padding-block:75px}h2{font-size:39px}.eyebrow{font-size:9px;margin-bottom:20px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:24px;font-size:14px}.work-showcase{height:360px;padding:20px 20px 90px}.preview-type{inset:20px}.preview-type strong{font-size:36px;letter-spacing:-1.8px}.preview-type>span{font-size:7px}.phone-preview{width:121px;height:218px;right:16px;bottom:15px;border-width:4px;border-radius:15px}.phone-preview iframe{transform:scale(.29);height:730px}.work-caption{align-items:start;flex-direction:column;gap:17px}.work-caption h3{font-size:21px}.work-caption p{font-size:12px}.demo-layout,.process-layout,.about,.faq,.document-example,.checks-example{display:block}.body-copy{font-size:14px;margin-top:22px}.spaced{margin-top:25px}.draft-tool{margin-top:35px;padding:22px 18px}.sample-enquiry{font-size:17px}.choice{font-size:11px;margin-right:10px}.result-top{font-size:8px}.document-example,.checks-example{margin-top:45px}.document-example h3,.checks-example h3{font-size:32px}.paper{padding:25px;margin-top:30px}.paper .question{font-size:25px}.paper .answer{font-size:17px}.checks-example{display:flex;flex-direction:column-reverse;gap:28px;margin-top:70px}.check-demo{padding:23px;width:100%}.process-list{margin-top:35px}.process-list li{padding:22px 0}.process-list li:first-child{padding-top:22px;border-top:1px solid var(--line)}.price{margin-top:30px}.price strong{font-size:65px}.price span{font-size:16px}.portrait{max-width:300px;aspect-ratio:4/4;margin-bottom:35px}.contact-lines{font-size:14px}.faq-list{margin-top:35px}.faq-list summary{font-size:15px}.closing{padding-block:60px}.closing h2{font-size:43px}.closing>p:last-child{font-size:12px}.foot{display:block;padding-block:28px}.foot>div{margin:20px 0}.doc .bar{padding:25px 20px}.prose{padding-top:45px}.prose h1{font-size:42px}.prose h2{font-size:25px}}
.demo .eyebrow{color:#66594c}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Style study: generous surfaces and quiet, readable labels. */
:root{--ink:#0c0c0c;--cream:#fafafa;--muted:#b6b6b6;--line:#424242}
body{background:#0c0c0c;color:#fafafa}
.eyebrow,.small,.browser-bar,.result-top,.review-label,.source-link,.check-demo p,.process-list li>span{font-family:Archivo,Arial,sans-serif;letter-spacing:0}
.eyebrow{font-size:12px;font-weight:600;line-height:1.6}.small{font-size:12px}.browser-bar{font-size:11px}.result-top{font-size:11px}.review-label{font-size:12px}
.hero h1 em{color:#d4d4d4}.intro>p{color:#c7c7c7}.brand span{color:#b25a1d}
.wrap{width:min(1280px,calc(100% - 96px))}.nav{height:104px;border:0}.nav nav{font-size:14px}.hero{padding-top:48px}.hero h1{letter-spacing:-.055em}.intro{gap:64px;margin-top:30px}.intro>p{font-size:17px;line-height:1.7}.intro .small{font-size:12px;color:var(--muted)}
.button{border-radius:12px;background:#fafafa;color:#111;border-color:#fafafa;padding:17px 24px;font-size:14px;min-height:56px}.button:hover,.button:focus-visible{border-color:#aaa;box-shadow:0 0 0 1px #aaa,0 0 28px #ffffff24}
.hero-proof{gap:20px;margin-top:46px;grid-template-columns:minmax(0,1fr) 300px}.browser{border-color:#555;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px #0004}.browser-bar{background:#202020;color:#d7d7d7;height:42px}.browser iframe{height:515px}
.connection{border-color:#424242;background:#171717;border-radius:18px;padding:25px;gap:20px}.connection>.eyebrow{font-size:12px}.connection>div p{font-size:15px}.reply:before{background:#171717;color:#ddd}.review-label{color:#ccc}.text-link{border-color:#777;font-size:14px}.glow:after{border-radius:inherit;background:radial-gradient(430px circle at var(--x,50%) var(--y,50%),#ffffff12,transparent 70%)}.glow:hover:after,.glow:focus-within:after{border-color:#aaa}
.section{padding-block:132px}.section-head{margin-bottom:48px}.section-head>p{font-size:16px}.work-showcase{background:#202020;border-radius:22px;padding-top:42px;box-shadow:0 28px 70px #0002}.desktop-preview{border-radius:12px}.phone-preview{border-color:#111;box-shadow:0 25px 60px #0007}.preview-type>span{font-family:Archivo,sans-serif;font-size:12px;letter-spacing:0}.work-caption{margin-top:28px}.work-caption p{font-size:14px}
.demo{background:#111;color:#fafafa;border-block:1px solid #303030}.demo .body-copy,.demo .muted,.demo .eyebrow{color:#b6b6b6}.draft-tool{background:#1b1b1b;border:1px solid #555;border-radius:22px;padding:34px;box-shadow:0 22px 70px #0003}select{border:1px solid #888;border-radius:10px;background:#242424;color:#fafafa;min-height:48px;padding:12px 14px}input{accent-color:#aaa}.choice{font-size:13px;min-height:44px}.sample-enquiry{font-size:20px}.privacy-line{font-size:12px;line-height:1.7}.draft-tool .button{background:#fafafa;color:#111;border-color:#fafafa}.draft-result{border-color:#555;padding-top:24px}.result-top span:first-child{color:#ddd}.draft-result>.small{font-size:12px}.saved-library{border-color:#555}.saved-library summary,.saved-library p{font-size:13px}
.document-example,.checks-example{gap:90px}.paper{background:#1b1b1b;color:#fafafa;transform:none;border:1px solid #484848;border-radius:20px;box-shadow:0 22px 65px #0003;padding:42px}.paper>.small{color:#bbb}.paper details{border-color:#666;font-size:13px}.source-link{font-size:12px}.check-demo{background:#1b1b1b;border:1px solid #555;border-radius:20px;padding:36px;box-shadow:0 22px 65px #0003}.check-demo>div{color:#ccc}.check-demo p{font-size:13px}.check-demo span{font-size:12px;color:#ddd}.check-demo button{border-color:#888;border-radius:10px;font-size:13px}.check-demo #check-output{font-size:12px}
.process{background:#171717}.price span{color:#ccc}.process-list li>span{color:#bbb;font-size:14px}.process-list p{font-size:14px}.portrait{border-radius:24px;aspect-ratio:4/4.6;background:#202020;box-shadow:0 24px 70px #0003}.portrait img{filter:none}.body-copy{font-size:16px}.faq-list summary:after{color:#bbb}.foot p,.foot>a:last-child{font-size:12px}.prose p,.prose li{color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline-color:#fafafa}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.hero-proof{grid-template-columns:minmax(0,1fr) 270px}.intro{gap:35px}.connection{padding:22px}.section{padding-block:100px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{height:82px}.nav nav{font-size:12px;gap:18px}.hero{padding-top:30px}.hero>.eyebrow{font-size:11px}.hero h1{font-size:44px}.hero h1 em{font-size:40px}.intro>p{font-size:15px}.intro{margin-top:24px}.intro .small{font-size:11px}.button{font-size:13px;min-height:54px;padding:15px 18px}.hero-proof{display:block;margin-top:34px}.browser-bar{font-size:9px;height:36px}.browser iframe{height:520px}.connection{margin-top:16px;padding:24px}.section{padding-block:80px}.eyebrow{font-size:11px}.work-showcase{border-radius:18px}.preview-type>span{font-size:9px}.draft-tool{padding:24px 20px}.choice{font-size:12px}.result-top{font-size:10px}.paper{padding:28px}.document-example,.checks-example{gap:28px}.check-demo{padding:26px}.portrait{max-width:none;aspect-ratio:4/4.2;border-radius:22px}.body-copy{font-size:15px}.foot p,.foot>a:last-child{font-size:11px}}

:root{--cream:#fff}body{color:#fff}.button{background:#fff;border-color:#fff}.draft-tool .button{background:#fff;border-color:#fff}select,.paper{color:#fff}

html[data-theme="dark"]{--page:#0c0c0c;--text:#fff;--secondary:#c7c7c7;--surface:#1b1b1b;--subtle:#111;--edge:#777;--button:#fff;--button-text:#111;--hover:rgba(255,255,255,.10);--work:#202020;--ink:#0c0c0c;--cream:#fff;--muted:#b6b6b6;--line:#424242;color-scheme:dark}
html[data-theme="light"]{--page:#f5f3ed;--text:#111;--secondary:#494949;--surface:#fffefa;--subtle:#eceae4;--edge:#777;--button:#151515;--button-text:#fff;--hover:rgba(0,0,0,.055);--work:#e5e3dc;--ink:#111;--cream:#f5f3ed;--muted:#555;--line:#c8c6c0;color-scheme:light}
body{background:var(--page);color:var(--text)}.hero h1 em,.intro>p{color:var(--secondary)}.button,.draft-tool .button{background:var(--button);color:var(--button-text);border-color:var(--button);border-radius:12px}.button:hover{box-shadow:0 0 0 1px var(--edge),0 0 28px var(--hover);border-color:var(--edge)}.work-showcase{background:var(--work)}.demo{background:var(--subtle);color:var(--text);border-color:var(--line)}.demo .body-copy,.demo .muted,.demo .eyebrow{color:var(--muted)}.paper,.check-demo,.draft-tool{background:var(--surface);color:var(--text);border-color:var(--line)}.paper>.small,.check-demo>div,.check-demo span{color:var(--secondary)}.check-demo button,.paper details,.saved-library{border-color:var(--edge)}.glow:after{background:radial-gradient(430px circle at var(--x,50%) var(--y,50%),var(--hover),transparent 70%)}.process{background:#171717;color:#fff;--muted:#b6b6b6;--line:#494949}.process .eyebrow{color:#b6b6b6}.process-list li>span{color:#bbb}.price span{color:#ccc}.faq-list summary:after{color:var(--muted)}.portrait{background:var(--work)}.prose p,.prose li{color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--text)}.process a:focus-visible,.connection a:focus-visible{outline-color:#fff}
html[data-theme="light"] .hero-proof{background:#121212;border-radius:24px;padding:20px}html[data-theme="light"] .connection{background:#1c1c1c;color:#fff;border-color:#555}html[data-theme="light"] .connection .muted,html[data-theme="light"] .connection .eyebrow{color:#bbb}html[data-theme="light"] .connection>div{border-color:#555}html[data-theme="light"] .connection .reply:before{background:#1c1c1c}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:80px;border:1px solid var(--edge);border-radius:30px;color:var(--text);background:transparent;font-size:13px;padding:8px 13px}.theme-toggle[hidden]{display:none}.nav nav{align-items:center}.theme-toggle[aria-pressed=true]{background:var(--surface)}
.demo-heading{max-width:800px;margin-bottom:48px}.demo-heading .body-copy{max-width:650px}.demo-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:start}.demo-options fieldset{margin:0 0 26px}.demo-options legend{font-size:16px;margin-bottom:14px;font-weight:600}.scenario-cards{display:grid;gap:10px}.scenario-card{display:flex;align-items:center;gap:14px;padding:15px 18px;border:1px solid var(--edge);border-radius:14px;cursor:pointer;background:var(--surface);font-weight:400}.scenario-card strong{display:block;font-size:15px}.scenario-card span span{display:block;font-size:13px;color:var(--muted);margin-top:3px}.scenario-card input{flex:0 0 18px;margin:0}.scenario-card:has(input:checked){border:2px solid var(--text);padding:14px 17px}.pills{display:flex;gap:10px;flex-wrap:wrap}.choice{position:relative;margin:0;min-height:44px}.choice input{position:absolute;width:1px;height:1px;opacity:0}.choice span{display:flex;align-items:center;gap:7px;border:1px solid var(--edge);border-radius:28px;padding:10px 16px;min-height:44px;cursor:pointer;font-size:13px}.choice input:checked+span{background:var(--button);color:var(--button-text);border-color:var(--button)}.choice input:checked+span:before{content:'✓'}.choice input:focus-visible+span{outline:3px solid var(--text);outline-offset:4px}.demo-options input{accent-color:var(--button)}.demo-options .button{width:100%}.privacy-line{margin:18px 0}.demo-options>.small{font-size:12px}.draft-tool{padding:28px;border-radius:22px;margin:0;min-width:0}.inbox-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:14px}.message{padding:22px;border:1px solid var(--edge);border-radius:16px;margin-top:24px;background:var(--page)}.incoming{margin-right:28px;border-bottom-left-radius:4px}.message-meta{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.message-meta strong{color:var(--text)}.sample-enquiry{font-family:Archivo,Arial,sans-serif;font-size:17px;margin-top:12px}.draft-result{margin-left:28px;border-bottom-right-radius:4px;padding-top:22px;background:var(--subtle)}.result-top{display:block;font-size:12px;line-height:1.6}.result-top strong{display:block;font-weight:600}.result-top span:first-child,.result-top #result-mode{display:inline-block;color:var(--secondary);margin-top:8px;font-size:11px;border:1px solid var(--edge);border-radius:20px;padding:3px 10px}.draft-result>p{font-size:15px}.draft-result>.small{font-size:12px}.saved-library{margin-top:24px}.saved-library summary{min-height:44px}.demo .small{margin-top:12px}.theme-toggle:hover,.scenario-card:hover{box-shadow:0 0 20px var(--hover)}
@media(max-width:700px){.nav nav{gap:12px}.nav nav>a{display:none}.theme-toggle{font-size:12px;min-width:78px}.demo-heading{margin-bottom:30px}.demo-layout{display:block}.draft-tool{margin-top:32px;padding:20px 16px}.message{padding:18px}.incoming{margin-right:14px}.draft-result{margin-left:14px}.inbox-top{display:block}.inbox-top span{display:block}.scenario-card{padding:14px}.scenario-card:has(input:checked){padding:13px}.demo-options legend{font-size:15px}.demo-heading h2{font-size:36px}html[data-theme="light"] .hero-proof{padding:12px;border-radius:20px}}

#result-mode{text-transform:lowercase}#result-mode::first-letter{text-transform:uppercase}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}
.desktop-preview>img{filter:brightness(.45)}

@font-face{font-family:KitchenFraunces;src:url("/showcase/fonts/fraunces.ttf") format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:KitchenSans;src:url("/showcase/fonts/dm-sans.ttf") format("truetype");font-weight:100 1000;font-display:swap}

.desktop-preview .preview-type{font-family:KitchenFraunces,Georgia,serif;background:linear-gradient(90deg,#102e28e8,#102e2870);color:#f0f3ee}.desktop-preview .preview-type>span{font-family:KitchenSans,Arial,sans-serif}.desktop-preview .preview-type>span:first-child{color:#e4c69f}

/* Inbox presentation stays separate from request and fallback handling. */
.incoming{position:relative}.incoming:before{content:'';position:absolute;right:18px;top:42px;pointer-events:none;width:7px;height:7px;border-radius:50%;background:var(--text)}.incoming.notification-ping:before{animation:inbox-ping 800ms ease-out}.typing-indicator{display:flex;gap:6px;align-items:center;height:40px}.typing-indicator[hidden]{display:none}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:currentColor;animation:typing-dot 900ms ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:140ms}.typing-indicator span:nth-child(3){animation-delay:280ms}.draft-result.is-writing .result-top strong{visibility:hidden}.draft-result.is-writing #missing-text,.draft-result.is-writing #result-note{display:none}.check-step{font-size:12px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.check-step[hidden]{display:none}.check-step>span{border:1px solid currentColor;border-radius:50%;width:20px;height:20px;display:grid;place-items:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes typing-dot{0%,70%,100%{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}@keyframes inbox-ping{0%{box-shadow:0 0 0 0 currentColor;opacity:1}100%{box-shadow:0 0 0 12px transparent;opacity:1}}
@media(prefers-reduced-motion:reduce){.incoming.notification-ping:before,.typing-indicator span{animation:none}}

.draft-result{min-height:315px}@media(max-width:700px){.draft-result{min-height:365px}}