:root{--green:#009900;--pale:#f2fbef;--line:#dce3ee;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:#080808;background:#fff;font-family:Arial,Helvetica,sans-serif}header,main{max-width:1024px;margin:auto}header{padding:80px 55px 38px;display:flex;align-items:center;justify-content:space-between;gap:30px}.sprite{background-image:url('assets/reference.png');background-repeat:no-repeat;background-size:1024px 1536px}.brand{display:block;flex-shrink:0;width:190px;height:74px;background-position:-51px -82px}nav{display:flex;gap:40px}nav a{font-size:20px;text-decoration:none;color:inherit;padding:12px 0;position:relative}nav a:hover,nav a.active{color:var(--green)}nav a.active:after{content:'';position:absolute;height:3px;background:var(--green);bottom:0;left:0;right:0;border-radius:3px}.hero{height:364px;position:relative;overflow:hidden}.hero-art{position:absolute;width:700px;height:364px;right:0;bottom:0;background-position:-324px -180px}.hero-copy{position:relative;z-index:1;padding:22px 50px;pointer-events:none}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;margin:0;letter-spacing:-1px}h1{font-size:50px;line-height:1.16;max-width:550px}p{margin:16px 0 0;line-height:1.25}.hero p{font-size:24px}.apps{border-top:1px solid var(--line);margin:0 49px;padding-top:7px}h2{text-align:center;font-size:46px;line-height:1.2}section:not(.hero):not(.contact) h2:after{content:'';display:block;width:75px;height:3px;background:var(--green);margin:10px auto 14px;border-radius:4px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 14px 27px}.cards article{background:var(--pale);border:1px solid #e3f3df;border-radius:16px;text-align:center;padding:0 15px 15px;display:flex;align-items:center;flex-direction:column}.app-icon{width:150px;height:122px;margin:0 auto}.land{background-position:-133px -646px}.accounting{background-position:-437px -646px}.book{background-position:-743px -646px}.badge{font-size:13px;font-weight:700;background:#ffcec7;color:#d60000;padding:3px 20px;border-radius:9px;display:inline-block}.cards h3{font-size:29px;line-height:.86;min-height:45px;display:flex;align-items:center;justify-content:center;margin-top:8px;letter-spacing:-.8px}.cards p{font-size:18px;min-height:45px;margin:8px 0 12px}.cards button,dialog .dismiss{background:transparent;color:#008800;border:1.5px solid #00a000;border-radius:9px;font-size:18px;font-weight:700;padding:5px 15px;cursor:pointer;width:100%;margin-top:auto}.cards button:hover,dialog .dismiss:hover{background:#e0f5d8}.technology{margin:0 32px 22px;padding:6px 22px 20px;border-radius:18px;background:#f3fbf1}.technology h2{font-size:36px}.technology h2:after{margin:4px auto!important}.subtitle{text-align:center;font-size:20px;margin:6px 0 22px}.features{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.features>div{display:flex;gap:20px;align-items:flex-start;padding:0 13px}.features>div+div{border-left:1px solid #b8d7b7}.features h3{font-size:23px;letter-spacing:-.5px}.features p{font-size:16px;margin-top:5px}.feature-icon{color:#0abd00;flex-shrink:0;width:44px;height:44px;font-size:48px;line-height:44px}.chip{font-size:25px;border:3px solid #0abd00;border-radius:7px;text-align:center;line-height:38px;margin-top:5px}.about{margin:0 49px;border-top:1px solid var(--line);padding:12px 0 20px;text-align:center}.about h2{font-size:42px}.about p{font-size:21px;margin-top:8px}.contact{text-align:center;background:linear-gradient(180deg,#f5fcf3 0%,#fbfef9 70%,#dbf3cb 100%);padding:6px 20px 28px;position:relative;overflow:hidden}.contact h2{font-size:46px}.contact p{font-size:21px;margin:0 0 18px}.coming-soon{display:inline-block;background:#008a00;color:white;border-radius:13px;font-size:23px;font-weight:bold;padding:11px 38px}footer{text-align:center;padding:12px 20px 8px;font-size:16px}footer span{margin:0 13px}a:focus-visible,button:focus-visible{outline:3px solid #178500;outline-offset:5px}.skip{position:fixed;top:-100px;left:15px;z-index:20;background:white;padding:12px}.skip:focus{top:10px}dialog{max-width:480px;width:calc(100% - 32px);border:1px solid #b8d7b7;border-radius:20px;padding:36px;text-align:center;box-shadow:0 20px 80px #0003}dialog::backdrop{background:#10200b80}dialog h2{font-size:32px;margin-top:16px}dialog p{font-size:18px;line-height:1.5}dialog .dismiss{margin-top:24px}.close{position:absolute;right:14px;top:8px;background:none;border:0;font-size:30px;cursor:pointer}
@media(min-width:1100px){body{padding-top:8px}}
@media(max-width:800px){header{padding:30px 24px 22px;flex-wrap:wrap;justify-content:center;gap:12px}nav{gap:24px}nav a{font-size:17px}.hero{height:510px}.hero-copy{padding:16px 24px}h1{font-size:42px}.hero p{font-size:21px}.hero-art{bottom:-8px;right:-35px;transform:scale(.8);transform-origin:bottom right}.apps{margin:0 20px}.cards{padding:0 0 25px;gap:12px}.cards article{padding:0 10px 14px}.cards h3{font-size:24px}.cards p{font-size:16px}.technology{margin:0 20px 22px;padding:18px}.technology h2{font-size:31px}.features{gap:10px}.features>div{gap:10px;padding:0 5px}.features h3{font-size:20px}.feature-icon{width:34px;height:38px;font-size:38px}.chip{font-size:22px;line-height:30px}.about{margin:0 20px}}
@media(max-width:580px){nav{gap:20px;flex-wrap:wrap;justify-content:center}nav a{font-size:16px}.hero{height:490px}h1{font-size:36px;letter-spacing:-1.2px}.hero p{font-size:20px;max-width:325px}.hero-art{right:-8px;transform:scale(.59)}.hero-copy{padding-top:12px}h2{font-size:38px}.cards{grid-template-columns:1fr;gap:18px;max-width:350px;margin:auto}.cards article{padding-bottom:18px}.cards h3{font-size:29px;min-height:0;line-height:1}.cards p{font-size:18px;min-height:0}.cards button{max-width:250px}.features{grid-template-columns:1fr;gap:18px;max-width:310px;margin:auto}.features>div{gap:22px}.features>div+div{border-left:0;border-top:1px solid #cde3c9;padding-top:18px}.features h3{font-size:24px}.features p{font-size:17px}.feature-icon{width:43px;height:44px;font-size:45px}.chip{font-size:25px;line-height:38px}.technology h2{font-size:29px}.subtitle{font-size:18px}.about h2{font-size:35px}.about p,.contact p{font-size:19px}.desktop{display:none}.contact{padding:18px 20px 30px}.contact h2{font-size:40px}.coming-soon{font-size:18px;padding:12px 20px}footer{font-size:13px}footer span{margin:0 5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Exclude reference typography from the artwork window; headings remain HTML. */
.hero-art{clip-path:polygon(225px 0,100% 0,100% 100%,0 100%,0 260px,125px 260px,125px 160px,225px 160px)}
@media(min-width:801px){h1{font-size:48px;max-width:610px;width:610px;letter-spacing:-1.8px}}
@media(min-width:801px){.cards h3{font-size:26px;letter-spacing:-1.3px}}