:root{color-scheme:light;--paper:#f8f8f5;--ink:#252d31;--muted:#697176;--gold:#9b7738;--line:#e3e4df;--card:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}
header{height:72px;max-width:1380px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:760;font-size:23px;letter-spacing:-.055em;text-decoration:none}.brand span{font:9px monospace;letter-spacing:.18em;margin-left:14px;color:var(--gold)}nav{display:flex;gap:25px}nav a{text-decoration:none;font-size:12px;color:var(--muted)}nav a:hover{color:var(--ink)}
main{max-width:1380px;margin:auto;padding:28px 30px 40px}.topline{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.topline h1{font:500 clamp(31px,4vw,49px)/1.02 Georgia,serif;letter-spacing:-.045em;margin:0}.topline h1 em{font-weight:400;color:var(--gold)}.topline p{font-size:12px;color:var(--muted);margin:0 0 5px}.kicker{font:9px monospace;letter-spacing:.15em;color:var(--gold);margin:0 0 8px}
.office-zone{display:grid;grid-template-columns:minmax(0,2.25fr) minmax(260px,.75fr);gap:18px;margin-bottom:24px}.editor-card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-height:450px;display:flex;flex-direction:column}.editor-top{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line);font-size:11px}.editor-top span:first-child{font-weight:650}.live-dot{display:inline-flex;align-items:center;gap:6px;color:#3c694b}.live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#4e9b67}.editor-preview{position:relative;flex:1;background:#e9e9e7;min-height:390px;overflow:hidden}.editor-preview img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}.editor-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 70%,rgba(0,0,0,.08));pointer-events:none}.open-editor{position:absolute;right:18px;bottom:18px;z-index:2;background:#232b2f;color:white;text-decoration:none;padding:12px 15px;border-radius:8px;font-size:12px;font-weight:650;box-shadow:0 8px 25px #0002}
.office-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.office-tile{min-height:132px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:16px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:transform .15s}.office-tile:hover{transform:translateY(-2px)}.office-tile .glyph{font:650 26px Georgia,serif}.office-tile strong{font-size:14px}.office-tile small{font-size:9px;color:var(--muted);letter-spacing:.04em}.office-tile.live{background:#24343a;color:#fff}.office-tile.live small{color:#c9d2d5}.office-tile.sheet .glyph{color:#477856}.office-tile.slides .glyph{color:#a96849}.office-tile.pdf .glyph{color:#8b4d50}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 10px}.section-head h2{font-size:16px;margin:0;font-weight:650}.section-head span{font:9px monospace;letter-spacing:.1em;color:var(--muted)}
.workspace-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:24px}.workspace-app{background:#fff;border:1px solid var(--line);border-radius:11px;padding:13px 14px;display:flex;align-items:center;gap:11px;min-width:0}.workspace-icon{height:34px;width:34px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:750;flex:0 0 auto}.workspace-app:nth-child(1) .workspace-icon{background:#385c73}.workspace-app:nth-child(2) .workspace-icon{background:#745a83}.workspace-app:nth-child(3) .workspace-icon{background:#3f5153}.workspace-app:nth-child(4) .workspace-icon{background:#715347}.workspace-app:nth-child(5) .workspace-icon{background:#59694f}.workspace-app strong{display:block;font-size:12px}.workspace-app small{display:block;font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pro-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.pro-app{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;text-decoration:none;transition:transform .15s}.pro-app:hover{transform:translateY(-2px)}.pro-art{height:74px;display:grid;place-items:center;color:#fff;font:650 15px monospace;letter-spacing:.08em}.pro-app:nth-child(1) .pro-art{background:#213647}.pro-app:nth-child(2) .pro-art{background:#62878d}.pro-app:nth-child(3) .pro-art{background:#2d2942}.pro-app:nth-child(4) .pro-art{background:#b59d83}.pro-app:nth-child(5) .pro-art{background:#1e3038}.pro-body{padding:11px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.pro-body strong{font-size:11px}.pro-body span{font-size:14px;color:var(--gold)}
footer{max-width:1380px;margin:auto;padding:18px 30px 32px;color:var(--muted);font-size:10px;display:flex;justify-content:space-between;border-top:1px solid var(--line)}
a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:980px){.office-zone{grid-template-columns:1fr}.office-menu{grid-template-columns:repeat(4,1fr)}.office-tile{min-height:100px}.workspace-strip{grid-template-columns:repeat(3,1fr)}.pro-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){header{height:auto;padding:17px 18px;align-items:flex-start}.brand span{display:block;margin:3px 0 0}nav{gap:12px}nav a{font-size:10px}main{padding:21px 15px 32px}.topline{align-items:flex-start;flex-direction:column}.topline h1{font-size:36px}.office-menu{grid-template-columns:1fr 1fr}.editor-card{min-height:330px}.editor-preview{min-height:280px}.workspace-strip{grid-template-columns:1fr 1fr}.pro-grid{grid-template-columns:1fr 1fr}.pro-grid .pro-app:last-child{grid-column:span 2}footer{padding:16px 18px 28px}}
.pricing-section{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.price-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px}.price-card.featured{border-color:#bda06a;box-shadow:0 10px 28px -22px #8e6b2a}.price-label{font:9px monospace;letter-spacing:.14em;color:var(--gold)}.price{display:flex;align-items:baseline;gap:5px}.price b{font:600 34px Georgia,serif;letter-spacing:-.04em}.price small{color:var(--muted);font-size:11px}.price-card p{font-size:11px;color:var(--muted);margin:0;min-height:34px}.price-button{margin-top:auto;display:inline-flex;justify-content:center;background:var(--ink);color:#fff;text-decoration:none;border-radius:7px;padding:10px 12px;font-size:11px;font-weight:650}.featured .price-button{background:var(--gold)}.pricing-note{font-size:9px;color:var(--muted);margin:9px 2px 0}@media(max-width:650px){.pricing-grid{grid-template-columns:1fr}.price-card p{min-height:0}}