:root{--bg:#f5f3ed;--paper:#fdfcf9;--ink:#30392b;--muted:#666b5e;--olive:#424f36;--sage:#e8ebe1;--line:#dedfd4;--accent:#96593f;--font:Inter,"Segoe UI Variable","Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.7 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#dce2cf}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h2{font-size:clamp(28px,3vw,41px);line-height:1.25;letter-spacing:-1.5px}p{color:var(--muted)}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;top:-80px;left:20px;background:var(--olive);color:white;padding:10px 20px;z-index:20}.skip-link:focus{top:10px}.site-header{height:99px;display:flex;align-items:center;justify-content:space-between;width:min(1280px,calc(100% - 96px));margin:auto;border-bottom:1px solid var(--line)}.logo{display:inline-flex;align-items:center}.logo img{display:block;max-width:100%;height:auto}.site-header nav{display:flex;align-items:center;gap:36px;font-size:13px}.site-header nav>a{transition:color .2s}.site-header nav>a:hover{color:var(--accent)}.nav-login{margin-left:20px;border:1px solid #c7cbbd;padding:10px 22px;border-radius:6px}.nav-login span{margin-left:24px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:54px;align-items:center;padding-top:90px;padding-bottom:96px}.kicker{font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--accent);margin-bottom:26px}.hero .kicker{display:flex;align-items:center;gap:10px}.kicker>span{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(48px,5.2vw,72px);line-height:1.12;letter-spacing:-3.8px;margin-bottom:27px}h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#667456;letter-spacing:-3px}.hero-description{max-width:400px;font-size:14px;line-height:1.85;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:26px;padding:14px 21px;border-radius:6px;font-size:12px;font-weight:600;transition:background .2s,transform .2s}.button-primary{background:var(--olive);color:#fff}.button-primary:hover{background:#303d26;transform:translateY(-2px)}.text-link{font-size:12px;border-bottom:1px solid #a9ae9f;padding-bottom:4px;display:inline-flex;gap:15px;align-items:center}.text-link:hover{color:var(--accent)}.hero-note{font-size:11px;color:#737866;margin:19px 0 0}.hero-visual{position:relative;padding:46px 0 34px;isolation:isolate;scroll-margin-top:40px}.hero-visual:before{content:"";position:absolute;inset:0 -25px 0 15px;border-radius:48% 48% 10px 10px;background:#e8eade;z-index:-1}.visual-caption{display:flex;gap:10px;align-items:center;position:absolute;top:3px;left:45px;color:#717a65;font-size:10px}.workspace-preview{background:var(--paper);border:1px solid #d1d6c5;border-radius:10px;box-shadow:0 24px 55px -25px #46513a45;transform:rotate(-2deg);overflow:hidden}.preview-top{display:flex;align-items:center;justify-content:space-between;padding:13px 17px;border-bottom:1px solid var(--line);font-size:10px}.preview-brand{display:flex;align-items:center;font-weight:600;gap:6px}.preview-office{display:flex;align-items:center;gap:8px;color:#6d7564;font-size:8px}.preview-office i{display:grid;place-items:center;font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--sage);font-size:8px}.preview-body{padding:24px 22px 15px}.preview-greeting>span{font-size:7px;letter-spacing:1.4px;color:var(--accent)}.preview-greeting h2{font-size:22px;letter-spacing:-.6px;margin:6px 0 4px}.preview-greeting p{font-size:9px;margin-bottom:20px}.preview-tabs{display:flex;gap:15px;margin-bottom:16px;border-bottom:1px solid var(--line)}.preview-tabs button{border:0;background:none;color:#777c70;font-size:9px;padding:0 0 10px;cursor:pointer}.preview-tabs button[aria-pressed=true]{color:var(--olive);border-bottom:2px solid var(--olive);font-weight:600}.preview-editor{display:grid;grid-template-columns: .85fr 1.2fr;gap:18px;background:#eeeee6;border:1px solid #e2e3d9;border-radius:5px;padding:18px 16px 0;min-height:245px;overflow:hidden}.editor-sidebar{display:flex;flex-direction:column;align-items:flex-start;padding-top:5px}.file-symbol{display:grid;place-items:center;width:31px;height:36px;border:1px solid #b9c4a9;border-radius:4px;background:#e5eadb;color:#758365;font-size:25px;margin-bottom:13px}.editor-sidebar strong{font-size:10px;font-weight:600;margin-bottom:6px}.editor-sidebar>span:not(.file-symbol){font-size:8px;line-height:1.7;color:#727969}.preview-steps{display:grid;gap:11px;margin-top:20px;font-size:8px;color:#727969}.preview-steps span{display:flex;gap:8px}.preview-steps b{font-weight:400}.preview-steps .done{color:#557247}.preview-steps .current{color:var(--olive);font-weight:700}.paper{position:relative;background:white;padding:25px 23px 34px;box-shadow:0 0 10px #343d3010;min-height:255px;color:#55594e;font-family:Georgia,serif;transform:rotate(2deg)}.paper-label{font:5px var(--font);letter-spacing:1px;color:#8c907f}.paper h3{font:bold 8px Georgia,serif;text-align:center;letter-spacing:.6px;margin:17px 0 10px}.paper-rule{height:1px;background:#b8bbaf;margin-bottom:12px}.paper p{font-size:6px;line-height:1.9;color:#6e7167;margin-bottom:13px}.paper h4{text-align:center;font-size:6px;line-height:1.8;margin:10px 0}.paper-lines{display:grid;gap:7px}.paper-lines i{display:block;height:2px;background:#e4e4dd}.paper-lines i:nth-child(3n){width:78%}.paper-page{position:absolute;bottom:10px;left:50%;font-size:5px}.preview-bottom{display:flex;justify-content:space-between;font-size:7px;color:#78806d;padding-top:12px}.preview-bottom i{display:inline-block;width:4px;height:4px;background:#7f9368;border-radius:50%;margin-right:4px}.floating-note{display:flex;align-items:center;gap:10px;position:absolute;bottom:11px;right:-18px;background:var(--paper);padding:13px 17px;border:1px solid #e1e1d5;border-radius:7px;box-shadow:0 8px 25px #46513a0e;transform:rotate(1deg)}.floating-note>span{display:grid;place-items:center;border-radius:50%;width:27px;height:27px;background:#e8ecdf;color:#61724c;font-size:12px}.floating-note strong{font-size:10px;font-weight:500;display:block}.floating-note small{display:block;font-size:8px;color:#7c8174}.principles{display:flex;justify-content:space-between;gap:20px;align-items:center;border-block:1px solid var(--line);padding:24px 0}.principles>span{font-size:8px;letter-spacing:1.5px;color:#797f6e}.principles p{font-size:11px;margin:0;display:flex;align-items:center;gap:10px}.principles i{font-size:20px;font-style:normal;color:#7a8669}.section{padding-block:95px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:45px}.section-heading .kicker{margin-bottom:18px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:300px;font-size:13px;margin-bottom:5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}.feature-grid article{padding:30px 30px 15px 0;display:flex;align-items:flex-start;flex-direction:column}.feature-grid article+article{padding-left:30px;border-left:1px solid var(--line)}.feature-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#e9eddf;color:#5c7048;font-size:25px;margin-bottom:24px;gap:3px}.feature-icon.terracotta{background:#f0e5dc;color:var(--accent);font:21px Georgia,serif}.feature-number{font-size:8px;letter-spacing:1.3px;color:#7b816e;margin-bottom:11px}.feature-grid h3{font-size:22px;letter-spacing:-.7px;margin-bottom:13px}.feature-grid p{font-size:12px;line-height:1.9;margin-bottom:20px;flex:1}.feature-grid article>a{font-size:10px;font-weight:600;display:flex;gap:18px;align-items:center}.feature-grid article>a:hover{color:var(--accent)}.availability{font-size:10px;margin:26px 0 0;color:#737966}.workflow-section{background:#e9ece2;border-block:1px solid #dde1d3}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding-block:76px}.workflow-intro .kicker{margin-bottom:20px}.workflow-intro h2{margin-bottom:20px}.workflow-intro>p:not(.kicker){font-size:13px;max-width:340px;line-height:1.9;margin-bottom:25px}.workflow-list{padding:0;margin:0;list-style:none}.workflow-list li{display:flex;gap:24px;padding-block:21px;border-bottom:1px solid #cfd6c4}.workflow-list li:first-child{padding-top:0}.workflow-list li:last-child{border:0;padding-bottom:0}.workflow-list li>span{font:italic 26px Georgia,serif;color:#849374;line-height:1.5}.workflow-list h3{font-size:16px;letter-spacing:-.25px;margin:4px 0 8px}.workflow-list p{font-size:12px;line-height:1.9;margin-bottom:0;max-width:330px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.faq .kicker{margin-bottom:20px}.faq>div>p:not(.kicker){font-size:13px;line-height:1.8}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px;padding:22px 0;font-size:13px;font-weight:500;line-height:1.6}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:#849075;font-size:20px;line-height:1;flex:none;font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{font-size:12px;line-height:1.9;padding-right:25px;margin:0 0 22px}.closing{position:relative;overflow:hidden;text-align:center;background:#eeede4;border:1px solid #e0e1d3;border-radius:12px;padding:58px 25px 50px}.closing .kicker{font-size:9px;margin-bottom:18px}.closing h2{font-size:clamp(30px,3.5vw,44px);line-height:1.25;margin-bottom:17px}.closing>p:not(.kicker){font-size:12px;margin-bottom:26px}.closing small{display:block;font-size:10px;color:#72796a;margin-top:18px}.closing small a{text-decoration:underline;text-underline-offset:3px}.site-footer{display:flex;align-items:center;justify-content:space-between;padding-block:48px 30px;font-size:10px;color:#747b69;gap:20px}.site-footer .logo{margin-left:-9px}.site-footer p{font-size:10px;margin:8px 0 0}.site-footer>a{border-bottom:1px solid #b8bdae;padding-bottom:3px}
@media(min-width:1450px){.hero{padding-block:110px}.hero-visual{margin-left:10px}}
@media(max-width:1100px){.wrap,.site-header{width:calc(100% - 64px)}.hero{gap:32px;padding-block:70px}h1{font-size:57px}.hero-actions{gap:18px}.preview-body{padding:18px 15px 13px}.preview-editor{gap:10px;padding:14px 10px 0}.paper{padding-inline:15px}.floating-note{right:-5px}.principles{flex-wrap:wrap}.principles>span{width:100%}.workflow{gap:65px}.faq{gap:50px}.section{padding-block:75px}}
@media(max-width:760px){.wrap,.site-header{width:calc(100% - 40px)}.site-header{height:78px;position:relative}.site-header .logo img{width:182px}.menu-toggle{display:flex;gap:12px;align-items:center;border:1px solid #c7cbbd;border-radius:5px;padding:7px 12px;background:transparent;font-size:12px;color:var(--olive);cursor:pointer}.site-header nav{display:none;position:absolute;top:77px;left:-20px;right:-20px;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);z-index:5;align-items:stretch;gap:8px}.site-header nav.is-open{display:flex;flex-direction:column}.site-header nav a{padding:10px}.nav-login{margin:6px 0 0}.hero{grid-template-columns:1fr;padding-block:48px 52px;gap:38px}.hero-copy{max-width:540px}h1{font-size:64px;letter-spacing:-3px}.hero-description{max-width:460px}.hero-visual{width:min(530px,100%);justify-self:center;padding-inline:0;margin-right:7px}.hero-visual:before{inset-inline:10px -10px}.preview-body{padding:24px 20px 16px}.preview-editor{grid-template-columns:.85fr 1.2fr;gap:22px;padding:20px 18px 0}.paper{padding-inline:25px;min-height:265px}.floating-note{right:0}.principles{gap:12px;padding-block:22px}.principles p{font-size:10px;gap:7px}.section{padding-block:58px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;max-width:450px}.feature-grid{grid-template-columns:1fr}.feature-grid article,.feature-grid article+article{border:0;border-bottom:1px solid var(--line);padding:26px 0}.feature-icon{margin-bottom:17px}.feature-grid p{max-width:540px}.feature-grid h3{font-size:24px}.workflow{grid-template-columns:1fr;gap:34px;padding-block:55px}.workflow-intro>p:not(.kicker){max-width:490px}.workflow-list p{max-width:500px}.faq{grid-template-columns:1fr;gap:23px}.faq>div>p:not(.kicker){display:none}.faq h2{margin-bottom:0}.closing{padding-block:42px}.site-footer{flex-wrap:wrap;padding-block:33px 24px}.site-footer>div{width:100%}.site-footer .logo img{width:160px}}
@media(max-width:390px){h1{font-size:54px}.kicker{font-size:9px;letter-spacing:1.35px}.hero-actions{gap:18px}.preview-tabs{gap:12px}.preview-tabs button{font-size:8px}.preview-editor{gap:10px;padding-inline:10px}.paper{padding-inline:15px}.principles p{width:100%;font-size:11px}.visual-caption{left:25px}.floating-note{padding:11px}.floating-note strong{font-size:9px}}
/* Readable type at normal zoom, with room for longer lines on mobile. */
body{font-size:16px}
.site-header nav,.menu-toggle{font-size:15px}
.kicker{font-size:11px;letter-spacing:1.5px}
.hero-description{font-size:17px;line-height:1.8;max-width:450px}
.button{font-size:15px;padding:15px 23px;min-height:48px}
.text-link,.feature-grid article>a{font-size:14px;line-height:1.6}
.hero-note{font-size:13px}
.principles>span{font-size:10px;letter-spacing:1.3px}
.principles p{font-size:14px}
.section-heading>p{font-size:16px;line-height:1.8;max-width:340px}
.feature-number{font-size:11px;letter-spacing:1.1px}
.feature-grid h3{font-size:25px}
.feature-grid p{font-size:16px;line-height:1.8}
.availability{font-size:13px;line-height:1.7}
.workflow-intro>p:not(.kicker){font-size:16px;line-height:1.8;max-width:390px}
.workflow-list h3{font-size:19px;line-height:1.4}
.workflow-list p{font-size:16px;line-height:1.8;max-width:390px}
.faq>div>p:not(.kicker){font-size:16px}
.faq summary{font-size:16px;padding-block:24px}
.faq details p{font-size:16px;line-height:1.8}
.closing .kicker{font-size:11px}
.closing>p:not(.kicker){font-size:16px}
.closing small{font-size:13px;line-height:1.7}
.site-footer,.site-footer p{font-size:13px}
.visual-caption{font-size:12px}
.preview-top{font-size:12px}
.preview-office,.preview-office i{font-size:10px}
.preview-greeting>span{font-size:9px}
.preview-greeting p{font-size:12px}
.preview-tabs{flex-wrap:wrap;column-gap:15px;row-gap:5px}
.preview-tabs button{font-size:11px;min-height:36px}
.editor-sidebar strong{font-size:12px}
.editor-sidebar>span:not(.file-symbol),.preview-steps{font-size:10px}
.preview-bottom{font-size:9px;gap:12px}
.floating-note{max-width:100%}
.floating-note>span{flex:none}
.floating-note strong{font-size:11px}
.floating-note small{font-size:10px}
@media(max-width:760px){
  .section-heading>p,.workflow-intro>p:not(.kicker),.workflow-list p{max-width:540px}
  .principles p{width:100%}
  .hero-actions{gap:20px}
  .feature-grid h3{font-size:25px}
}
/* Warm editorial materials, fine brass detailing, and layered document surfaces. */
:root{--brass:#a48b58;--brass-line:#bda77b;--font-display:Georgia,"Times New Roman",serif}
body{background:radial-gradient(ellipse at 92% 8%,#dfdfcda0 0,transparent 34%),radial-gradient(ellipse at 2% 30%,#eee4d433 0,transparent 30%),#f6f3eb}
.site-header{height:94px}
.site-header{border-bottom-color:#d9d5c7}
.nav-login{background:linear-gradient(140deg,#566346,#35432c);color:#fff!important;border-color:#566346;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff18,0 4px 12px #38452c0a}
.logo{transition:opacity .25s}.logo:hover{opacity:.85}
.hero{gap:65px;padding-block:85px 90px}
.hero h1{font-family:var(--font-display);font-weight:400;font-size:clamp(54px,5.7vw,80px);letter-spacing:-3.4px;line-height:1.12;color:#333c2c}
.hero h1 em{position:relative;display:inline-block;letter-spacing:-3px;color:#6c795b}
.hero h1 em:after{content:"";position:absolute;left:0;right:2px;bottom:-7px;height:9px;border-top:1px solid var(--brass);border-radius:50%;transform:rotate(-2deg)}
.hero .kicker{color:#89734c;letter-spacing:1.7px}
.hero .kicker>span{background:var(--brass);width:5px;height:5px;border-radius:1px;transform:rotate(45deg)}
.hero-description{margin-top:34px}
.button-primary{background:linear-gradient(130deg,#546143,#35432b);border:1px solid #697654;box-shadow:inset 0 1px 0 #ffffff20,0 5px 14px #34452b12}
.button-primary:hover{background:linear-gradient(130deg,#435237,#2e3c25)}
.hero-note{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#626d56;font-size:12px}
.hero-note>span:first-child{color:#7b8c62}
.note-divider{color:#a1a58f;margin-inline:2px}
.hero-visual{padding-block:62px 45px}
.hero-visual:before{inset:15px -24px 12px 24px;background:radial-gradient(ellipse at 40% 10%,#faf5e6a0,transparent 60%),linear-gradient(145deg,#d7ddc7,#ece8db 70%);border:1px solid #c4c9b2;border-radius:160px 160px 24px 24px;box-shadow:inset 0 0 0 7px #faf7ed55,inset 0 0 65px #faf8ef80,0 20px 55px -35px #56543c45}
.hero-visual:after{content:"";position:absolute;inset:60px -8px 30px 0;border-radius:50%;border:1px solid #bda77b80;transform:rotate(-15deg);pointer-events:none;z-index:-1}
.visual-caption{top:0;left:35px;font-size:12px}

.workspace-preview{border-color:#c8cfb9;border-radius:13px;background:#fffdf7;box-shadow:0 40px 75px -28px #2c3b2855,0 8px 22px #46513a0b,inset 0 1px 0 #fff}
.preview-top{background:linear-gradient(110deg,#fbfcf5,#f2f3e9);border-bottom-color:#d9ddce;padding-block:15px}
.preview-greeting h2{font-size:25px}
.preview-editor{background:linear-gradient(140deg,#e8ecdf,#f1eee4);border-color:#d5dcc8;border-radius:7px;min-height:275px}
.paper{min-height:275px;background:linear-gradient(110deg,#fffefa,#fff);box-shadow:-4px 5px 18px #45513514,2px 1px 0 #ebe8de}
.preview-tabs button{min-height:40px}
.floating-note{bottom:17px;right:-10px;padding:15px 18px;border-radius:10px;border-color:#d7cfba;background:linear-gradient(120deg,#fffdf8,#f7f4eb);box-shadow:0 12px 30px #3b482c15,inset 0 1px 0 #fff}
.document-chip{position:absolute;top:33px;right:-18px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fdfcf9;border:1px solid #e0e2d6;border-radius:10px;box-shadow:0 12px 25px #414e3010;transform:rotate(5deg);z-index:2;pointer-events:none}
.chip-icon{display:grid;place-items:center;width:32px;height:38px;background:#e7ecdf;border:1px solid #c6d1b6;border-radius:5px;font:600 17px Georgia,serif;color:var(--olive)}
.document-chip strong{display:block;font-size:12px;font-weight:600}
.document-chip small{display:block;font-size:10px;color:#77816b}
.chip-check{font-size:12px;color:#6b7d51;margin-left:5px}
.principles{background:linear-gradient(110deg,#eeeee3,#f7f4eb);border:1px solid #d9d9c6;border-radius:12px;padding:24px 28px;gap:18px;box-shadow:inset 0 1px 0 #fff9}
.principles i{font:italic 20px Georgia,serif;color:#9a8558}
.principles p{color:#4e5a43;font-weight:500;white-space:nowrap}
.principles .principle-arrow{width:auto;color:#9da78d;font-size:23px;letter-spacing:0}
.feature-grid{gap:18px;border:0;grid-template-columns:1.12fr 1fr 1fr}
.section-heading h2,.workflow-intro h2,.faq h2{font-family:var(--font-display);font-weight:400;letter-spacing:-1.1px;line-height:1.25}
.section-heading .kicker,.workflow-intro .kicker,.faq .kicker{color:#8c784e}
.feature-grid article,.feature-grid article+article{padding:30px;border:1px solid #dedaca;border-radius:14px;background:linear-gradient(145deg,#fffdf8,#f7f5ee);box-shadow:0 12px 35px -22px #494e3520,inset 0 1px 0 #fff;transition:box-shadow .45s var(--motion-ease),border-color .45s var(--motion-ease)}
.feature-grid article:first-child{background:linear-gradient(140deg,#e7ecd9,#f1f1e5);border-color:#ccd5bb}
.feature-icon{border:1px solid #d7d9c3;background:linear-gradient(140deg,#fffdf6,#edf0df);width:48px;height:48px;border-radius:11px;box-shadow:inset 0 1px 0 #fff}
.feature-icon.terracotta{border-color:#ead8cb}
.feature-grid h3{font-family:var(--font-display);font-size:26px;letter-spacing:-.7px;line-height:1.3;font-weight:400}
.feature-grid article>a{padding-top:18px;margin-top:8px;border-top:1px solid #d8ddce;width:100%;justify-content:space-between}
.document-tags{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.document-tags span{background:#f7f8f1;border:1px solid #d7dec9;border-radius:5px;padding:3px 7px;font-size:10px;color:#69775a}
.availability{padding-left:2px}
.document-showcase{background:radial-gradient(ellipse at 100% 0,#65734b55,transparent 55%),linear-gradient(145deg,#39472f,#283722);color:#faf8ee;border:1px solid #78825c;border-radius:20px;padding:52px 48px 29px;margin-bottom:95px;position:relative;overflow:hidden;isolation:isolate;box-shadow:inset 0 0 0 7px #d0bb7d08,0 24px 50px -30px #25321d40}
.document-showcase:before{content:"";position:absolute;width:550px;height:550px;right:-270px;top:-340px;border:1px solid #c6b27c40;border-radius:50%;box-shadow:0 0 0 65px #c1b07d0a,0 0 0 130px #c1b07d07;z-index:-1;pointer-events:none}
.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px}
.showcase-heading .kicker{color:#c9b983;margin-bottom:18px}
.showcase-heading h2{font-family:var(--font-display);font-weight:400;letter-spacing:-1px;font-size:clamp(30px,3.1vw,44px);margin:0;line-height:1.22}
.showcase-heading h2 em{font-family:Georgia,serif;font-weight:400;color:#d9c999}
.showcase-heading>p{font-size:16px;line-height:1.8;max-width:310px;color:#d1d7c6;margin:0 0 2px}
.showcase-toolbar{display:flex;align-items:center;gap:16px;padding-block:20px;margin-bottom:20px;border-block:1px solid #d4ddbe26;flex-wrap:wrap}
.showcase-toolbar label{font-size:13px;color:#d1d7c6}
.showcase-toolbar select{font:500 14px var(--font);color:#f4f5e9;background-color:#45543b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23f4f5e9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:14px;appearance:none;border:1px solid #7a896866;border-radius:7px;padding:10px 42px 10px 14px;max-width:100%;cursor:pointer;min-height:44px}
.showcase-toolbar select:focus-visible{outline:3px solid #d5bd92;outline-offset:3px}
.example-badge{margin-left:auto;font-size:12px;color:#c4ceb7;display:flex;align-items:center;gap:8px}
.example-badge i{width:5px;height:5px;border-radius:50%;background:#b6c895}
.document-comparison{display:grid;grid-template-columns:1fr 1fr;gap:35px;position:relative}
.comparison-card{min-width:0;border-radius:9px;overflow:hidden;position:relative;background:#eeeee4;color:#39422f}
.comparison-label{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 22px;border-bottom:1px solid #d7dacc;color:#68745a;font-size:10px;letter-spacing:1.3px}
.document-extension{letter-spacing:.7px;font-size:9px;border:1px solid #c9d0ba;padding:2px 6px;border-radius:4px}
.comparison-content{padding:28px 32px 40px;min-height:340px;position:relative}
.document-filename{display:block;font:11px/1.5 var(--font);color:#7a826e;margin-bottom:25px}
.source-excerpt{font:14px/2 "Cascadia Code",Consolas,monospace;white-space:pre-line;color:#737d66;overflow-wrap:anywhere;margin:0}
.source-lines{display:grid;gap:13px;margin-top:20px}
.source-lines i{height:3px;background:#d1d6c7;width:83%}
.source-lines i:nth-child(2){width:65%}.source-lines i:nth-child(3){width:74%}
.result-card{background:linear-gradient(110deg,#fffef9,#fbfaf3);box-shadow:0 16px 35px #15210e35,inset 0 0 0 1px #fff8}
.result-card .comparison-label{color:#4c6438;background:#f2f5e9}
.draft-note{display:block;color:#89917d;font-size:8px;letter-spacing:2px;text-align:center;margin-bottom:20px}
.result-card h3{font:600 15px/1.6 Georgia,serif;letter-spacing:.5px;text-align:center;margin-bottom:14px;color:#34452a}
.draft-divider{height:1px;background:#cbd1bf;margin:0 auto 20px;width:75%}
.result-card h4{white-space:pre-line;font:600 14px/1.65 Georgia,serif;text-align:center;margin:16px 0 10px}
.result-card p{font:14px/1.85 Georgia,serif;color:#58604d;margin-bottom:16px}
.draft-page{display:block;text-align:center;font-size:9px;color:#8b947c;margin-top:22px}
.notarial-document{font-family:"Times New Roman",Times,serif;padding:30px 30px 25px;color:#303328}
.notarial-document h3{font:700 16px/1.5 "Times New Roman",Times,serif;letter-spacing:.3px;margin-bottom:4px}
.notarial-document .notarial-number{text-align:center;font:14px/1.6 "Times New Roman",Times,serif;margin-bottom:22px;color:#303328}
.notarial-document .notarial-entry,.notarial-document .notarial-party{font:14px/1.85 "Times New Roman",Times,serif;color:#303328;text-align:justify;margin:0 0 12px;overflow-wrap:anywhere;overflow:hidden}
.notarial-entry:after,.notarial-party:after{content:" --------------------------------------------------------------------------------------------------------------------------------";display:inline-block;width:0;white-space:nowrap;text-indent:0;color:#737866}
.notarial-party{padding-left:17px;text-indent:-17px}
.notarial-document .notarial-section{font:700 14px/1.65 "Times New Roman",Times,serif;text-align:center;margin:19px 0 12px;white-space:pre-line;padding-block:5px;border-block:1px dashed #a7ad98}
.notarial-end{display:flex;align-items:center;gap:8px;margin-top:23px;font:700 13px/1.6 "Times New Roman",Times,serif;text-align:center}
.notarial-end:before,.notarial-end:after{content:"";flex:1;border-top:1px dashed #89927b;min-width:10px}
.notarial-end span{flex:none}
.comparison-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#d9dec6;border:6px solid #35442d;border-radius:50%;color:#4d6139;display:grid;place-items:center;font-size:21px;z-index:1}
.showcase-note{color:#c3ccb7;font-size:12px;line-height:1.7;margin:22px 0 0;text-align:center}
.workflow-section{background:linear-gradient(110deg,#ebeee2,#f0eee3);border-block:1px solid #dedfce}
.workflow{padding-block:80px}
.workflow-list li>span{background:#f5f3e8;border:1px solid #c7c9ae;border-radius:50%;width:48px;height:48px;flex:none;display:grid;place-items:center;font-size:20px;color:#8c784d;box-shadow:inset 0 0 0 3px #fff8}
.faq-list{border:0}.faq details{background:linear-gradient(120deg,#fffdf7,#f8f5ed);border:1px solid #dedbca;border-radius:9px;margin-bottom:12px;padding-inline:22px;transition:border-color .3s,box-shadow .3s}.faq details[open]{border-color:#c0b18a;box-shadow:0 8px 24px -16px #4c543330}
.faq summary{padding-block:20px}
.closing{background:radial-gradient(ellipse at 50% 0,#faf5e6c0,transparent 75%),linear-gradient(125deg,#e1e7d2,#eeeadd);border:1px solid #c5c9ad;border-radius:18px;padding-block:64px;box-shadow:inset 0 0 0 7px #fff8,0 16px 45px -30px #46503630}
.closing:before,.closing:after{content:"";position:absolute;width:380px;height:380px;top:40px;border:1px solid #b5c19d50;border-radius:50%;pointer-events:none}
.closing:before{left:-230px;box-shadow:0 0 0 35px #b5c19d0c,0 0 0 70px #b5c19d08}
.closing:after{right:-230px;box-shadow:0 0 0 35px #b5c19d0c,0 0 0 70px #b5c19d08}
.closing .kicker{color:#8c784d}
.closing h2{font-family:var(--font-display);font-weight:400;font-size:clamp(32px,3.6vw,48px);letter-spacing:-1.2px}
.closing h2 em{font-family:Georgia,serif;font-weight:400;color:#667851}
.site-footer{border-top:1px solid #dedacb;margin-top:36px;padding-top:30px}
@media(max-width:1100px){
  .hero{gap:38px}.hero h1{font-size:64px}.document-chip{right:-5px}.hero-visual:after{display:none}
  .feature-grid article,.feature-grid article+article{padding:25px 22px}
  .feature-grid{gap:12px;grid-template-columns:repeat(3,1fr)}.feature-grid h3{font-size:23px}
  .principles{gap:14px}.principles>span:first-child{width:100%}.principles .principle-arrow{width:auto}
  .document-showcase{padding:40px 32px 26px}.comparison-content{padding-inline:24px}
}
@media(max-width:760px){
  .site-header{height:78px}.hero{padding-block:48px 55px;gap:30px}.hero h1{font-size:clamp(52px,9vw,70px);letter-spacing:-2.5px}.hero h1 em{letter-spacing:-2px}
  .hero-visual{padding-block:66px 45px}.hero-visual:before{inset:18px -8px 15px 10px}.hero-visual:after{transform:none;inset:60px 0 30px}
  .document-chip{right:0;top:32px;padding:9px 11px;gap:9px}.document-chip strong{font-size:11px}.document-chip small{font-size:9px}.chip-icon{width:25px;height:30px;font-size:14px}
  .visual-caption{left:10px;font-size:11px}.floating-note{right:0}.preview-greeting h2{font-size:23px}
  .principles{padding:22px;display:grid;grid-template-columns:1fr}.principles p{width:auto;margin:0}.principles .principle-arrow{display:none}.principles>span:first-child{margin-bottom:5px}
  .feature-grid{grid-template-columns:1fr;gap:15px}.feature-grid article,.feature-grid article+article{padding:28px}.feature-grid h3{font-size:26px}
  .document-showcase{padding:32px 22px 24px;border-radius:14px;margin-bottom:58px}
  .showcase-heading{display:block}.showcase-heading>p{margin-top:20px;max-width:100%}
  .showcase-toolbar{gap:10px}.showcase-toolbar label{width:100%}.example-badge{margin-left:0;width:100%;margin-top:5px}
  .document-comparison{grid-template-columns:1fr;gap:22px}.comparison-content{padding:25px 25px 30px;min-height:0}
  .comparison-label{padding-inline:18px;font-size:9px}.source-excerpt{font-size:13px;line-height:1.9}.source-lines{display:none}
  .comparison-arrow{top:50%;display:none}.showcase-note{text-align:left;font-size:12px}
  .workflow{padding-block:55px}.workflow-list li{gap:17px}.workflow-list li>span{width:40px;height:40px;font-size:18px}
  .faq details{padding-inline:18px}.closing{padding:44px 20px}.closing:before,.closing:after{opacity:.6}
}
@media(max-width:390px){.hero h1{font-size:50px}.hero-note{font-size:11px;gap:7px}.document-showcase{padding-inline:16px}.comparison-content{padding-inline:20px}.preview-body{padding-inline:14px}.site-header .logo img{width:170px}}
/* A compact, ordered route from source text to Word. */
.principles{display:grid;grid-template-columns:230px minmax(0,1fr);gap:30px;padding:28px 32px;background:linear-gradient(115deg,#edf0e4,#f8f5ed);border-color:#d6dacb;border-radius:10px;align-items:center;box-shadow:inset 0 1px 0 #fff9}
.principles-intro{border-right:1px solid #d2d7c6;padding:4px 26px 4px 0}
.principles-intro>span{display:block;font-size:10px;line-height:1.5;letter-spacing:1.15px;color:#8d7a52;margin-bottom:8px}
.principles-intro h2{font:400 25px/1.3 var(--font-display);letter-spacing:-.6px;margin:0;color:#424f36}
.principles-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:34px;align-items:stretch}
.principles-steps li{display:flex;align-items:center;gap:12px;position:relative;min-width:0;min-height:56px}
.stage-number{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid #c9d0bb;border-radius:50%;background:#f9faf2;color:#7e704f;font:400 16px Georgia,serif;font-variant-numeric:tabular-nums}
.principles-steps h3{font:500 15px/1.5 var(--font);letter-spacing:0;margin:0 0 4px;color:#3e4b32}
.principles .principles-steps p{font:400 12px/1.6 var(--font);margin:0;display:block;color:#737d66;white-space:normal}
.principles-steps li:not(:last-child):after{content:"";position:absolute;right:-22px;top:50%;width:7px;height:7px;border-top:1px solid #a7b096;border-right:1px solid #a7b096;transform:translateY(-50%) rotate(45deg)}
@media(max-width:1100px){.principles{grid-template-columns:1fr;gap:22px;padding:26px}.principles-intro{border-right:0;padding:0;display:flex;align-items:center;justify-content:space-between;gap:20px}.principles-intro>span{margin:0}.principles-steps{border-top:1px solid #d7dccb;padding-top:22px;gap:30px}.principles-steps li:not(:last-child):after{right:-19px}}
@media(max-width:760px){.principles{padding:24px;gap:20px}.principles-intro{display:block}.principles-intro>span{margin-bottom:8px}.principles-intro h2{font-size:26px}.principles-steps{grid-template-columns:1fr;padding-top:18px;gap:22px}.principles-steps li{gap:16px;min-height:56px}.stage-number{position:relative;z-index:1}.principles .principles-steps p{width:auto}.principles-steps li:not(:last-child):after{height:calc(100% - 16px);width:1px;background:#d0d7c2;border:0;top:calc(50% + 19px);left:18.5px;right:auto;transform:none}}
.principles-band{width:100%;background:linear-gradient(115deg,#edf0e4,#f8f5ed);border-block:1px solid #d6dacb;box-shadow:inset 0 1px 0 #fff9}
.principles-band .principles{background:none;border:0;border-radius:0;box-shadow:none;padding:32px 0}
.principles-band{background:#f0f0e6;border-block-color:#daddce}
.principles-band .principles-intro>span{color:#96593f}
.principles-band .principles-intro{border-right-color:#d2d7c6}
.principles-band .stage-number{background:#f9faf3;border-color:#c6cfb7;color:#536746}
.principles-band .principles-steps li:not(:last-child):after{border-color:#a3ad94}
@media(max-width:1100px){.principles-band .principles{padding-block:28px}}
@media(max-width:760px){.principles-band .principles{padding:28px 4px}.principles-band .principles-intro{border:0}.principles-band .principles-steps{border-top-color:#d7dccb}.principles-band .principles-steps li:not(:last-child):after{background:#cbd3bd}}
/* Feature previews borrow their details from the document workspace. */
.features .section-heading{margin-bottom:36px}
.features .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.features .feature-grid article{padding:28px;overflow:hidden;border-radius:12px;box-shadow:0 12px 32px -24px #424f3635}
.feature-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-bottom:26px}
.features .feature-icon{margin:0;width:42px;height:42px;border-radius:9px;flex:none;font-size:21px}
.feature-icon svg{width:24px;height:24px}
.features .feature-number{margin:0;font-size:10px;letter-spacing:1.25px}
.features .feature-grid h3{font-size:28px;margin-bottom:13px}
.features .feature-grid article>p{flex:none;min-height:87px;margin-bottom:23px;font-size:16px;line-height:1.8}
.feature-sample{width:100%;height:170px;border:1px solid #d9ddcc;border-radius:7px;background:#edf0e5;overflow:hidden;position:relative;margin-bottom:19px}
.draft-sample{padding:19px 24px 0;background:#dde4cf}
.sample-sheet{background:#fffdf7;border:1px solid #e0dfd1;box-shadow:0 6px 16px #3d4a2d10;padding:20px 22px 24px;transform:rotate(-3deg);font-family:Georgia,serif;text-align:center}
.sample-sheet>span{font-size:9px;font-weight:700;letter-spacing:.5px;display:block;margin-bottom:14px}
.sample-sheet i{height:2px;background:#d5d8cb;display:block;margin-bottom:6px}
.sample-sheet i:nth-child(3){width:80%}.sample-sheet b{display:block;font-size:9px;margin:13px 0 11px}
.sample-caption{font-size:10px;color:#69755a;display:block;text-align:center;line-height:1.5}
.draft-sample .sample-caption{position:absolute;bottom:0;left:0;right:0;padding:10px;background:#e7ecddee;border-top:1px solid #d4dcc5}
.format-sample{background:#faf8f1}
.sample-toolbar{height:38px;display:flex;align-items:center;gap:15px;padding-inline:16px;border-bottom:1px solid #e0dfd2;background:#f0eee5;font:15px Georgia,serif;color:#7a684f}
.sample-toolbar>span:first-of-type{height:16px;border-left:1px solid #d6d4c6}
.sample-toolbar>span:last-child{font-size:12px;color:#858777}
.sample-paragraph{font:14px/1.9 Georgia,serif;padding:18px 19px;color:#59624d}
.sample-paragraph strong{font-size:12px;font-weight:700;color:#3e4d32;background:#e6ead9;padding:2px 3px}
.sample-paragraph em{color:#8a6549}
.word-sample{display:flex;flex-direction:column;justify-content:center;padding:18px;background:#eeeee5;gap:18px}
.sample-word-file{display:flex;align-items:center;gap:12px;background:#fffdf8;border:1px solid #dbddcf;border-radius:6px;padding:17px 13px;box-shadow:0 6px 14px #39472f08}
.word-file-icon{width:33px;height:41px;display:grid;place-items:center;background:#e5eadc;border:1px solid #c9d2bb;border-radius:3px;color:#536943;font:bold 20px Georgia,serif;flex:none}
.sample-word-file strong{font-size:12px;font-weight:500;display:block;color:#424f36}.sample-word-file small{font-size:10px;color:#818875;display:block;margin-top:3px}
.sample-word-file svg{width:19px;height:19px;margin-left:auto;flex:none;color:#778967}
.features .document-tags{margin:0;gap:5px;min-height:23px}.features .document-tags span{font-size:9px;padding:3px 6px}
.feature-detail{font-size:11px;color:#7a826d;min-height:23px;line-height:23px}
.features .feature-grid article>a{margin-top:22px;padding-top:17px;font-size:13px}
@media(max-width:1100px) and (min-width:761px){.features .feature-grid{gap:14px}.features .feature-grid article{padding:22px 18px}.feature-card-top{gap:8px}.features .feature-number{font-size:8px;letter-spacing:.7px}.features .feature-grid h3{font-size:24px}.features .feature-grid article>p{min-height:116px}.feature-sample{height:185px}.draft-sample{padding-inline:15px}.sample-paragraph{font-size:13px;padding:16px 14px}.word-sample{padding:10px}.sample-word-file{gap:7px;padding-inline:9px}.sample-word-file strong{font-size:11px}.features .feature-grid article>a{font-size:12px}}
@media(max-width:760px){.features .feature-grid{grid-template-columns:1fr;gap:18px}.features .feature-grid article{padding:26px}.features .feature-grid article>p{min-height:0}.feature-sample{height:180px}.draft-sample{padding-inline:40px}.sample-paragraph{max-width:380px;padding:22px}.sample-word-file{width:100%;max-width:350px;align-self:center}.features .feature-grid h3{font-size:28px}.features .section-heading{margin-bottom:30px}}
/* A full-width closing section gives the final invitation room to breathe. */
.closing{width:100%;margin:16px 0 0;padding:98px 32px 92px;border:0;border-block:1px solid #cdd3bd;border-radius:0;background:radial-gradient(ellipse at 50% 0,#faf7eccc,transparent 70%),linear-gradient(110deg,#e0e6d2,#edeade);box-shadow:none;isolation:isolate}
.closing .kicker{margin-bottom:25px;font-size:11px;letter-spacing:2px}
.closing h2{font-size:clamp(40px,4.4vw,62px);line-height:1.22;letter-spacing:-1.6px;margin:0 auto 25px;max-width:1000px;text-wrap:balance}
.closing>p:not(.kicker){margin:0 auto 33px;max-width:550px;font-size:17px;line-height:1.8}
.closing .button{min-height:56px;padding:16px 27px;gap:34px;box-shadow:0 8px 24px -12px #35432b55}
.closing small{margin-top:22px;font-size:13px;color:#747d65}
.closing small a{color:#4e5e3e;text-underline-offset:4px}
.closing:before,.closing:after{width:560px;height:560px;top:50%;margin-top:-280px;border-color:#a9b68d40;z-index:-1;box-shadow:0 0 0 42px #a9b68d09,0 0 0 84px #a9b68d06}
.closing:before{left:-350px}.closing:after{right:-350px}
.site-footer{border-top:0;margin-top:0;padding-top:38px;padding-bottom:34px}
@media(max-width:1100px){.closing{padding-block:82px}.closing:before{left:-430px}.closing:after{right:-430px}}
@media(max-width:760px){.closing{margin-top:8px;padding:66px 24px 62px}.closing .kicker{font-size:10px;letter-spacing:1.4px;margin-bottom:23px}.closing h2{font-size:clamp(34px,7.3vw,48px);letter-spacing:-1px;margin-bottom:23px}.closing>p:not(.kicker){font-size:16px;max-width:330px;margin-bottom:29px}.closing .button{max-width:100%;font-size:14px;gap:25px}.closing small{max-width:280px;margin:21px auto 0;line-height:1.9}.closing:before{left:-480px}.closing:after{right:-480px}.site-footer{padding-top:30px}}
/* Terracotta stays on small details, with olive and cream as the main palette. */
.features .feature-icon.terracotta{background:#f1e2d7;border-color:#dfc2ad;color:#96593f}
.features .feature-grid article:nth-child(2) .feature-number{color:#96593f}
.features .feature-grid article>a>span{color:#96593f}
.sample-paragraph em{color:#96593f}
.faq summary:after{color:#a87555}
/* One shared palette keeps the three feature cards visually connected. */
.features .feature-grid article,.features .feature-grid article:first-child{background:linear-gradient(145deg,#fffdf7,#f8f6ef);border-color:#d6daca}
.features .feature-icon,.features .feature-icon.terracotta{background:#edf0e3;border-color:#cfd8bf;color:#5c7048}
.features .feature-number,.features .feature-grid article:nth-child(2) .feature-number{color:#788168}
.features .feature-sample{background:#ecefe4;border-color:#d6dccb}
.features .format-sample{background:#fff}
.features .draft-sample .sample-caption{background:#e8ecdf;border-top-color:#d6dccb}
.features .sample-toolbar{background:#e8ecdf;border-bottom-color:#d6dccb;color:#61724f}
.features .sample-paragraph{color:#59624d}
.features .sample-paragraph em{color:#596c48}
.features .sample-paragraph strong{color:#3e4d32;background:#e1e7d3}
.features .sample-caption,.features .feature-detail{color:#758066}
.features .document-tags span{background:#f4f6ee;border-color:#d6ddca;color:#758066}
.features .feature-grid article>a{border-top-color:#d6dccb}
/* Dark olive bands create pauses between the warm paper sections. */
.principles-band{background:linear-gradient(110deg,#34422e,#414d36);border-block-color:#526044;box-shadow:inset 0 1px 0 #ffffff08}
.principles-band .principles-intro{border-right-color:#b6c39b30}
.principles-band .principles-intro>span{color:#d9ad8b}
.principles-band .principles-intro h2,.principles-band .principles-steps h3{color:#f3f1e7}
.principles-band .principles-steps p{color:#c1c9b4}
.principles-band .stage-number{background:#ece5d3;border-color:#d8c9ad;color:#3e4d32;box-shadow:0 2px 7px #18221120}
.principles-band .principles-steps li:not(:last-child):after{border-color:#a5b58d}
.closing{background:radial-gradient(ellipse at 50% 0,#69774b35,transparent 70%),linear-gradient(125deg,#37452e,#293823);border-block-color:#566344}
.closing .kicker{color:#deb395}
.closing h2{color:#f6f2e6}
.closing h2 em{color:#c5d0ae}
.closing>p:not(.kicker){color:#c7cebb}
.closing .button-primary{background:linear-gradient(125deg,#a56348,#8d4b36);border-color:#b67759;color:#fffaf2;box-shadow:0 10px 30px -16px #111d0b80,inset 0 1px 0 #ffffff20}
.closing .button-primary:hover{background:linear-gradient(125deg,#b16f51,#99563e);border-color:#c48b6b}
.closing small{color:#b6c0a9}
.closing small a{color:#ead1b8}
.closing:before,.closing:after{border-color:#c7ba9440;box-shadow:0 0 0 42px #c7ba9407,0 0 0 84px #c7ba9404}
@media(max-width:760px){.principles-band .principles-steps{border-top-color:#b6c39b30}.principles-band .principles-steps li:not(:last-child):after{background:#86977165}}
/* Static, seamless grain sits in the material backgrounds, beneath all content. */
:root{
  --paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='grain' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.13'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");
  --dark-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='grain' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.055'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23grain)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");
}
body{background-image:var(--paper-grain),radial-gradient(ellipse at 92% 8%,#dfdfcda0 0,transparent 34%),radial-gradient(ellipse at 2% 30%,#eee4d433 0,transparent 30%);background-color:#f6f3eb}
.features .feature-grid article,.features .feature-grid article:first-child{background-image:var(--paper-grain),linear-gradient(145deg,#fffdf7,#f8f6ef)}
.faq details{background-image:var(--paper-grain),linear-gradient(120deg,#fffdf7,#f8f5ed)}
.workflow-section{background-image:var(--paper-grain),linear-gradient(110deg,#ebeee2,#f0eee3)}
.paper{background-image:var(--paper-grain),linear-gradient(110deg,#fffefa,#fff)}
.sample-sheet{background-image:var(--paper-grain)}
.result-card{background-image:var(--paper-grain),linear-gradient(110deg,#fffef9,#fbfaf3)}
.principles-band{background-image:var(--dark-grain),linear-gradient(110deg,#34422e,#414d36)}
.document-showcase{background-image:var(--dark-grain),radial-gradient(ellipse at 100% 0,#65734b55,transparent 55%),linear-gradient(145deg,#39472f,#283722)}
.closing{background-image:var(--dark-grain),radial-gradient(ellipse at 50% 0,#69774b35,transparent 70%),linear-gradient(125deg,#37452e,#293823)}
@media print{body,.features .feature-grid article,.faq details,.workflow-section,.paper,.sample-sheet,.result-card,.principles-band,.document-showcase,.closing{background-image:none!important}}
/* Quiet motion: long easing, small distances, and no layout shifts. */
:root{--motion-ease:cubic-bezier(.22,1,.36,1)}
.button{position:relative;overflow:hidden;isolation:isolate;transition:background .3s,transform .45s var(--motion-ease),box-shadow .45s var(--motion-ease)}
.button:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,#ffffff18 49%,transparent 72%);transform:translateX(-120%);pointer-events:none;z-index:-1}
.button>span,.text-link>span,.nav-login>span,.feature-grid article>a>span{display:inline-block;transition:transform .4s var(--motion-ease)}
.button:hover>span,.nav-login:hover>span,.feature-grid article>a:hover>span{transform:translate(2px,-2px)}
.text-link:hover>span{transform:translateY(3px)}
.workflow-intro .text-link:hover>span{transform:translate(2px,-2px)}
.button:active{transform:translateY(0) scale(.98)}
.nav-login{transition:background .3s,border-color .3s}
.nav-login:hover{background:#303d26;border-color:#303d26}
.feature-icon{transition:transform .55s var(--motion-ease),box-shadow .55s var(--motion-ease)}
.feature-grid article h3{transition:color .3s}
.preview-tabs button{transition:color .3s,border-color .3s}
.paper h4{white-space:pre-line}
.faq summary{transition:color .3s}
.faq summary:hover{color:var(--accent)}
.faq summary:after{transition:transform .4s var(--motion-ease),color .3s}
.faq details[open] summary:after{transform:rotate(180deg);color:var(--accent)}
@keyframes workspace-drift{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(-1.6deg)}}
@keyframes note-drift{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-4px) rotate(.5deg)}}
@keyframes button-glint{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
@media(prefers-reduced-motion:no-preference){
  .motion-ready .workspace-preview{animation:workspace-drift 10s ease-in-out 1.3s infinite}
  .motion-ready .floating-note{animation:note-drift 8s ease-in-out 1.7s infinite}
  .hero-visual.is-resting .workspace-preview,.hero-visual.is-resting .floating-note{animation-play-state:paused}
}
@media(hover:hover) and (pointer:fine){
  .button:hover{box-shadow:0 9px 20px -10px #303d2660}
  .button:hover:before{animation:button-glint .85s var(--motion-ease) both}
  .feature-grid article:hover .feature-icon{transform:translateY(-4px) rotate(-3deg);box-shadow:0 8px 18px -9px #424f3640}
  .feature-grid article:hover h3{color:var(--accent)}
  .hero-visual:hover .workspace-preview,.hero-visual:focus-within .workspace-preview{animation-play-state:paused}
}
/* Small, coordinated responses give documents and controls a tactile feel. */
.features .feature-grid article{transition:translate .65s var(--motion-ease),box-shadow .65s var(--motion-ease),border-color .5s}
.sample-sheet{transition:transform .85s var(--motion-ease)}
.sample-word-file{transition:transform .75s var(--motion-ease),box-shadow .75s var(--motion-ease)}
.stage-number{transition:background .6s,border-color .6s,box-shadow .6s}
.site-header nav>a:not(.nav-login){background-image:linear-gradient(#96593f,#96593f);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .5s var(--motion-ease),color .3s}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .features .feature-grid article:hover,.features .feature-grid article:focus-within{translate:0 -5px;box-shadow:0 23px 38px -24px #424f3645;border-color:#bdc7ab}
  .features .feature-grid article:hover .feature-icon{transform:translateY(-2px);box-shadow:none}
  .features .feature-grid article:hover .sample-sheet{transform:translateY(-3px) rotate(-1deg)}
  .features .feature-grid article:hover .sample-word-file{transform:translateY(-3px);box-shadow:0 10px 18px -10px #39472f30}
  .principles-steps li:hover .stage-number{background:#f7f0e0;color:#3e4d32;border-color:#ede0c6;box-shadow:0 0 0 4px #f3e5c90b}
  .site-header nav>a:not(.nav-login):hover,.site-header nav>a:not(.nav-login):focus-visible{background-size:100% 1px}
  .button:hover:before{animation-duration:1.15s}
}
/* Shallow depth on visual layers; text and controls keep their natural flow. */
.parallax-ready .hero-visual:before,.parallax-ready .hero-visual:after{translate:0 var(--depth-backdrop,0px);transition:translate .35s var(--motion-ease)}
.parallax-ready .workspace-preview{translate:var(--depth-workspace-x,0px) var(--depth-workspace-y,0px);transition:translate .35s var(--motion-ease)}
.parallax-ready .document-chip{translate:var(--depth-chip-x,0px) var(--depth-chip-y,0px);transition:translate .45s var(--motion-ease)}
.parallax-ready .floating-note{translate:var(--depth-note-x,0px) var(--depth-note-y,0px);transition:translate .45s var(--motion-ease)}
.parallax-ready .document-showcase:before,.parallax-ready .closing:before{translate:0 var(--depth-decoration,0px);transition:translate .4s var(--motion-ease)}
.parallax-ready .closing:after{translate:0 calc(var(--depth-decoration,0px) * -1);transition:translate .4s var(--motion-ease)}
/* Minimal editorial direction: typography, fine rules, and generous space. */
body{background:#f7f5ef}
.site-header{border-bottom-color:#ddded3}
.nav-login,.button-primary{background:#424f36;border-color:#424f36;border-radius:4px;box-shadow:none}
.button-primary:hover{background:#33412b}
.button:before{display:none}
.hero{padding-block:100px 108px;gap:70px}
.hero .kicker>span,.hero h1 em:after,.hero-visual:before,.hero-visual:after,.document-chip,.document-showcase:before,.closing:before,.closing:after{display:none}
.hero h1{font-size:clamp(54px,5.4vw,76px);letter-spacing:-2.8px;line-height:1.14}
.hero h1 em{letter-spacing:-2.5px}
.hero h1 em:after{display:block}
.hero-description{font-size:17px;margin-top:28px}
.hero-visual{padding:16px 0 0}
.workspace-preview,.motion-ready .workspace-preview{transform:none;animation:none;border-radius:6px;background:#fffef9;border-color:#d6dacc;box-shadow:0 18px 40px -28px #28372255}
.preview-top{background:#f2f4ec}.preview-editor{background:#ecefe5;border-radius:3px}
.preview-greeting h2{margin-bottom:18px}
.preview-inputs{display:grid;gap:7px;margin-bottom:17px}
.preview-inputs>div{display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #dfe3d6;border-radius:4px;background:#fafbf6;font-size:10px}
.preview-inputs>div>span,.preview-output-heading>div>span{color:#899574;font-size:10px;font-family:Georgia,serif}
.preview-inputs strong{font-weight:500}.preview-inputs small{font-size:9px;color:#858d78;margin-left:auto}.preview-inputs i{font-style:normal;color:#8c967e}
.preview-output-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.preview-output-heading>div{display:flex;align-items:center;gap:8px;font-size:11px}.preview-output-heading strong{font-weight:500}.preview-output-heading>small{font-size:9px;color:#7e876f}
.hero-visual .preview-editor{display:grid;grid-template-columns:30px minmax(0,1fr) 112px;gap:10px;padding:11px;background:#edf0e6;min-height:315px;align-items:stretch;border-radius:4px}
.preview-tool-rail{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:7px;color:#5e6f4b;font:13px Georgia,serif}
.preview-tool-rail svg{width:16px;height:16px}.preview-focus-icon{font:19px/1 var(--font)}.preview-tool-divider{width:18px;border-top:1px solid #cdd5bf}.preview-theme-dot{width:13px;height:13px;background:#fff;border:1px solid #aebb97;border-radius:50%}
.hero-visual .paper{padding:19px 17px 28px;min-height:290px;border:1px solid #e1e3d9;font-family:"Times New Roman",serif}
.hero-visual .paper h3{font:700 10px/1.6 "Times New Roman",serif;letter-spacing:.1px;margin:14px 0 5px}
.hero-visual .paper p{font:9px/1.85 "Times New Roman",serif;text-align:justify;margin-bottom:12px;color:#444c3d}
.hero-visual .paper .preview-deed-number{text-align:center;font-size:8px;margin-bottom:13px}
.hero-visual .paper h4{font:700 9px/1.7 "Times New Roman",serif;margin:12px 0}
.preview-shortcuts{display:flex;flex-direction:column;gap:9px;min-width:0;color:#68765a;padding-top:4px}
.preview-cursor{font-size:8px;white-space:nowrap}.preview-save-label{padding:7px 5px;text-align:center;border:1px solid #cbd4bd;border-radius:3px;background:#f8faf2;font-size:9px}
.preview-shortcut-label{font-size:7px;letter-spacing:.7px;color:#8c977d;margin-top:4px}
.preview-shortcut-item{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:8px}.preview-shortcut-item kbd{font:7px var(--font);padding:2px 3px;background:#fafbf5;border:1px solid #d7ddcc;border-radius:2px;white-space:nowrap}
.preview-check-link,.preview-export-link{font-size:9px;line-height:1.6;text-align:center;padding:7px 4px;border:1px solid #c6d0b8;border-radius:3px;background:#f8faf2}
.preview-check-link{margin-top:auto}.preview-export-link{color:#fff;background:#424f36;border-color:#424f36}.preview-check-link:hover{background:#e2e8d6}.preview-export-link:hover{background:#33412b}
.preview-compose-panel[hidden],.preview-format-panel[hidden]{display:none}
.preview-inputs[hidden],.preview-standalone-actions[hidden]{display:none}
.preview-standalone-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;font-size:10px}
.preview-standalone-actions>a{padding:9px 11px;border:1px solid #cbd5bb;border-radius:3px;color:#526743;background:#f7faf1}
.preview-standalone-actions small{font-size:8px;margin-left:6px;color:#859174}
.preview-standalone-actions>span{font-size:9px;color:#7e876f}
.preview-format-panel{display:grid;gap:11px}
.format-preview-source,.format-preview-reference,.format-preview-result{border:1px solid #d9dfce;border-radius:4px;overflow:hidden;background:#fff}
.format-preview-heading{display:flex;align-items:center;gap:8px;padding:11px 12px;border-bottom:1px solid #e4e8db;background:#f8faf3;font-size:10px}
.format-preview-heading>span:first-child{color:#8b967b;font-family:Georgia,serif}.format-preview-heading strong{font-weight:500}
.format-preview-file{margin-left:auto;border:1px solid #cdd7bd;padding:4px 7px;border-radius:3px;font:8px var(--font);white-space:nowrap;color:#5e7149;background:#f9fbf4}
.format-preview-source>p,.format-preview-result>p{font:11px/1.9 "Times New Roman",serif;color:#4c5641;padding:13px 15px;margin:0;min-height:67px}
.format-preview-upload{display:flex;align-items:center;gap:11px;padding:15px 12px;margin:10px;border:1px dashed #c6d2b5;border-radius:3px;background:#f7f9f1}
.format-preview-upload>span:first-child{font-size:23px;color:#7c8d65}.format-preview-upload strong{display:block;font-size:10px;font-weight:500}.format-preview-upload small{display:block;font-size:8px;color:#8b947e;margin-top:3px}
.format-preview-action{display:flex;align-items:center;justify-content:space-between;gap:9px}.format-preview-action small{font-size:9px;color:#7d876e}.format-preview-action>span{font-size:9px;background:#424f36;color:#fff;padding:9px 12px;border-radius:3px}
.format-preview-toolbar{display:flex;gap:5px;padding:8px 12px;border-bottom:1px solid #e4e8db;background:#f9faf6;color:#5b6e45;font:12px Georgia,serif}.format-preview-toolbar>*{border:1px solid #d5ddc8;padding:3px 8px;border-radius:3px;background:#fff}
.format-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e4e8db;padding:10px 12px;font-size:8px;color:#849074}.format-preview-footer a{font-size:9px;background:#424f36;color:#fff;padding:7px 10px;border-radius:3px}
@media(max-width:420px){.format-preview-upload{gap:8px;padding-inline:9px;margin:8px}.format-preview-upload strong{font-size:9px}.format-preview-file{font-size:7px;padding:4px 5px}.format-preview-footer{align-items:flex-start}.format-preview-footer>span{max-width:130px}}
@media(max-width:1100px) and (min-width:761px){.hero-visual .preview-editor{grid-template-columns:24px minmax(0,1fr);gap:8px;padding:9px}.preview-shortcuts{display:none}.preview-output-heading>small{display:none}}
@media(max-width:420px){.hero-visual .preview-editor{grid-template-columns:25px minmax(0,1fr);gap:9px;padding:10px}.preview-shortcuts{display:none}.preview-output-heading>small{display:none}.preview-inputs small{font-size:8px}}
.paper{background:#fff;transform:none;box-shadow:0 2px 10px #2837220c}
.floating-note,.motion-ready .floating-note{position:static;transform:none;animation:none;background:none;border:0;box-shadow:none;padding:17px 0 0;border-radius:0;gap:10px}
.floating-note>span{background:none;width:20px;height:20px}
.floating-note strong{font-size:12px}.floating-note small{font-size:11px}
.principles-band{background:#37452f;box-shadow:none;border-block-color:#37452f}
.principles-band .stage-number{background:none;border-color:#aab89760;color:#ece9db;box-shadow:none}
.principles-band .principles{padding-block:30px}
.features .feature-grid{gap:0;border-top:1px solid #d7dbcc}
.features .feature-grid article,.features .feature-grid article:first-child{background:none;border:0;border-radius:0;box-shadow:none;padding:32px 28px 0}
.features .feature-grid article:first-child{padding-left:0}
.features .feature-grid article:last-child{padding-right:0}
.features .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.features .feature-grid article{padding:32px 30px 30px}
.features .feature-grid article:nth-child(odd){padding-left:0;border-left:0}
.features .feature-grid article:nth-child(even){padding-right:0;border-left:1px solid #d7dbcc}
.features .feature-grid article:nth-child(n){padding-bottom:30px}
.features .feature-grid article:nth-child(n+3){border-top:1px solid #d7dbcc}
.features .feature-grid article>p{min-height:58px}
.check-sample{padding:16px 20px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.check-sample-label{font-size:9px;letter-spacing:1.2px;color:#7b826c}
.check-sample-row{display:flex;gap:10px;align-items:center}
.check-sample-row>span{width:22px;height:22px;flex:none;border:1px solid #d6b99d;border-radius:50%;color:#96593f;display:grid;place-items:center;font-size:12px}
.check-sample-row strong{display:block;font-size:12px;font-weight:500;color:#4e5e40}
.check-sample-row small{display:block;font-size:11px;color:#717b63;line-height:1.6}
.features .check-sample{height:auto;min-height:246px;padding:19px 20px;gap:15px;background:#ecefe4}
.check-sample-row{align-items:flex-start;gap:11px}
.check-sample-row>span{margin-top:1px}
.check-sample-row>div{min-width:0}
.check-sample-row+.check-sample-row{padding-top:14px;border-top:1px solid #d7ddcc}
.check-sample-row strong{font-size:13px;color:#47573b;line-height:1.5}
.features .check-sample .check-excerpt{font:14px/1.7 Georgia,serif;margin:6px 0 5px;color:#45513a;overflow-wrap:anywhere}
.check-excerpt mark{background:#f0ddc9;color:#7e452f;padding:1px 3px;border-radius:2px}
.check-sample-row small{font-size:12px;line-height:1.6;color:#69745d}
.features .feature-grid article>a{margin-top:auto}
.format-sample .sample-paragraph,.check-sample-row{transition:transform .65s var(--motion-ease)}
.sample-paragraph strong,.sample-paragraph em,.check-excerpt mark{transition:background-color .5s,color .5s}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .features .feature-grid article:hover .format-sample .sample-paragraph,.features .feature-grid article:focus-within .format-sample .sample-paragraph{transform:translateY(-2px)}
  .features .feature-grid article:hover .sample-paragraph strong,.features .feature-grid article:focus-within .sample-paragraph strong{background-color:#d8e1c7}
  .features .feature-grid article:hover .sample-paragraph em,.features .feature-grid article:focus-within .sample-paragraph em{background-color:#e9edde}
  .features .feature-grid article:hover .check-sample-row,.features .feature-grid article:focus-within .check-sample-row{transform:translateY(-2px)}
  .features .feature-grid article:hover .check-excerpt mark,.features .feature-grid article:focus-within .check-excerpt mark{background-color:#e8c9ae;color:#703b28}
}
@media(max-width:760px){.features .feature-grid{grid-template-columns:1fr}.features .feature-grid article:nth-child(n){padding:28px 0;border:0;border-bottom:1px solid #d7dbcc}.features .feature-grid article>p{min-height:0}.check-sample{padding-inline:16px}}
.features .feature-grid article+article{border-left:1px solid #d7dbcc}
.feature-card-top{margin-bottom:21px}
.features .feature-icon,.features .feature-icon.terracotta{background:none;border:0;border-radius:0;box-shadow:none;justify-content:flex-start;width:30px}
.features .feature-grid article:hover,.features .feature-grid article:focus-within{translate:none;box-shadow:none}
.features .feature-sample{border-radius:3px;box-shadow:none}
.features .feature-sample.format-sample{background:#fff}
.sample-sheet{transform:none;background:#fff;box-shadow:none}
.features .feature-grid article:hover .sample-sheet{transform:translateY(-2px)}
.sample-word-file{border-radius:3px;box-shadow:none}
.features .document-tags span{background:none;border:0;padding-left:0;padding-right:8px}
.features .document-tags span{font-size:12px;line-height:1.6}
.document-showcase{background:#35432d;box-shadow:none;border-radius:5px;border-color:#35432d}
.comparison-card{border-radius:3px}.result-card{background:#fffef9;box-shadow:none}
.result-card .notarial-document{padding:33px 32px 26px;background:#fff;color:#25251f}
.notarial-document .draft-note{font:8px/1.6 var(--font);letter-spacing:1.4px;color:#91917e;margin-bottom:24px}
.notarial-document h3{font:700 16px/1.5 "Times New Roman",Times,serif;letter-spacing:.35px;color:#25251f;margin:0 0 3px}
.notarial-document .notarial-number{font:14px/1.6 "Times New Roman",Times,serif;color:#25251f;margin-bottom:23px}
.notarial-document .notarial-entry,.notarial-document .notarial-party{font:14px/1.75 "Times New Roman",Times,serif;color:#25251f;margin-bottom:10px;hyphens:none}
.notarial-document .notarial-party{padding-left:20px;text-indent:-20px;margin-top:13px;margin-bottom:15px}
.notarial-entry:after,.notarial-party:after{color:#55554a}
.notarial-document .notarial-section{position:relative;font:700 14px/1.65 "Times New Roman",Times,serif;white-space:pre-line;color:#25251f;border:0;padding:0 28px;margin:17px 0 10px;overflow:hidden}
.notarial-document .notarial-section:before,.notarial-document .notarial-section:after{content:"--------------------------";position:absolute;top:0;white-space:nowrap;font-weight:400;color:#55554a}
.notarial-document .notarial-section:before{right:calc(50% + 29px)}.notarial-document .notarial-section:after{left:calc(50% + 29px)}
.notarial-end{color:#25251f;margin-top:20px;margin-bottom:11px;font-size:14px;gap:6px}
.notarial-end:before,.notarial-end:after{border-top-color:#55554a}
.notarial-document .draft-page{font:11px/1.6 "Times New Roman",Times,serif;color:#777765;margin-top:24px}
@media(max-width:760px){.result-card .notarial-document{padding:28px 23px 24px}.notarial-document h3{font-size:16px}.notarial-document .notarial-entry,.notarial-document .notarial-party{font-size:14px}}
.workflow-section{background:#eeefe7;border-block-color:#dfe2d5}
.workflow-list li>span{background:none;border:0;border-radius:0;box-shadow:none;color:#8e7450}
.workflow-list li{position:relative;gap:20px;padding-block:25px;border:0}
.workflow-list li>span{position:relative;z-index:1;width:36px;height:36px;background:#f7f5ef;border:1px solid #cbd2bc;border-radius:50%;font:14px/1 var(--font);color:#57694a}
.workflow-list li:not(:last-child):after{content:"";position:absolute;left:17px;top:61px;bottom:-25px;width:1px;background:#cbd2bc}
.workflow-list li:first-child:after{top:36px}
.workflow-list h3{margin-top:4px;margin-bottom:10px}
.workflow-list p{max-width:440px}
.workflow-list .workflow-tip{font-size:13px;line-height:1.7;margin-top:13px;padding-left:12px;border-left:2px solid #c7ad91;color:#717b63}
.faq-list{border-top:1px solid #d7dbcc}
.faq details,.faq details[open]{background:none;border:0;border-bottom:1px solid #d7dbcc;border-radius:0;box-shadow:none;margin:0;padding-inline:0}
.closing{background:#303f2a;border-block-color:#303f2a}
.closing .button-primary{background:#995b42;border-color:#995b42;box-shadow:none;border-radius:4px}
.closing .button-primary:hover{background:#aa694d;border-color:#aa694d}
.site-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;padding-block:36px;gap:28px}
.site-footer>span{justify-self:center;text-align:center}
.site-footer>a{justify-self:end}
.site-footer .logo{margin-left:0}
@media(max-width:760px){.site-footer{grid-template-columns:1fr;gap:20px;text-align:center;padding-block:30px}.site-footer>div{width:auto}.site-footer>div,.site-footer>a{justify-self:center}.site-footer p{margin-top:10px}}
@media(max-width:1100px){.hero{gap:36px;padding-block:76px 84px}.hero h1{font-size:62px}.features .feature-grid article{padding-inline:22px}}
@media(max-width:760px){.hero{gap:36px;padding-block:50px 56px}.hero h1{font-size:clamp(52px,9vw,68px);letter-spacing:-2px}.hero-visual{padding:0;margin:0}.features .feature-grid{gap:0}.features .feature-grid article,.features .feature-grid article:first-child,.features .feature-grid article:last-child{padding:28px 0;border:0;border-bottom:1px solid #d7dbcc}.features .feature-grid article+article{border-left:0}.document-showcase{padding-inline:22px}.principles-band .principles{padding-block:28px}.closing{padding-block:70px}}
@media(max-width:390px){.hero h1{font-size:50px}.document-showcase{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-visual:before,.hero-visual:after,.workspace-preview,.document-chip,.floating-note,.document-showcase:before,.closing:before,.closing:after{translate:none!important}}