@font-face{font-family:FokaSans;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fbf7f2;color:#282823;font-family:FokaSans,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d95b50;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:20px;top:-60px;background:#fff;padding:12px;z-index:100}.skip:focus{top:10px}.nav{display:flex;align-items:center;justify-content:space-between;padding:27px 0;border-bottom:1px solid #e3ddd5}.brand{display:flex;align-items:center;gap:9px;font-weight:750;font-size:25px;}.brand img{border-radius:10px}.beta{font-size:9px;letter-spacing:1px;font-weight:600;border:1px solid #dcd5cd;border-radius:5px;padding:5px 6px;margin-left:8px;color:#73716b}.nav nav{display:flex;align-items:center;gap:30px;font-size:13px}.small-button{background:#282823;color:#fff;padding:13px 19px;border-radius:8px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:8px;margin:0 0 22px}.status-dot{width:7px;height:7px;background:#d95b50;border-radius:50%}.hero{text-align:center;padding-top:70px}.hero .eyebrow{justify-content:center}h1{font-size:clamp(50px,7.5vw,94px);line-height:1.02;font-weight:650;margin:0}h1 span{color:#d95b50}.lead{font-size:19px;color:#77746e;line-height:1.55;margin:27px 0}.hero-actions{display:flex;justify-content:center;align-items:center;gap:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:34px;padding:17px 24px;border-radius:9px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:#d95b50;color:white}.primary:hover{background:#bd473f}.secondary{background:#282823;color:white}.text-link{font-size:13px;font-weight:650}.platform-note{font-size:11px;color:#88847d;margin:20px 0 46px}.platform-note span{margin:0 12px}.demo{border:1px solid #d9d1c8;border-radius:16px;overflow:hidden;box-shadow:0 25px 65px #43342214;text-align:left;background:white}.demo-toolbar{height:44px;background:#f1ece5;border-bottom:1px solid #ddd5cd;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#77716b;font-size:11px}.traffic{display:flex;gap:6px}.traffic i{width:8px;height:8px;border-radius:50%;background:#d6c8bd}.demo-badge{font-size:8px;letter-spacing:1px}.slide{height:460px;position:relative;overflow:hidden;isolation:isolate;background:#fcf8ee}.slide-content{position:absolute;inset:0;padding:58px 64px}.slide-kicker{font-size:10px;letter-spacing:2px;color:#b65d4e;margin:0 0 27px}.slide h2{font-size:57px;line-height:1.12;margin:0;max-width:48%}.slide-sub{font-size:14px;color:#888075;margin:23px 0}.slide-chart{position:absolute;right:6%;top:24%;width:40%;height:53%}.bars{height:90%;display:flex;align-items:end;gap:13px;border-bottom:1px solid #dbd0bf}.bars div{height:var(--bar);flex:1;background:#d95b50;border-radius:6px 6px 0 0;position:relative}.bars div:nth-child(1){background:#d8ad9f}.bars div:nth-child(2){background:#bb8f79}.bars div:nth-child(4){background:#f0bd7c}.bars span{position:absolute;bottom:-27px;width:100%;text-align:center;font-size:10px;color:#6f665b}.chart-caption{font-size:8px;letter-spacing:1px;color:#998f84;position:absolute;bottom:-24px;left:0}.slide-footer{position:absolute;bottom:28px;left:64px;right:64px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#978d80}#mask{position:absolute;inset:0;z-index:1;pointer-events:none}.focus-area{position:absolute;z-index:2;border:0;background:transparent;cursor:grab;touch-action:none;padding:0;outline:none;overflow:visible;--hit-x:64px;--hit-y:64px}
.focus-area:active{cursor:grabbing}
.focus-area:focus-visible{outline:none}
.focus-area::before{content:"";position:absolute;inset:0;pointer-events:none}
.focus-area.is-selected::before{border:1.25px dashed white;filter:drop-shadow(0 0 .75px #0008)}
.resize-handle{position:absolute;width:var(--hit-x);height:var(--hit-y);transform:translate(-50%,-50%);display:none;touch-action:none}
.focus-area.is-selected .resize-handle:not([hidden]){display:block}
.resize-handle svg{position:absolute;width:64px;height:64px;left:50%;top:50%;transform:translate(-50%,-50%);overflow:visible;pointer-events:none}
.resize-handle path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.grip-shadow{stroke:#0006;stroke-width:7.5}
.grip-white{stroke:white;stroke-width:6}
.handle-nw{left:0;top:0;cursor:nwse-resize}.handle-ne{left:100%;top:0;cursor:nesw-resize}.handle-se{left:100%;top:100%;cursor:nwse-resize}.handle-sw{left:0;top:100%;cursor:nesw-resize}
.handle-ne svg{transform:translate(-50%,-50%) rotate(90deg)}.handle-se svg{transform:translate(-50%,-50%) rotate(180deg)}.handle-sw svg{transform:translate(-50%,-50%) rotate(270deg)}
.handle-n{left:50%;top:0;cursor:ns-resize}.handle-s{left:50%;top:100%;cursor:ns-resize}.handle-e{left:100%;top:50%;cursor:ew-resize}.handle-w{left:0;top:50%;cursor:ew-resize}
.handle-n::before,.handle-s::before,.handle-e::before,.handle-w::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:white;border-radius:3px;box-shadow:0 0 0 .75px #0006;pointer-events:none}
.handle-n::before,.handle-s::before{width:30px;height:6px}.handle-e::before,.handle-w::before{width:6px;height:30px}
.demo-controls{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;gap:20px;font-size:11px}.switch-label{display:flex;align-items:center;gap:9px;font-weight:700;position:relative}.switch-label input{position:absolute;width:35px;height:22px;opacity:0}.switch{width:34px;height:20px;background:#aaa49d;border-radius:20px;position:relative}.switch:after{content:'';position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;left:3px;transition:left .2s}.switch-label input:checked+.switch{background:#d95b50}.switch-label input:checked+.switch:after{left:17px}.switch-label input:focus-visible+.switch{outline:3px solid #d95b50;outline-offset:4px}.dim-label{display:flex;align-items:center;gap:14px;color:#6c6962}.dim-label input{width:145px;accent-color:#d95b50}.dim-label output{min-width:30px;color:#282823}.reset{border:0;background:none;color:#777269;cursor:pointer;font-size:11px}.demo-footnote{font-size:11px;color:#8e887e;margin:19px 0 0}.why{padding:112px 0 96px}h2{font-family:Arial,Helvetica,sans-serif;font-size:clamp(32px,4vw,47px);font-weight:500;line-height:1.18;margin:0}em{font-style:normal;color:#a09a90}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.section-grid p{font-size:14px;line-height:1.7;color:#777168;margin:0 0 16px}.section-grid .large-copy{font-size:19px;color:#37352e;line-height:1.55}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:66px}.feature-grid article{border-top:1px solid #ddd5cb;padding-top:22px}.feature-num{font-size:10px;letter-spacing:1.5px;color:#9a9084}.feature-grid h3{font-size:20px;margin:18px 0 12px}.feature-grid p{font-size:13px;line-height:1.7;color:#777168}.mini-focus,.mini-edit,.mini-key{height:106px;display:flex;align-items:center;justify-content:center;background:#f0e9de;border-radius:9px;margin-top:22px;position:relative;overflow:hidden}.mini-focus{gap:10px}.mini-focus i{width:45px;height:38px;background:#d3c8b9;border-radius:5px}.mini-focus i:nth-child(2){height:54px;background:#fff5e8}.mini-focus b{width:64px;height:73px;border:2px solid #d95b50;border-radius:3px;position:absolute}.mini-edit div{width:115px;height:55px;border:2px solid #d95b50;background:#fff8ed;position:relative}.mini-edit i{width:7px;height:7px;background:#d95b50;position:absolute}.mini-edit i:nth-child(1){left:-4px;top:-4px}.mini-edit i:nth-child(2){right:-4px;top:-4px}.mini-edit i:nth-child(3){left:-4px;bottom:-4px}.mini-edit i:nth-child(4){right:-4px;bottom:-4px}.mini-edit span{font-size:30px;margin-left:12px;color:#ae6456}.mini-key{gap:7px}kbd{font-family:inherit;font-size:12px;background:#fffaf4;border:1px solid #dacfc1;border-bottom-width:3px;border-radius:5px;padding:7px 9px;display:inline-block}.mini-key kbd{font-size:19px;padding:10px 13px}.how{background:#eee7dc;padding:77px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:47px 0}.steps article>span{font-size:12px;color:#c27060}.steps h3{font-size:20px;margin:18px 0 12px;}.steps p{font-size:13px;line-height:1.7;color:#777168}.shortcut-strip{border-top:1px solid #d8cfc0;padding-top:25px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#7c7468;gap:20px}.shortcut-strip>div{display:flex;align-items:center;gap:20px}.shortcut-strip strong{color:#282823}.shortcut-strip kbd{font-size:10px;padding:4px 5px;margin-left:4px}.privacy{display:grid;grid-template-columns:130px 1fr;gap:40px;padding:88px 0;border-bottom:1px solid #e2d9cd}.privacy-symbol{width:115px;height:115px;border:1px solid #dacbbc;border-radius:50%;display:grid;place-items:center;font-size:75px;color:#d95b50;margin-top:24px}.privacy h2{font-size:37px}.privacy p:not(.eyebrow){max-width:730px;font-size:15px;line-height:1.7;color:#777168}.privacy .muted{font-size:12px!important}.download{text-align:center;padding:88px 0}.download .eyebrow{justify-content:center}.download h2{font-size:58px;}.download-intro{color:#847d72;font-size:15px}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:22px;text-align:left;max-width:860px;margin:37px auto 22px}.downloads article{padding:32px;border:1px solid #ded4c7;border-radius:13px;background:#fffaf4}.os-label{font-size:10px;color:#a09384;letter-spacing:2px}.downloads h3{font-size:25px;margin:17px 0 9px}.downloads p{color:#867c6e;font-size:12px;line-height:1.65}.downloads .button{width:100%;margin:20px 0 14px}.downloads small{font-size:10px;color:#958b7e}.downloads details{margin-top:24px;border-top:1px solid #e6ddd1;padding-top:14px}.downloads summary{font-size:11px;color:#6c6154;cursor:pointer}.download-note{color:#9a9083;font-size:10px;line-height:1.7}.faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;padding:30px 0 90px}.faq h2{font-size:34px}.questions details{border-bottom:1px solid #e1d8cc;padding:22px 0}.questions details:first-child{padding-top:0}.questions summary{font-size:14px;font-weight:600;cursor:pointer}.questions p{font-size:13px;line-height:1.75;color:#7c7367;padding-right:20px}.closing{background:#eee6dc;border-radius:15px;padding:32px 40px;display:flex;align-items:center;gap:22px}.closing p{font-size:25px;font-weight:650;margin:0}.closing p span{color:#d95b50}.closing .button{margin-left:auto}footer{display:flex;align-items:center;justify-content:space-between;padding:45px 0 32px!important}footer p,footer>a:last-child{font-size:11px;color:#9a9083}footer .brand{font-size:20px}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.nav{padding:20px 0}.nav nav{gap:14px}.nav nav>a:not(.small-button){display:none}.hero{padding-top:45px}h1{}.lead{font-size:16px}.demo-toolbar>span:first-of-type{font-size:9px}.demo-badge{display:none}.slide{height:330px}.slide-content{padding:32px 25px}.slide-kicker{font-size:8px;margin-bottom:22px}.slide h2{font-size:34px;}.slide-sub{font-size:10px;max-width:43%}.slide-chart{width:43%;right:4%;top:27%;height:47%}.bars{gap:8px}.bars span{font-size:8px}.slide-footer{left:25px;right:25px;font-size:7px;letter-spacing:1px}.chart-caption{font-size:6px}.demo-controls{padding:16px 12px;flex-wrap:wrap;gap:14px}.dim-label{gap:8px}.dim-label input{width:80px}.reset{margin-left:auto}.section-grid,.faq{grid-template-columns:1fr;gap:25px}.why{padding:65px 0}.feature-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.feature-grid article{display:grid;grid-template-columns:110px 1fr;column-gap:20px}.feature-num{grid-column:1/-1}.mini-focus,.mini-edit,.mini-key{grid-row:2/4;margin-top:18px}.mini-focus i{width:25px}.mini-focus b{width:40px}.mini-edit div{width:65px;height:42px}.mini-edit span{display:none}.mini-key kbd{font-size:11px;padding:7px}.feature-grid p{margin:0}.how{padding:55px 0}.steps{grid-template-columns:1fr;gap:18px;margin:30px 0}.steps h3{margin:10px 0}.shortcut-strip,.shortcut-strip>div{align-items:flex-start;flex-direction:column;gap:12px}.privacy{grid-template-columns:1fr;gap:18px;padding:55px 0}.privacy-symbol{width:65px;height:65px;font-size:42px;margin:0}.download{padding:60px 0}.download h2{font-size:45px}.downloads{grid-template-columns:1fr}.faq{padding-bottom:55px}.closing{padding:25px;flex-wrap:wrap;gap:16px}.closing p{font-size:22px}.closing .button{width:100%;margin:6px 0 0}footer{gap:20px;flex-wrap:wrap}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.switch:after{transition:none}}

.nav .language{font-size:11px;color:#8c8175;border:1px solid #ddd3c6;border-radius:6px;padding:8px 10px}.nav nav>a.language{display:inline-flex}@media(max-width:420px){.nav .beta{display:none}.nav nav{gap:9px}.small-button{padding:11px 12px}html[lang="sv"] .demo-toolbar>span:first-of-type{max-width:240px}html[lang="sv"] .dim-label{font-size:10px}}

html[lang="sv"] h1{font-size:clamp(40px,6.4vw,80px);}html[lang="sv"] .closing p{font-size:23px}@media(max-width:760px){html[lang="sv"] h1{font-size:clamp(29px,6.8vw,51px);}html[lang="sv"] .closing p{font-size:20px}}

/* Follow the visitor's system theme; the example slide retains its original colors. */
:root{color-scheme:light dark}.slide{color:#282823;color-scheme:light}
@media(prefers-color-scheme:dark){
body{background:#181817;color:#f4eee7}
.nav{border-color:#373532}.beta{border-color:#49443e;color:#b9b0a5}
.lead,.section-grid p,.feature-grid p,.steps p,.privacy p:not(.eyebrow),.questions p{color:#bdb4a8}
.platform-note,.demo-footnote,.feature-num,.download-intro,.download-note,footer p,footer>a:last-child{color:#afa497}
.section-grid .large-copy{color:#e8dfd3}em{color:#b8aea1}
h1 span,.closing p span{color:#f08073}
.small-button,.secondary{background:#eee5d8;color:#26231f}
.demo{background:#232321;border-color:#45413b;box-shadow:0 25px 65px #0005}
.demo-toolbar{background:#2c2a27;border-color:#45413b;color:#bcb1a3}.traffic i{background:#786b5c}
.dim-label,.reset{color:#bdb4a8}.dim-label output{color:#f4eee7}
.feature-grid article,.shortcut-strip,.privacy,.questions details{border-color:#45403a}
.mini-focus,.mini-edit,.mini-key{background:#302c27}.mini-focus i{background:#63594b}.mini-focus i:nth-child(2){background:#fff5e8}
.how{background:#22211f}.steps article>span{color:#ed9987}.shortcut-strip{color:#bdb2a4}.shortcut-strip strong{color:#f4eee7}
kbd{background:#36312b;border-color:#65594b;color:#f4eee7}
.privacy-symbol{border-color:#605044}
.downloads article{background:#242320;border-color:#4b443a}.os-label,.downloads small{color:#b7a996}.downloads p{color:#c0b2a1}.downloads details{border-color:#4b443a}.downloads summary{color:#e0d3c1}
.closing{background:#2b2823}.nav .language{color:#d0c3b2;border-color:#51483d}.skip{background:#282622;color:#fff}
}

.policy{max-width:800px;padding-bottom:70px}.policy h1{font-size:clamp(40px,7vw,72px)}.policy h2{font-size:24px;margin:36px 0 12px}.policy p{line-height:1.8}.policy a{text-decoration:underline;text-underline-offset:3px}footer>span{font-size:12px}footer>span a{white-space:nowrap}