:root{--ink:#19231d;--paper:#f4f1e8;--cream:#e8e1d2;--sage:#9eac8a;--moss:#485d45;--orange:#df7047;--line:rgba(25,35,29,.18);--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);min-height:100vh}button,input{font:inherit}button,a{color:inherit}.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}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.26;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.09'/%3E%3C/svg%3E")}
.nav{height:88px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:flex;gap:10px;align-items:center;font:700 23px/1 var(--serif);text-decoration:none;letter-spacing:-.03em}.brand-mark{width:17px;height:17px;background:var(--orange);border-radius:50% 50% 50% 3px;transform:rotate(-18deg);display:inline-block}.nav-actions{display:flex;align-items:center;gap:28px}.status{font-size:12px;text-transform:uppercase;letter-spacing:.12em;display:flex;align-items:center;gap:8px}.status i{width:7px;height:7px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 4px rgba(158,172,138,.18)}.status.active i{background:var(--orange);animation:pulse 2s infinite}.text-button,.install-help{background:none;border:0;border-bottom:1px solid var(--ink);padding:4px 0;cursor:pointer;font-size:13px}
.hero{min-height:calc(100vh - 88px);padding:90px clamp(24px,8vw,130px) 100px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:580px;height:580px;border:1px solid rgba(72,93,69,.16);border-radius:50%;top:-260px;right:-110px;box-shadow:0 0 0 74px rgba(158,172,138,.06),0 0 0 150px rgba(158,172,138,.04);pointer-events:none}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:11px;color:var(--moss)}h1{font:400 clamp(58px,9vw,138px)/.83 var(--serif);letter-spacing:-.07em;margin:24px 0 30px;max-width:1050px}h1 em{font-weight:400;color:var(--orange)}.intro{font:400 clamp(18px,2vw,25px)/1.5 var(--serif);max-width:590px;margin:0 0 64px;color:#526057}
.workspace{margin-left:auto;width:min(780px,88%);background:#f8f5ed;border:1px solid var(--line);padding:clamp(25px,4vw,54px);box-shadow:18px 22px 0 var(--cream);position:relative;z-index:1}.workspace-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.workspace-head>div{display:flex;align-items:baseline;gap:18px}.step{font:italic 18px var(--serif);color:var(--orange)}h2{font:400 clamp(30px,4vw,53px)/1 var(--serif);letter-spacing:-.045em;margin:0}.counter{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#667268}.counter b{color:var(--ink)}
.site-form{display:flex;margin-top:38px;border-bottom:2px solid var(--ink)}.site-form input{flex:1;border:0;background:transparent;padding:14px 4px;font:400 clamp(21px,3vw,31px) var(--serif);outline:none;min-width:0;color:var(--ink)}.site-form input::placeholder{color:#a7aa9f}.site-form button{border:0;background:none;font-weight:700;cursor:pointer;padding:0 4px 0 20px}.site-form button span{color:var(--orange);margin-left:6px}.hint,.privacy{font-size:11px;color:#747b73;margin:9px 0 0}.site-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.site-chip{border:1px solid var(--line);background:var(--paper);padding:9px 11px 9px 14px;display:flex;align-items:center;gap:10px;font-size:13px}.site-chip span{width:7px;height:7px;border-radius:50%;background:var(--moss)}.site-chip button{border:0;background:none;cursor:pointer;color:#7f887f;font-size:16px;line-height:1}.suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:24px;font-size:11px}.suggestions>span{color:#858b84;text-transform:uppercase;letter-spacing:.12em;margin-right:5px}.suggestions button{border:1px solid var(--line);border-radius:30px;background:transparent;padding:7px 12px;cursor:pointer;font-size:11px}.suggestions button:hover{background:var(--cream)}.divider{height:1px;background:var(--line);margin:38px 0}.duration-head{margin-bottom:23px}.duration-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.duration{min-height:93px;border:1px solid var(--line);background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.duration:hover,.duration.active{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.duration strong,.duration input{font:400 31px var(--serif)}.duration span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin-top:4px}.duration input{border:0;background:transparent;color:inherit;width:80%;text-align:center;outline:0}.duration input::placeholder{color:inherit}.start-button{width:100%;border:0;background:var(--orange);color:#fff;margin-top:28px;padding:20px 23px;display:flex;justify-content:space-between;align-items:center;font-weight:700;cursor:pointer;transition:.2s}.start-button:hover{background:#c85c36;transform:translateY(-2px)}.start-button i{font-style:normal;font-size:22px}.privacy{text-align:center;margin-top:13px}
.session{min-height:calc(100vh - 88px);padding:70px clamp(24px,8vw,130px);background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.session[hidden]{display:none}.session-copy h2{font-size:clamp(60px,9vw,125px);margin:20px 0 30px}.session-copy p{font:20px/1.5 var(--serif);color:#bdc4ba;max-width:420px}.clock{width:min(390px,80vw);aspect-ratio:1;margin:auto;position:relative}.clock svg{width:100%;transform:rotate(-90deg)}.clock circle{fill:none;stroke-width:2}.clock-track{stroke:rgba(255,255,255,.12)}.clock-progress{stroke:var(--orange);stroke-width:4;stroke-linecap:round;stroke-dasharray:603.2;stroke-dashoffset:0;transition:stroke-dashoffset 1s linear}.clock-time{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.clock-time strong{font:400 clamp(54px,7vw,90px) var(--serif);letter-spacing:-.05em}.clock-time span{text-transform:uppercase;letter-spacing:.17em;font-size:10px;color:#a7b0a5}.session-sites{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:9px}.session-sites span{border:1px solid rgba(255,255,255,.16);padding:8px 12px;font-size:12px;color:#bdc4ba}.end-button{grid-column:1/-1;justify-self:start;border:0;border-bottom:1px solid #879087;background:none;color:#879087;cursor:pointer;padding:4px 0}
.manifesto{padding:120px clamp(24px,8vw,130px);background:#dfe5d5}.manifesto blockquote{font:400 clamp(39px,6vw,83px)/1.07 var(--serif);letter-spacing:-.05em;margin:38px 0 100px;max-width:1000px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;border-top:1px solid rgba(25,35,29,.22);padding-top:35px}.how-grid article span{color:var(--orange);font:italic 18px var(--serif)}.how-grid h3{font:400 27px var(--serif);margin:25px 0 12px}.how-grid p{font-size:14px;line-height:1.7;color:#536052;max-width:280px}.extension-card{margin:70px clamp(24px,8vw,130px);border:1px solid var(--line);padding:clamp(30px,5vw,65px);display:grid;grid-template-columns:1.5fr .7fr;gap:50px;align-items:end}.extension-card h2{margin:15px 0 18px}.extension-card p:not(.eyebrow){font:18px/1.5 var(--serif);color:#5c675f;max-width:600px}.extension-action{display:flex;flex-direction:column;align-items:stretch;gap:14px}.download-button{background:var(--ink);color:var(--paper);padding:19px 21px;text-decoration:none;display:flex;justify-content:space-between;font-weight:700;font-size:13px}.install-help{align-self:center}footer{border-top:1px solid var(--line);padding:38px clamp(24px,5vw,76px);display:flex;justify-content:space-between;align-items:center}footer p{font:italic 14px var(--serif);color:#707770}
dialog{max-width:520px;border:0;background:var(--paper);color:var(--ink);padding:50px;box-shadow:0 22px 80px rgba(0,0,0,.24)}dialog::backdrop{background:rgba(25,35,29,.65);backdrop-filter:blur(5px)}dialog h2{margin:18px 0 28px}dialog p{line-height:1.65;color:#536052}dialog code{background:var(--cream);padding:2px 5px}.dialog-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:27px;cursor:pointer}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 18px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(223,112,71,.12)}}
@media(max-width:720px){.nav{height:70px}.status{display:none}.hero{padding-top:60px}.hero h1{font-size:62px}.workspace{width:calc(100% - 8px);padding:25px;box-shadow:8px 10px 0 var(--cream)}.workspace-head>div{gap:10px}.duration-row{grid-template-columns:1fr 1fr}.session{grid-template-columns:1fr;text-align:center}.session-copy p{margin-inline:auto}.session-sites,.end-button{justify-self:center}.how-grid,.extension-card{grid-template-columns:1fr}.how-grid{gap:35px}.manifesto{padding-block:80px}.manifesto blockquote{margin-bottom:70px}footer{align-items:flex-start;gap:20px}dialog{width:calc(100% - 28px);padding:38px 28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}