:root{--blue:#292d30;--yellow:#beaa89;--ink:#262b2e;--paper:#f8f9f7;--line:#dcdedb}body{background:#f8f9f7;color:var(--ink);font-size:16px}.preview{background:#22282b;color:#c6cbcc;font-size:9px;letter-spacing:1.5px;padding:8px 6%}header{background:#f8f9f7;padding:20px 6%;border-bottom:1px solid #dedfdb}header>a{background:#253034;padding:8px 14px}header img{width:145px}nav{color:#303639;gap:30px;font-size:12px}nav .contact{border:1px solid #a7adab;padding:12px 18px}nav a[aria-current]{border-bottom:1px solid #8b7756}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:500;color:#707a79;margin-bottom:26px}.editorial-intro{padding:65px 8% 0}.editorial-intro>div:first-of-type{display:flex;gap:70px;justify-content:space-between;align-items:end}.editorial-intro h1{font-size:clamp(45px,5vw,74px);font-weight:400;letter-spacing:-.055em;line-height:1.12;margin-bottom:0}.editorial-intro h1 em,.home-intro h1 em{font-style:normal;color:#7b8784;font-weight:400}.editorial-intro>div>p{max-width:300px;font-size:15px;line-height:1.9;color:#727a7c;margin-bottom:6px}.intro-bottom{display:flex;justify-content:space-between;border-bottom:1px solid #d6dad6;margin-top:40px;padding-bottom:20px;font-size:9px;letter-spacing:1.5px;color:#75807e}.selected{padding:65px 8% 70px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:30px}.section-title h2{font-size:36px;font-weight:400;letter-spacing:-1.2px;margin:0}.section-title>p{font-size:13px;line-height:1.9;color:#77807d;margin:0}.section-title .eyebrow{margin-bottom:18px}.featured{display:grid;grid-template-columns:.85fr 1.2fr;background:#e9ede9;border:1px solid #dde3dc;min-height:440px;overflow:hidden}.feature-copy{padding:45px 32px 45px 40px;align-self:center}.feature-copy h2{font-size:32px;line-height:1.25;letter-spacing:-1.1px;font-weight:400}.feature-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#64706d;margin-bottom:25px}.feature-copy>small{display:block;margin-top:20px;font-size:10px;color:#77817b}.button{font-size:12px;padding:16px 19px;font-weight:500;gap:20px}.dark{background:#283936;color:#f5f8f3}.feature-visual{padding:45px 0 45px 10px;display:flex;align-items:center}.app-window{background:#fff;border:1px solid #d9dfda;border-radius:7px;box-shadow:0 22px 45px #243d2c12;min-width:490px;overflow:hidden;width:100%;color:#36443f;font-size:12px}.app-bar{display:flex;align-items:center;gap:10px;padding:17px 20px;border-bottom:1px solid #e5eae4}.app-icon{background:#304b40;color:#fff;padding:3px 8px;border-radius:5px;font-size:17px}.app-bar b{font-size:12px;font-weight:500}.sample-tag{margin-left:auto;font-size:7px;letter-spacing:1px;color:#94a198}.app-body{display:grid;grid-template-columns:100px 1fr}.app-body aside{background:#f7f9f5;border-right:1px solid #e5eae4;padding:20px 8px;display:flex;flex-direction:column;gap:14px;font-size:9px;color:#87928b}.app-body aside>span{display:flex;justify-content:space-between;padding:7px}.active-item{background:#e4ebe2;color:#36543e;border-radius:4px}.app-body aside small{font-size:7px;margin:50px 7px 0;line-height:1.8}.app-message{padding:20px}.message-top{display:flex;align-items:center;gap:9px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:#e5ebe0;border-radius:50%;font-size:10px;color:#59684f;flex-shrink:0}.message-top b{font-size:10px;font-weight:500}.message-top small{display:block;font-size:8px;color:#8d9690;margin-top:2px}.status-pill{font-size:8px;padding:5px 7px;background:#f0f3eb;color:#72805e;border:1px solid #e2e9d9;border-radius:4px;white-space:nowrap}.message-top>.status-pill{margin-left:auto}.app-message h3{font-size:15px;font-weight:500;margin:23px 0 10px;letter-spacing:-.3px}.app-message>p{font-size:10px;line-height:1.8;color:#89918c}.extracted{display:flex;justify-content:space-between;border-top:1px solid #e9ede7;border-bottom:1px solid #e9ede7;padding:13px 0;gap:12px}.extracted span{font-size:7px;letter-spacing:.7px;color:#8d978f}.extracted b{display:block;font-size:10px;letter-spacing:0;font-weight:500;color:#53634f;margin-top:5px}.draft{background:#f7f9f5;border:1px solid #e6ece2;padding:13px;margin-top:15px;border-radius:4px}.draft small{font-size:7px;letter-spacing:1px;color:#778a6b}.draft p{font-size:10px;color:#798475;line-height:1.7;margin:8px 0}.draft>span{font-size:7px;color:#91a085}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.visual-link{display:flex;text-decoration:none;background:#eceae4;padding:35px;min-height:265px;align-items:center;overflow:hidden}.catalogue-ui{display:grid;grid-template-columns:1fr 1fr;gap:22px;background:#fafbf8;padding:20px;border:1px solid #dfdfd6;width:100%;box-shadow:0 12px 25px #4a45340b;align-items:center}.swatch{background:#344858;height:165px;position:relative;overflow:hidden}.fabric-lines{position:absolute;inset:18px 25px;background:repeating-linear-gradient(90deg,#ffffff08 0 1px,transparent 1px 5px);border-left:1px solid #8796a444;border-right:1px solid #8796a444;transform:rotate(-12deg)}.swatch small{position:absolute;bottom:10px;left:10px;color:#bbc6ce;font-size:6px;letter-spacing:1px}.catalogue-ui>div>small{font-size:7px;letter-spacing:1px;color:#8b9486}.catalogue-ui h3{font-size:17px;font-weight:500;margin:10px 0}.catalogue-ui p{font-size:9px;line-height:1.8;color:#7d857c;margin:8px 0}.catalogue-ui b{font-weight:400;color:#545d51}.catalogue-ui hr{border:0;border-top:1px solid #dedfd8;margin:14px 0}.catalogue-ui .status-pill{font-size:6px;white-space:normal}.queue-surface{background:#e5eaf0}.queue-ui{background:#fff;border:1px solid #dce2e5;width:100%;padding:23px;box-shadow:0 12px 25px #34404a0b}.queue-ui>div{display:flex;justify-content:space-between;gap:20px;margin-bottom:17px;font-size:11px}.queue-ui>div>span{font-size:8px;color:#8f9a9e}.queue-ui p{display:flex;gap:10px;align-items:center;border-top:1px solid #edf0ef;padding-top:12px;font-size:9px;margin-bottom:12px}.queue-ui p>span:not(.avatar){margin-left:auto;font-size:8px;color:#93a0a2}.queue-ui i{font-size:7px;font-style:normal;color:#80917d;background:#f1f4ed;padding:4px}.queue-ui small{font-size:7px;color:#9aa3a5}.project-caption{padding:25px 0 0}.project-caption .eyebrow{font-size:9px;margin-bottom:12px}.project-caption h3{font-size:25px;font-weight:400;letter-spacing:-.8px;margin-bottom:12px}.project-caption p{font-size:13px;color:#7b8382;line-height:1.8}.project-caption a{font-size:12px;color:#42534a}.honesty{margin:0 8%;padding:30px 0;border-top:1px solid #dce1db;display:flex;gap:55px;align-items:start;color:#818984}.honesty>span{font-size:9px;letter-spacing:1.5px;min-width:140px;padding-top:4px}.honesty p{font-size:12px;line-height:1.9;max-width:720px;margin:0}.closing{background:#253330;color:#f1f4ee;padding:65px 8%;margin-top:35px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.closing .eyebrow{grid-column:1/-1;color:#b8c4b8;font-size:9px}.closing h2{font-size:47px;font-weight:400;letter-spacing:-1.8px;margin:0;line-height:1.15}.closing>a{justify-self:end;font-size:13px;text-decoration:none;border-bottom:1px solid #7d8e80;padding:0 0 15px;display:flex;gap:45px;color:#d7e1d2}footer{background:#1e2927;padding:35px 8%;color:#acb8b0}footer img{width:130px}footer p{font-size:11px}footer a{font-size:11px}footer small{font-size:9px;color:#84958b}.home-intro{padding:65px 8% 75px;display:grid;grid-template-columns:.9fr 1.2fr;gap:45px;align-items:center;overflow:hidden}.home-intro h1{font-size:clamp(48px,5vw,74px);font-weight:400;letter-spacing:-.055em;line-height:1.12}.home-intro>div>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#78847e;max-width:370px}.home-note{display:block;font-size:10px;margin-top:20px;color:#849087}.hero-product{background:#e4eae3;padding:35px 25px 20px;border:1px solid #d9e2d7;min-width:0}.hero-product .app-window{min-width:450px}.product-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#6b7d69;padding-top:20px}.principles{background:#ecefeb;padding:55px 8%}.principles h2{font-size:38px;font-weight:400;letter-spacing:-1.3px}.principles>div{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:35px}.principles article{border-top:1px solid #c4cfc1;padding-top:20px}.principles article>span{font-size:11px;color:#92a18d}.principles h3{font-size:20px;font-weight:500;margin:15px 0}.principles article p{font-size:13px;color:#7b8878;line-height:1.9}.page-heading{background:#edf0eb;color:#263a30;padding:50px 8%}.page-heading h1{font-size:58px;font-weight:400;letter-spacing:-2px}.page-heading .intro{font-size:17px;color:#778575}.back{font-size:12px}.demo-layout,.build-notes{padding-left:8%;padding-right:8%}.result-panel{background:#edf1e9;border:1px solid #d7e0d1}.result-panel .eyebrow{color:#75896c}.demo-layout h2{font-size:30px}.demo-layout p,.build-notes p{font-size:14px;color:#788674;line-height:1.9}textarea{background:#fff;border:1px solid #bbc8b6;font-size:15px}.cta{background:#edf0eb}.cta h2{font-size:40px}.cta p{font-size:15px}.text-link{font-size:13px}
@media(max-width:1050px){.editorial-intro>div:first-of-type{gap:30px}.editorial-intro h1{font-size:55px}.featured{grid-template-columns:1fr}.feature-copy{padding:35px}.feature-visual{padding:0 35px 35px}.app-window{min-width:0}.visual-link{padding:20px}.queue-ui{padding:15px}.home-intro{grid-template-columns:1fr 1fr;padding-left:6%;padding-right:6%;gap:25px}.home-intro h1{font-size:54px}.hero-product{padding:25px 12px}.hero-product .app-window{min-width:0}.hero-product .app-body{grid-template-columns:1fr}.hero-product aside{display:none}.hero-product .sample-tag{display:none}}
@media(max-width:620px){header{padding:18px 6%}header>a{display:inline-block;padding:6px 10px}header img{width:130px}nav{font-size:11px;gap:14px}nav .contact{padding:8px 10px}.preview{font-size:8px}.editorial-intro{padding:38px 6% 0}.editorial-intro>div:first-of-type{display:block}.editorial-intro h1{font-size:43px;letter-spacing:-2px;line-height:1.15}.editorial-intro>div>p{margin:24px 0 0;font-size:14px;max-width:100%}.intro-bottom{font-size:7px;letter-spacing:.7px;margin-top:28px;gap:15px}.selected{padding:35px 6% 40px}.section-title{display:block;margin-bottom:25px}.section-title h2{font-size:30px}.section-title>p{margin-top:20px;font-size:12px}.featured{display:flex;flex-direction:column}.feature-copy{padding:27px 23px}.feature-copy h2{font-size:27px}.feature-visual{padding:0 12px 20px;width:100%}.app-body{grid-template-columns:1fr}.app-body aside{display:none}.app-message{padding:15px}.app-bar{padding:13px}.sample-tag{font-size:6px}.message-top small{font-size:7px}.status-pill{font-size:7px}.app-message h3{font-size:14px}.project-pair{grid-template-columns:1fr;gap:30px;margin-top:25px}.visual-link{padding:24px 18px;min-height:230px}.catalogue-ui{padding:15px;gap:15px}.catalogue-ui h3{font-size:15px}.queue-ui p{gap:8px}.project-caption h3{font-size:24px}.honesty{display:block;margin:0 6%;padding:24px 0}.honesty p{margin-top:12px}.closing{display:block;padding:45px 6%}.closing h2{font-size:38px}.closing>a{margin-top:30px;width:fit-content;font-size:12px}.home-intro{grid-template-columns:1fr;padding:38px 6% 40px;gap:35px}.home-intro h1{font-size:53px}.home-intro>div>p:not(.eyebrow){font-size:15px}.hero-product{padding:20px 14px}.principles{padding:40px 6%}.principles h2{font-size:30px}.principles>div{grid-template-columns:1fr;gap:20px}.page-heading{padding:35px 6%}.page-heading h1{font-size:40px}.page-heading .intro{font-size:15px}.demo-layout,.build-notes{padding-left:6%;padding-right:6%}.eyebrow{font-size:9px}.cta h2{font-size:33px}}
/* Cool neutral surfaces: remove warm and cream casts. */
:root{--paper:#ffffff;--ink:#20252c;--line:#e0e5eb}
body,header,.section{background:#ffffff}
header{border-bottom-color:#e5e9ef}
.editorial-intro,.selected,.home-intro{background:#ffffff}
.editorial-intro h1 em,.home-intro h1 em{color:#727e90}
.hero-product,.featured{background:#edf1f6;border-color:#e0e6ee}
.principles{background:#f4f6f9}
.principles article{border-color:#d3dae4}
.visual-link,.queue-surface{background:#edf1f6}
.catalogue-ui,.app-window,.queue-ui{background:#ffffff;border-color:#dde4ec}
.app-body aside,.draft{background:#f5f7fa;border-color:#e2e7ee}
.active-item{background:#e7edf5;color:#445973}
.app-bar,.extracted,.app-body aside{border-color:#e5eaf1}
.avatar{background:#e9eef5;color:#52647b}
.status-pill,.queue-ui i{background:#eef2f8;color:#5e7087;border-color:#dfe6ef}
.page-heading,.result-panel,.cta{background:#f2f5f9}
textarea{background:#ffffff;border-color:#c6d0de}
.closing{background:#232b36}
footer{background:#1a222c}
.dark,header>a,.app-icon{background:#293748}
.hero-product .product-label,.eyebrow{color:#6d7b8d}
@media(max-width:620px){header{background:#ffffff}}
/* Explicit pure-white surfaces throughout; borders provide separation. */
body,header,main,.section,.editorial-intro,.selected,.home-intro,.hero-product,.featured,.principles,.visual-link,.queue-surface,.catalogue-ui,.app-window,.queue-ui,.app-body,.app-body aside,.app-message,.draft,.page-heading,.result-panel,.cta,.project-caption,.honesty,.paper,.mini-flow,textarea,.extracted,.app-bar{background:#fff!important;background-image:none!important}
.active-item,.avatar,.status-pill,.queue-ui i{background:#fff!important;background-image:none!important;border:1px solid #dbe1e8}
.hero-product,.featured,.catalogue-ui,.app-window,.queue-ui,.draft,.result-panel{box-shadow:none!important;border-color:#dbe1e8!important}