@font-face{font-family:Satoshi;src:url('/assets/Satoshi-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Satoshi;src:url('/assets/Satoshi-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Satoshi;src:url('/assets/Satoshi-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--ink:#172019;--muted:#536052;--lime:#a0ee2c;--paper:#f6f8f1;--line:#d6ddd0;--white:#fff;--cherry:#8c2445;--small:.875rem;--body:1rem;--title:clamp(1.5rem,2.3vw,2rem);--display:clamp(2.25rem,4.2vw,3.5rem);--section:clamp(3rem,6vw,6rem);--radius:24px;color-scheme:light;font-family:Satoshi,Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:110px}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:700;line-height:1.15;letter-spacing:-.035em;text-wrap:balance}h2,h3{font-size:var(--title)}p{line-height:1.6}p+p{margin-top:1rem}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:var(--ink);background:transparent;border:0}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #477525;outline-offset:4px}img,video{display:block;max-width:100%;height:auto}svg{flex:0 0 auto}.icon{width:22px;height:22px;stroke:currentColor;vertical-align:middle}input{min-width:0;max-width:100%}[hidden]{display:none!important}.wrap{width:min(100% - 64px,1280px);margin-inline:auto;min-width:0}.section{padding-block:var(--section)}.display{font-size:var(--display);letter-spacing:-.045em;line-height:1.08}.small,.eyebrow,figcaption{font-size:var(--small)}.eyebrow{font-weight:500;display:flex;align-items:center;gap:10px;color:var(--muted);margin-bottom:20px}.small{line-height:1.55}.skip{position:fixed;left:16px;top:-100px;z-index:100;background:var(--white);padding:12px 18px;border-radius:12px}.skip:focus{top:16px}.preview-note{font-size:var(--small);padding:8px 20px;text-align:center;background:#e9efde;color:#344133}.site-header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:88px}.brand{display:block;flex-shrink:0;background:white;border-radius:4px}.brand img{width:150px;height:44px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav>a:not(.button){text-decoration:none;font-weight:500}.site-header nav>a:hover{color:#3d651b}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:14px 24px;border:1px solid transparent;border-radius:999px;text-decoration:none;line-height:1.3;font-weight:700;text-align:center;transition:background-color .18s,color .18s,border-color .18s,transform .18s}.button .icon{width:20px;height:20px}.button.dark{background:var(--ink);color:#fff}.button.dark:hover,.button.dark:active{background:#30492b;color:#fff}.button.lime{background:var(--lime);color:var(--ink)}.button.lime:hover,.button.lime:active{background:#b5fb54;color:var(--ink)}.button.outline{border-color:var(--ink);background:#fff;color:var(--ink)}.button.outline:hover,.button.outline:active{background:#edf4e5;color:var(--ink)}.menu-button{display:none}.actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}.text-link{font-weight:700}.hero{background:var(--ink);color:white;padding:64px 0}.hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px}.hero .eyebrow{color:#bfcbb8}.hero h1 span{color:var(--lime)}.hero-copy>p:not(.eyebrow){margin-top:24px;max-width:48ch;color:#d5dece}.hero-media{min-width:0;display:flex;flex-direction:column;gap:12px;align-items:stretch}.film-frame{position:relative;border:1px solid #ffffff66;aspect-ratio:16/9;overflow:hidden;border-radius:22px;background:#fff}.film-frame video{width:100%;height:100%;object-fit:contain}.sound-toggle,.motion-toggle{border-radius:999px;font-size:var(--small);line-height:1.3}.sound-toggle{position:absolute;right:14px;bottom:14px;padding:11px 16px;background:var(--ink);color:#fff;border:1px solid #ffffff3d;font-weight:700}.sound-toggle:is(:hover,:focus,:active){background:#31462c;color:#fff}.motion-toggle{align-self:flex-end;padding:9px 15px;border:1px solid #ffffff40;background:#ffffff05;color:#e4ecd9}.motion-toggle:is(:hover,:focus,:active){color:var(--lime);border-color:var(--lime);background:#ffffff08}.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}.split p{margin-top:24px;color:var(--muted)}.split figure p{margin:0}.devices{width:100%;max-height:520px;object-fit:contain}.platform-labels{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.platform-labels span,.pill{padding:6px 12px;border-radius:999px;background:#edf4e2;font-size:var(--small);white-space:nowrap}.modules{background:#fff}.section-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.section-top>p{max-width:42ch;color:var(--muted)}.section-top>div>p{margin-top:12px;color:var(--muted)}.module-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:36px 0}.module-tabs button{padding:12px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:500;transition:background .15s,color .15s}.module-tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.module-tabs button:not([aria-selected=true]):is(:hover,:focus,:active){background:#edf4e2;border-color:#9db485;color:var(--ink)}.module-panel{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center}.module-panel h3{font-size:var(--title)}.module-panel p{margin-top:20px;color:var(--muted)}.check-list{list-style:none;padding:0;margin:26px 0;display:grid;gap:14px}.check-list li{display:flex;align-items:flex-start;gap:10px;line-height:1.5}.check-list .icon{width:18px;height:18px;color:#477525;margin-top:3px}.product-visual{padding:28px;min-width:0;border-radius:var(--radius);background:#edf2e6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.product-visual img{max-height:480px;width:100%;object-fit:contain}.product-visual figcaption{color:var(--muted);text-align:center}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.role-grid article{border-top:1px solid var(--line);padding-top:24px}.role-grid h3{font-size:var(--title)}.role-grid .eyebrow{margin-bottom:12px}.role-grid .check-list{margin-bottom:0}.pricing{border-block:1px solid var(--line)}.billing{display:flex;gap:4px;align-items:center;border-radius:999px;background:#e4eadb;padding:5px;flex-shrink:0}.billing button{padding:11px 18px;border-radius:999px;min-height:44px;white-space:nowrap;font-size:var(--small);font-weight:700}.billing button[aria-pressed=true]{background:var(--ink);color:#fff}.billing button:not([aria-pressed=true]):is(:hover,:focus,:active){background:#d6e1c8;color:var(--ink)}.discount{display:inline-block;border-radius:5px;padding:4px 8px;background:var(--lime);color:var(--ink);font-size:var(--small);font-weight:700;line-height:1.1;white-space:nowrap}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;margin-top:42px}.plan{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;position:relative;min-width:0;display:flex;flex-direction:column;align-self:stretch}.plan.recommended{border:2px solid var(--lime);padding:27px}.recommendation{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--lime);border-radius:999px;padding:8px 16px;font-size:var(--small);font-weight:700;white-space:nowrap}.plan-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan-head h3{font-size:var(--title);white-space:nowrap}.plan-description{color:var(--muted);min-height:3.2em;margin-top:20px}.price-area{margin:28px 0 24px;min-width:0}.price{--type-price:clamp(2rem,3.5vw,2.75rem);display:flex;align-items:baseline;gap:5px;font-weight:700;font-size:var(--type-price);letter-spacing:-.035em;line-height:1.15;font-variant-numeric:lining-nums}.price-unit{font-size:var(--body);letter-spacing:0}.price-area>p{margin-top:10px}.old-price{display:flex;gap:12px;align-items:center;margin-bottom:8px}.old-price s{color:var(--cherry);font-weight:700}.savings{margin-top:18px;background:#172019c7;border-radius:12px;padding:12px 16px;color:#fff;font-size:var(--small)}.savings>span{color:#b5fc53}.savings>div{display:flex;align-items:baseline;gap:7px;margin-top:4px;flex-wrap:wrap}.savings strong{font-size:var(--body);font-weight:700;letter-spacing:-.01em;font-variant-numeric:proportional-nums}.price-note{color:var(--muted);min-height:3.1em}.plan-features{border-top:1px solid var(--line);padding-top:20px;margin-top:auto}.plan-features summary{font-weight:500;display:flex;gap:12px;align-items:center;justify-content:space-between}.plan-features summary .icon{width:18px}.plan-features .check-list{margin:24px 0}.plan>.button{margin-top:24px;width:100%}summary{cursor:pointer;list-style:none;line-height:1.45}summary::-webkit-details-marker{display:none}details[open]>summary .icon{transform:rotate(180deg)}.faq-item[open]>summary .icon,.base details[open]>summary .icon,.billing-details[open]>summary .icon{transform:rotate(45deg)}.disclosure-body{overflow:hidden}.pricing-trial{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:26px;text-align:center;color:var(--muted)}.annual-terms{max-width:85ch;margin:20px auto 0;color:var(--muted);text-align:center}.config-disclosure{margin-top:36px}.config-disclosure>summary{border:1px dashed #bec7b5;border-radius:var(--radius);padding:24px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.config-disclosure>summary>span:first-child{display:grid;gap:6px}.config-disclosure>summary>span:first-child>span{font-size:var(--small);color:var(--muted)}.disclosure-label{flex-shrink:0;font-size:var(--small);min-height:44px;padding:11px 18px}.disclosure-label .icon{width:16px;height:16px}.config-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.44fr);gap:24px;margin-top:28px;align-items:start}.config-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:28px;min-width:0}.config-card label[for=people]{display:block;margin-top:10px;color:var(--muted)}.stepper{display:flex;align-items:center;border:1px solid #afbea2;border-radius:14px;min-height:52px;flex-shrink:0;overflow:hidden}.stepper button{width:42px;min-height:50px;display:grid;place-items:center}.stepper button:is(:hover,:focus,:active){background:#edf4e2;color:var(--ink)}.stepper .icon{width:18px}.stepper input{width:64px;border:0;text-align:center;padding:0;font-weight:700;color:var(--ink);appearance:textfield;-moz-appearance:textfield;background:#fff}.stepper input::-webkit-inner-spin-button{appearance:none}.base{border-radius:18px;padding:24px;background:#f0f6e9;margin-top:24px}.base>.section-top{align-items:baseline;gap:16px;flex-wrap:wrap}.base>p{margin-top:12px;color:var(--muted)}.base details{margin-top:12px}.base summary{font-size:var(--small);font-weight:700;color:#477525;display:flex;align-items:center;gap:5px}.base summary .icon{width:14px}.base .check-list{font-size:var(--small);margin-bottom:0}.module-options{margin:28px 0 24px;padding:0;border:0;min-width:0}.module-options legend{font-weight:700;margin-bottom:20px}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module-option{cursor:pointer;position:relative;min-width:0;display:flex;align-items:flex-start;gap:14px;border:1px solid var(--line);border-radius:16px;padding:20px}.module-option>span:nth-child(2){display:grid;gap:8px;min-width:0;padding-right:18px}.module-option>span:nth-child(2)>span{font-size:var(--small);line-height:1.45;color:var(--muted)}.module-option>span:nth-child(2)>span:last-child{color:var(--ink)}.module-option>input{position:absolute;opacity:0;right:18px;top:19px;width:24px;height:24px;margin:0}.checkbox-art{position:absolute;right:16px;top:18px;width:22px;height:22px;display:grid;place-items:center;border:1px solid #9cae8e;border-radius:6px;background:#fff;color:transparent}.checkbox-art .icon{width:17px;height:17px}.module-option:has(input:checked){border-color:#6d9b3b;background:#f1f9e8}.module-option input:checked+.checkbox-art{background:var(--ink);border-color:var(--ink);color:white}.module-option:has(input:focus-visible){outline:3px solid #477525;outline-offset:3px}.config-summary{background:var(--ink);color:white;padding:28px;border-radius:var(--radius);position:sticky;top:112px;min-width:0}.config-summary>p{margin-top:10px}.config-summary>.price{--type-price:var(--display);margin-top:28px}.config-summary>.button{width:100%;margin-top:28px}.config-summary>.small{color:#dbe3d6;margin-top:20px}.summary-lines{border-top:1px solid #ffffff30;padding-top:24px;margin-top:24px;display:grid;gap:16px}.summary-lines>div{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;font-size:var(--small)}.summary-lines strong{white-space:nowrap}.billing-details{max-width:880px;margin:32px auto 0}.billing-details summary{display:flex;justify-content:space-between;gap:20px;font-weight:500}.billing-details .disclosure-body>p{margin-top:20px;color:var(--muted)}.faq{padding-top:var(--section)}.faq-grid{border-top:1px solid var(--line);padding-top:var(--section);display:grid;grid-template-columns:.8fr 1fr;gap:56px}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{min-height:80px;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;font-weight:700}.faq-item .icon{width:20px}.faq-item p{padding:0 36px 24px 0;color:var(--muted)}.contact{display:grid;grid-template-columns:1.25fr .9fr;gap:44px;padding:44px 48px;background:var(--lime);border-radius:32px;margin-bottom:var(--section)}.contact>div+div{border-left:1px solid #17201930;padding-left:44px;display:flex;align-items:flex-start;flex-direction:column;gap:24px}.contact .display{font-size:var(--display)}.contact>div>p{margin-top:24px}.contact>div+div>p{margin:0}.contact-mail{font-size:var(--title);font-weight:700;overflow-wrap:anywhere;letter-spacing:-.025em}.contact .small{max-width:48ch}.site-footer{background:white;padding:56px 0 24px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr 1fr;gap:40px}.footer-grid>div,.footer-grid>nav{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0}.footer-grid p{font-size:var(--small);color:var(--muted)}.footer-grid a:not(.brand){text-decoration:none;font-size:var(--small);overflow-wrap:anywhere}.footer-grid a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;margin-top:44px;display:flex;justify-content:space-between;gap:16px;font-size:var(--small);color:var(--muted)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:var(--small);margin-bottom:36px}.feature-hero{background:#fff}.feature-hero .split{align-items:center}.feature-hero .split .eyebrow{margin-top:0}.feature-hero .product-visual{background:var(--paper)}.feature-hero .actions+.small{margin-top:20px}.feature-content h2{margin-bottom:36px}.feature-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.feature-points article{min-width:0}.feature-points h3{font-size:var(--body);letter-spacing:0;margin:20px 0 12px}.feature-points p{color:var(--muted)}.step-number{font-size:var(--small);color:#477525;font-weight:700}.related{background:#fff}.related-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px}.related-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none}.related-links a:hover{background:var(--paper);border-color:#a4b596}.registration-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:72px;align-items:start;max-width:1120px}.registration-copy>p:not(.eyebrow){margin-top:24px}.selection-card{background:#edf3e5;padding:28px;border:1px solid var(--line);border-radius:var(--radius);margin-top:32px;display:grid;gap:16px}.selection-card .eyebrow{margin:0}.selection-card h2{font-size:var(--title)}.selection-card .small{color:var(--muted);margin:0}.selection-card a{display:inline-flex;gap:8px;align-items:center;justify-self:start}.registration-form{padding:32px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);display:grid;gap:20px;min-width:0}.registration-form h2{font-size:var(--title);margin:8px 0}.registration-form label:not(.consent):not(.honeypot){display:grid;gap:9px;font-weight:500}.registration-form input:not([type=checkbox]){width:100%;padding:13px 16px;min-height:50px;border:1px solid var(--line);border-radius:12px;background:#f8f9f6;color:var(--ink);font-size:1rem}.registration-form input:focus{background:white}.registration-form .small{color:var(--muted)}.field-row{display:grid;grid-template-columns:.7fr 1fr;gap:16px}.consent{display:flex;align-items:flex-start;gap:12px;font-size:var(--small);line-height:1.55}.consent input{width:20px;height:20px;flex-shrink:0;accent-color:#477525;margin:2px 0 0}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.registration-form>.button{width:100%}.form-message,.form-error,.invitation-note{border-radius:12px;padding:16px;line-height:1.5;background:#fff0e9;color:#8f2e18;overflow-wrap:anywhere}.form-message.success,.invitation-note.valid{background:#e7f5dc;color:#285416}.invitation-note{margin-top:24px}.legal{max-width:880px;min-height:60vh}.legal h1{margin-bottom:28px}.legal h2,.legal h3{margin:32px 0 20px}.legal p{color:var(--muted);overflow-wrap:anywhere}.legal>.button{margin-top:28px}
@media(min-width:1920px){.wrap{max-width:1440px}:root{--section:112px}.hero{padding-block:88px}.hero-grid{gap:64px}.product-visual img{max-height:580px}}
@media(max-width:1150px){.header-inner{gap:24px}.site-header nav{gap:18px}.site-header nav>.button{padding-inline:18px}.hero-grid,.split,.module-panel{gap:32px}.plan{padding:24px}.plan.recommended{padding:23px}.plan-head{flex-wrap:wrap;gap:10px}.plan-head h3{font-size:var(--title)}.config-grid{grid-template-columns:minmax(0,1fr) 300px}.config-card,.config-summary{padding:24px}.module-grid{grid-template-columns:1fr}.module-option{padding:20px}.feature-points{grid-template-columns:repeat(2,minmax(0,1fr))}.related-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.header-inner{min-height:76px}.menu-button{display:flex;align-items:center;gap:12px;color:#fff;background:var(--ink);padding:12px 20px;border-radius:999px;min-height:44px;font-weight:700}.menu-button:is(:hover,:focus,:active){background:#30492b;color:#fff}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;padding:24px 32px;background:#fff;border-bottom:1px solid var(--line);gap:4px;box-shadow:0 16px 24px #1720190a}.site-header nav.is-open{display:flex;align-items:stretch;flex-direction:column;max-height:calc(100dvh - 160px);overflow-y:auto}.site-header nav>a:not(.button){padding:13px 0}.site-header nav>.button{margin-top:10px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:680px}.hero-media{max-width:850px;width:100%;justify-self:center}.hero .display{max-width:22ch}.plans{grid-template-columns:repeat(2,minmax(0,1fr))}.plan:last-child{grid-column:1/-1;width:calc((100% - 24px)/2);justify-self:center}.plan-head{flex-wrap:nowrap}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.contact{padding:36px;gap:32px}.contact>div+div{padding-left:32px}.registration-grid{gap:36px}}
@media(max-width:900px){.split,.module-panel{grid-template-columns:1fr}.split>div{max-width:680px}.split figure,.module-panel figure{width:100%;max-width:720px;justify-self:center}.product-visual img{max-height:440px}.role-grid{grid-template-columns:1fr;gap:32px}.role-grid .check-list{grid-template-columns:repeat(2,minmax(0,1fr))}.config-grid{grid-template-columns:1fr}.config-summary{position:static}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.config-summary>.price{margin-top:20px}.summary-lines{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px}.config-summary>.button{max-width:420px}.section-top{align-items:flex-start}.pricing>.wrap>.section-top{flex-direction:column}.faq-grid{grid-template-columns:1fr;gap:28px}.contact{grid-template-columns:1fr}.contact>div+div{border-left:0;border-top:1px solid #17201930;padding:28px 0 0}.contact-mail{font-size:var(--title)}.registration-grid{grid-template-columns:1fr;max-width:680px}.registration-copy .selection-card{max-width:none}}
@media(max-width:739px){:root{--section:48px;--display:clamp(2.1rem,9vw,3rem);--title:1.5rem}.wrap{width:calc(100% - 40px)}.header-inner{min-height:72px}.brand img{width:132px;height:40px}.preview-note{padding:8px 16px}.site-header nav{padding:20px}.hero{padding-block:40px}.hero-grid{gap:32px}.hero-copy>p:not(.eyebrow){margin-top:20px}.hero h1{max-width:17ch}.hero .actions{gap:18px;margin-top:24px}.hero .actions>.button{width:100%}.hero .actions>.text-link{margin-inline:auto}.film-frame{border-radius:18px}.sound-toggle{font-size:var(--small);right:10px;bottom:10px;padding:10px 13px}.motion-toggle{min-height:40px;padding:9px 14px}.split{gap:28px}.platform-labels{gap:8px}.section-top{gap:20px;flex-direction:column}.section-top>div>p{margin-top:12px}.module-tabs{margin-block:28px;gap:8px}.module-tabs button{font-size:var(--small);padding:11px 14px;min-height:44px}.module-panel{gap:28px}.product-visual{padding:20px 16px;border-radius:20px}.product-visual img{max-height:390px}.role-grid .check-list{grid-template-columns:1fr}.billing{align-self:flex-start;max-width:100%}.billing button{padding:11px 16px}.plans{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:36px}.plan,.plan:last-child{grid-column:auto;width:100%;max-width:500px;justify-self:center;padding:24px}.plan.recommended{padding:23px}.plan-head{flex-wrap:nowrap;gap:8px}.plan-head h3{font-size:var(--title)}.pill{padding:6px 10px}.plan-description{min-height:0;margin-top:16px}.price-area{margin-top:24px;margin-bottom:20px}.price{--type-price:2.5rem}.price-note{min-height:0}.plan-features{padding-top:18px}.plan-features .check-list{margin-block:20px}.pricing-trial{align-items:flex-start;text-align:left;font-size:var(--small)}.config-disclosure{margin-top:28px}.config-disclosure>summary{padding:20px;flex-direction:column;align-items:flex-start;gap:16px}.disclosure-label{min-height:44px}.config-grid{margin-top:20px;gap:20px}.config-card,.config-summary{padding:20px;border-radius:20px}.config-card>.section-top{flex-direction:row;align-items:center;flex-wrap:wrap;gap:18px}.config-card h3{font-size:var(--title)}.stepper{min-height:46px}.stepper button{width:40px;min-height:46px}.stepper input{width:50px}.base{padding:20px;margin-top:20px}.base>.section-top{flex-direction:column;gap:8px}.module-grid{grid-template-columns:1fr}.module-option{padding:18px;gap:12px}.module-option>span:nth-child(2){padding-right:24px}.summary-lines{grid-template-columns:1fr}.config-summary>.button{max-width:none}.faq-grid{padding-top:48px;gap:24px}.faq-item summary{min-height:76px;padding:20px 0;gap:16px}.faq-item p{padding-right:0}.contact{padding:28px 24px;gap:28px;border-radius:24px}.contact .display{font-size:var(--display)}.contact .button{width:100%}.contact>div+div{gap:22px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 24px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.feature-hero .breadcrumbs{margin-bottom:28px}.feature-hero .actions{align-items:stretch;flex-direction:column}.feature-points{grid-template-columns:1fr;gap:28px}.feature-points h3{margin-top:12px}.related-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.related-links a{padding:16px;font-size:var(--small);gap:8px}.related-links .icon{width:18px}.registration-form{padding:24px 20px;gap:20px}.selection-card{padding:24px}.field-row{grid-template-columns:1fr}.registration .check-list{margin-bottom:24px}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.plan,.plan.recommended{padding:20px}.plan.recommended{padding:19px}.plan-head{align-items:flex-start;flex-direction:column}.billing button{padding-inline:12px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.config-card>.section-top{flex-direction:column;align-items:flex-start}.related-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Original ClockIt Showcase 1.2.4: preserve the illustrations, sequencing,
   typing, counters and pill transitions within the standalone site's grid. */
.modules .cks-tabs{margin-top:32px;--gap:48px;--cks-copy-width:42%;--cks-pill-align:flex-start;--cks-pill-wrap:wrap;--cks-pill-height:44px;--cks-nav-gap:32px;font-family:Satoshi,sans-serif}
.modules .cks .cks-sc__h{font-size:var(--title);line-height:1.2;font-weight:700;letter-spacing:-.025em}
.modules .cks .cks-sc__p,.modules .cks .cks-sc__ul{font-size:var(--body);line-height:1.6}
.modules .cks .cks-sc__label,.modules .cks .cks-sc__more,.modules .cks button.cks-tabs__pill{font-size:var(--small);font-weight:700}
.cks button.cks-tabs__pill:focus-visible{outline:3px solid #477525;outline-offset:3px}
.animated-feature{min-width:0;width:100%;margin:0}
.animated-feature>.cks-vis{overflow:hidden}
.animated-feature figcaption{font-size:var(--small);color:var(--muted);text-align:center;margin-top:12px}
.cks .cks-vis{font-family:Satoshi,sans-serif}
@media(max-width:1050px) and (min-width:768px){.modules .cks .cks-tabs__panel{grid-template-columns:minmax(0,1fr);gap:24px}.modules .cks-tabs__stage{width:100%;max-width:640px;justify-self:center;order:-1}.modules .cks-tabs__text{max-width:65ch}}
@media(max-width:767px){.modules .cks-tabs{--cks-pill-wrap:nowrap;--cks-nav-gap:24px}.modules .cks .cks-tabs__pills{justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}.modules .cks .cks-tabs__panel{grid-template-columns:minmax(0,1fr)}.modules .cks .cks-tabs__stage{order:-1}.modules .cks .cks-sc__h{font-size:var(--title)}}

/* Shared four-level typography and alternating, full-width section surfaces. */
:root{--display:clamp(2.25rem,4.2vw,4rem);--title:clamp(1.5rem,2.1vw,1.75rem);--paper:#f5f7f2}
.trust,.industries,.roles,.pricing{background:#fff}
.product-intro,.modules,.time-value,.faq{background:var(--paper)}
.hero-copy>h1:first-child{margin-top:0}
.section-heading{max-width:760px}
.section-heading>p{max-width:56ch;margin-top:24px;color:var(--muted)}
.modules .cks-tabs{margin-top:40px;--cks-nav-gap:40px}
.modules .cks .cks-tabs__text>.cks-sc__label{display:none}
.modules .cks .cks-tabs__text .cks-sc__h{font-size:var(--display);line-height:1.08;letter-spacing:-.045em;margin-top:0;text-wrap:balance}
.modules .cks .cks-tabs__text .cks-sc__p{margin-top:24px;color:var(--muted);font-weight:400}
.modules .cks-tabs__stage{background:#fff}
.trust{padding-block:48px}
.trust h2{text-align:center}
.trust-logos{display:flex;align-items:center;justify-content:center;gap:clamp(48px,9vw,144px);margin:28px auto 0;min-height:96px}
.trust-logos img{object-fit:contain;filter:brightness(0);height:auto;max-width:100%}
.trust-reflex{width:220px;max-height:56px}
.trust-escape{width:150px;max-height:106px}
.device-motion{padding-block:30px;transform:translate3d(0,var(--device-shift,0px),0);will-change:transform}
.industries{padding-block:48px;overflow:hidden}
.industry-heading{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:16px;align-items:center;margin-bottom:28px}
.industry-heading h2{grid-column:2;text-align:center}
.industry-pause{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--muted);background:white}
.industry-pause:is(:hover,:focus-visible){color:var(--ink);border-color:#839b70;background:#edf4e2}
.industry-pause .icon{width:18px;height:18px}
.industry-viewport{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent);padding-block:8px}
.industry-track{display:flex;width:max-content;animation:industry-travel var(--industry-duration,36s) linear infinite;will-change:transform}
.industry-group{display:flex;flex:none;align-items:center;gap:20px;padding-right:20px}
.industry-pill{display:flex;align-items:center;gap:12px;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:16px 22px;color:#536347;font-weight:700;font-size:var(--body)}
.industry-pill .icon{width:22px;height:22px}
.industries.is-paused .industry-track{animation-play-state:paused}
@media(hover:hover){.industry-viewport:hover .industry-track{animation-play-state:paused}}
@keyframes industry-travel{to{transform:translateX(calc(-1 * var(--industry-distance,1200px)))}}
.center-heading{text-align:center;max-width:850px;margin-inline:auto}
.center-heading .eyebrow{justify-content:center;text-transform:uppercase;letter-spacing:.06em;font-size:var(--small);font-weight:700;margin-bottom:12px}
.role-grid{margin-top:40px;align-items:stretch}
.role-grid article{border:1px solid #e0e5da;border-radius:24px;padding:30px;background:var(--paper);min-width:0}
.role-grid h3{font-size:var(--title);letter-spacing:-.025em;line-height:1.25}
.role-platform{display:inline-flex;align-items:center;margin-top:18px;padding:9px 13px;border-radius:999px;background:#eaf1e0;color:#426e20;font-size:var(--small);font-weight:700;text-transform:uppercase;line-height:1.3}
.role-grid .check-list{margin-top:22px;gap:14px;font-size:var(--body)}
.role-grid .check-list .icon{width:18px;height:18px;flex:none;border-radius:50%;background:#eaf1e0;padding:2px}
.time-value .text-link{display:inline-flex;align-items:center;gap:12px;margin-top:28px}
.time-calculator{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;min-width:0}
.time-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.time-inputs label{display:flex;flex-direction:column;justify-content:space-between;gap:12px;font-size:var(--small);line-height:1.5;font-weight:500}
.number-field{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--paper)}
.number-field input{width:100%;border:0;background:transparent;color:var(--ink);font-size:var(--body);font-weight:700;min-height:24px}
.number-field>span{color:var(--muted);font-size:var(--small)}
.share-label{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:28px;font-size:var(--small);line-height:1.5;font-weight:500}
.share-label output{font-weight:700;white-space:nowrap}
#time-share{display:block;width:100%;min-height:44px;margin:8px 0 12px;accent-color:#52851d;cursor:pointer}
.time-result{border-radius:16px;padding:24px;background:#eef5e4}
.time-result>p{font-size:var(--small)}
.time-result .price{margin-block:12px;--type-price:var(--display)}
.time-calculator .time-hint{color:var(--muted);margin-top:18px}
@media(max-width:1100px){.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.role-grid article:last-child{grid-column:1/-1;width:calc((100% - 20px)/2);justify-self:center}.role-grid .check-list{grid-template-columns:1fr}}
@media(max-width:739px){:root{--display:clamp(2.25rem,9vw,3rem);--title:1.5rem}.trust,.industries{padding-block:32px}.trust-logos{gap:28px;min-height:84px;margin-top:20px}.trust-reflex{width:46%;max-width:180px}.trust-escape{width:34%;max-width:120px}.device-motion{padding-block:14px}.industry-heading{grid-template-columns:minmax(0,1fr) 44px;gap:12px;margin-bottom:20px}.industry-heading h2{grid-column:1;text-align:left}.industry-viewport{mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 16px),transparent)}.industry-group{gap:12px;padding-right:12px}.industry-pill{padding:12px 18px;gap:10px;font-size:var(--small)}.role-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}.role-grid article,.role-grid article:last-child{grid-column:auto;width:100%;padding:24px;max-width:560px;justify-self:center}.role-platform{font-size:var(--small)}.role-grid .check-list{grid-template-columns:1fr}.time-calculator{padding:24px 20px}.time-inputs{gap:16px}.time-result{padding:20px}.modules .cks-tabs{margin-top:28px;--cks-nav-gap:28px}.modules .cks .cks-tabs__text .cks-sc__h{font-size:var(--display)}.modules .cks .cks-tabs__text .cks-sc__p{margin-top:20px}}
@media(max-width:389px){.time-inputs{grid-template-columns:1fr}.trust-logos{gap:20px}}
@media(prefers-reduced-motion:reduce){.device-motion{transform:none;will-change:auto}.industry-track,.industry-group{width:100%;flex-wrap:wrap;justify-content:center;transform:none;animation:none;gap:12px;padding-right:0}.industry-viewport{mask-image:none}.industry-pause,[data-industry-clone]{display:none}.industry-heading{display:block}.industry-heading h2{text-align:center}}

/* One primary heading per section; module titles occupy the next level. */
.modules .section-heading{max-width:850px;margin-inline:auto;text-align:center}
.modules .section-heading>p{margin-inline:auto}
.modules .cks .cks-tabs__text .cks-sc__h{font-size:var(--title);letter-spacing:-.025em;line-height:1.2;max-width:25ch}
.modules .cks .cks-tabs__text .cks-sc__p{margin-top:20px}
.pricing-heading{display:flex;flex-direction:column;align-items:center;gap:28px}
.pricing-heading .center-heading>p{margin-top:20px;max-width:66ch;color:var(--muted)}

/* Real edge-to-edge strips. Only the heading retains a reading-width limit. */
.trust,.industries{overflow:hidden}
.strip-heading{position:relative;text-align:center;padding-inline:48px;margin-bottom:28px}
.strip-heading h2{text-align:center}
.strip-pause{position:absolute;right:0;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--muted);background:#fff}
.strip-pause svg{width:18px;height:18px}
.strip-pause:is(:hover,:focus-visible){color:var(--ink);border-color:#839b70;background:#edf4e2}
.loop-viewport{position:relative;width:100%;overflow:hidden;padding-block:12px;mask-image:none}
.loop-viewport::before,.loop-viewport::after{content:"";position:absolute;top:0;bottom:0;width:clamp(48px,8vw,160px);pointer-events:none;z-index:2;-webkit-backdrop-filter:none;backdrop-filter:none}
.loop-viewport::before{left:0;background:linear-gradient(to right,#fff,#ffffff00);mask-image:linear-gradient(to right,#000,#0000)}
.loop-viewport::after{right:0;background:linear-gradient(to left,#fff,#ffffff00);mask-image:linear-gradient(to left,#000,#0000)}
.loop-track{display:flex;width:max-content;transform:translate3d(0,0,0);will-change:transform}
.loop-strip.is-loop-ready .loop-track{animation:strip-travel var(--loop-duration,60s) linear infinite;animation-delay:var(--loop-delay,0s)}
.loop-group{display:flex;flex:none;align-items:center}
.loop-strip:is(.is-paused,.is-loop-outside,.is-loop-hidden) .loop-track{animation-play-state:paused}
@media(hover:hover){.loop-viewport:hover .loop-track{animation-play-state:paused}}
@keyframes strip-travel{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-1 * var(--loop-distance)),0,0)}}
.brand-group{gap:112px;padding-right:112px;min-height:104px}
.brand-logo{display:block;position:relative;overflow:hidden;flex:none;filter:brightness(0)}
.brand-logo img{display:block;height:auto;max-width:none}
.brand-logo--reflex{width:271px;height:56px}
.brand-logo--reflex img{width:100%}
/* Crop the transparent source canvas with CSS; preserve the supplied PNG. */
.brand-logo--escape{width:159px;height:88px}
.brand-logo--escape img{position:absolute;width:113.8961%;left:-7.013%;top:-16.4319%}
.industry-group{gap:20px;padding-right:20px}

/* Equal list starts and CTA baselines, without auto margins above features. */
.plans{align-items:stretch}
.plan,.plan.recommended{padding:24px}
.plan.recommended{padding:22px;border-width:3px;box-shadow:0 14px 34px #17201912,0 4px 12px #17201909}
.plan-head h3{font-size:var(--title)}
.plan-description{margin-top:14px;min-height:3.2em;line-height:1.5}
.price-area{margin:20px 0;flex:none}
.price-area>p{margin-top:8px}
.price-note{min-height:3.1em;line-height:1.55}
.plan-features{margin-top:0;flex:1;padding-top:14px}
.plan-features summary{font-size:var(--small);font-weight:500;line-height:1.4}
.plan-features .check-list{gap:8px;margin:16px 0 0}
.plan-features .check-list li{line-height:1.4}
.plan>.button{margin-top:22px}
.savings{padding:10px 14px;margin-top:14px}
.recommendation{padding:7px 16px}

/* The original FAQ scale, with comfortable rows and a shared first baseline. */
.faq-grid{border-top:0;padding-top:0;grid-template-columns:.8fr 1fr;align-items:start}
.faq-grid>h2{padding-top:24px}
.faq-item summary{font-size:20px;line-height:1.4;min-height:88px;padding:26px 0;font-weight:700}
.faq-item .icon{stroke-width:2.6;width:18px;height:18px}
.faq-item p{font-size:var(--body);line-height:1.65}
@media(max-width:1050px){.plan,.plan.recommended{padding:24px}.plan.recommended{padding:22px}}
@media(max-width:900px){.faq-grid{grid-template-columns:1fr;gap:28px}.faq-grid>h2{padding-top:0}}
@media(max-width:739px){.modules .cks .cks-tabs__text .cks-sc__h{font-size:var(--title)}.strip-heading{width:calc(100% - 40px);padding-inline:40px;margin-bottom:20px}.strip-heading h2{font-size:var(--title)}.strip-pause{width:36px;height:36px}.brand-group{gap:64px;padding-right:64px;min-height:88px}.brand-logo--reflex{width:213px;height:44px}.brand-logo--escape{width:130px;height:72px}.industry-group{gap:12px;padding-right:12px}.plan,.plan.recommended{padding:24px}.plan.recommended{padding:22px}.plan-description,.price-note{min-height:0}.plan-features{flex:none}.faq-item summary{font-size:18px;min-height:84px;padding:25px 0}.pricing-heading{gap:24px}}
@media(prefers-reduced-motion:reduce){.loop-strip.is-loop-ready .loop-track,.loop-track,.loop-group{width:100%;flex-wrap:wrap;justify-content:center;animation:none;transform:none;will-change:auto;gap:28px;padding-right:0}.loop-viewport::before,.loop-viewport::after,[data-loop-clone],.strip-pause{display:none}.strip-heading{padding-inline:0}.brand-group{gap:44px;padding-inline:20px}.industry-group{padding-inline:20px}}

@font-face{font-family:Satoshi;src:url('/assets/showcase/fonts/satoshi-black.woff2') format('woff2');font-weight:900;font-display:swap}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* One elastic thumb, independent of hover and keyboard focus backgrounds. */
.billing{position:relative;isolation:isolate;overflow:hidden}
.billing-thumb{position:absolute;left:0;top:5px;bottom:5px;width:110px;border-radius:999px;background:var(--ink);pointer-events:none;z-index:0;transform:translateX(5px);transform-origin:center}
.billing button{position:relative;z-index:1;transition:color .25s}
.billing button,.billing button[aria-pressed=true],.billing button:not([aria-pressed=true]):is(:hover,:focus,:active){background:transparent}
.billing button[aria-pressed=true]{color:#fff}
.billing button:not([aria-pressed=true]):is(:hover,:focus,:active){color:var(--ink)}
.billing button:focus-visible{outline-offset:-4px}
.plan .price{font-weight:900;letter-spacing:-.045em}
.old-price s{font-size:20px}
.savings,.price-area>.savings{display:block;background:none;border:0;border-radius:0;padding:0;margin-top:8px;color:#477525;font-size:var(--small);line-height:1.5}
.savings>span{color:inherit;white-space:nowrap}
.savings strong{font-size:inherit;font-weight:700;letter-spacing:0}

/* Compact trust strip and an earlier, broader fade on both full-width loops. */
.trust{padding-block:24px}
.trust .strip-heading{margin-bottom:10px}
.trust .strip-heading h2{font-size:var(--title)}
.brand-group{min-height:64px;gap:96px;padding-right:96px}
.brand-logo--reflex{width:155px;height:32px}
.brand-logo--escape{width:116px;height:64px}
.loop-viewport{mask-image:linear-gradient(to right,transparent,#000 22%,#000 78%,transparent)}
.loop-viewport::before,.loop-viewport::after{width:clamp(80px,22vw,360px);-webkit-backdrop-filter:none;backdrop-filter:none}
.modules .cks .cks-tabs__text .cks-sc__h{font-size:clamp(1.75rem,3vw,2.5rem);max-width:23ch;line-height:1.15;letter-spacing:-.035em}
.role-platform{background:var(--lime);color:var(--ink)}
.role-grid{margin-top:64px}

/* Time calculator: larger numeric inputs, a tactile slider and a clear result. */
.time-calculator{display:grid;gap:24px;padding:28px;border-radius:28px}
.time-inputs{gap:16px}
.time-inputs label{padding:18px;background:var(--paper);border-radius:16px;gap:12px;font-size:var(--small)}
.time-inputs .number-field{background:none;border:0;padding:0;gap:10px}
.number-field input{font-size:var(--title);font-weight:700;min-height:40px;appearance:textfield;-moz-appearance:textfield}
.number-field input::-webkit-inner-spin-button{appearance:none}
.number-field>span{font-size:var(--body)}
.time-range{padding:20px 4px 0}
.time-range .share-label{margin:0;align-items:center;font-size:var(--body);font-weight:500}
.share-label output{font-size:var(--title);letter-spacing:-.025em}
#time-share{--range-progress:25%;appearance:none;-webkit-appearance:none;display:block;background:transparent;border:0;width:100%;height:52px;padding:0;margin:14px 0 0;cursor:grab}
#time-share:active{cursor:grabbing}
#time-share::-webkit-slider-runnable-track{height:12px;border:0;border-radius:999px;background:linear-gradient(to right,var(--lime) var(--range-progress),#d9f4b5 var(--range-progress))}
#time-share::-moz-range-track{height:12px;border:0;border-radius:999px;background:linear-gradient(to right,var(--lime) var(--range-progress),#d9f4b5 var(--range-progress))}
#time-share::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:42px;height:42px;margin-top:-15px;border:3px solid #e4ffc5;border-radius:50%;background:var(--lime) url('/assets/icons/grip.svg') center/18px 18px no-repeat;box-shadow:0 3px 12px #17201926;cursor:grab}
#time-share::-moz-range-thumb{width:36px;height:36px;border:3px solid #e4ffc5;border-radius:50%;background:var(--lime) url('/assets/icons/grip.svg') center/18px 18px no-repeat;box-shadow:0 3px 12px #17201926;cursor:grab}
.range-scale{display:flex;justify-content:space-between;color:var(--muted);font-size:var(--small);margin-top:-2px}
.time-calculator .time-result{padding:24px;border-radius:20px;background:var(--ink);color:#fff}
.time-calculator .time-result>p{margin:0;color:#e3eadf;font-size:var(--small)}
.time-calculator .time-result .price{color:var(--lime);font-weight:900;margin-block:12px 16px}
.time-calculator .time-hint{margin:0;font-size:var(--small);line-height:1.5}
.time-explanation{display:grid;gap:10px}
.time-explanation>strong{font-size:var(--body);line-height:1.4}
.time-calculator .time-explanation>p{margin:0;color:var(--muted);line-height:1.55}
.time-calculator .time-explanation>[data-time-formula]{color:var(--ink);font-size:var(--body)}
.share-label output{white-space:nowrap}
.time-inputs .number-field>span{white-space:nowrap;font-size:var(--small)}

/* Stable labels crossfade in the same grid cell, while the content unfolds. */
.config-disclosure{overflow-anchor:none}
.config-disclosure>summary{padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--paper);gap:24px}
.config-disclosure>summary>span.config-intro{display:flex;align-items:center;gap:20px;min-width:0}
.config-intro-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--lime);color:var(--ink);flex:none}
.config-intro-icon>.icon{width:24px;height:24px}
.config-intro>span:last-child{display:grid;gap:8px;min-width:0}
.config-intro strong{font-size:var(--title);font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--ink)}
.config-disclosure>summary .config-intro-icon>.icon{transform:none}
.config-intro>span:last-child>span{font-size:var(--body);color:var(--muted);line-height:1.5}
.config-disclosure .disclosure-label{border-width:2px;min-height:54px;min-width:224px;padding:14px 20px;gap:14px;font-size:var(--small);flex:none}
.config-labels{display:grid;align-items:center;text-align:center}
.config-labels>span{grid-area:1/1;white-space:nowrap;transition:opacity .24s,transform .3s cubic-bezier(.22,1,.36,1)}
.config-label-open{opacity:0;transform:translateY(-5px)}
.config-label-closed{opacity:1;transform:none}
.config-disclosure[data-expanded=true] .config-label-open,.config-disclosure:not([data-expanded])[open] .config-label-open{opacity:1;transform:none}
.config-disclosure[data-expanded=true] .config-label-closed,.config-disclosure:not([data-expanded])[open] .config-label-closed{opacity:0;transform:translateY(5px)}
.config-disclosure .disclosure-label>.icon{transition:transform .4s cubic-bezier(.22,1,.36,1)}
.config-disclosure[data-expanded=false] .disclosure-label>.icon{transform:rotate(0)}
.config-disclosure[data-expanded=true] .disclosure-label>.icon{transform:rotate(180deg)}
.store-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:308px;max-width:100%;margin-top:8px}
.store-badges .store-badge{height:auto;aspect-ratio:3.1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:7px;background:#050a08;min-width:0;transition:opacity .2s}
.store-badge:hover{opacity:.8}
.store-badge img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.store-badge--google img{height:130.2%;width:auto;flex:none}
@media(max-width:900px){.config-disclosure>summary{align-items:flex-start}.config-disclosure>summary>span.config-intro{gap:16px}.config-intro-icon{width:44px;height:44px}.config-disclosure .disclosure-label{min-width:210px}}
@media(max-width:739px){.trust{padding-block:20px}.brand-group{min-height:52px;gap:64px;padding-right:64px}.brand-logo--reflex{width:128px;height:26.5px}.brand-logo--escape{width:96px;height:53.333px}.role-grid{margin-top:40px}.modules .cks .cks-tabs__text .cks-sc__h{font-size:1.75rem}.time-calculator{padding:24px 20px;gap:20px}.time-inputs label{padding:16px}.time-range{padding-inline:0}.time-range .share-label{font-size:var(--small)}.time-calculator .time-result{padding:22px}.config-disclosure>summary{padding:24px;gap:22px}.config-disclosure>summary>span.config-intro{align-items:flex-start;gap:14px}.config-intro>span:last-child>span{font-size:var(--small)}.config-intro-icon{width:42px;height:42px;border-radius:12px}.config-intro strong{font-size:var(--title)}.config-disclosure .disclosure-label{width:100%;min-width:0}.store-badges{max-width:308px;width:100%}}
@media(prefers-reduced-motion:reduce){.loop-viewport{mask-image:none}.billing-thumb,.config-labels>span,.config-disclosure .disclosure-label>.icon{transition:none}}

@media(max-width:739px){.time-range .share-label{flex-direction:column;align-items:flex-start;gap:12px}}

/* Small, one-time section entrances leave all copy readable without scripts. */
.reveal-ready main>section{transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}
.reveal-ready main>section:not(.is-revealed){opacity:0;transform:translateX(-20px)}
.plan-features>summary>.icon{transition:transform .48s cubic-bezier(.4,0,.2,1)}
.plan-features[data-expanded=false]>summary>.icon{transform:none}
.plan-features[data-expanded=true]>summary>.icon{transform:rotate(180deg)}
.plan-carousel-controls{display:none}
@media(max-width:739px){
 .pricing-heading .billing{align-self:center;margin-inline:auto}
 .pricing .plans{display:flex;align-items:stretch;gap:16px;width:calc(100% + 40px);max-width:none;margin:8px -20px 0;padding:24px 28px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:28px;overscroll-behavior-x:contain;scrollbar-width:none}
 .pricing .plans::-webkit-scrollbar{display:none}
 .pricing .plans>.plan,.pricing .plans>.plan:last-child{flex:0 0 100%;width:100%;max-width:none;margin:0;scroll-snap-align:center;scroll-snap-stop:always;min-width:0}
 .pricing .plan-features{flex:1}
 .plan-carousel-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:0 0 20px}
 .carousel-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer}
 .carousel-arrow:disabled{opacity:.35;cursor:default}
 .carousel-prev .icon{transform:rotate(90deg)}
 .carousel-next .icon{transform:rotate(-90deg)}
 .carousel-dots{display:flex;align-items:center;gap:0}
 .carousel-dots button{display:grid;place-items:center;width:36px;height:44px;padding:0;border:0;background:none;cursor:pointer}
 .carousel-dots span{width:8px;height:8px;border-radius:99px;background:#cbd2c5;transition:width .25s,background .25s}
 .carousel-dots [aria-current=true] span{width:24px;background:var(--lime)}
}
@media(max-width:359px){.pricing .plans{width:calc(100% + 32px);margin-inline:-16px;padding-inline:24px;scroll-padding-inline:24px}.pricing .plan .price{font-size:36px}}
@media(prefers-reduced-motion:reduce){.reveal-ready main>section,.reveal-ready main>section:not(.is-revealed){opacity:1;transform:none;transition:none}.carousel-dots span{transition:none}}

.trust{padding-block:48px}
.trust .strip-heading{margin-bottom:28px}
.modules .cks .cks-tabs__pills{scrollbar-width:none}
.modules .cks .cks-tabs__pills::-webkit-scrollbar{display:none}
.plan{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease}
.plan.is-selected{background:#f5ffe9;box-shadow:0 0 0 3px var(--lime),0 16px 36px #17201917}
.plan-head h3 button{padding:0;background:none;border:0;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.plan:hover{transform:translateY(-6px);box-shadow:0 18px 36px #1720191a}.plan.is-selected:hover{box-shadow:0 0 0 3px var(--lime),0 18px 36px #1720191a}}
.documents-list{display:grid;gap:12px;margin-top:32px}
.documents-list a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;background:#fff;border:1px solid var(--line);border-radius:16px;text-decoration:none}
.documents-list a:hover{background:#edf6e4}
.documents-list .icon{flex:none}
.legal-downloads{display:flex;flex-wrap:wrap;gap:16px;margin-block:28px}
.document-pages{margin-top:40px}
.document-pages pre{white-space:pre-wrap;font:inherit;line-height:1.7;overflow-wrap:anywhere;margin-block:32px}
@media(max-width:739px){.trust{padding-block:48px}.trust .strip-heading{margin-bottom:28px}.documents-list a{padding:18px;gap:14px}}

.time-calculator .calculator-edit-hint{margin:0;color:var(--muted);font-size:var(--small)}
.time-inputs .number-field{background:#fff;border:1px solid #9eac94;padding:10px 14px;border-radius:12px;cursor:text;transition:border-color .2s,box-shadow .2s}
.time-inputs .number-field:hover{border-color:#477525}
.time-inputs .number-field:focus-within{border-color:#477525;box-shadow:0 0 0 3px #a0ee2c55}
.time-inputs .number-field input{min-width:0;cursor:text;outline:none}

/* Keep the mobile story in one reading order: copy, film, controls, action. */
.film-controls{position:relative;display:flex;justify-content:flex-end;gap:10px}
.film-controls .sound-toggle{bottom:calc(100% + 26px)}
@media(max-width:739px){
 :root{--section:80px}
 .hero{padding-block:48px 64px}
 .hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .hero-copy{display:contents}
 .hero h1{order:0;font-weight:900;max-width:none}
 .hero-copy>p:not(.eyebrow){order:1;margin:24px 0 32px;max-width:48ch}
 .hero-media{order:2;gap:16px;max-width:none}
 .film-controls{justify-content:center;flex-wrap:wrap;gap:10px}
 .film-controls .sound-toggle{position:static;min-height:44px;padding:11px 14px}
 .film-controls .motion-toggle{min-height:44px;padding:11px 14px;align-self:auto}
 .hero .actions{order:3;display:flex;flex-direction:column;align-items:stretch;gap:22px;margin:32px 0 0}
 .hero .actions>.text-link{align-self:center}
 .trust,.industries{padding-block:64px}
 .trust .strip-heading,.industries .strip-heading{margin-bottom:36px}
 .product-intro .split{gap:44px}
 .modules .cks-tabs{margin-top:40px;--cks-nav-gap:36px}
 .role-grid{margin-top:48px;gap:24px}
 .time-value .split{gap:40px}
 .faq-grid{padding-top:0;gap:36px}
 .site-footer{padding-top:64px}
}

/* Mobile film reaches the screen edges; controls share a quiet, equal row. */
@media(max-width:739px){
 .hero-media{width:calc(100% + 40px);margin-inline:-20px;gap:12px}
 .hero .film-frame{border:0;border-radius:0}
 .hero .film-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-inline:20px}
 .hero .film-controls>button{width:100%;min-height:44px;padding:10px 8px;font-size:13px;line-height:1.3;font-weight:500;background:transparent;color:#d5dece;border:1px solid #ffffff30;text-align:center}
 .hero .film-controls>button:is(:hover,:focus-visible){color:#fff;border-color:#ffffff80;background:#ffffff08}
 .hero .actions{gap:12px;margin-top:24px}
 .hero .actions>.button{min-height:54px}
 .hero .actions>.text-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;font-size:14px;color:#d5dece;font-weight:500}
}
@media(max-width:359px){.hero-media{width:calc(100% + 32px);margin-inline:-16px}.hero .film-controls{margin-inline:16px}}

/* Calculator math stays available behind the same disclosure pattern. */
.time-calculator .time-explanation{display:block}
.time-explanation>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;list-style:none;font-size:var(--body);font-weight:700;line-height:1.4}
.time-explanation>summary::-webkit-details-marker{display:none}
.time-explanation>summary .icon{width:20px;height:20px;flex:none;transition:transform .3s ease}
.time-explanation[open]>summary .icon{transform:rotate(45deg)}
.time-explanation .disclosure-body{display:grid;gap:10px}
.time-calculator .time-explanation .disclosure-body>p{margin:0;line-height:1.55;color:var(--muted)}
.time-calculator .time-explanation .disclosure-body>p:first-child{margin-top:14px;color:var(--ink);font-size:var(--body)}
@media(max-width:739px){
 :root{--copy-inset:24px}
 .product-intro .split>div:first-child,.modules .cks .cks-tabs__text,.time-value .split>div:first-child,.section-heading,.faq-grid>div{padding-inline:var(--copy-inset)}
 .site-footer .footer-grid,.site-footer .footer-bottom{padding-inline:var(--copy-inset)}
 .time-value .split>div:first-child{text-align:center}
 .time-value .split>div:first-child>p{margin-inline:auto}
 .time-value .text-link{justify-content:center}
 .time-calculator{padding-inline:var(--copy-inset)}
}
@media(prefers-reduced-motion:reduce){.time-explanation>summary .icon{transition:none}}

/* The compact navigation is anchored to its trigger on the right. */
.menu-glyph{position:relative;display:block;width:22px;height:20px;flex:none}
.menu-glyph>span{position:absolute;left:1px;right:1px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .2s}
.menu-glyph>span:nth-child(1){top:3px}
.menu-glyph>span:nth-child(2){top:9px}
.menu-glyph>span:nth-child(3){top:15px}
.menu-button[aria-expanded=true] .menu-glyph>span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.menu-button[aria-expanded=true] .menu-glyph>span:nth-child(2){opacity:0;transform:scaleX(.3)}
.menu-button[aria-expanded=true] .menu-glyph>span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:1050px){
 .site-header nav{display:flex;flex-direction:column;align-items:stretch;left:auto;right:32px;top:calc(100% + 10px);width:min(360px,calc(100% - 64px));max-height:calc(100dvh - 112px);padding:20px 24px;gap:4px;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 50px #17201924;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;pointer-events:none;opacity:0;transform:translate(16px,-6px) scale(.97);transform-origin:top right;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .24s ease,visibility 0s linear .4s}
 .site-header nav.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:none;max-height:calc(100dvh - 112px);transition-delay:0s}
 .site-header nav>a{opacity:0;transform:translateX(12px);transition:opacity .2s ease,transform .35s cubic-bezier(.22,1,.36,1);transition-delay:0s}
 .site-header nav.is-open>a{opacity:1;transform:none;transition-delay:calc(var(--menu-item,0)*35ms + 50ms)}
 .site-header nav>a:nth-child(2){--menu-item:1}
 .site-header nav>a:nth-child(3){--menu-item:2}
 .site-header nav>a:nth-child(4){--menu-item:3}
 .site-header nav>a:nth-child(5){--menu-item:4}
 .site-header nav>a:nth-child(6){--menu-item:5}
 .site-header nav>a:not(.button){padding:12px 0;min-height:44px}
 .site-header nav>.button{margin-top:12px}
}
@media(max-width:739px){.site-header nav{right:20px;width:min(360px,calc(100% - 40px))}}
@media(max-width:359px){.site-header nav{right:16px;width:calc(100% - 32px);padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.site-header nav,.site-header nav>a,.menu-glyph>span{transition:none!important}}

/* Softer rectangles for controls; pricing retains its existing pill shapes. */
:root{--control-radius:12px;--tag-radius:10px}
.button:not(.pricing *),.sound-toggle,.motion-toggle,.module-tabs button,.strip-pause,.industry-pause{border-radius:var(--control-radius)}
.platform-labels>span,.industry-pill,.role-platform,.pill:not(.pricing *){border-radius:var(--tag-radius)}
.cks{--cks-pill-radius:var(--control-radius)}
.site-header .menu-button{width:48px;height:48px;min-height:48px;padding:12px;justify-content:center;gap:0;border-radius:var(--control-radius);background:transparent;color:var(--ink)}
.site-header .menu-button:is(:hover,:focus-visible,:active){background:#edf4e2;color:var(--ink)}

/* The free-trial action keeps a fuller curve and an uncluttered label. */
.button.trial-cta{border-radius:999px}
/* Closing folds the whole panel back into its top-right anchor. */
@media(max-width:1050px){
 .site-header nav{clip-path:inset(0 0 100% 100% round 24px);transform:translate(12px,-8px) scale(.94);transition:clip-path .46s cubic-bezier(.4,0,.2,1),transform .46s cubic-bezier(.4,0,.2,1),opacity .22s ease .18s,visibility 0s linear .46s}
 .site-header nav.is-open{clip-path:inset(0 0 0 0 round 24px);transform:none;transition:clip-path .48s cubic-bezier(.22,1,.36,1),transform .48s cubic-bezier(.22,1,.36,1),opacity .16s ease,visibility 0s}
 .site-header nav:not(.is-open)>a{transition-duration:.18s;transform:translate(8px,-3px);transition-delay:0s}
}

/* Unboxed pricing notes and FAQ heading share the cards' reading inset. */
@media(max-width:739px){
 .pricing-trial,.annual-terms,.billing-details,.faq-grid>h2{padding-inline:var(--copy-inset)}
}
/* Tablet reading line matches the text inside the green contact panel. */
@media(min-width:740px) and (max-width:1439px){
 :root{--tablet-content-inset:clamp(64px,6.25vw,80px)}
 .wrap{width:min(calc(100% - 2 * var(--tablet-content-inset)),1280px)}
 .wrap.contact{width:calc(100% - 64px);padding-inline:calc(var(--tablet-content-inset) - 32px)}
 .modules .cks .cks-tabs__text{padding-inline:0}
}
@media(min-width:740px) and (max-width:1050px){.site-header nav{right:var(--tablet-content-inset)}}

/* Fragnico uses the original wordmark contours, without the export shadow. */
.brand-logo--fragnico{width:155px;height:auto}
.brand-logo--fragnico img{width:100%;height:auto}
@media(max-width:739px){.brand-logo--fragnico{width:128px}}

/* Crop the supplied wordmark above the subtitle, preserving the original artwork. */
.brand-logo--studio-tag{width:168px;aspect-ratio:420 / 205;filter:none}
.brand-logo--studio-tag img{position:absolute;width:119.047619%;left:-9.52381%;top:-60.97561%;filter:invert(1) grayscale(1)}
@media(max-width:739px){.brand-logo--studio-tag{width:140px}}

/* Give numeric values their own column and reset native input padding on iOS. */
.time-inputs label{min-width:0}
.time-inputs .number-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
.time-inputs .number-field input{display:block;width:100%;min-width:0;height:44px;min-height:44px;margin:0;padding:0;line-height:1.25;-webkit-appearance:none;appearance:textfield;font-variant-numeric:tabular-nums}
.time-inputs .number-field>span{flex:none}
.time-inputs .number-field input::-webkit-inner-spin-button,.time-inputs .number-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
@media(max-width:739px){.time-inputs{grid-template-columns:1fr}}

.registration-legal { display: grid; gap: 12px; }
.registration-legal > p { margin: 0; }

.registration-password-note { margin-block-end: 12px; }
.language-switch {
  display: inline-grid;
  flex: 0 0 auto;
  min-width: 44px;
  min-height: 44px;
  place-items: center;
  border: 1px solid currentColor;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
}
.language-switch:hover { background: #e8ffd4; }
.language-switch:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.english-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 32px;
}
.english-feature-grid article {
  min-width: 0;
  padding: 24px;
  border: 1px solid #dfe5da;
  border-radius: 16px;
  background: #fff;
}
.english-feature-grid h3 { margin-block: 12px; }
.english-feature-grid h3 a { text-decoration-thickness: 1px; }
.website-contact-form textarea {
  display: block;
  width: 100%;
  min-height: 130px;
  margin-top: 6px;
  padding: 12px 14px;
  border: 1px solid #a4aea1;
  border-radius: 10px;
  background: #fff;
  color: inherit;
  font: inherit;
  resize: vertical;
}
.website-contact-form textarea:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
#contact-form { scroll-margin-top: 110px; }
@media (min-width: 1051px) {
  .header-inner .language-switch { order: 2; }
}
@media (max-width: 1050px) {
  .header-inner .language-switch { margin-inline-start: auto; }
}
@media (max-width: 900px) {
  .english-feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
  .english-feature-grid, .website-contact-form .field-row { grid-template-columns: 1fr; }
  .header-inner { gap: 12px; }
}