/* Shared presentation only. No external fonts, trackers or motion dependencies. */
:root{--ink:#162f36;--muted:#50656b;--paper:#f7f6f1;--line:#d8dedb;--navy:#132b32;--gold:#efc278;--green:#1b6056;--radius:20px}
@media screen{
 body{color:var(--ink);background:var(--paper);font-size:17px;line-height:1.85}
 main{max-width:1320px;padding:0 clamp(20px,4vw,56px);margin:auto;min-width:0}
 h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;overflow-wrap:anywhere}
 h1{line-height:1.4}h2{font-size:clamp(1.55rem,2.7vw,2.3rem);line-height:1.55}h3{line-height:1.6}
 .lead{color:var(--muted);font-size:1.12rem;max-width:64ch;line-height:1.95}
 .eyebrow{font-size:.76rem;letter-spacing:.14em;color:#496765;font-weight:650;line-height:1.8}
 .micro,small{font-size:.875rem;line-height:1.85}.micro{color:var(--muted)}
 img{max-width:100%}a{transition:color .16s,background .16s,border-color .16s}
 a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #916019;outline-offset:5px}
 .site-header{position:sticky;top:0;z-index:20;flex-direction:row;align-items:center;gap:20px;padding:14px max(4vw,20px);background:#f7f6f1f5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
 .brand{flex-shrink:0;white-space:nowrap;gap:10px;letter-spacing:-.02em;font-size:1.23rem;line-height:1.25}
 .brand img{width:44px;height:44px;object-fit:contain}.brand b{font-size:.72rem;background:var(--ink);color:white;border-radius:5px;padding:3px 5px;vertical-align:middle}
 .brand small{display:block;margin-top:6px;font-size:.68rem;color:var(--muted);letter-spacing:.035em;line-height:1.2}
 .header-tools{display:flex;align-items:center;gap:18px;min-width:0}.site-header nav{gap:22px;align-items:center;font-size:.86rem;font-weight:600}
 .site-header nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;white-space:nowrap}
 .site-header nav a:hover,.site-header nav a[aria-current]{color:var(--green);text-decoration:underline;text-underline-offset:7px}
 .site-header .nav-demo{border:1px solid #a7b9b3;border-radius:8px;padding:0 13px}
 .language-link{font-size:.8rem;font-weight:650;border-left:1px solid var(--line);padding:10px 0 10px 16px;min-height:44px;text-decoration:none;white-space:nowrap}
 .mobile-nav{display:none}.site-breadcrumb{font-size:.85rem;color:var(--muted);margin:26px 0 0;max-width:80ch}
 .section{padding:68px 0}.section-heading{max-width:760px;margin-bottom:30px}.section-heading p:last-child{color:var(--muted)}
 .button,button{font-size:1rem;border-radius:9px;padding:13px 20px;min-height:48px;line-height:1.6;background:var(--green);border:1px solid var(--green);color:white;font-weight:650;box-shadow:none;white-space:normal;text-align:center}
 .button.secondary,button.secondary{background:transparent;color:var(--ink);border-color:#9eb0ab}.button:hover,button:hover{background:#124a42;color:white}
 .button.secondary:hover,button.secondary:hover{background:#e8ede8;color:var(--ink);border-color:var(--green)}
 .actions{gap:12px;flex-wrap:wrap;margin:24px 0 14px}.button:disabled,button:disabled{opacity:.55;cursor:not-allowed}
 .marketing-hero{margin-top:28px;padding:clamp(28px,4.2vw,52px);border-radius:26px;min-height:0;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:34px;background:radial-gradient(ellipse at 95% 5%,#31524c 0,transparent 50%),var(--navy);color:#fbfbf7;isolation:isolate}
 .marketing-hero>div{min-width:0}.marketing-hero h1{font-size:clamp(2rem,3.45vw,3.1rem);line-height:1.45;letter-spacing:-.035em;margin-top:22px;margin-bottom:22px}
 .marketing-hero h1 em{font-style:normal;color:var(--gold)}.marketing-hero .eyebrow{color:#b9d1c7}
 .marketing-hero .lead{color:#d8e6df;font-size:1.03rem;line-height:1.95}.marketing-hero .micro{color:#bdcfca}
 .hero-badge{display:inline-block;border:1px solid #637d72;background:#ffffff08;padding:7px 13px;border-radius:999px;font-size:.85rem;line-height:1.65;color:#f3f4e8;margin:4px 0 0}
 .marketing-hero .button{background:var(--gold);border-color:var(--gold);color:#102a30}.marketing-hero .button:hover{background:#f7d49a;border-color:#f7d49a}
 .marketing-hero .button.secondary{color:#fafbf6;background:transparent;border-color:#7d9a90}.marketing-hero .button.secondary:hover{background:#ffffff12;border-color:#d1dfd7}
 .marketing-hero a:focus-visible{outline-color:var(--gold)}.marketing-hero>div>p>a:not(.button){color:#d3e2dc;font-size:.88rem}
 .hero-screen{transform:none;align-self:center;margin:0;border:1px solid #78958b;border-radius:12px;padding:0;background:#eff3ee;box-shadow:0 24px 55px #0003;overflow:hidden}
 .screen-chrome{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;font-size:.58rem;letter-spacing:.1em;background:#e4ebe4;color:#506760}
 .screen-chrome span:first-child{letter-spacing:4px;color:#8ba497}.hero-screen a{display:block}.hero-screen img{display:block;border:0;border-radius:0;box-shadow:none;width:100%;height:auto}
 .hero-screen figcaption{margin:0;padding:12px 14px;color:#3f5954;font-size:.73rem;line-height:1.7;background:#f4f6f0}
 .workflow-section{border-bottom:1px solid var(--line);padding-bottom:62px}.workflow-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
 .workflow-steps{list-style:none;padding:0;margin:0}.workflow-steps li{display:flex;gap:23px;padding:19px 0;border-bottom:1px solid var(--line)}.workflow-steps li:last-child{border:0}
 .step-number{font-size:.95rem;color:#8a6328;letter-spacing:.1em;line-height:2.2;font-variant-numeric:tabular-nums}.workflow-steps h3{font-size:1.12rem;margin:0 0 5px}.workflow-steps p{color:var(--muted);font-size:.94rem;margin:0}
 .label-board{border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:26px;background:linear-gradient(145deg,#e4eae4,#edf0e7);min-width:0}
 .board-heading{display:flex;justify-content:space-between;gap:15px;margin-bottom:24px}.board-heading .eyebrow{margin:0}
 .sample-stack{max-width:300px;margin:0 auto 22px;display:grid;gap:12px}.sample-label{background:#fffefa;border:1px solid #aeb8b0;box-shadow:3px 5px 0 #142d3220;padding:10px 16px;min-width:0}
 .sample-label span{display:block;font-size:.57rem;letter-spacing:.12em;color:#53665e;border-bottom:1px solid #d5dcd2;padding-bottom:5px;margin-bottom:8px}
 .sample-label p{font-family:Georgia,'Times New Roman',serif;font-size:1.12rem;line-height:1.48;color:#182720;margin:0;overflow-wrap:anywhere}
 .collection-sample p{font-size:1rem}.label-board figcaption{font-size:.78rem;color:#52665e;line-height:1.8;text-align:left}
 .blog-cards{gap:20px}.blog-card{border:1px solid var(--line);border-radius:16px;background:#fffefa;padding:26px;box-shadow:0 3px 10px #102c3203}
 .blog-card:hover{background:#fff;border-color:#718b7f;box-shadow:0 7px 20px #14332c0a}.blog-card h2,.blog-card h3{font-size:1.18rem;line-height:1.7;margin:14px 0}.blog-card p{font-size:.97rem;color:var(--muted)}
 .intent-cards .blog-card{border-top:3px solid #386d60}.intent-cards h3{margin-top:3px}
 .proof-grid{gap:24px}.app-shot{background:#fffefa;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:0;padding:10px}.app-shot img{border:0;border-radius:7px;background:white}
 .app-shot figcaption{padding:11px 9px 6px;margin:0;color:var(--muted);font-size:.84rem}
 .plan-grid{gap:22px}.plan-card{display:flex;flex-direction:column;border-radius:var(--radius);padding:32px;border:1px solid var(--line);background:#fffefa}
 .plan-card.paid{background:#e9eeE6;border:1px solid #729085}.plan-card .tag{align-self:start}.tag{border-radius:999px;padding:5px 11px;font-size:.75rem;letter-spacing:.035em;border-color:#a1b2a7}
 .available{color:#15594e;background:#edf3ec}.plan-card h3{font-size:1.45rem;margin:22px 0 5px}.plan-price{color:var(--ink);font-size:2.7rem;line-height:1.3;margin:15px 0 23px;font-variant-numeric:tabular-nums}
 .plan-price small{margin-top:9px;color:var(--muted)}.plan-card li{font-size:1rem}.plan-card>.button{align-self:start;margin-top:auto}.plan-card>p:not(.plan-price){font-size:.95rem}
 .comparison-grid>div{background:#eaeee7;border-top:2px solid #769185;border-radius:0 0 15px 15px;padding:28px}
 .steps{max-width:950px;line-height:1.9}.steps li{margin:24px 0;padding-bottom:25px}.steps h3{margin-bottom:8px}.steps p{color:var(--muted)}
 .blog-next{background:var(--navy);color:#f5f6ef;border-radius:var(--radius);padding:36px;margin:40px 0 68px}.blog-next h2{font-size:1.55rem}.blog-next a{color:#e6c995}.blog-next .button{color:#142d32;background:var(--gold);border-color:var(--gold)}.blog-next .button.secondary{color:white;background:transparent;border-color:#8aa397}
 .notice,.blog-takeaway{border-left:3px solid #b8893f;background:#ebece3;border-radius:0 12px 12px 0;padding:26px 30px;line-height:1.9}.notice h2{font-size:1.3rem}.notice h3{font-size:1.16rem}
 .page-head{padding:52px 0 34px;max-width:900px}.page-head h1{font-size:clamp(2rem,4.2vw,3.7rem);line-height:1.4;margin:18px 0}.page-head .lead{margin:0}
 .release-note{font-size:.95rem;color:var(--muted);padding:20px 24px;border:1px solid var(--line);border-radius:10px;background:#fffefa}
 .article{max-width:800px;font-size:1.06rem;line-height:1.95}.article section{padding-bottom:15px}.article h2{font-size:1.55rem}.article a,.blog-article a{color:#1c6256}
 .article p,.blog-article p,.article li,.blog-article li{overflow-wrap:anywhere}
 .blog-head{max-width:920px;padding-top:38px}.blog-head h1{font-size:clamp(2rem,3.8vw,3.1rem);line-height:1.5}.blog-meta{font-size:.88rem;color:var(--muted)}
 .blog-layout{grid-template-columns:230px minmax(0,1fr);gap:52px}.blog-article{max-width:800px;font-size:1.08rem;line-height:2}.blog-article h2{font-size:1.65rem;line-height:1.65;padding-top:10px}
 .blog-toc{top:115px;font-size:.88rem;border-top:2px solid #b68d4d;padding-top:20px}.blog-toc li{margin-bottom:12px}.blog-toc a{color:#3c5957}
 .blog-example{background:#e8ede5;border-radius:14px}.example-label{box-shadow:4px 5px 0 #bacabd;border-radius:2px}.blog-table thead{background:#e9eee7}
 .faq-list{max-width:920px}.faq-list details{padding:25px 0}.faq-list summary{font-size:1.12rem}.faq-list p{font-size:1rem;color:var(--muted)}
 .demo-intro{padding:19px 24px;background:#e9eee6;border-left:3px solid #6c8a7c;border-radius:0 10px 10px 0;margin-bottom:28px;font-size:1rem}
 .demo-intro strong{display:block;margin-bottom:4px}.demo-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:24px;align-items:start}.demo-layout>*{min-width:0}
 .demo-layout form{background:#fffefa;padding:28px;border:1px solid var(--line);border-radius:var(--radius)}.demo-layout form h2{font-size:1.35rem}
 label{font-size:1rem;color:var(--ink);line-height:1.7}.form-grid{gap:12px 18px}.form-grid label{margin:7px 0}
 input:not([type=range]){border:1px solid #a1b5a8;border-radius:7px;background:white;padding:11px 12px;font-size:1rem;color:var(--ink)}input[type=range]{min-height:28px;accent-color:var(--green)}
 .demo-preview{border-radius:var(--radius);border:1px solid #aabeb1;background:#e3eae1;padding:28px;top:105px;min-width:0}.demo-preview svg{background:white;box-shadow:0 10px 24px #122e321c;max-height:420px;margin:28px auto}
 #demo-error{font-size:.95rem;line-height:1.8}.demo-preview small,.demo-preview p{color:#39564d}.download-block{border-radius:var(--radius);background:#e6ece3;border-color:var(--line)}
 .legal-body{max-width:900px;margin:0 auto 70px}.legal-body section{padding:20px 0}.legal-body li{padding:12px 0}.legal-body li p{color:var(--muted);font-size:.95rem;margin:8px 0 12px}
 footer{background:#112b32;color:#f1f4ed;padding:50px max(4vw,20px);gap:32px;border-top:1px solid #41605c}
 footer p{color:#bacdc4;font-size:.91rem}footer nav a{color:#e2ebe5;font-size:.86rem;min-height:36px;display:inline-flex;align-items:center}footer>small{color:#becfc7;font-size:.8rem}
 .course-progress,.practice-card,.practice-checklist{border-radius:14px}
 @media(max-width:1100px){.site-header .desktop-nav{display:none}.mobile-nav{display:block}.header-tools{gap:16px}.mobile-nav summary{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;list-style:none;font-size:.88rem;font-weight:600}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{font-size:1.3rem;color:#4a655c}.mobile-nav[open] summary span{transform:rotate(45deg)}.mobile-nav nav{position:absolute;right:20px;top:calc(100% - 1px);display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:18px;width:min(340px,calc(100vw - 40px));background:#fffefa;border:1px solid var(--line);border-radius:0 0 14px 14px;box-shadow:0 15px 30px #142e321a}.mobile-nav nav a{padding:10px 12px}.language-link{padding-left:0;border:0}.marketing-hero{padding:32px;gap:26px}.marketing-hero h1{font-size:2.2rem}.marketing-hero .actions{flex-direction:column;align-items:stretch}.workflow-layout{gap:32px}}
 @media(max-width:950px){.blog-layout{grid-template-columns:minmax(0,1fr);gap:18px}.blog-toc{position:static;background:#eef0e8;border:1px solid var(--line);border-radius:12px;padding:20px}.blog-toc ol{columns:2}.blog-article{max-width:100%}}
 @media(max-width:800px){main{padding:0 22px}.site-header{position:relative;gap:12px}.marketing-hero{grid-template-columns:minmax(0,1fr);margin-top:22px;padding:30px;gap:25px;border-radius:20px}.marketing-hero h1{font-size:clamp(2rem,5.5vw,2.8rem)}.marketing-hero .actions{flex-direction:row}.hero-screen{width:100%;max-width:640px}.workflow-layout{grid-template-columns:minmax(0,1fr);gap:28px}.label-board{max-width:600px;width:100%;justify-self:center}.workflow-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 25px}.workflow-steps li{gap:14px}.workflow-steps li:last-child{border-bottom:1px solid var(--line)}.section{padding:48px 0}.plan-grid,.proof-grid,.comparison-grid,.demo-layout{grid-template-columns:minmax(0,1fr)}.demo-preview{position:static}.form-grid{grid-template-columns:1fr 1fr}.page-head{padding:38px 0 26px}.hero-badge{border-radius:10px}.blog-related>.blog-cards{grid-template-columns:1fr}.article{font-size:1.04rem}footer nav{flex-direction:row;gap:12px 20px}}
 @media(max-width:520px){body{font-size:16px}.brand{font-size:1.04rem;gap:5px}.brand img{width:37px;height:37px}.brand small{font-size:.61rem}.brand b{font-size:.6rem}.site-header{padding:12px 17px}.header-tools{gap:12px}.language-link{font-size:.78rem}.mobile-nav summary{font-size:.79rem;gap:4px}.mobile-nav summary span{font-size:1.1rem}main{padding:0 18px}.marketing-hero{padding:24px 21px}.marketing-hero h1{font-size:1.88rem;line-height:1.5}.marketing-hero .lead{font-size:1rem}.marketing-hero .actions{flex-direction:column;align-items:stretch}.hero-badge{font-size:.8rem}.screen-chrome{font-size:.5rem;padding:9px}.section{padding:42px 0}.workflow-steps{display:block}.workflow-steps li{gap:17px;padding:16px 0}.label-board{padding:21px}.sample-label{padding:10px 12px}.sample-label p{font-size:1.04rem}.blog-cards{grid-template-columns:1fr}.blog-card,.plan-card{padding:24px}.blog-next{padding:26px 23px}.blog-toc ol{columns:1}.blog-head h1{font-size:1.9rem}.blog-article{font-size:1.03rem}.blog-article h2{font-size:1.4rem}.form-grid{grid-template-columns:1fr}.demo-layout form,.demo-preview{padding:22px}.page-head h1{font-size:2rem}.download-block{padding:25px}.notice{padding:22px}.actions .button{max-width:100%}.plan-price{font-size:2.4rem}.site-breadcrumb{font-size:.8rem}.demo-intro{padding:18px 20px}}
 @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
 @media(forced-colors:active){.button,.hero-screen,.hero-badge,.blog-card,.plan-card,.sample-label{border:1px solid CanvasText}.marketing-hero{background:Canvas;color:CanvasText}.marketing-hero h1 em,.marketing-hero .lead,.marketing-hero .micro{color:CanvasText}}
}