:root{--ink:#182923;--muted:#617068;--green:#087550;--mint:#d7efdf;--paper:#f6f7f2;--line:#dfe5de;--white:#fff;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}[hidden]{display:none!important}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid #168a60;outline-offset:4px}.skip{position:fixed;left:20px;top:-100px;padding:10px;background:white;z-index:99}.skip:focus{top:10px}.topbar{height:78px;background:#ffffffdb;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1280px)/2));gap:24px}.brand{text-decoration:none;font-size:23px;font-weight:850;letter-spacing:-1px;white-space:nowrap}.brand span{color:#169f73}.brand-dot{display:inline-block;width:29px;height:29px;margin-right:9px;border-radius:9px;background:#169f73;color:#fff;vertical-align:middle;transform:rotate(-8deg);font-size:20px;text-align:center;line-height:29px}.topnav{display:flex;gap:27px;align-items:center}.topnav a{font-size:13px;text-decoration:none;color:var(--muted);font-weight:600}.topnav a.active{color:var(--green)}.local-pill{font-size:11px;border:1px solid #cdddcd;padding:7px 12px;border-radius:30px;white-space:nowrap;color:var(--green)}.local-pill:before{content:"";display:inline-block;width:6px;height:6px;background:#169f73;border-radius:50%;margin-right:7px}.main{max-width:1280px;margin:auto;padding:0 28px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:40px;padding:66px 0 52px;align-items:center}.eyebrow{color:var(--green);font-size:11px;letter-spacing:2px;font-weight:750;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow:before{content:"";width:23px;height:1px;background:var(--green)}h1{font-size:clamp(36px,4.6vw,62px);font-weight:650;line-height:1.07;letter-spacing:-3px;margin:21px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.hero p{color:var(--muted);font-size:15px;line-height:1.75;max-width:460px;margin:22px 0 27px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--line);padding:12px 19px;border-radius:8px;background:#fff;color:var(--ink);font-size:12px;font-weight:650;text-decoration:none}.btn.primary{background:var(--green);border-color:var(--green);color:white}.btn:hover{filter:brightness(.95)}.tiny{color:var(--muted);font-size:11px;line-height:1.7}.hero-art{height:350px;position:relative;isolation:isolate}.hero-art:before{content:"";position:absolute;background:#e1eddf;width:290px;height:290px;border-radius:50%;right:40px;top:25px;z-index:-1}.mini-window{background:#fff;border:1px solid #dae1d5;border-radius:12px;box-shadow:0 18px 45px #334b3420;overflow:hidden;position:absolute}.mini-window.w1{width:70%;top:10px;left:0;transform:rotate(-5deg)}.mini-window.w2{width:54%;right:0;top:112px;transform:rotate(6deg)}.mini-window.w3{width:49%;bottom:0;left:35px;transform:rotate(-2deg)}.window-bar{height:27px;background:#f9faf8;border-bottom:1px solid #e7eae4;display:flex;align-items:center;gap:4px;padding:0 10px;font-size:8px;color:#7b867b}.window-bar i{width:4px;height:4px;border-radius:50%;background:#c4cbc2}.window-bar span{margin:auto;font-size:8px}.stamp{position:absolute;bottom:6px;right:3px;background:#172e24;color:#e2f4e5;border-radius:50%;width:70px;height:70px;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(13deg);font-size:10px;line-height:1.7;box-shadow:0 3px 10px #304c3320}.value-strip{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 0;justify-content:space-between;gap:18px;font-size:12px;color:var(--muted)}.value-strip b{color:var(--ink);font-weight:600}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:48px 0 22px}.section-top h2{font-size:28px;font-weight:620;letter-spacing:-1px;margin:0 0 5px}.section-top p{margin:0;color:var(--muted);font-size:12px}.search{position:relative;max-width:300px;flex:1}.search input{width:100%;border:1px solid var(--line);background:#fff;padding:12px 42px 12px 36px;border-radius:8px;font-size:12px}.search:before{content:"⌕";position:absolute;left:13px;top:6px;font-size:24px;color:#6b796f}.search kbd{position:absolute;right:12px;top:11px;border:1px solid var(--line);border-radius:4px;font-size:10px;color:#88948b;padding:1px 4px}.filter-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:23px}.filter{border:1px solid transparent;border-radius:30px;padding:8px 14px;background:transparent;color:var(--muted);font-size:11px;font-weight:550}.filter[aria-pressed=true]{background:#fff;border-color:var(--line);color:var(--ink)}.filter:hover{background:#e9eee6}.results-label{font-size:11px;color:var(--muted);margin:0 0 15px}.apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.app-card{border:1px solid var(--line);border-radius:12px;background:white;overflow:hidden;position:relative;transition:transform .2s,box-shadow .2s}.app-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #1829230a}.app-visual{display:block;height:187px;padding:25px 27px 0;background:var(--tint);text-decoration:none;overflow:hidden}.preview-frame{height:175px;background:#fff;border:1px solid #ffffffa0;border-radius:7px 7px 0 0;box-shadow:0 10px 23px #00000012;overflow:hidden}.preview-frame svg{width:100%;height:140px;display:block}.app-body{padding:22px}.app-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.app-icon{width:33px;height:33px;border:1px solid #172e2410;border-radius:9px;background:var(--tint);color:var(--accent);display:grid;place-items:center;font-size:16px;font-weight:500}.app-head h3{font-size:18px;font-weight:630;letter-spacing:-.5px;margin:0}.app-type{font-size:9px;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin:2px 0 0}.favorite{border:0;background:transparent;color:#89938b;font-size:21px;padding:2px 4px;margin-left:auto;align-self:start}.favorite[aria-pressed=true]{color:#da923a}.card-description{color:var(--muted);font-size:12px;line-height:1.7;min-height:42px;margin:0 0 15px}.chips{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:21px}.chip{font-size:9px;color:#5e6c62;padding:4px 7px;background:#f3f5f0;border:1px solid #ebeee7;border-radius:4px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:15px;border-top:1px solid #eef0eb}.availability{color:#69846f;font-size:9px}.availability:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#29a475;margin-right:5px}.open-link{font-size:11px;font-weight:700;text-decoration:none;color:var(--green)}.open-link span{margin-left:8px}.empty{grid-column:1/-1;padding:65px;text-align:center;border:1px dashed var(--line);border-radius:12px}.empty p{color:var(--muted);font-size:13px}.recent{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 0}.recent-label{color:var(--muted);font-size:11px;align-self:center}.recent a{font-size:11px;text-decoration:none;border:1px solid var(--line);border-radius:6px;padding:8px 12px;background:#fff}.workflow-section{margin:60px 0 45px;background:#e4eedf;border-radius:14px;padding:32px;display:grid;grid-template-columns:.75fr 1.5fr;gap:40px}.workflow-section h2{font-size:25px;font-weight:620;letter-spacing:-1px;margin:15px 0 10px}.workflow-section p{font-size:12px;color:#607260;line-height:1.75;max-width:300px}.workflow-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:center}.workflow-link{background:#ffffffb3;padding:19px 15px;border-radius:9px;text-decoration:none;height:100%}.workflow-link strong{display:block;font-size:12px;margin:12px 0 8px}.workflow-link span{font-size:11px;color:#667663;line-height:1.5}.workflow-link .step{color:var(--green);font-size:10px;letter-spacing:1px}.faq-section{max-width:760px;margin:50px auto 60px}.faq-section h2{text-align:center;font-size:24px;letter-spacing:-.8px;font-weight:620;margin:0 0 25px}.faq-section details{border-bottom:1px solid var(--line);padding:18px 0;font-size:12px}.faq-section summary{font-weight:600;cursor:pointer}.faq-section details p{color:var(--muted);line-height:1.8}.footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:25px 28px;display:flex;justify-content:space-between;align-items:center;gap:22px;color:var(--muted);font-size:10px}.footer a{text-decoration:none;margin-left:14px}.footer .brand{font-size:17px}.footer-note{font-size:9px;max-width:600px;line-height:1.6;text-align:right}svg text{font-family:system-ui,sans-serif}
.workspace-body{background:#171c19;color:#edf3ef}.workspace-top{height:62px;background:#fff;color:var(--ink);padding:0 23px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.workspace-top .brand{font-size:18px}.back-link{font-size:11px;text-decoration:none;color:var(--muted)}.workspace-title{border-left:1px solid var(--line);padding-left:20px;font-size:13px;display:flex;align-items:center;gap:8px}.workspace-tools{margin-left:auto;display:flex;align-items:center;gap:10px}.workspace-tools .btn{padding:7px 10px;font-size:10px}.workspace-tools select{font-size:10px;padding:7px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink)}.editor-intro{max-width:1160px;margin:auto;padding:50px 30px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px}.intro-copy h1{font-size:46px;letter-spacing:-2px}.intro-copy p{font-size:13px;line-height:1.85;color:#a7b9ab}.intro-copy .eyebrow{color:#84d5a7}.intro-copy .eyebrow:before{background:#84d5a7}.intro-copy .btn.primary{background:#b6e5c7;color:#143224;border-color:#b6e5c7;margin:12px 0}.intro-copy .tiny{color:#98ad9e}.intro-visual{align-self:center;padding:32px;background:var(--tint);border-radius:12px}.intro-visual svg{width:100%;display:block;height:230px;background:#fff;border-radius:7px}.capabilities{margin:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:9px}.capabilities span{font-size:11px;color:#c6d6cb;border:1px solid #344139;border-radius:6px;padding:10px 12px}.how-to{grid-column:1/-1;border-top:1px solid #344139;padding-top:23px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.how-to b{font-size:12px;display:block;margin-bottom:9px}.how-to p{font-size:11px;line-height:1.8;color:#a7b9ab;margin:0}.editor-frame{width:100%;height:calc(100dvh - 98px);border:0;display:block;background:#252525}.workspace-status{height:36px;background:#202a24;display:flex;align-items:center;justify-content:space-between;padding:0 20px;color:#b8cdbf;font-size:10px;gap:12px}.workspace-status a{font-size:10px;color:#b8cdbf}.editor-error{padding:30px;text-align:center;color:#f0bd9b}.help-dialog{max-width:550px;border:1px solid var(--line);border-radius:12px;padding:26px;color:var(--ink);background:var(--paper)}.help-dialog::backdrop{background:#0009}.help-dialog h2{font-size:22px;letter-spacing:-.7px}.help-dialog p{font-size:13px;line-height:1.8;color:var(--muted)}.help-dialog ul{padding-left:20px;font-size:12px;line-height:1.8}.help-dialog a{color:var(--green)}.help-dialog .btn{float:right}.close-row{display:flex;justify-content:flex-end}.notice-list{padding:30px;max-width:1000px;margin:auto}.notice-list h1{font-size:40px}.notice-list p{font-size:13px;line-height:1.9;color:var(--muted)}.notice-entry{padding:20px 0;border-top:1px solid var(--line)}.notice-entry h2{font-size:19px}.notice-entry a{font-size:12px;color:var(--green);margin-right:15px;line-height:2.5}.suite-banner{background:#e6f5ee;border:1px solid #cfe8d8;border-radius:10px;max-width:1100px;margin:0 auto 22px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#126d4f;font:12px/1.7 system-ui,sans-serif}.suite-banner strong{display:block;font-size:14px}.suite-banner a{background:#087550;color:white;padding:8px 14px;border-radius:6px;text-decoration:none;white-space:nowrap}
@media(min-width:1100px){.app-card:last-child{grid-column:auto}.apps-grid .app-card:nth-child(7){grid-column:2}}
@media(max-width:1000px){.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:25px}.hero-art{height:300px}.workflow-section{grid-template-columns:1fr;gap:15px}.topnav{gap:15px}.topnav a{font-size:11px}.local-pill{display:none}h1{letter-spacing:-2px}.editor-intro{grid-template-columns:1fr 1fr;gap:25px}.workspace-top{gap:10px}.workspace-title{padding-left:10px}.workspace-tools{gap:6px}}
@media(max-width:680px){.topbar{height:64px;padding:0 18px;gap:12px}.brand{font-size:20px}.brand-dot{width:24px;height:24px;line-height:24px;font-size:17px}.topnav{gap:12px}.topnav a:first-child{display:none}.main{padding:0 18px}.hero{grid-template-columns:1fr;padding:40px 0 30px;gap:20px}.hero p{max-width:100%;font-size:13px}.hero-art{height:285px;max-width:430px;width:100%;margin:auto}h1{font-size:45px}.value-strip{font-size:10px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.section-top{margin-top:35px;flex-direction:column;align-items:stretch;gap:18px}.search{max-width:none}.apps-grid{grid-template-columns:1fr}.app-visual{height:200px}.preview-frame svg{height:155px}.preview-frame{height:190px}.workflow-section{margin:40px 0;padding:23px}.workflow-links{grid-template-columns:1fr}.workflow-link strong{margin:5px 0}.faq-section{margin:35px 0}.footer{flex-wrap:wrap;padding:20px 18px}.footer-note{text-align:left}.workspace-top{height:auto;min-height:60px;flex-wrap:wrap;padding:12px 15px;gap:10px}.workspace-title{font-size:12px}.workspace-tools{width:100%;margin:0;flex-wrap:wrap}.editor-intro{padding:30px 18px;grid-template-columns:1fr;gap:25px}.intro-copy h1{font-size:39px}.intro-visual{padding:20px}.how-to{grid-template-columns:1fr;gap:20px}.editor-frame{height:calc(100dvh - 151px)}.workspace-status{height:42px;font-size:9px;padding:0 12px}.workspace-status span{max-width:65%}.capabilities{gap:7px}.suite-banner{margin:0 16px 20px;font-size:11px;flex-wrap:wrap}.notice-list{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.brand .brand-dot{color:white}
