:root{--ink:#000000;--muted:#555555;--primary:#a71415;--paper:#fafafa;--line:#dedede;--soft:#fbefef;--accent:#edc7c7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.25em}button,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a71415;outline-offset:5px}p{line-height:1.7;margin:0 0 1.25rem}h1,h2,h3{line-height:1.13;letter-spacing:-.035em;margin:0}h1{font-size:clamp(2.45rem,4.8vw,4.65rem);font-weight:650;max-width:850px}h2{font-size:clamp(1.75rem,3vw,2.7rem);font-weight:620}h3{font-size:1.45rem;font-weight:630}.wrap{max-width:1240px;margin:auto;padding-left:40px;padding-right:40px}.site-header{min-height:100px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:1.35rem;font-weight:740;letter-spacing:-.04em;white-space:nowrap}.brand small{font-size:.75em;font-weight:450;letter-spacing:0}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--primary);border-radius:9px;color:white;font-size:1.9rem;line-height:1}.site-header nav{display:flex;gap:24px;margin-left:auto}.site-header nav a{font-size:.9rem;text-decoration:none;padding:14px 0;color:var(--muted)}.site-header nav a[aria-current=page]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--primary);text-decoration-thickness:2px}.header-tools{display:flex;align-items:center;gap:20px}.login-link{font-weight:650;text-decoration:none;white-space:nowrap;font-size:.9rem}.language{display:flex;gap:5px;align-items:center}.language select,.language button{min-height:40px;background:transparent;border:1px solid var(--line);border-radius:7px;color:var(--ink);font-size:.75rem;padding:5px}.language button{cursor:pointer}.environment{background:#f2f2f2;border-top:1px solid #dedede;border-bottom:1px solid #dedede}.environment .wrap{display:flex;align-items:center;gap:14px;padding-top:13px;padding-bottom:13px;font-size:.76rem;line-height:1.5;color:#444444}.pill{font-size:.63rem;letter-spacing:.06em;border:1px solid #777777;border-radius:4px;padding:3px 7px;font-weight:700;white-space:nowrap}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:60px;padding:86px 0 80px}.eyebrow{font-size:.7rem;font-weight:720;letter-spacing:.13em;color:var(--primary);margin-bottom:22px}.hero h1{margin-bottom:26px}.lead{font-size:1.08rem;line-height:1.75;color:var(--muted);max-width:740px}.actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 24px;border:1px solid var(--primary);border-radius:8px;text-decoration:none;background:var(--primary);color:#fff;font-size:.93rem;font-weight:650;min-height:50px}.button:hover{background:#891011}.button.secondary{color:var(--ink);background:transparent;border-color:#aaaaaa}.button.secondary:hover{background:#eeeeee}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:.91rem;font-weight:650;text-decoration:none}.text-link:hover,.login-link:hover{text-decoration:underline}.workspace-illustration{margin:0;position:relative;background:white;border:1px solid #dddddd;border-radius:16px;transform:rotate(-1.5deg)}.workspace-top{padding:19px 22px;display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--line);font-size:.87rem}.mini-mark{color:var(--primary);font-size:1.4rem}.window-dots{margin-left:auto;color:#888888;letter-spacing:3px}.workspace-body{display:flex;padding:26px;gap:22px;min-height:244px}.mock-sidebar{width:18%;padding-top:6px}.mock-sidebar i{display:block;height:8px;background:#ebebeb;margin-bottom:22px;border-radius:4px}.mock-sidebar i:first-child{background:#a71415}.mock-page{flex:1;border:1px solid var(--line);border-radius:8px;padding:15px}.mock-cover{height:89px;border-radius:5px;background:#fbefef;display:flex;justify-content:space-between;align-items:flex-start;padding:12px;font-size:.6rem;font-weight:650;color:#700d0e;margin-bottom:16px}.mock-page strong{font-size:.76rem}.mock-line{height:5px;border-radius:5px;background:#ebebeb;margin-top:9px;width:88%}.mock-line.short{width:62%}.mock-tiles{display:flex;gap:8px;margin-top:17px}.mock-tiles i{flex:1;height:29px;background:#f4f4f4;border-radius:4px}.publishing-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 20px;margin:0 0 20px}.publishing-steps li{border-top:2px solid #a71415;padding-top:10px;font-size:.68rem;line-height:1.6}.publishing-steps span{display:block;color:var(--primary);font-weight:650;font-size:.6rem}.workspace-illustration figcaption{text-align:center;font-size:.67rem;color:var(--muted);border-top:1px solid var(--line);padding:15px 10px;line-height:1.5}.section-space{margin:30px 0 75px}.section-heading{max-width:720px;margin-bottom:32px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{border-top:1px solid #cccccc;padding:26px 4px 12px}.card-number{display:block;color:#a71415;font-size:.78rem;margin-bottom:25px;font-weight:650}.feature-card h3{margin-bottom:18px;max-width:270px}.feature-card p{font-size:.94rem;color:var(--muted)}.workflow{border:1px solid var(--line);border-radius:12px;padding:34px}.workflow h2{font-size:1.8rem;margin-bottom:28px}.workflow ol{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:0;margin:0 0 24px;list-style:none}.workflow li{font-size:.9rem;line-height:1.5}.workflow li span{display:block;font-weight:700;color:var(--primary);margin-bottom:12px}.fine-print{color:var(--muted);font-size:.79rem;margin:20px 0 0;line-height:1.7}.boundary{background:#000000;color:#fff;border-radius:12px;padding:40px;display:flex;align-items:center;gap:50px}.boundary>div{max-width:720px}.boundary .eyebrow{color:#ffffff}.boundary h2{font-size:2rem;margin-bottom:20px}.boundary p{color:#e5e5e5;font-size:.94rem;margin-bottom:0}.boundary .button{color:#fff;border-color:#bbbbbb;flex-shrink:0}.boundary .button:hover{background:#292929}.start{max-width:800px}.start h2{margin-bottom:20px}.start p{color:var(--muted)}.page-intro{padding:70px 0 42px;max-width:910px}.page-intro h1{margin-bottom:28px}.demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.demo-card{padding:32px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;flex-direction:column;align-items:flex-start}.demo-card h2{font-size:1.7rem;margin-bottom:20px}.demo-card p{color:var(--muted);font-size:.95rem}.demo-card .eyebrow{color:var(--primary);font-size:.67rem}.access-label{font-size:.72rem;border-radius:4px;background:var(--soft);padding:6px 9px;margin-top:auto;margin-bottom:22px}.demo-guidance{padding:28px 0;margin:24px 0 45px;max-width:800px}.contact-panel{padding:40px;border:1px solid var(--line);border-radius:12px;margin:0 0 65px;max-width:900px;background:white}.contact-panel h2{font-size:1.5rem}.contact-email{font-size:clamp(1.25rem,4vw,2.1rem);display:inline-block;margin:25px 0;overflow-wrap:anywhere}.contact-panel p{color:var(--muted);max-width:650px}.context-help{border-top:1px solid var(--line);padding:24px 0 32px;font-size:.9rem}.context-help summary{cursor:pointer;width:fit-content;font-weight:650;min-height:30px}.context-help p{max-width:760px;color:var(--muted);margin:15px 0}.site-footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:30px;display:flex;align-items:center;gap:35px;font-size:.78rem}.site-footer .brand{font-size:1rem}.site-footer p{margin:0;color:var(--muted)}.site-footer>a:last-child{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:15px;top:-80px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}
@media(max-width:1050px){.site-header{gap:20px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}.site-header nav{order:3;width:100%;margin:0;justify-content:center}.header-tools{margin-left:auto}.hero{gap:30px;padding-top:55px}.hero h1{font-size:3.1rem}.boundary{display:block}.boundary .button{margin-top:25px}.workspace-body{padding:18px}.workspace-top{padding:15px}.publishing-steps{padding:0 15px}}
@media(max-width:700px){.wrap{padding-left:22px;padding-right:22px}.site-header{gap:14px}.brand{font-size:1.13rem}.brand-mark{width:28px;height:28px}.header-tools{gap:13px}.login-link{font-size:.8rem}.language{gap:3px}.language button{font-size:.68rem;padding:4px}.site-header nav{justify-content:space-between;gap:12px}.site-header nav a{font-size:.83rem;padding:10px 0}.environment .wrap{align-items:flex-start;gap:10px;font-size:.72rem}.pill{font-size:.56rem;padding:3px 5px;margin-top:1px}.hero{grid-template-columns:1fr;padding:45px 0 35px;gap:40px}.hero h1{font-size:2.8rem;max-width:560px}.lead{font-size:1rem}.actions{gap:18px;margin-top:26px}.button{padding:13px 20px}.workspace-illustration{transform:none;max-width:480px;width:100%;margin:auto}.workspace-body{padding:20px;min-height:220px}.section-space{margin:35px 0 50px}.card-grid{grid-template-columns:1fr;gap:0}.feature-card{padding:24px 0 14px}.feature-card h3{max-width:none;font-size:1.45rem}.card-number{margin-bottom:14px}.workflow{padding:26px 22px}.workflow ol{grid-template-columns:1fr 1fr;gap:24px}.boundary{padding:29px 24px}.boundary h2{font-size:1.85rem}.page-intro{padding:45px 0 30px}.page-intro h1{font-size:2.7rem}.demo-grid{grid-template-columns:1fr;gap:18px}.demo-card{padding:26px}.contact-panel{padding:28px 22px}.site-footer{align-items:flex-start;flex-direction:column;gap:16px}.site-footer>a:last-child{margin-left:0}}
@media(max-width:370px){.wrap{padding-left:16px;padding-right:16px}.brand small{display:none}.header-tools{gap:9px}.site-header nav{gap:8px}.site-header nav a{font-size:.75rem}.hero h1{font-size:2.48rem}.actions .button{width:100%}.publishing-steps{gap:5px;font-size:.63rem}.workflow ol{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){a,button{transition:background-color .15s ease,color .15s ease}}
h1,h2,h3,p{overflow-wrap:anywhere;hyphens:auto}.feature-card,.demo-card,.hero-copy,.workspace-illustration{min-width:0}

.brand-mark,.mini-mark{object-fit:contain;flex-shrink:0;background:#fff;border-radius:5px;padding:2px}.brand-mark{display:block;width:32px;height:32px}.mini-mark{width:24px;height:24px}

.text-link,.contact-email{color:var(--primary)}.boundary a:focus-visible{outline-color:#fff}

/* Suite policy: flat controls; visible keyboard focus; keep user-controlled zoom. */
*, *::before, *::after { box-shadow: none !important; text-shadow: none !important; }
:focus-visible { outline: 2px solid #a71415; outline-offset: 2px; }
@media (max-width: 767px), (hover: none) and (pointer: coarse) {
  input, textarea, select { font-size: max(16px, 1rem) !important; }
}

.boundary :focus-visible { outline-color: #fff; }
