:root{color-scheme:light;--paper:#f7f8f2;--ink:#183d35;--muted:#56645c;--line:#d9dfd4;--green:#d9ebbd;--radius:24px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0}a{color:inherit;text-underline-offset:4px}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #a44a20;outline-offset:5px}img{display:block;max-width:100%}.shell{width:min(1200px,calc(100% - 80px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:15px;font-weight:650}.brand small{display:block;font-size:11px;letter-spacing:.025em;color:var(--muted);font-weight:400;margin-top:4px}.brand-mark{font-size:37px;letter-spacing:-4px;line-height:1;font-weight:800;padding-right:5px}.brand-mark span{color:#7b983e}.site-header nav{display:flex;gap:30px;font-size:13px}.site-header nav a{text-decoration:none;padding-block:10px}.site-header nav a:hover{text-decoration:underline}.skip-link{position:absolute;top:-80px;left:20px;background:white;padding:12px;z-index:10}.skip-link:focus{top:10px}.hero{padding-block:64px 48px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;line-height:1.7;display:block}.hero .eyebrow{display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#718a49}.hero h1{font-size:clamp(58px,7.6vw,106px);line-height:1.01;font-weight:550;letter-spacing:-.065em;margin:25px 0 28px}.hero h1 span{color:#718761}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:24px}.hero p{font-size:16px;line-height:1.65;color:var(--muted);margin:0}.round-link{display:flex;gap:28px;align-items:center;font-size:13px;text-decoration:none;font-weight:600}.round-link span{width:44px;height:44px;display:grid;place-items:center;background:var(--green);border-radius:50%;font-size:21px}.featured{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.feature{border-radius:var(--radius);position:relative;overflow:hidden;min-height:460px;padding:34px}.feature-shapey{background:#193e36;color:#fff;display:flex;isolation:isolate}.feature-copy{position:relative;z-index:1;width:62%}.feature-label{display:block;font-size:9px;letter-spacing:.14em;font-weight:650;line-height:1.7;margin-bottom:24px}.app-icon{width:62px;height:62px;border-radius:16px;object-fit:cover;border:1px solid #0000000b;box-shadow:0 5px 15px #173a3510}.feature .app-icon{width:58px;height:58px;margin-bottom:21px}.feature h2{font-size:40px;font-weight:550;letter-spacing:-.045em;line-height:1.12;margin:0 0 15px}.feature p{font-size:13px;line-height:1.75;margin:0 0 25px}.feature-shapey p{color:#ceded7}.button{display:inline-flex;gap:22px;align-items:center;justify-content:space-between;min-height:46px;padding:12px 19px;border-radius:100px;font-size:12px;font-weight:650;text-decoration:none;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{color:#183d35;background:#d9ebbd}.button-dark{background:var(--ink);color:white}.feature-visual{position:absolute;right:-20px;top:99px;width:215px;transform:rotate(9deg);box-shadow:0 22px 60px #0004;border-radius:20px;overflow:hidden;border:6px solid #ffffff1f}.feature-visual img{width:100%;height:auto}.feature-ura{background:#e8eddd}.feature-ura .app-icon{position:absolute;right:32px;top:75px}.word-art{height:120px;display:flex;flex-direction:column;justify-content:center;gap:9px;align-items:start;margin-bottom:16px;transform:rotate(-6deg)}.word-art span{padding:8px 17px;border-radius:13px;background:#fff8;font-size:21px;letter-spacing:-.04em}.word-art span+span{background:#d2dfbd;margin-left:30px;font-size:24px}.feature-ura h2{font-size:34px}.apps-section{padding-block:88px 64px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}h2{font-size:36px;line-height:1.15;letter-spacing:-.045em;font-weight:550;margin:12px 0 0}.section-note{font-size:11px;color:var(--muted);padding-bottom:4px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.app-card{background:#fff;border:1px solid #e5e8df;border-radius:20px;padding:26px;display:flex;flex-direction:column;align-items:start;min-width:0;transition:transform .2s,box-shadow .2s}.app-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #183d3508}.card-head{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px}.category{font-size:9px;color:var(--muted);text-align:right}.app-card h3{font-size:20px;letter-spacing:-.025em;font-weight:600;margin:23px 0 9px;line-height:1.25}.app-card p{font-size:13px;line-height:1.75;color:var(--muted);margin:0 0 23px;max-width:30ch}.store-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:auto;min-height:34px;align-items:center}.store-link{font-size:11px;text-decoration:none;font-weight:650;padding-block:9px}.store-link:hover{text-decoration:underline}.secondary{color:var(--muted)}.privacy-link{font-size:10px;color:var(--muted);padding-top:17px;margin-top:10px;border-top:1px solid #e8ebe4;width:100%;text-decoration:none}.privacy-link:hover{text-decoration:underline}.monogram{background:#f1e3bd;display:grid;place-items:center;font-size:24px;font-weight:750;color:#735526}.availability{font-size:11px;color:var(--muted)}.contact-section{border-block:1px solid var(--line);padding-block:44px;display:flex;gap:25px;justify-content:space-between;align-items:center}.contact-section p{font-size:13px;color:var(--muted);line-height:1.75;margin-bottom:0}.contact-section .button{flex-shrink:0}.legal-section{padding-block:68px}.text-link{font-size:12px}.legal-intro{font-size:13px;color:var(--muted)}.legal-shortcuts{display:flex;gap:12px 24px;flex-wrap:wrap;margin:22px 0 28px}.legal-shortcuts a{font-size:12px;padding-block:8px}.legal-app{border-top:1px solid var(--line);scroll-margin-top:25px}.legal-app:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:14px;font-weight:550;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:22px 0;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-size:22px;font-weight:400}details[open]>summary span{transform:rotate(45deg)}.legal-body{max-width:760px;padding:8px 0 32px;color:#303b35;font-size:15px;line-height:1.8}.legal-body h3{font-size:23px;font-weight:600;line-height:1.3;letter-spacing:-.02em;margin:18px 0}.legal-body h4{font-size:17px;line-height:1.4;margin:27px 0 10px}.legal-body hr{border:0;border-top:1px solid var(--line);margin:30px 0}.legal-body a{overflow-wrap:anywhere}.legal-body .top{font-size:12px}.site-footer{border-top:1px solid var(--line);padding-block:28px 38px;display:flex;gap:24px;font-size:11px;color:var(--muted)}.site-footer span:nth-child(2){margin-left:auto}.document{max-width:800px;padding-block:40px 70px;font-size:16px;line-height:1.8;color:#303b35}.document h1{font-size:34px;line-height:1.2;letter-spacing:-.04em;color:var(--ink);margin-top:36px}.document h2{font-size:22px;line-height:1.3;margin-top:32px;letter-spacing:-.02em}.document h3{font-size:18px;margin-top:24px}.document a,.document code{overflow-wrap:anywhere}.back-link{font-size:12px}.document hr{border:0;border-top:1px solid var(--line);margin-block:35px}
@media(min-width:1350px){.feature-visual{right:5px;width:230px}}@media(max-width:1000px){.shell{width:calc(100% - 48px)}.feature{padding:28px}.feature h2{font-size:34px}.feature-visual{right:-45px;width:190px;top:125px}.feature-ura h2{font-size:30px}.feature-copy{width:72%}.app-card{padding:21px}.category{max-width:90px}.section-note{display:none}.app-card h3{font-size:18px}.card-head{align-items:start}.app-icon{width:55px;height:55px}}
@media(max-width:700px){.shell{width:calc(100% - 36px)}.site-header{padding-block:20px}.brand{font-size:13px;gap:10px}.brand small{font-size:9px}.brand-mark{font-size:32px}.site-header nav{gap:16px;font-size:11px}.site-header nav a:last-child{display:none}.hero{padding-block:44px 34px}.eyebrow{font-size:9px;letter-spacing:.1em}.hero h1{font-size:clamp(52px,11.8vw,80px);margin-top:22px}.hero-bottom{align-items:start;flex-direction:column}.hero p{font-size:14px}.round-link{margin-top:0;font-size:12px;gap:18px}.round-link span{width:35px;height:35px}.featured{grid-template-columns:1fr;gap:16px}.feature{min-height:410px;padding:28px}.feature h2{font-size:37px}.feature-copy{width:70%}.feature-visual{width:200px;top:90px;right:-30px}.feature-ura{min-height:420px}.feature-ura .app-icon{right:30px;top:65px}.feature-ura h2{font-size:34px}.word-art{margin-top:0;margin-bottom:8px}.apps-section{padding-block:56px 44px}.section-heading{align-items:start;flex-direction:column;gap:15px;margin-bottom:22px}h2{font-size:29px}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-card{padding:18px}.card-head{flex-direction:column;gap:13px}.category{text-align:left;max-width:none;font-size:9px}.app-card h3{font-size:18px;margin-top:16px}.app-card p{font-size:12px}.store-links{gap:0 15px}.store-link{font-size:11px}.contact-section{align-items:start;flex-direction:column;padding-block:34px}.contact-section p br{display:none}.legal-section{padding-block:44px}.legal-shortcuts{flex-direction:column;gap:0}.legal-body{font-size:14px}.site-footer{flex-wrap:wrap;font-size:10px;gap:15px}.site-footer span:nth-child(2){margin-left:0}.site-footer a{margin-left:auto}.document{font-size:15px}.document h1{font-size:29px}}
@media(max-width:380px){.app-grid{grid-template-columns:1fr}.card-head{flex-direction:row}.feature-copy{width:85%}.feature-visual{opacity:.2;right:-60px}.feature-label{font-size:8px}.feature-ura .app-icon{width:48px;height:48px;right:20px}.word-art span+span{font-size:21px}.hero h1{font-size:49px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}@media print{.reveal{opacity:1!important;translate:none!important}.ripple{display:none}.site-header,.hero,.featured,.apps-section,.contact-section,.site-footer,.legal-shortcuts,.back-link{display:none}.shell{width:100%}.legal-body{max-width:none}.legal-section{padding:0}.legal-body a{color:inherit}}
@media(max-width:700px){.feature-copy{width:85%}.feature-shapey h2{font-size:32px}.feature-visual{width:145px;right:-55px;top:130px}.feature-shapey p{max-width:200px}}

/* Motion: hover, click and scroll effects (motion.js adds ripples, reveals and the Shapey tilt) */
:root{--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1)}
@keyframes rise{from{opacity:0;translate:0 28px}to{opacity:1;translate:0 0}}
@keyframes pulse-dot{0%,100%{box-shadow:0 0 0 0 #718a4966}50%{box-shadow:0 0 0 6px #718a4900}}
@keyframes ripple{from{transform:scale(0);opacity:.35}to{transform:scale(1);opacity:0}}
@keyframes pop{0%{scale:1}35%{scale:.9}70%{scale:1.08}100%{scale:1}}
@keyframes wiggle{0%,100%{rotate:0deg}30%{rotate:-4deg}60%{rotate:3deg}}
@keyframes hop{0%,100%{translate:0 0}40%{translate:0 -7px}70%{translate:0 1px}}
@keyframes unfold{from{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}
.hero .eyebrow,.hero h1,.hero-bottom{animation:rise .9s var(--ease-out) both}.hero h1{animation-delay:.1s}.hero-bottom{animation-delay:.22s}
.status-dot{animation:pulse-dot 2.4s ease-in-out infinite}
.js .reveal{opacity:0;translate:0 26px;transition:opacity .75s var(--ease-out) var(--reveal-delay,0ms),translate .85s var(--ease-out) var(--reveal-delay,0ms),transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .35s,background-color .35s}
.js .reveal.is-visible{opacity:1;translate:0 0}
.ripple{position:absolute;border-radius:50%;background:currentColor;pointer-events:none;animation:ripple .65s var(--ease-out) forwards}
.button,.app-card,.feature,summary,.round-link span{position:relative;overflow:hidden}
.brand-mark span{display:inline-block}.brand:hover .brand-mark span{animation:hop .6s var(--ease-spring)}
.site-header nav a{text-decoration:none;background:linear-gradient(currentColor,currentColor) left 85%/0 1.5px no-repeat;transition:background-size .35s var(--ease-out),color .2s}.site-header nav a:hover{text-decoration:none;background-size:100% 1.5px;color:#4f6b2b}
.button{transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-out),background-color .25s}.button span{transition:transform .3s var(--ease-spring)}
.button:hover{transform:translateY(-3px);box-shadow:0 12px 26px #183d3526}.button:hover span{transform:translate(3px,-3px)}.button:active{transform:translateY(0) scale(.96);box-shadow:0 4px 10px #183d3520;transition-duration:.08s}
.button-light:hover{background:#e6f4cf}.button-dark:hover{background:#245448}
.round-link span{transition:transform .35s var(--ease-spring),background-color .25s}.round-link:hover span{transform:translateY(4px);background:#c9e2a3}.round-link:active span{transform:scale(.9)}
.feature{transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out)}.feature:hover{transform:translateY(-5px);box-shadow:0 26px 50px #183d3522}.feature:active{transform:translateY(-2px) scale(.99)}
.feature-visual{transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out)}.feature-shapey:hover .feature-visual{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) rotate(4deg) translateY(-10px) scale(1.03);box-shadow:0 34px 70px #0006}
.feature .app-icon{transition:transform .45s var(--ease-spring)}.feature:hover .app-icon{transform:rotate(-8deg) scale(1.08)}
.feature-ura:hover .word-art span{animation:wiggle .7s var(--ease-out)}.feature-ura:hover .word-art span+span{animation-delay:.12s}
.word-art span{transition:background-color .3s}.feature-ura:hover .word-art span{background:#fff}.feature-ura:hover .word-art span+span{background:#c6dba5}
.app-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #183d3514;border-color:#c9d8b4}.app-card:active{transform:translateY(-2px) scale(.985);transition-duration:.1s}
.app-card .app-icon{transition:transform .45s var(--ease-spring),box-shadow .45s}.app-card:hover .app-icon{transform:rotate(-6deg) scale(1.1);box-shadow:0 10px 22px #173a3524}
.app-card h3{transition:color .25s}.app-card:hover h3{color:#4f6b2b}
.app-icon.is-popped,.feature-visual.is-popped{animation:pop .45s var(--ease-spring)}
.store-link,.privacy-link,.legal-shortcuts a,.text-link{transition:color .2s}.store-link span,.privacy-link span{display:inline-block;transition:transform .3s var(--ease-spring)}
.store-link:hover,.privacy-link:hover{color:#4f6b2b}.store-link:hover span,.privacy-link:hover span{transform:translate(3px,-3px)}
.store-link:active,.privacy-link:active,.legal-shortcuts a:active,.text-link:active{opacity:.6}
summary{transition:padding .3s var(--ease-out),color .2s}summary:hover{padding-left:10px;color:#4f6b2b}summary span{transition:transform .4s var(--ease-spring)}summary:hover span{transform:scale(1.2)}details[open]>summary span{transform:rotate(45deg)}details[open]>summary:hover span{transform:rotate(45deg) scale(1.2)}
details[open]>.legal-body{animation:unfold .45s var(--ease-out)}
@media(hover:none){.app-card:hover,.feature:hover{transform:none;box-shadow:none}.app-card:hover .app-icon,.feature:hover .app-icon{transform:none}summary:hover{padding-left:0}}

/* Language switch (language.js) */
.site-header nav{margin-left:auto}
.lang-toggle{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;margin-left:26px;padding:3px;border-radius:100px;background:#e8eddd;border:1px solid var(--line);flex-shrink:0}
.lang-toggle::before{content:"";position:absolute;inset:3px auto 3px 3px;width:calc(50% - 3px);border-radius:100px;background:var(--ink);box-shadow:0 3px 10px #183d3530;transition:translate .4s var(--ease-spring)}
.lang-toggle[data-active="en"]::before{translate:100% 0}
.lang-toggle button{position:relative;z-index:1;border:0;background:none;font:inherit;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--muted);padding:7px 12px;border-radius:100px;cursor:pointer;transition:color .25s,scale .2s var(--ease-spring)}
.lang-toggle button[aria-pressed="true"]{color:#fff}.lang-toggle button:hover{color:var(--ink)}.lang-toggle button[aria-pressed="true"]:hover{color:#fff}
.lang-toggle button:active{scale:.9}.lang-toggle button:focus-visible{outline:3px solid #a44a20;outline-offset:2px}
@media(max-width:700px){.lang-toggle{margin-left:14px}.lang-toggle button{padding:6px 9px;font-size:10px}}
.brand-mark{white-space:nowrap}
@media(max-width:420px){.brand small{display:none}.site-header nav{gap:12px}.lang-toggle{margin-left:10px}}
@media print{.lang-toggle{display:none}}