:root{--ink:#07110e;--paper:#ecf4ef;--green:#59f09f;--muted:#53645b;--line:#c7d5cc;font-family:Inter,"Helvetica Neue","Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
html{scroll-behavior:smooth}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
h1,h2,h3,p{margin:0}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible{outline:3px solid #237d4b;outline-offset:5px}
.skip-link{position:fixed;top:-90px;left:15px;background:var(--ink);color:white;padding:15px;z-index:20}
.skip-link:focus{top:15px}
.site-header{max-width:1360px;margin:auto;padding:26px 54px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}
.wordmark{display:flex;align-items:center}
.wordmark img{width:156px}
.site-header nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:52px;padding:16px 22px;border-radius:8px;font-size:14px;font-weight:650;transition:transform .15s,background .15s}
.button:hover{transform:translateY(-2px)}
.button.dark{background:var(--ink);color:var(--paper)}
.button.dark:hover{background:#183a28}
.button.green{background:var(--green);color:var(--ink)}
.button.small{min-height:44px;padding:12px 18px;gap:24px}
.hero{max-width:1360px;min-height:670px;margin:auto;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:40px;padding:90px 54px 96px}
.eyebrow{font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}
.hero h1{font-size:clamp(40px,4.7vw,66px);line-height:1.05;letter-spacing:-.06em;font-weight:600;margin-top:25px}
.hero h1 span{color:#216d43}
.intro{max-width:465px;font-size:16px;line-height:1.7;color:var(--muted);margin-top:26px}
.actions{display:flex;align-items:center;gap:28px;margin-top:30px}
.text-link{display:inline-flex;align-items:center;gap:20px;font-size:14px;font-weight:600;padding:12px 0;border-bottom:1px solid currentColor}
.promise{font-size:12px;color:var(--muted);margin-top:24px}
.promise span{color:#278351;margin-right:8px}
.hero-art{text-align:center;padding:30px 10px 0}
.hero-art img{width:430px;height:335px;object-fit:contain}
.hero-art p{font-size:13px;line-height:1.6;color:var(--muted);margin-top:25px}
.section-wrap{max-width:1360px;margin:auto;padding-left:54px;padding-right:54px}
.products{padding-top:75px;padding-bottom:110px;border-top:1px solid var(--line)}
.section-heading{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-bottom:48px}
.section-heading .eyebrow{padding-top:10px}
.section-heading h2{font-size:clamp(32px,4vw,49px);line-height:1.1;letter-spacing:-.045em;font-weight:500;max-width:640px;flex-basis:59%}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.product{border:1px solid var(--line);padding:32px;border-radius:18px;display:flex;flex-direction:column;align-items:flex-start}
.timer-product{background:#f5f9f6}
.presenter-product{background:#e0ebe3}
.product-top{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:95px;margin-bottom:32px}
.product-logo{object-fit:contain;max-width:210px;max-height:83px}
.status{font-size:11px;white-space:nowrap;padding:7px 10px;border:1px solid #bccfc0;border-radius:30px;display:flex;align-items:center;gap:6px}
.status i{width:6px;height:6px;background:#21834c;border-radius:50%}
.upcoming{color:var(--muted)}
.product h3{font-size:29px;font-weight:500;letter-spacing:-.04em;margin-bottom:15px}
.product>p{font-size:15px;line-height:1.75;color:var(--muted)}
.timer-example{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--paper);width:100%;aspect-ratio:16/9;border-radius:12px;margin:30px 0}
.timer-example__brand{position:absolute;z-index:2;top:8%;left:6%;width:21%;height:auto}
.timer-example__watermark{position:absolute;z-index:0;width:43%;height:auto;left:50%;top:52%;transform:translate(-50%,-50%);opacity:.045}
.timer-example__title{position:absolute;z-index:2;top:27%;left:15%;right:15%;font-size:clamp(12px,1.55vw,22px);font-weight:650;text-align:center}
.timer-example__clock{position:absolute;z-index:2;top:43%;left:4%;right:4%;font-variant-numeric:tabular-nums;font-size:clamp(46px,6.5vw,88px);line-height:1;font-weight:700;letter-spacing:-.06em;color:#f5f7f5;text-align:center}
.timer-example__anchor{position:absolute;z-index:2;top:76%;left:12%;right:12%;display:flex;align-items:center;justify-content:center;gap:6px;color:#59f09f;font-size:clamp(8px,1.1vw,15px);font-weight:550;text-align:center}
.timer-example__anchor svg{width:1.25em;height:1.25em;fill:#59f09f;stroke:#59f09f;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.timer-example__footer{position:absolute;z-index:2;bottom:5%;left:50%;display:flex;align-items:center;gap:6px;transform:translateX(-50%);font-size:clamp(8px,.9vw,12px);font-weight:650;color:#ffffffc7;white-space:nowrap}
.timer-example__footer svg{width:1.35em;height:1.35em;fill:none;stroke:#2ee8a4;stroke-width:1.8}
.product ul{padding:0;list-style:none;font-size:13px;line-height:1.6;margin:0 0 32px;color:var(--muted)}
.product li{padding:8px 0;border-bottom:1px solid var(--line)}
.product li:before{content:'✓';margin-right:9px;color:#237d4b}
.product-actions{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:10px;width:100%;margin-top:auto}
.product-actions .button{gap:14px;padding-inline:18px}
.support-button{background:transparent;border:1px solid #9cb4a4;color:var(--ink)}
.support-button:hover{background:#e2eee6;border-color:#648a70}
.presenter-art{align-self:center;display:flex;align-items:center;justify-content:center;width:100%;min-height:305px;padding:34px}
.presenter-art img{object-fit:contain;max-height:240px}
.later-note{margin-bottom:23px}
.presenter-product>.text-link{margin-top:auto}
.why{background:var(--ink);color:var(--paper);padding:96px 0}
.why-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:40px}
.why .eyebrow{color:var(--green);padding-top:10px}
.why h2{font-size:clamp(35px,4.5vw,60px);line-height:1.08;letter-spacing:-.055em;font-weight:500;margin-bottom:28px}
.why p:not(.eyebrow){max-width:560px;color:#aebdb5;line-height:1.85;font-size:16px;margin-top:16px}
.why .button{margin-top:32px}
.site-footer{max-width:1360px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:36px 54px}
.site-footer p,.site-footer>a:last-child{font-size:12px;color:var(--muted)}
@media(max-width:950px){.site-header,.section-wrap,.site-footer{padding-left:28px;padding-right:28px}
.hero{padding:70px 28px;gap:10px;min-height:600px}
.hero-art img{height:290px}
.product{padding:24px}
.product-top{flex-direction:column;align-items:flex-start;gap:16px}
.product-logo{max-height:70px}
.actions{gap:18px}
.section-heading h2{flex-basis:65%}
}
@media(max-width:650px){.site-header{padding:20px}
.wordmark img{width:125px}
.site-header nav{gap:18px;font-size:12px}
.site-header nav>a:first-child{display:none}
.site-header nav .button{padding:10px 13px;gap:10px}
.hero{grid-template-columns:1fr;padding:48px 24px 40px;gap:10px}
.hero h1{font-size:42px;line-height:1.08;letter-spacing:-.055em}
.hero .eyebrow{font-size:10px}
.intro{font-size:15px;margin-top:20px}
.actions{flex-wrap:wrap}
.hero-art{padding:26px 0 0}
.hero-art img{height:205px}
.hero-art p{font-size:12px;margin-top:12px}
.section-wrap{padding-left:24px;padding-right:24px}
.products{padding-top:48px;padding-bottom:55px}
.section-heading{display:block;margin-bottom:28px}
.section-heading h2{margin-top:20px;font-size:35px}
.product-grid{grid-template-columns:1fr;gap:20px}
.product-top{flex-direction:row;align-items:center}
.product-logo{max-width:190px;max-height:74px}
.status{font-size:10px;padding:6px 8px}
.product h3{font-size:28px}
.timer-example__clock{font-size:clamp(50px,15vw,78px)}
.product-actions{grid-template-columns:1fr}
.presenter-art{min-height:240px;padding:26px}
.presenter-art img{max-height:185px}
.why{padding:58px 0}
.why-grid{grid-template-columns:1fr;gap:24px}
.why h2{font-size:41px}
.site-footer{padding:28px 24px;flex-wrap:wrap;gap:20px}
.site-footer p{order:3;flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{transition:none!important}
}

/* Keep all product links usable on narrow screens. */
@media(max-width:650px){.site-header{flex-wrap:wrap;gap:12px}.site-header nav{width:100%;flex-wrap:wrap;gap:12px 20px;justify-content:space-between}}

/* A real Presenter workspace, with one short, controllable preview. */
.presenter-demo{width:100%;margin:30px 0 20px;overflow:hidden;border-radius:12px;background:#101c16;color:#eaf4ee}
.presenter-demo video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#101c16}
.presenter-demo figcaption{display:flex;justify-content:space-between;gap:12px;padding:12px 14px 0;font-size:11px;line-height:1.5}
.demo-duration{color:#afc5b7;white-space:nowrap}
.demo-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:4px 8px 5px}
.demo-controls button,.demo-controls a{font:inherit;font-size:12px;font-weight:550;color:#eaf4ee;background:transparent;border:0;border-radius:5px;min-height:44px;padding:10px 7px;cursor:pointer;display:inline-flex;align-items:center;gap:10px}
.demo-controls button[hidden]{display:none}
.demo-controls button:hover,.demo-controls a:hover{color:#59f09f;background:#ffffff08}
.demo-controls button:focus-visible,.demo-controls a:focus-visible{outline:2px solid #59f09f;outline-offset:1px}
.presenter-product ul{width:100%;margin-bottom:18px}
.presenter-product .presenter-trial{font-size:12px;line-height:1.6;margin-bottom:22px}
.presenter-actions{width:100%;margin-top:auto}.presenter-actions .button{width:100%}
.demo-fallback{display:block;padding:12px;font-size:12px;text-decoration:underline}
@media(max-width:950px) and (min-width:651px){.presenter-demo figcaption{flex-direction:column;gap:2px}.demo-controls{gap:4px}.demo-controls button,.demo-controls a{font-size:11px}}
@media(max-width:380px){.presenter-product .product-top{flex-wrap:wrap;gap:12px}.presenter-demo figcaption{flex-direction:column;gap:2px}.demo-controls{flex-wrap:wrap;gap:0}.presenter-product h3{font-size:26px}}