@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root{--ink:#202724;--soft-ink:#56605a;--paper:#fffefa;--line:#dedfd8;--cloud:#eff2ed;--sage:#dce9de;--lilac:#e9e6ff;--orange:#ff6d42;--lime:#b9ed74;--max:1180px;--sans:'Manrope',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.container{max-width:var(--max);padding:0 32px;margin:0 auto}
.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;background:rgba(255,254,250,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.topbar .container{width:100%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:17px;font-weight:800;letter-spacing:-.05em;display:flex;gap:9px;align-items:center}.brand:hover,.nav-links a:hover,.arrow-link:hover,.text-link:hover{text-decoration:none}.brand-mark{background:var(--ink);width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:var(--paper);font-size:14px;letter-spacing:-.08em}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{font-size:13px;font-weight:600;color:var(--soft-ink)}.nav-links a:hover{color:var(--ink)}.nav-contact{background:var(--ink);color:#fff!important;border-radius:99px;padding:10px 17px}.nav-contact:hover{background:var(--orange);color:var(--ink)!important}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink)}
.hero-new{padding:100px 0 86px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:42px}.overline{font-family:var(--mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--soft-ink);font-weight:500}.overline span{width:8px;height:8px;background:var(--orange);display:inline-block;border-radius:50%;margin-right:8px}.hero h1{font-size:clamp(48px,5.5vw,78px);font-weight:800;line-height:.98;letter-spacing:-.075em;max-width:720px;margin:24px 0}.hero h1 em,.story-copy h2 em{font-family:var(--serif);font-weight:500;letter-spacing:-.055em}.lede{font-family:var(--serif);font-size:21px;line-height:1.5;color:var(--soft-ink);max-width:545px}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:34px}.btn{font-size:14px;font-weight:700;padding:14px 19px;display:inline-flex;gap:20px;align-items:center;border-radius:4px}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:var(--orange);color:var(--ink)}.text-link,.arrow-link{font-size:14px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:3px}.text-link span,.arrow-link span{margin-left:8px;color:var(--orange)}
.hero-art{height:425px;position:relative;background:var(--lilac);border-radius:190px 190px 10px 10px;isolation:isolate}.art-glow{position:absolute;width:77%;height:77%;background:var(--lime);border-radius:50%;top:11%;left:11%;filter:blur(0)}.art-window{position:absolute;z-index:2;width:72%;height:60%;left:14%;top:19%;background:#fff;border:1px solid rgba(32,39,36,.18);box-shadow:12px 15px 0 rgba(32,39,36,.1);border-radius:8px;overflow:hidden;transform:rotate(-3deg)}.window-top{height:35px;border-bottom:1px solid #e8e8e4;display:flex;align-items:center;gap:5px;padding:0 11px}.window-top i{width:6px;height:6px;border-radius:50%;background:#dbded8}.window-top b{font-size:8px;margin-left:7px;color:#6e756f}.window-canvas{height:calc(100% - 57px);background:#e7d2b9;position:relative;overflow:hidden}.video-face{position:absolute;width:95px;height:110px;background:#8b4d2e;border-radius:42px 42px 0 0;bottom:-10px;left:37%;z-index:2}.face-hair{position:absolute;width:110px;height:62px;background:#252623;border-radius:48px 50px 0 0;left:-8px;top:-16px}.face-eye{position:absolute;background:#202724;width:8px;height:8px;border-radius:50%;top:46px}.face-eye.left{left:24px}.face-eye.right{right:24px}.face-mouth{position:absolute;border-bottom:3px solid #202724;width:25px;height:14px;border-radius:50%;left:35px;top:65px}.caption{position:absolute;z-index:4;color:#fff;background:#202724;font-size:13px;font-weight:800;line-height:1.25;padding:4px 7px;left:10%;letter-spacing:-.04em}.c1{bottom:39px}.c2{bottom:13px;background:var(--orange)}.play{position:absolute;z-index:3;right:13px;bottom:11px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:9px;padding-left:2px}.window-track{height:22px;display:flex;align-items:center;padding:0 12px;gap:7px}.window-track span{height:3px;background:var(--orange);width:55%;border-radius:3px}.window-track b{height:3px;background:#e1e3dd;flex:1;border-radius:3px}.art-card{position:absolute;z-index:3;background:#fff;border:1px solid rgba(32,39,36,.16);box-shadow:4px 5px 0 rgba(32,39,36,.1);padding:10px 12px;border-radius:5px}.art-card small{display:block;font-family:var(--mono);font-size:8px;text-transform:uppercase;color:#738078;margin-bottom:3px}.art-card strong{font-size:11px}.art-card strong b{color:var(--orange);margin-left:14px}.card-a{right:0;top:28%;transform:rotate(7deg)}.card-b{left:-4%;bottom:10%;transform:rotate(-7deg);display:flex;gap:7px;align-items:center}.spark{color:var(--orange);font-size:18px}
.statement{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;background:#f5f6f1}.statement p{text-align:center;font-family:var(--serif);font-size:19px;color:var(--soft-ink)}.statement strong{color:var(--ink);font-weight:600}
.section{padding:130px 0}.intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:38px;padding-bottom:55px}.intro-grid h2,.ethos-grid>h2{font-size:clamp(36px,4vw,56px);line-height:1.06;letter-spacing:-.065em;max-width:650px}.intro-grid>div>p{font-family:var(--serif);font-size:19px;line-height:1.55;color:var(--soft-ink);max-width:525px;margin-top:19px}.product-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.product-card{min-height:585px;border-radius:8px;padding:38px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.caption-product{background:var(--sage)}.ads-product{background:#ffccaf}.product-copy{position:relative;z-index:2;max-width:365px}.product-type{font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--soft-ink);margin-bottom:19px}.product-copy h3{font-size:clamp(31px,3vw,45px);line-height:1;letter-spacing:-.065em;margin-bottom:18px}.product-copy>p:not(.product-type){font-family:var(--serif);font-size:17px;line-height:1.52;color:#445048;margin-bottom:23px}.caption-demo,.ad-demo{height:238px;position:relative;margin:18px -38px -38px}.demo-video{position:absolute;background:#9ec7c2;left:9%;bottom:15%;height:88%;width:72%;border-radius:7px;overflow:hidden}.demo-sun{position:absolute;right:16%;top:12%;width:37px;height:37px;border-radius:50%;background:#ffe366}.demo-hill{position:absolute;bottom:-30px;border-radius:50% 50% 0 0;background:#3b8066}.demo-hill.h1{height:105px;width:75%;left:-12%}.demo-hill.h2{height:70px;width:65%;right:-11%;background:#295c4b}.demo-person{position:absolute;width:24px;height:58px;background:#e95235;bottom:42px;left:53%;border-radius:50% 50% 4px 4px;transform:rotate(12deg)}.demo-person:before{content:'';position:absolute;width:22px;height:22px;background:#3d251c;border-radius:50%;top:-16px;left:1px}.demo-caption{position:absolute;bottom:12px;left:14px;background:#fff;color:#202724;font-size:15px;font-weight:800;line-height:1.05;padding:6px 9px;letter-spacing:-.05em}.caption-controls{position:absolute;right:8%;bottom:0;background:#fff;width:37%;height:65%;box-shadow:7px 7px 0 rgba(32,39,36,.12);padding:16px}.caption-controls b{display:block;width:50%;height:7px;background:#202724;border-radius:3px;margin-bottom:17px}.caption-controls span{display:block;height:3px;background:#e3e7e2;width:100%;margin-bottom:9px}.caption-controls i{display:inline-block;width:17px;height:17px;border-radius:3px;background:#ff885e;margin-right:5px}.caption-controls i:nth-of-type(2){background:#b9ed74}.caption-controls i:nth-of-type(3){background:#b8c5f1}.caption-controls i:nth-of-type(4){background:#202724}.caption-controls i:nth-of-type(5){background:#f6db45}
.ad-demo{background:#e34e32;margin-bottom:-38px;height:252px}.ad-frame{background:#fff2dc;position:absolute;width:66%;height:89%;bottom:0;left:17%;border-radius:105px 105px 0 0;overflow:hidden}.ad-product-bottle{position:absolute;background:#f7f3ef;width:63px;height:116px;border-radius:14px 14px 8px 8px;left:39%;bottom:24px;box-shadow:inset 0 0 0 4px #e9d5c6}.ad-product-bottle:before{content:'';width:27px;height:14px;background:#202724;position:absolute;top:-11px;left:18px;border-radius:3px 3px 0 0}.ad-hand{position:absolute;width:100px;height:45px;background:#884c3d;border-radius:35px;right:-14px;bottom:49px;transform:rotate(-16deg)}.ad-tag{position:absolute;right:18px;top:20px;background:var(--lime);font-family:var(--mono);font-size:10px;padding:6px 9px;border-radius:20px;transform:rotate(10deg)}.ad-script{position:absolute;left:18px;top:30px;font-size:15px;font-weight:800;line-height:1.04;letter-spacing:-.05em}.ad-audio{position:absolute;right:6%;bottom:12px;height:30px;display:flex;align-items:center;gap:3px}.ad-audio span{width:18px;height:18px;border:2px solid #202724;border-radius:50%;margin-right:7px}.ad-audio i{height:13px;width:3px;background:#202724}.ad-audio i:nth-child(3),.ad-audio i:nth-child(7){height:25px}.ad-audio i:nth-child(5),.ad-audio i:nth-child(9){height:19px}
.story-section{background:var(--ink);color:#fff}.story-wrap{display:grid;grid-template-columns:.5fr 1.6fr 1fr;gap:42px;align-items:start}.story-number{font-family:var(--serif);font-size:43px;color:var(--lime);line-height:1}.story-copy .overline{color:#c9d0ca}.story-copy .overline span{background:var(--lime)}.story-copy h2{font-size:clamp(31px,3.4vw,47px);line-height:1.1;letter-spacing:-.065em;margin:20px 0 22px}.story-copy>p{font-family:var(--serif);font-size:18px;line-height:1.58;color:#c9d0ca;max-width:610px;margin-bottom:28px}.story-copy .arrow-link{border-color:#fff}.story-stats{border-left:1px solid #536059;padding-left:30px;display:grid;gap:29px}.story-stats div{display:grid;gap:2px}.story-stats strong{font-size:27px;letter-spacing:-.07em;color:var(--lime)}.story-stats span{font-size:12px;color:#c9d0ca}.ethos-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.ethos-items{display:grid;gap:31px}.ethos-items>div{border-top:1px solid var(--line);padding-top:18px;display:grid;grid-template-columns:46px 1fr}.ethos-items span{font-family:var(--mono);font-size:11px;color:var(--orange);padding-top:4px}.ethos-items h3{font-size:19px;letter-spacing:-.04em;margin-bottom:7px}.ethos-items p{grid-column:2;color:var(--soft-ink);font-family:var(--serif);font-size:16px;line-height:1.5}.contact-section{padding:116px 0;background:var(--lime)}.contact-section h2{font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.075em;margin:23px 0 29px}.contact-email{font-size:clamp(17px,2vw,23px);font-weight:700;border-bottom:2px solid var(--ink);padding-bottom:4px;letter-spacing:-.04em}.contact-email span{color:var(--orange);font-size:20px;margin-left:8px}
footer{padding:45px 0 25px;background:var(--paper)}.footer-grid{max-width:var(--max);padding:0 32px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:45px}.footer-brand p{font-family:var(--serif);font-size:14px;line-height:1.5;color:var(--soft-ink);max-width:315px;margin-top:13px}.footer-grid h4{font-family:var(--mono);font-size:10px;font-weight:500;color:var(--soft-ink);text-transform:uppercase;margin-bottom:13px}.footer-grid ul{list-style:none}.footer-grid li,.footer-grid a{font-size:13px;line-height:1.75;color:var(--soft-ink)}.footer-grid a:hover{color:var(--ink)}.footer-bottom{max-width:var(--max);padding:27px 32px 0;border-top:1px solid var(--line);margin:36px auto 0;display:flex;justify-content:space-between;color:var(--soft-ink);font-family:var(--mono);font-size:10px}
.page-header{padding:90px 0 44px;max-width:var(--max);margin:0 auto}.page-header .container{max-width:850px;margin:0 auto}.page-header h1{font-size:clamp(40px,5vw,65px);line-height:1.02;letter-spacing:-.07em;margin:19px 0}.page-header p,.prose p{font-family:var(--serif);color:var(--soft-ink);font-size:18px;line-height:1.6}.prose{max-width:820px;padding:5px 32px 100px;margin:auto}.prose h2{font-size:26px;letter-spacing:-.045em;margin:43px 0 12px}.prose h3{font-size:20px;margin:28px 0 10px}.prose p{margin-bottom:17px}.prose ul{margin:0 0 17px 21px;font-family:var(--serif);color:var(--soft-ink);font-size:17px;line-height:1.6}.prose a{border-bottom:1px solid var(--ink)}.prose .btn{border-bottom:0}.prose .email{font-family:var(--sans);font-size:15px;font-weight:700}
@media(max-width:800px){.container{padding:0 21px}.topbar{height:67px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:66px;background:var(--paper);border-bottom:1px solid var(--line);padding:10px 21px 18px;box-shadow:0 9px 20px rgba(32,39,36,.08);align-items:stretch;gap:0}.nav-links.open{display:flex;flex-direction:column}.nav-links a{padding:12px 0}.nav-contact{text-align:center;margin-top:6px}.hero-new{padding:66px 0 60px}.hero-grid,.intro-grid,.story-wrap,.ethos-grid{grid-template-columns:1fr}.hero-art{width:100%;height:340px;max-width:450px;margin:10px auto 0}.hero h1{font-size:52px}.lede{font-size:19px}.statement{padding:20px 0}.section{padding:80px 0}.intro-grid{gap:17px;padding-bottom:35px}.product-list{grid-template-columns:1fr}.product-card{min-height:520px}.story-wrap{gap:35px}.story-number{position:absolute}.story-copy{padding-top:45px}.story-stats{border-left:0;border-top:1px solid #536059;padding:22px 0 0;grid-template-columns:repeat(3,1fr);gap:10px}.story-stats strong{font-size:21px}.ethos-grid{gap:45px}.contact-section{padding:80px 0}.footer-grid{padding:0 21px;grid-template-columns:1fr 1fr;gap:31px}.footer-brand{grid-column:1/-1}.footer-bottom{padding:24px 21px 0;margin-top:29px}.page-header{padding:65px 21px 35px}.prose{padding:5px 21px 80px}}
@media(max-width:470px){.hero h1{font-size:45px}.hero-art{height:290px}.art-window{height:63%;width:79%;left:8%}.card-a{right:-5%}.card-b{left:-4%;bottom:5%}.product-card{padding:29px;min-height:480px}.caption-demo,.ad-demo{margin-left:-29px;margin-right:-29px;margin-bottom:-29px}.story-stats{grid-template-columns:1fr;gap:16px}.story-stats div{grid-template-columns:75px 1fr;align-items:baseline}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.page-header h1{font-size:42px}}

/* Brand assets and image-led product cards */
.brand{width:150px;height:24px;overflow:visible;gap:0}.brand-logo{width:150px;height:auto;display:block}.exit-intro{background:var(--ink);color:#fff;padding:30px 0;border-bottom:1px solid #536059}.exit-intro-grid{display:grid;grid-template-columns:1fr 1.55fr 1.2fr;gap:36px;align-items:center}.exit-intro .overline{color:#c9d0ca;margin-bottom:12px}.exit-intro .overline span{background:var(--lime)}.scribebuddy-logo{width:190px;height:auto;display:block;filter:brightness(0) invert(1)}.exit-intro-copy{padding-left:36px;border-left:1px solid #536059}.exit-intro-copy h2{font-size:clamp(23px,2.2vw,32px);line-height:1.08;letter-spacing:-.055em;max-width:490px}.exit-intro-copy p{font-family:var(--serif);font-size:16px;line-height:1.45;color:#c9d0ca;margin:10px 0 14px;max-width:535px}.exit-intro .arrow-link{border-color:#fff;font-size:12px}.exit-intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.exit-intro-stats div{display:grid;gap:2px}.exit-intro-stats strong{font-size:22px;letter-spacing:-.06em;color:var(--lime)}.exit-intro-stats span{font-size:11px;color:#c9d0ca}.product-image{height:238px;position:relative;margin:18px -38px -38px;overflow:hidden;background:#d2ddd1}.product-image img{display:block;width:100%;height:100%;object-fit:cover}.caption-image img{object-position:center 61%}.ad-image{height:252px;background:#d0c4b4}.ad-image img{object-position:center 39%;filter:saturate(.88) contrast(.98)}.product-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(32,39,36,0),rgba(32,39,36,.15));pointer-events:none}.page-scribebuddy-logo{display:block;width:236px;height:auto;margin-bottom:22px}

@media(max-width:800px){.exit-intro{padding:28px 0}.exit-intro-grid{grid-template-columns:1fr;gap:22px}.exit-intro-copy{padding:21px 0 0;border-left:0;border-top:1px solid #536059}.exit-intro-stats{max-width:430px}.product-image{margin-left:-29px;margin-right:-29px;margin-bottom:-29px}}

/* Centered presentation and supplied visual assets */
html{background:var(--paper);padding:0}body{max-width:none;margin:0;box-shadow:none}.hero-art{height:430px;border-radius:10px;overflow:hidden;background:#fffefa;isolation:auto}.hero-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.scribebuddy-logo{width:220px;filter:none}.product-image{height:265px}.caption-image img,.ad-image img{object-position:center center;filter:none}.product-image::after{background:linear-gradient(180deg,rgba(32,39,36,0),rgba(32,39,36,.07))}.topbar{position:sticky}.footer-bottom{padding-bottom:3px}

@media(max-width:800px){html{padding:0}body{max-width:none;box-shadow:none}.hero-art{height:340px}.product-image{height:242px}.topbar{position:sticky}.scribebuddy-logo{width:205px}}

/* Keep the ScribeBuddy case-study mark discreet within its page header. */
.page-scribebuddy-logo{width:180px}