/* Deskferry / Glass Current. System fonts, local imagery, no UI framework. */
:root {
  color-scheme: light;
  --paper:#fbfcff; --surface:#fff; --ink:#09162e; --muted:#4f607a;
  --blue:#0654e9; --blue-deep:#003bc3; --mint:#06cba5;
  --line:#dce6f2; --radius:28px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --ease:cubic-bezier(.2,.7,.2,1);
  /* Motion scale. Before this the file carried fourteen different transition
     declarations across .2s, .22s, .25s, .3s and .4s, four of them easing on
     --ease and the rest falling back to the browser default. Nothing was wrong
     with any one of them; together they read as several hands rather than one.
     Three durations and three curves cover every interaction the site has.
     --dur-1 feedback that should feel instant: colour, background, the arrow nudge.
     --dur-2 a surface responding: card lift, button press, shadow.
     --dur-3 something larger crossing the viewport.
     --ease-out decelerates hardest and is for entrances only, so arriving
     content settles instead of gliding; --ease-soft is symmetric and is for
     colour, which has no direction to decelerate along. */
  --dur-1:.18s; --dur-2:.26s; --dur-3:.42s;
  --ease-out:cubic-bezier(.16,.84,.34,1);
  --ease-soft:cubic-bezier(.4,0,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}
body,button,input,select{font-family:var(--font)}
a{color:var(--blue);text-decoration:none;text-underline-offset:4px}
a:hover{text-decoration:none}
button{font-size:16px;line-height:1.4;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
button{border:0}
img,svg{max-width:100%}img{display:block;height:auto}
button,summary{touch-action:manipulation}
[hidden]{display:none!important}
p{margin:0 0 1.1em}h1,h2,h3{line-height:1.13;letter-spacing:-.04em;margin:0 0 .55em;font-weight:750;text-wrap:balance}
h1{font-size:clamp(2.25rem,3.2vw,3rem)}h2{font-size:clamp(1.75rem,2.6vw,2.25rem)}h3{font-size:1.2rem;letter-spacing:-.025em}
ul,ol{padding-inline-start:1.3em}li+li{margin-top:.4em}
:focus-visible{outline:3px solid #005ad4;outline-offset:5px;border-radius:6px}
::selection{background:#b4f4e2;color:#08162d}
.ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0;width:24px;height:24px}
.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.section{margin-block:112px}
.section-heading{max-width:760px;margin-bottom:40px}.section-heading p:not(.eyebrow){color:var(--muted);max-width:680px}
.eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#566a88;margin:0 0 20px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:12px;left:12px;z-index:200;padding:12px 18px;background:white;box-shadow:0 2px 15px #05244c33;transform:translateY(-160%)}.skip-link:focus{transform:none}
/* Shared translucent navigation. All language and mobile links work without JavaScript. */
.site-header{position:sticky;inset-block-start:0;z-index:70;background:#f7fbffe8;border-bottom:1px solid #d8e4f155;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.header-inner{width:min(1340px,calc(100% - 72px));margin:auto;min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:22px;line-height:1;font-weight:770;letter-spacing:-1px;white-space:nowrap}.brand img{width:48px;height:48px;max-width:none;margin-inline-start:-6px}
.desktop-nav{display:flex;align-items:center;gap:24px}.desktop-nav a{font-size:14px;color:#35465f;white-space:nowrap;padding:14px 0;position:relative}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--blue)}.desktop-nav a[aria-current]:after{content:"";position:absolute;height:3px;width:16px;border-radius:2px;background:var(--blue);inset-inline-start:0;bottom:6px}
.header-controls{display:flex;align-items:center;gap:12px}
.header-download{display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;padding:11px 18px;border-radius:24px;background:linear-gradient(165deg,#078dff,#004cea 80%);box-shadow:inset 0 1px 1px #ffffffa1,0 4px 12px #076eff26;border:1px solid #1885ff;color:white;font-size:14px;font-weight:650;transition:box-shadow var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.header-download .ui-icon{width:18px;height:18px}.header-download:hover{transform:translateY(-2px);box-shadow:0 6px 18px #076eff55}
.language-menu,.mobile-menu{position:relative}.language-menu>summary,.mobile-menu>summary{list-style:none;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;min-height:44px;color:#233e64;font-size:14px;white-space:nowrap}.language-menu>summary::marker,.mobile-menu>summary::marker{content:""}.language-menu>summary::-webkit-details-marker,.mobile-menu>summary::-webkit-details-marker{display:none}.language-menu>summary>.ui-icon{width:18px;height:18px}.language-menu>summary>.chevron{width:16px;height:16px;transition:transform var(--dur-1) var(--ease)}.language-menu[open]>summary>.chevron{transform:rotate(180deg)}.language-panel{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:310px;max-width:calc(100vw - 24px);max-height:75vh;overflow:auto;background:#fffffff5;border:1px solid #d5e3f4;border-radius:20px;padding:22px;box-shadow:0 20px 70px #133b7138;backdrop-filter:blur(20px)}.language-panel .eyebrow{margin-bottom:15px}.language-panel ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:5px}.language-panel li{margin:0}.language-panel a{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#263a57;font-size:15px;border-radius:9px;padding:10px 8px}.language-panel a:hover,.language-panel a[aria-current]{background:#eaf3ff;color:#064dc2}.language-tools{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.language-tools button{display:block;background:none;text-align:start;padding:8px 0;color:var(--blue);font-size:14px}.language-tools p{font-size:13px;line-height:1.6;color:var(--muted);margin:8px 0 0}
.mobile-menu{display:none}.mobile-menu nav{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:280px;max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 20px 60px #133b7138;max-height:75vh;overflow:auto}.mobile-menu nav a{display:block;padding:10px 12px;color:var(--ink);border-radius:10px}.mobile-menu nav a:hover{background:#eef5ff}
.reading-progress{display:none}.page-article .reading-progress{display:block;position:fixed;inset-block-start:87px;inset-inline-start:0;width:var(--read-progress,0%);height:2px;background:linear-gradient(90deg,var(--blue),var(--mint));z-index:80;pointer-events:none}
/* Hero: separate DOM layers, never a flattened screenshot. */
.hero-stage{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 94% 33%,#9fc4ef 0%,#d1e7fa 25%,transparent 56%),linear-gradient(120deg,#fff 12%,#f5faff 45%,#e4f0ff 80%)}
.hero-stage:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 85% 85%,#b4fff263,transparent 39%),linear-gradient(0deg,#f6faff 0%,transparent 25%)}
.hero-stage:after{content:"";position:absolute;inset:auto -10% -50px 35%;height:220px;background:linear-gradient(140deg,transparent 33%,#fff9e090 45%,#f7bceb3b 50%,#c3fffd66 60%,transparent 67%);transform:rotate(-8deg);filter:blur(12px);pointer-events:none;z-index:0}
.hero-atmosphere{position:absolute;right:-5%;top:0;width:69%;height:60%;background:url('../images/ambient-mountains.webp') right top/cover no-repeat;mask-image:radial-gradient(ellipse at 76% 28%,#000 15%,#0009 40%,transparent 70%);opacity:.55;z-index:-1;filter:blur(1px)}
.hero{display:grid;grid-template-columns:1.02fr 1fr;align-items:center;gap:0;min-height:740px;padding-block:50px 60px;position:relative;z-index:1}
.hero-copy{position:relative;z-index:10;min-width:0;padding-bottom:12px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border:1px solid #cce4ff;border-radius:30px;font-size:13px;line-height:1.2;color:#0056d8;background:linear-gradient(110deg,#ffffffb8,#cde6ffa8);box-shadow:inset 0 1px 1px #fff;margin-bottom:26px}.hero-badge .ui-icon{width:17px;height:17px}
.hero h1{font-size:clamp(2.75rem,4.4vw,4rem);line-height:1.03;letter-spacing:-.055em;margin-bottom:24px;font-weight:790}.hero h1 span{display:block}.accent{color:var(--blue);background:linear-gradient(110deg,#0054ec 7%,#0088db 40%,#00bd91 88%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-lead{font-size:clamp(1.125rem,1.4vw,1.25rem);line-height:1.5;max-width:520px;letter-spacing:-.02em;color:#10203a;margin-bottom:30px}
.hero-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:32px 0 36px;max-width:600px}.hero-benefit{min-width:0}.benefit-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;color:#0064f5;background:linear-gradient(145deg,#ecf8ffdd,#c8e4ffd9);box-shadow:inset 1px 1px 2px white,0 4px 16px #b2d1f333;border:1px solid #cee7ff;margin-bottom:10px}.benefit-icon .ui-icon{width:25px;height:25px}.hero-benefit strong{display:block;font-size:13px;font-weight:650;line-height:1.45;letter-spacing:-.01em;margin-bottom:2px}.hero-benefit>span:last-child{display:block;color:#4c6180;font-size:12px;line-height:1.5}
.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:26px 0 18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:15px 25px;border-radius:32px;font-size:16px;line-height:1.45;font-weight:650;text-align:center;transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),background var(--dur-2) var(--ease-soft);border:1px solid transparent}.button .ui-icon{width:20px;height:20px}
/* A surface that lifts on hover should yield when pressed. Without this the
   button rises and then holds, so a click reads as having gone nowhere until
   the page responds. Pointer-only: on touch there is no hover to return from,
   and the same rule would fire on every scroll that starts over a button. */
@media(hover:hover) and (pointer:fine){
 .has-motion .button:active{transform:translateY(1px) scale(.988);transition-duration:var(--dur-1)}
 .has-motion .guide-card:active{transform:translateY(-1px) scale(.997);transition-duration:var(--dur-1)}
}.primary{color:white;background:linear-gradient(155deg,#0692ff 0%,#0062f8 40%,#0042d8 100%);border-color:#1485ff;box-shadow:inset 0 2px 2px #fff7,0 7px 16px #096bef30,0 1px 2px #054bd750}.primary:hover{transform:translateY(-3px);box-shadow:inset 0 2px 2px #fff7,0 12px 24px #096bef40}.secondary{color:#152849;background:linear-gradient(150deg,#ffffffd9,#e7f1ffb0);border-color:#c4dcfa;box-shadow:inset 0 1px 1px #fff,0 3px 7px #4388d507}.secondary .ui-icon{color:var(--blue)}.secondary:hover{background:white;transform:translateY(-3px);box-shadow:0 9px 22px #b9cee847}.system-requirements{font-size:13px;color:#596c86;margin:18px 0 0;line-height:1.6}.system-requirements>span{margin:0 7px}
.hero-visual{min-width:0;width:110%;margin-left:-2%;position:relative;aspect-ratio:1/1.07;perspective:1200px;isolation:isolate;--rx:0deg;--ry:0deg}
.hero-scene{position:absolute;inset:0;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform var(--dur-3) var(--ease)}
.scene-light{position:absolute;inset:8% -12% 0;background:radial-gradient(ellipse at 52% 58%,#64f6ea55,transparent 56%);animation:light-breathe 8s ease-in-out infinite;pointer-events:none}
.hero-icon-shell{position:absolute;z-index:4;width:88%;inset:3% auto auto 7%;transform:translateZ(45px);animation:icon-float 7s ease-in-out infinite}.hero-icon-shell picture{display:block;width:100%;filter:drop-shadow(0 25px 24px #235ba124)}.hero-icon{display:block;width:100%;height:auto}
.ghost-mac{position:absolute;width:30%;height:24%;top:22%;z-index:1;filter:drop-shadow(0 12px 15px #3e7ab546)}.ghost-left{left:-1%;transform:rotateY(14deg) rotateZ(-6deg)}.ghost-right{right:-1%;transform:rotateY(-15deg) rotateZ(5deg)}.ghost-screen{height:90%;display:grid;place-items:center;border-radius:10px;border:1px solid #ddfaff;background:linear-gradient(125deg,#d8f5ff8c,#86bff136 65%,#ffffff63);box-shadow:inset 0 0 8px #fff5,2px 3px 0 #4e97d34f;backdrop-filter:blur(2px)}.ghost-screen .ui-icon{width:32px;height:32px;color:#ecffff;filter:drop-shadow(0 0 7px #86e2ff)}.ghost-base{height:8%;width:115%;margin-left:-7.5%;border-radius:0 0 40% 40%;background:linear-gradient(#d7f6ff,#72b7e0);box-shadow:0 5px 10px #366a9b20}
.orbit{position:absolute;left:-1%;top:35%;width:103%;height:25%;border:2px solid #b6faff;border-radius:50%;transform:rotate(-9deg);box-shadow:0 -2px 7px #fff9,inset 0 3px 8px #4abaff,0 3px 7px #00f6c7,inset 0 -2px 6px #bb97ff;pointer-events:none}.orbit-back{z-index:2}.orbit-front{z-index:6;clip-path:polygon(-20% 57%,120% 57%,120% 140%,-20% 140%)}.orbit-spark{display:block;position:absolute;left:4%;top:18%;width:10px;height:10px;background:#fff;border-radius:100%;box-shadow:0 0 15px 7px #a3eeff,0 0 40px 14px #22d6fa;animation:orbit-shimmer 6s ease-in-out infinite}
.glass-plinth{position:absolute;z-index:3;width:72%;height:27%;left:15%;top:61%;transform:translateZ(15px)}.plinth-face{position:absolute;top:23%;left:0;width:100%;height:76%;border-radius:0 0 47% 47%/0 0 24% 24%;border:1px solid #dbf8ffaa;background:linear-gradient(90deg,#a2d9fa91,#effbff85 8%,#53a6ee42 16%,#d6f1ff7d 38%,#f6e0fd66 60%,#509cee66 88%,#dcfcffa8 97%);box-shadow:inset 2px 0 3px #fff9,inset -3px 0 3px #80c0fcaa,0 35px 50px #527eaa24;backdrop-filter:blur(6px)}.plinth-top{position:absolute;z-index:2;top:0;width:100%;height:48%;border-radius:50%;border:1.5px solid #ecffff;box-shadow:0 0 8px #c8f2ffa8,inset 0 0 10px #80d2ff9e;background:linear-gradient(120deg,#c2eaffc2,#75a9f08f,#d2dfffe0)}.plinth-reflection{position:absolute;left:20%;bottom:10%;width:60%;height:3%;background:#dbffff;filter:blur(14px)}
.floor-grid{position:absolute;left:-20%;bottom:-15%;width:140%;height:55%;opacity:.14;background-image:linear-gradient(#5599db 1px,transparent 1px),linear-gradient(90deg,#5599db 1px,transparent 1px);background-size:70px 70px;transform:rotateX(66deg);mask-image:radial-gradient(ellipse,#000,transparent 65%)}
.scene-caption{position:absolute;top:81%;left:14%;width:73%;text-align:center;font-size:15px;line-height:1.45;color:#304b6e;z-index:7}.scene-caption span{display:block}.scene-caption span:first-child{font-weight:650;margin-bottom:2px}
.scene-speck{position:absolute;border-radius:50%;width:4px;height:4px;background:white;box-shadow:0 0 14px 4px #6ef9ff;animation:speck-float 8s ease-in-out infinite}.speck-a{top:15%;right:12%}.speck-b{top:60%;left:6%;animation-delay:-4s}
/* The hands-on workflow is CSS-rendered hardware and HTML, not an app screenshot. */
.workflow-section{display:grid;grid-template-columns:.85fr 1.65fr;gap:24px;align-items:center;margin-block:80px 30px}
.workflow-copy{max-width:420px}.workflow-copy h2{font-size:clamp(1.75rem,2.5vw,2.2rem);letter-spacing:-.04em}.workflow-copy h2 span{display:block}.workflow-copy p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.7}.text-link,.light-link{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.arrow{display:inline-flex;transition:transform var(--dur-1) var(--ease)}.arrow .ui-icon{width:19px;height:19px}.text-link:hover .arrow,.light-link:hover .arrow,.guide-card:hover .arrow,.feature-card:hover .arrow{transform:translateX(5px)}
.workflow-demo{min-width:0;position:relative;text-align:center}.laptop-stage{height:310px;position:relative;perspective:1000px;isolation:isolate;direction:ltr}
.laptop{position:absolute;width:42%;top:42px;z-index:2;transform-style:preserve-3d}.laptop-left{left:4%;transform:rotateY(14deg) rotateZ(-5deg)}.laptop-right{right:3%;transform:rotateY(-14deg) rotateZ(5deg)}
.laptop-screen{height:182px;border:7px solid #1c2433;border-bottom-width:12px;border-radius:13px 13px 8px 8px;background:#1261b7;position:relative;box-shadow:0 0 0 1px #6b7b8b,2px 0 0 3px #82929f,0 12px 20px #00192828;overflow:hidden}.laptop-screen:after{content:"";position:absolute;top:-1px;left:40%;width:20%;height:8px;background:#1d2635;border-radius:0 0 4px 4px}.laptop-wallpaper{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 0%,#dabeef,transparent 55%),linear-gradient(130deg,#2256c7,#054895 35%,#40b6d6 36%,#087e9c 55%,#022640 56%,#0b4168);opacity:1}.laptop-right .laptop-wallpaper{background:radial-gradient(ellipse at 80% 100%,#ccb8ff,transparent 60%),linear-gradient(135deg,#8de1e9,#2276c8 33%,#073360 34%,#022240 53%,#148f9c 54%,#2ee1b7)}
.mock-menubar{position:absolute;top:0;left:0;right:0;height:13px;background:#ffffff4d;display:flex;align-items:center;gap:3px;padding:0 8px}.mock-menubar i{width:3px;height:3px;border-radius:50%;background:#ffffffb0}.mock-menubar span{font-size:6px;margin-left:6px;color:white;line-height:1}
.mock-window{position:absolute;width:72%;left:14%;top:21%;height:69%;border:1px solid #dff3ffbb;border-radius:6px;background:#f7fbfff0;box-shadow:0 7px 14px #06162d57;overflow:hidden;backdrop-filter:blur(6px)}.mock-window-bar{height:12px;display:flex;align-items:center;gap:3px;padding:0 5px;background:#e6edf3}.mock-window-bar i{display:block;width:4px;height:4px;border-radius:50%;background:#f6bb42}.mock-window-bar i:first-child{background:#f17a6f}.mock-window-bar i:last-child{background:#52c992}
.sample-stack{position:relative;height:calc(100% - 39px);padding:7px}.sample-content{display:none;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:3px}.sample-text{display:flex}.sample-text strong{font-size:12px;line-height:1.3;max-width:90%;font-weight:650;color:#193c66;letter-spacing:-.03em}.document-line{height:3px;width:80%;background:#cbd9ec;border-radius:3px;display:block;margin:2px 0}.document-line.short{width:45%}
.sample-landscape{position:relative;overflow:hidden;background:linear-gradient(#81caff,#dff5ff);width:65%;height:47px;border-radius:3px}.tiny-sun{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff8dd;right:9px;top:5px}.tiny-mountain{position:absolute;width:100%;height:70%;bottom:0;left:0;background:linear-gradient(140deg,#62b4c5,#377ca0);clip-path:polygon(0 100%,0 65%,30% 5%,55% 72%,74% 30%,100% 82%,100% 100%)}.sample-name{font-size:8px;color:#304a6b;line-height:1.3}.sample-document{display:flex;align-items:center;justify-content:center;gap:5px;color:#714eda}.sample-document .ui-icon{width:27px;height:30px}.sample-document span{font-size:11px;font-weight:600}
.mock-action{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(#288bff,#0865ec);color:white;display:flex;justify-content:space-between;align-items:center;padding:5px 8px;height:27px;font-size:11px;line-height:1}.mock-action kbd{font:10px var(--font)}
.laptop-base{position:absolute;left:-2%;top:100%;width:104%;height:86px;background:linear-gradient(100deg,#95a6b9,#d6dfe8 32%,#a9b9cb 80%);transform-origin:center top;transform:rotateX(61deg);border-radius:0 0 8px 8px;box-shadow:inset 0 0 0 1px #e9eff4,0 6px 0 #6c7c90,0 15px 20px #29446238}.laptop-keys{position:absolute;left:9%;top:9%;width:82%;height:52%;border:3px solid #5b6c82;border-radius:3px;background:repeating-linear-gradient(0deg,transparent,transparent 6px,#7890a6 6px,#7890a6 8px),repeating-linear-gradient(90deg,#233349,#233349 13px,#7d8fa3 13px,#7d8fa3 16px)}.laptop-trackpad{position:absolute;width:28%;height:27%;border:1px solid #738da5;border-radius:3px;bottom:5%;left:36%}.laptop-edge{position:absolute;top:calc(100% + 36px);height:8px;left:-4%;width:108%;background:linear-gradient(#cdd7e5,#7790ad);border-radius:0 0 65% 65%;box-shadow:0 12px 12px #36567c22}
.transfer-arc{position:absolute;top:6px;left:12%;width:76%;height:195px;z-index:4;pointer-events:none}.transfer-arc svg{width:100%;height:100%;overflow:visible}.arc-line{stroke:#d0fdff;stroke-width:2}.arc-glow{stroke:#23ddf9;stroke-width:6;filter:blur(6px)}.arc-dash{stroke:white;stroke-width:3;stroke-dasharray:18 500;stroke-dashoffset:0;opacity:0}
.transfer-packet{position:absolute;left:47%;top:3%;z-index:5;background:linear-gradient(130deg,#fff,#e9faff);color:#0579e9;border:1px solid #cef6ff;border-radius:13px;padding:10px;transform:rotate(9deg);box-shadow:0 0 18px #fff,0 0 26px #60f5ed99;transition:background var(--dur-2) var(--ease-soft)}.transfer-packet .ui-icon{width:29px;height:29px}.packet-image,.packet-file{display:none}
.workflow-demo[data-type=image] .sample-text,.workflow-demo[data-type=file] .sample-text{display:none}.workflow-demo[data-type=image] .sample-image[data-sample],.workflow-demo[data-type=file] .sample-file{display:flex}.workflow-demo[data-type=image] .packet-text,.workflow-demo[data-type=file] .packet-text{display:none}.workflow-demo[data-type=image] .packet-image,.workflow-demo[data-type=file] .packet-file{display:block}.workflow-demo[data-type=image] .transfer-packet{color:#029e7b}.workflow-demo[data-type=file] .transfer-packet{color:#7d44d5}
.workflow-demo[data-state=playing] .transfer-packet{animation:packet-transfer 2.4s var(--ease) both}.workflow-demo[data-state=playing] .arc-dash{opacity:1;animation:beam-run 2.4s linear both}.workflow-demo[data-state=playing] .laptop-right .mock-window{animation:receiver-in 2.4s var(--ease) both}.workflow-demo[data-state=complete] .laptop-right .mock-action{background:linear-gradient(#14bbaa,#02967e)}
.demo-toolbar{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;position:relative;z-index:5}.demo-types{display:flex;align-items:center;padding:4px;background:#ecf2fac7;border:1px solid #dce9fa;border-radius:30px;gap:2px;flex-wrap:wrap}.demo-type{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;padding:9px 12px;border-radius:22px;background:transparent;color:#48617f}.demo-type .ui-icon{width:16px;height:16px}.demo-type[aria-pressed=true]{background:white;color:var(--blue);box-shadow:0 2px 8px #24518b1c}.demo-play{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--blue);background:transparent;min-height:44px;padding:8px 3px}.demo-play .ui-icon{width:15px;height:15px}.demo-play:hover{text-decoration:underline}.demo-play:disabled{opacity:.6;cursor:progress}.demo-status{font-size:13px;color:#355476;min-height:22px;margin:11px 0 2px}.demo-caption{font-size:11px;color:#61738c;margin:0}
/* Feature cards, steps, privacy: useful content rather than stock SaaS decoration. */
.feature-section{margin-bottom:100px}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.feature-card{display:flex;flex-direction:column;color:var(--ink);padding:27px 25px 24px;border:1px solid #deebfa;border-radius:26px;background:linear-gradient(150deg,#fff,#f9fcff);box-shadow:0 7px 35px #599ae00a;transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease-soft);min-width:0}.feature-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #4e8fd41f;border-color:#add8fd}.feature-card h3{font-size:18px;margin-bottom:12px}.feature-card p{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:20px}.feature-icon{width:53px;height:53px;border-radius:17px;display:grid;place-items:center;margin-bottom:22px;border:1px solid #fff;box-shadow:inset 1px 1px 2px #fff,0 4px 12px #a5c8f21a}.feature-icon .ui-icon{width:27px;height:27px}.feature-icon-0{background:#e6f2ff;color:#0073ff}.feature-icon-1{background:#e1fff0;color:#009b70}.feature-icon-2{background:#eee8ff;color:#7438e5}.feature-icon-3{background:#fff0dd;color:#d46a0b}.card-link{margin-top:auto;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;color:var(--blue)}
.steps-section{padding-top:24px;text-align:center}.steps-section .section-heading{margin-inline:auto}.steps-section .section-heading p{margin-inline:auto}.setup-steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin:52px 0 34px;text-align:start;counter-reset:setup}.setup-steps li{position:relative;padding-top:62px;margin:0;min-width:0;border-top:1px solid #d9e6f4}.step-number{position:absolute;top:22px;inset-inline-end:0;font-size:13px;letter-spacing:.12em;color:#7891b1}.step-icon{position:absolute;top:-26px;inset-inline-start:0;width:52px;height:52px;display:grid;place-items:center;background:#f4f8ff;border:1px solid #d4e6fc;border-radius:17px;color:#065bf0;box-shadow:0 0 0 12px var(--paper)}.setup-steps h3{font-size:20px}.setup-steps p{font-size:16px;color:var(--muted);margin:0}
.security-panel{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center;padding:64px 70px;min-height:450px;border-radius:34px;background:radial-gradient(ellipse at 20% 50%,#145e9c,#072448 46%,#081a36 90%);box-shadow:0 28px 60px #0a305525;color:#fff}.security-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,#42d4d616,transparent 60%);pointer-events:none}.security-copy{position:relative;z-index:3}.security-copy .eyebrow{color:#84c9ef}.security-copy h2{font-size:clamp(1.8rem,2.5vw,2.3rem);line-height:1.08}.security-copy h2 span{display:block}.security-copy h2 span:last-child{color:#7ae8d6}.security-copy p:not(.eyebrow){color:#d1e2f8;font-size:16px;line-height:1.7}.protocol-tags{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 28px}.protocol-tags span{border:1px solid #5183a874;padding:5px 12px;border-radius:8px;background:#ffffff07;color:#d0ebff;font-size:12px;letter-spacing:.04em}.light-link{color:#aaf5e7}
.security-orbits{aspect-ratio:1;position:relative;display:grid;place-items:center;direction:ltr}.security-orbits>span{position:absolute;border:1px solid #68d4fb40;border-radius:50%;width:85%;height:85%;box-shadow:0 0 25px #09d1ff0a}.security-orbits>span:nth-child(2){width:110%;height:110%;border-style:dashed;opacity:.5}.security-orbits>span:nth-child(3){width:64%;height:64%;border-color:#80eeec85;box-shadow:0 0 30px #32dcdf3b}.security-orbits:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#bbfff1;top:18%;left:20%;box-shadow:0 0 22px 7px #20dacc9c}.security-lock{width:142px;height:156px;border-radius:36px;display:grid;place-items:center;border:1px solid #96f3f4ae;background:linear-gradient(140deg,#66cfe34a,#26b1c833 60%,#b2ffeb66);box-shadow:inset 0 0 18px #a1eff737,0 18px 36px #020e2666,0 0 60px #5efde521;transform:rotate(-9deg)}.security-lock .ui-icon{width:72px;height:72px;color:#9bffe6;filter:drop-shadow(0 0 12px #6effd450)}
.privacy-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:16px 0}.privacy-panel h2{font-size:clamp(1.6rem,2.2vw,2rem)}.privacy-panel p{color:var(--muted);font-size:16px;line-height:1.7}.privacy-pills{list-style:none;padding:0;margin:26px 0 0}.privacy-pills li{display:flex;align-items:center;gap:12px;color:#334963;font-size:15px}.privacy-pills .ui-icon{width:18px;height:18px;color:#099c80}
.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;border-top:1px solid var(--line);padding-top:70px}.faq-section .section-heading{margin:0}.faq-list details{border-bottom:1px solid var(--line);padding:0}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:16px;font-weight:600;line-height:1.55;padding:22px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{width:26px;height:26px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;font-size:18px;line-height:1;color:#246bc8;background:#eaf3ff;transition:transform var(--dur-2) var(--ease)}.faq-list details[open] .faq-plus{transform:rotate(45deg)}.faq-answer{color:var(--muted);font-size:16px;line-height:1.8;padding:0 40px 16px 0}.faq-answer p{margin:0}.faq-answer a{text-decoration:underline}
.split-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;max-width:none}.split-heading h2{margin-bottom:0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-card{display:flex;flex-direction:column;position:relative;border:1px solid #dbe7f4;border-radius:24px;padding:26px;background:#ffffffb8;color:var(--ink);transition:transform var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease);min-width:0}.guide-card:before{content:"";position:absolute;height:3px;width:44px;inset-inline-start:27px;top:0;background:linear-gradient(90deg,#1b75ff,#a9eff5);border-radius:0 0 3px 3px}.guide-card:hover{transform:translateY(-5px);box-shadow:0 14px 40px #385f9114}.guide-icon{display:grid;place-items:center;width:43px;height:43px;background:#edf5ff;border-radius:12px;margin-bottom:20px;color:#256bdd}.guide-card[data-cluster=privacy-security] .guide-icon{color:#00967b;background:#e7faf4}.guide-card[data-cluster=comparisons] .guide-icon{color:#6d4ece;background:#eeeafa}.guide-card .eyebrow{font-size:10px;margin-bottom:12px}.guide-card h3{font-size:20px;line-height:1.25;letter-spacing:-.035em}.guide-card p{color:var(--muted);font-size:16px;line-height:1.75;margin-bottom:28px}.guide-card .card-link{font-size:14px}
.closing{position:relative;isolation:isolate;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:40px;background:linear-gradient(130deg,#eaf4ff,#f3f7ff 45%,#defff4);border:1px solid #dbe8f4;border-radius:32px;padding:60px 64px;box-shadow:inset 0 1px white}.closing>div:not(.closing-glow){position:relative;z-index:2;max-width:700px}.closing .eyebrow{color:#40719e}.closing h2{font-size:clamp(1.75rem,2.6vw,2.3rem)}.closing p:not(.eyebrow){color:var(--muted)}.closing-icon{width:210px;flex-shrink:0;filter:drop-shadow(0 22px 22px #5187bb24)}.closing-glow{position:absolute;inset:-50% -40% 0 40%;border-radius:50%;background:radial-gradient(ellipse,#3ae8d827,transparent 60%);z-index:0}.closing .system-requirements{font-size:13px}
/* Shared interior templates: new glass headers, editorial type and navigation. */
.page-core,.page-article{background:linear-gradient(#edf5ff 0,#fcfdff 650px,#fbfcff 100%)}
.inner-page{padding-top:30px}.breadcrumbs{margin:0 0 34px;font-size:13px;color:#64768d}.breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.breadcrumbs li{margin:0;max-width:100%;overflow-wrap:anywhere}.breadcrumbs li+li:before{content:"/";color:#abb8c8;margin-inline-end:10px}.breadcrumbs a{color:#496582}
.page-heading{position:relative;min-height:325px;border:1px solid #d7e5f7;border-radius:32px;padding:58px 58px 48px;background:linear-gradient(115deg,#fffffffa 25%,#edf6ffce 65%,#d8fcf28c);box-shadow:inset 0 1px #fff,0 15px 45px #91b0d214;isolation:isolate;overflow:hidden;margin-bottom:68px}.page-heading-copy{position:relative;z-index:2;max-width:calc(100% - 200px)}.page-heading .eyebrow{margin-bottom:18px;color:#49739a}.page-heading h1{font-size:clamp(2.25rem,3.2vw,3rem);line-height:1.07;max-width:900px}.page-summary{font-size:17px;line-height:1.7;max-width:780px;color:#435d7c;margin-bottom:18px}.compact .button{font-size:14px;min-height:48px;padding:11px 20px}.page-heading .actions{margin-bottom:0}.page-emblem{position:absolute;width:210px;height:240px;right:22px;top:50%;transform:translateY(-50%);z-index:0;direction:ltr}.emblem-halo{position:absolute;inset:12%;border:1px solid #8fcde4;border-radius:50%;transform:rotateX(58deg) rotateZ(-22deg);box-shadow:0 0 0 18px #acede724,0 0 0 42px #c5e8fb40,0 0 30px #61dadd22}.emblem-glass{position:absolute;inset:20%;border-radius:28px;border:1px solid #ffffffcf;background:linear-gradient(140deg,#fff9,#afd6fbab 60%,#a2f6dc88);display:grid;place-items:center;transform:rotate(-10deg);box-shadow:inset 2px 2px 2px white,0 16px 26px #3785b725;backdrop-filter:blur(3px)}.emblem-glass .ui-icon{width:56px;height:56px;color:#2273d6;filter:drop-shadow(0 3px 0 #ffffffad)}.emblem-dot{position:absolute;width:8px;height:8px;background:#fff;border-radius:50%;box-shadow:0 0 17px #03bfde;top:15%;right:30%}
.reading-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(210px,1fr);gap:76px;align-items:start;margin:56px auto;max-width:1070px}.prose{min-width:0;font-size:17px;line-height:1.7;color:#35475f}.prose .intro{font-size:18px;line-height:1.75;color:#2b4565}.prose a{text-decoration:underline}.prose a:hover{color:var(--blue-deep)}.prose h2{color:var(--ink);font-size:26px;line-height:1.25;letter-spacing:-.035em;margin-bottom:22px;scroll-margin-top:110px}.prose-section{margin-block:52px}.prose-section:first-child{margin-top:0}.prose-section + .prose-section{border-top:1px solid var(--line);padding-top:40px}.prose-section p:last-child{margin-bottom:0}.prose li{padding-inline-start:5px;margin-bottom:9px}.prose strong{color:#182d48}.prose code{font-size:.9em;padding:3px 6px;border-radius:4px;background:#e7f0fc;color:#064aaf;overflow-wrap:anywhere}.note{border-inline-start:3px solid #2cabba;padding:20px 24px;background:linear-gradient(110deg,#ecf9f8,#f4fbff);border-radius:0 15px 15px 0;margin:28px 0;color:#2f5865;font-size:16px}.note p{margin:0}.article-steps{counter-reset:article;list-style:none;padding:0}.article-steps li{position:relative;padding-inline-start:48px;margin:24px 0}.article-steps li:before{counter-increment:article;content:counter(article);position:absolute;inset-inline-start:0;top:1px;width:30px;height:30px;display:grid;place-items:center;font-size:14px;color:#0065d8;background:#e8f2ff;border:1px solid #d4e5f9;border-radius:10px}.table-scroll{overflow:auto;max-width:100%;border:1px solid #d8e5f3;border-radius:15px;margin:24px 0;overscroll-behavior-inline:contain}.table-scroll table{border-collapse:collapse;width:100%;min-width:480px;font-size:15px;line-height:1.6}.table-scroll th{text-align:start;padding:16px;background:#eaf3fc;color:#1b4773;font-weight:650}.table-scroll td{padding:16px;border-top:1px solid #e0eaf5;vertical-align:top}.table-scroll tr:nth-child(even) td{background:#f7faff}.references{font-size:15px;overflow-wrap:anywhere}.core-link{font-size:16px;padding:26px;border:1px solid #dbeaf7;border-radius:18px;background:#edf6ff}.core-link a{display:flex;align-items:center;justify-content:space-between;text-decoration:none}
.toc{position:sticky;top:116px;border:1px solid #dae7f7;border-radius:20px;background:#ffffffbd;padding:24px;box-shadow:0 6px 25px #7c9fc00a;font-size:14px;max-height:calc(100vh - 140px);overflow:auto}.toc summary{font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#28486b;cursor:pointer;margin-bottom:16px}.toc ol{list-style:none;padding:0;margin:0}.toc li{margin:0}.toc a{display:block;color:#5a6e87;line-height:1.6;padding:8px 0;transition:color var(--dur-1) var(--ease-soft)}.toc a:hover,.toc a.is-active{color:var(--blue)}.toc .text-link{font-size:13px;margin-top:18px;border-top:1px solid var(--line);padding-top:18px;display:flex;color:var(--blue)}.toc .text-link .arrow{width:18px;flex-shrink:0}
.hub-groups{margin-bottom:90px}.hub-group{scroll-margin-top:120px}.hub-group .section-heading{max-width:750px}.hub-group h2{font-size:30px}.hub-group .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.site-footer{background:linear-gradient(130deg,#eff5fc,#f4f9ff 65%,#edfbf7);border-top:1px solid #dce8f5;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:80px}.footer-brand .brand{margin-bottom:20px}.footer-brand>p{max-width:350px;font-size:15px;line-height:1.8;color:var(--muted)}.footer-brand .small{font-size:12px;color:#62758e}.footer-grid nav{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-grid .eyebrow{margin-top:10px;margin-bottom:10px;font-size:11px;color:#556d8c}.footer-grid nav>a{font-size:14px;color:#405978;padding:3px 0}.footer-grid nav>a:hover{color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:20px;border-top:1px solid #d8e5f2;font-size:12px;color:#58708f}
.language-notice{position:fixed;bottom:24px;inset-inline:24px;margin-inline:auto;max-width:620px;z-index:90;display:flex;align-items:center;gap:25px;justify-content:space-between;background:#fffffff5;border:1px solid #c4dbf8;border-radius:20px;padding:20px 24px;box-shadow:0 15px 55px #17478138;backdrop-filter:blur(20px)}.language-notice p{font-size:16px;color:#2d435f;margin:0 0 4px}.language-notice button{font-size:13px;color:#516984;background:#edf4ff;border-radius:12px;min-height:44px;padding:10px 14px;max-width:160px;flex-shrink:0}.language-notice a{font-size:14px}
/* Motion is optional. No content depends on it; no infinite JS render loop. */
@keyframes icon-float{0%,100%{transform:translateY(0) translateZ(45px)}50%{transform:translateY(-12px) translateZ(45px)}}
@keyframes light-breathe{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.07)}}
@keyframes orbit-shimmer{0%,100%{opacity:.65;filter:blur(0)}50%{opacity:1;filter:blur(1px)}}
@keyframes speck-float{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-20px);opacity:.9}}
@keyframes packet-transfer{0%{left:21%;top:44%;transform:scale(.65) rotate(-12deg);opacity:.2}25%{opacity:1}50%{left:47%;top:3%;transform:scale(1) rotate(9deg)}100%{left:77%;top:44%;transform:scale(.7) rotate(0deg);opacity:0}}
@keyframes beam-run{from{stroke-dashoffset:520}to{stroke-dashoffset:-520}}
@keyframes receiver-in{0%,55%{opacity:.4;transform:translateY(4px)}100%{opacity:1;transform:translateY(0)}}
@keyframes enter-view{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.has-motion .is-entering{animation:enter-view .55s var(--ease-out) both}
/* Cards in a grid arrive in sequence rather than as one block. The delay is
   capped at the fourth card: past that a stagger stops reading as craft and
   starts reading as the page being slow. Only .guide-grid stages its children;
   a lone section still enters on its own. The cap is on the delay, not the
   count, so a grid of any length finishes within 200ms of the first card. */
.has-motion .guide-grid>.is-entering:nth-child(2){animation-delay:70ms}
.has-motion .guide-grid>.is-entering:nth-child(3){animation-delay:140ms}
.has-motion .guide-grid>.is-entering:nth-child(n+4){animation-delay:200ms}
.motion-paused *, .motion-paused *::before, .motion-paused *::after,.scene-paused *, .scene-paused *::before,.scene-paused *::after{animation-play-state:paused!important}
.motion-paused .hero-scene{transform:none!important}.motion-paused .is-entering{animation:none!important}
/* Responsive type and layout include longer translations and RTL. */
[lang=de] .hero h1,[lang=fr] .hero h1,[lang=pt-BR] .hero h1{font-size:clamp(2.4rem,3.7vw,3.35rem)}
[lang^=zh] h1,[lang^=zh] h2,[lang=ja] h1,[lang=ja] h2,[lang=ko] h1,[lang=ko] h2{letter-spacing:-.045em;line-height:1.2}
[lang=ja] .hero h1,[lang=ko] .hero h1{font-size:clamp(2.3rem,3.3vw,3rem)}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.3}[dir=rtl] .eyebrow{letter-spacing:.025em}[dir=rtl] .hero-visual{direction:ltr;margin-left:0;margin-right:-2%}[dir=rtl] .scene-caption{direction:rtl}[dir=rtl] .hero-atmosphere{right:auto;left:-5%;transform:scaleX(-1)}[dir=rtl] .hero-stage{background:radial-gradient(ellipse at 5% 33%,#9fc4ef,transparent 58%),#f5faff}[dir=rtl] .page-emblem{right:auto;left:22px}[dir=rtl] .arrow{transform:scaleX(-1)}[dir=rtl] .text-link:hover .arrow,[dir=rtl] .guide-card:hover .arrow{transform:scaleX(-1) translateX(5px)}[dir=rtl] .faq-answer{padding:0 0 16px 40px}[dir=rtl] .setup-steps{text-align:right}
@media(min-width:1600px){.hero{min-height:800px}.hero-visual{margin-left:0}}
@media(max-width:1250px){.header-inner{gap:18px;width:calc(100% - 48px)}.desktop-nav{gap:15px}.desktop-nav a{font-size:13px}.header-controls{gap:7px}.brand{font-size:21px}.header-download{font-size:13px;padding-inline:14px}.wrap{width:calc(100% - 72px)}.hero{min-height:680px;padding-block:36px 50px}.hero h1{font-size:clamp(2.6rem,4.8vw,3.7rem)}.hero-lead{font-size:19px}.hero-benefits{gap:10px}.hero-benefit strong{font-size:12px}.hero-benefit>span:last-child{font-size:11px}.hero .button{padding-inline:21px;font-size:15px;gap:9px}.hero .actions{gap:12px}.hero-visual{width:111%;margin-left:-6%}.hero-icon-shell{top:8%}.glass-plinth{top:65%}.scene-caption{top:83%;font-size:13px}.feature-card{padding:24px 20px}.feature-card h3{font-size:17px}.laptop-screen{height:162px}.laptop-stage{height:290px}.workflow-section{grid-template-columns:.8fr 1.5fr}.workflow-copy h2{font-size:30px}.security-panel{padding:58px 48px}.reading-layout{gap:45px}}
@media(max-width:1090px){.desktop-nav{display:none}.mobile-menu{display:block}.header-inner{min-height:80px}.header-controls{gap:15px}.hero h1{font-size:clamp(2.6rem,4.5vw,3.3rem)}.hero-lead{font-size:18px}.hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hero-benefit{display:grid;grid-template-columns:40px 1fr;gap:1px 9px;align-content:center}.benefit-icon{width:40px;height:40px;border-radius:12px;grid-row:span 2;margin:0}.benefit-icon .ui-icon{width:22px;height:22px}.hero-benefit strong{font-size:12px}.hero-benefit>span:last-child{font-size:11px}.hero-visual{width:119%;margin-left:-9%}.hero .actions{flex-direction:column;align-items:flex-start}.hero .button{min-width:260px}.system-requirements{font-size:12px}.hero-visual{align-self:center}.hero{min-height:680px}.scene-caption{font-size:12px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feature-card p{font-size:16px}.feature-card h3{font-size:18px}.workflow-section{grid-template-columns:.8fr 1.25fr;gap:20px}.laptop-screen{height:139px}.laptop-stage{height:245px}.laptop{top:36px}.sample-text strong{font-size:10px}.transfer-arc{height:160px}.mock-window{top:22%;height:72%;left:10%;width:80%}.mock-action{font-size:10px}.demo-types{flex-wrap:nowrap}.demo-type{font-size:12px;padding:8px}.demo-caption{font-size:10px}.workflow-copy h2{font-size:26px}.workflow-copy p:not(.eyebrow){font-size:16px}.security-panel{grid-template-columns:.8fr 1.2fr;padding:48px 38px;gap:40px}.security-lock{width:120px;height:134px}.privacy-panel{gap:44px}.faq-section{gap:40px}.guide-grid,.hub-group .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-grid>.guide-card:last-child:nth-child(odd){grid-column:1/-1}.hub-group .guide-card:last-child:nth-child(odd){grid-column:auto}.page-heading{padding:42px 38px}.page-heading-copy{max-width:calc(100% - 155px)}.page-emblem{width:170px;height:205px;right:8px}.reading-layout{grid-template-columns:minmax(0,1fr) 225px;gap:28px}.toc{padding:20px}.closing{padding:44px}.closing-icon{width:160px}.footer-grid{gap:45px}.page-article .reading-progress{top:79px}}
@media(max-width:760px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.section{margin-block:72px}.header-inner{width:calc(100% - 28px);min-height:72px;gap:10px}.brand{font-size:21px;gap:3px}.brand img{width:42px;height:42px}.header-download{display:none}.header-controls{gap:9px}.language-menu>summary,.mobile-menu>summary{font-size:13px;gap:5px}.mobile-menu>summary{font-size:12px}.language-panel{inset-inline-end:-70px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:38px;padding-bottom:12px;min-height:0}.hero-copy{padding-bottom:0}.hero-badge{font-size:11px;padding:6px 11px;margin-bottom:24px}.hero h1{font-size:clamp(2.5rem,8.4vw,3.8rem);letter-spacing:-.055em;max-width:640px;margin-bottom:21px}.hero-lead{font-size:18px;max-width:500px;line-height:1.5;margin-bottom:25px}.hero-benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:25px 0}.hero-benefit{display:block}.benefit-icon{width:43px;height:43px;border-radius:13px;margin-bottom:9px}.hero-benefit strong{font-size:11px;line-height:1.5;margin-bottom:3px}.hero-benefit>span:last-child{font-size:10px;line-height:1.5}.hero .actions{flex-direction:row;gap:10px;margin-top:25px;margin-bottom:16px}.hero .button{font-size:13px;padding:13px 18px;min-width:0;min-height:50px;gap:8px}.hero .button .ui-icon{width:17px;height:17px}.hero .system-requirements{font-size:10px;margin-top:12px}.hero-visual{align-self:center;width:min(100%,560px);margin:4px 0 -3%;aspect-ratio:1.2}.hero-icon-shell{top:-6%;width:86%;left:7%}.ghost-mac{top:20%;width:28%;height:26%}.glass-plinth{top:64%;left:15%;width:73%;height:31%}.orbit{top:38%;height:28%}.scene-caption{top:86%;font-size:12px}.hero-atmosphere{width:140%;height:49%;top:auto;bottom:5%;opacity:.45;right:-35%;mask-image:radial-gradient(ellipse at center,#000 12%,transparent 65%)}.hero-stage{background:radial-gradient(ellipse at 95% 74%,#bddcfa,transparent 63%),linear-gradient(130deg,white,#f2f8ff)}.hero-stage:after{bottom:-25px;left:0}.floor-grid{display:none}.scene-speck{display:none}.workflow-section{display:flex;flex-direction:column;gap:20px;margin-top:56px;margin-bottom:32px;align-items:stretch}.workflow-copy{max-width:620px}.workflow-copy h2{font-size:30px}.workflow-copy h2 span{display:inline}.workflow-copy h2 span+span:before{content:" "}.workflow-copy .eyebrow{font-size:10px;margin-bottom:17px}.workflow-copy p:not(.eyebrow){font-size:16px}.workflow-copy .text-link{font-size:14px}.laptop-stage{height:285px;max-width:600px;margin:auto}.laptop{width:42%;top:45px}.laptop-screen{height:167px}.transfer-arc{height:190px}.demo-toolbar{gap:10px}.demo-type{padding:8px 10px;font-size:12px}.demo-status{font-size:12px}.demo-caption{font-size:10px}.feature-grid{gap:14px}.feature-section{margin-bottom:65px}.feature-card{padding:23px 20px;border-radius:22px}.feature-card h3{font-size:18px}.feature-card p{font-size:15px;line-height:1.7}.feature-icon{width:45px;height:45px;border-radius:14px;margin-bottom:18px}.feature-icon .ui-icon{width:24px;height:24px}.feature-card .card-link{font-size:12px}.section-heading{margin-bottom:32px}.eyebrow{font-size:10px;margin-bottom:17px}.steps-section{text-align:start;padding-top:0}.setup-steps{grid-template-columns:1fr;gap:40px;margin-top:50px}.setup-steps li{padding-inline-start:80px;padding-top:0;border:0}.step-icon{top:0}.step-number{top:0;inset-inline-end:auto;inset-inline-start:14px;transform:translateY(63px);font-size:11px}.setup-steps h3{font-size:20px}.setup-steps p{font-size:16px}.steps-section .text-link{font-size:14px}.security-panel{grid-template-columns:1fr;gap:30px;padding:32px 28px 38px;border-radius:27px}.security-orbits{width:250px;justify-self:center;height:230px;margin:10px auto}.security-copy h2{font-size:31px}.security-copy p:not(.eyebrow){font-size:16px}.security-lock{width:116px;height:134px;border-radius:30px}.security-lock .ui-icon{width:57px;height:57px}.privacy-panel{grid-template-columns:1fr;gap:26px}.privacy-panel h2{font-size:27px}.privacy-panel p{font-size:16px}.privacy-pills li{font-size:14px}.faq-section{grid-template-columns:1fr;gap:26px;padding-top:40px}.faq-section h2{font-size:27px}.faq-list summary{font-size:16px;gap:14px;padding:20px 0}.faq-answer{font-size:16px;padding-inline-end:28px}.split-heading{flex-direction:column;align-items:flex-start;gap:18px}.split-heading .text-link{font-size:14px}.guide-grid,.hub-group .guide-grid{grid-template-columns:1fr}.guide-card{padding:25px}.guide-card h3{font-size:20px}.guide-card p{font-size:16px}.guide-grid>.guide-card:last-child:nth-child(odd){grid-column:auto}.closing{padding:34px 26px;gap:0;display:block;border-radius:26px}.closing-icon{position:absolute;right:-32px;top:12px;width:155px;opacity:.18;z-index:0}.closing h2{font-size:28px;max-width:90%}.closing .actions{gap:10px}.closing .button{font-size:14px;min-height:48px;padding:12px 20px}.closing p:not(.eyebrow){font-size:16px}.closing p.system-requirements{font-size:12px}.inner-page{padding-top:22px}.breadcrumbs{font-size:12px;margin-bottom:23px}.page-heading{padding:34px 25px;margin-bottom:40px;border-radius:24px;min-height:0}.page-heading-copy{max-width:100%}.page-heading h1{font-size:clamp(1.8rem,6.4vw,2.5rem);max-width:97%;line-height:1.18}.page-summary{font-size:16px;line-height:1.7}.page-emblem{opacity:.22;right:-40px;top:30px;transform:none;width:190px;height:220px}.page-heading .eyebrow{font-size:10px}.compact .button{font-size:13px;padding:11px 16px;min-height:46px}.page-heading .actions{gap:10px}.reading-layout{display:flex;flex-direction:column;gap:32px;margin:36px 0}.toc{order:-1;position:static;max-height:280px;width:100%;padding:20px 22px}.toc ol{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.toc a{font-size:13px}.toc .text-link{font-size:13px;margin-top:10px}.prose{font-size:16px;line-height:1.7}.prose .intro{font-size:17px}.prose h2{font-size:24px}.prose-section{margin-block:40px}.prose-section + .prose-section{padding-top:32px}.note{padding:18px;font-size:16px}.references{font-size:15px}.core-link{padding:20px}.hub-group h2{font-size:26px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-brand>p{max-width:100%}.site-footer{padding-top:38px}.footer-grid nav{gap:8px}.footer-grid nav>a{font-size:14px}.footer-bottom{margin-top:32px}.language-notice{inset-inline:12px;bottom:12px;border-radius:17px;padding:16px;gap:12px}.language-notice p{font-size:14px}.language-notice button{max-width:110px;padding:9px;font-size:12px}.language-notice a{font-size:13px}.page-article .reading-progress{top:71px}[lang=de] .hero h1,[lang=fr] .hero h1,[lang=pt-BR] .hero h1{font-size:clamp(2.2rem,6.8vw,3.2rem)}[lang=ja] .hero h1,[lang=ko] .hero h1{font-size:clamp(1.95rem,6.1vw,2.75rem)}[dir=rtl] .hero-visual{margin:4px 0 -3%}[dir=rtl] .page-emblem{left:-40px;right:auto}[dir=rtl] .hero-stage{background:radial-gradient(ellipse at 10% 74%,#bddcfa,transparent 63%),#f3f8ff}[dir=rtl] .hero-atmosphere{left:-35%;right:auto}}
@media(max-width:480px){.hero h1{font-size:clamp(2.3rem,9.2vw,3.3rem)}.hero-lead{font-size:17px}.hero .button{font-size:12px;padding:13px 14px;gap:7px}.hero .actions{gap:9px}.hero-benefits{gap:8px}.hero-benefit strong{font-size:10px}.hero-benefit>span:last-child{font-size:9px}.hero-visual{aspect-ratio:1.05;margin-top:0;margin-bottom:0}.hero-icon-shell{top:0;width:96%;left:2%}.glass-plinth{top:66%;width:79%;left:11%;height:27%}.orbit{top:39%}.scene-caption{top:84%;font-size:11px}.ghost-mac{top:25%}.laptop-stage{height:222px}.laptop{width:43%;top:32px}.laptop-screen{height:125px;border-width:5px;border-bottom-width:9px;border-radius:9px}.mock-menubar{height:10px}.mock-window{top:20%;height:75%;width:82%;left:9%}.mock-window-bar{height:9px}.sample-stack{height:calc(100% - 29px);padding:5px}.sample-text strong{font-size:9px}.mock-action{font-size:8px;height:20px;padding:4px 5px}.mock-action kbd{font-size:8px}.laptop-base{height:68px}.laptop-edge{top:calc(100% + 28px);height:6px}.laptop-trackpad{border-radius:2px}.laptop-keys{background-size:auto}.transfer-arc{top:7px;height:139px}.transfer-packet{padding:6px;border-radius:9px;left:45%;top:1%}.transfer-packet .ui-icon{width:23px;height:23px}.sample-name{font-size:6px}.sample-landscape{height:32px}.sample-document .ui-icon{height:24px;width:20px}.sample-document span{font-size:9px}.demo-type{font-size:10px;padding:8px 10px;gap:5px}.demo-type .ui-icon{width:14px;height:14px}.demo-play{font-size:11px}.demo-toolbar{gap:6px}.demo-caption{font-size:9px}.feature-card{padding:22px 17px}.feature-card h3{font-size:17px}.feature-card p{font-size:14px}.feature-card .card-link{font-size:11px}.feature-icon{width:43px;height:43px;margin-bottom:17px}.workflow-copy h2{font-size:26px}.workflow-copy h2 span{display:block}.workflow-copy h2 span+span:before{content:none}.setup-steps li{padding-inline-start:68px}.security-copy h2{font-size:28px}.security-panel{padding:30px 25px}.security-orbits{width:210px;height:190px}.toc ol{grid-template-columns:1fr}.closing .button{font-size:12px;padding:12px 15px}.page-heading .actions{flex-direction:column;align-items:stretch}.hero-badge{font-size:10px}.privacy-panel h2{font-size:25px}.header-controls{gap:5px}.brand{font-size:19px}.brand img{width:38px;height:38px}.language-current{font-size:12px}.language-menu>summary>.ui-icon{width:16px;height:16px}.mobile-menu>summary{font-size:11px;gap:4px}.footer-grid{gap:30px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.header-inner{width:calc(100% - 20px)}.brand{font-size:18px}.brand img{width:34px;height:34px}.hero h1{font-size:2.35rem}.hero .actions{flex-direction:column;align-items:stretch}.hero .button{font-size:14px}.hero-benefit>span:last-child{font-size:9px}.hero .system-requirements{font-size:10px}.scene-caption{font-size:10px}.hero-benefit strong{font-size:10px}.feature-grid{grid-template-columns:1fr}.feature-card h3{font-size:19px}.feature-card p{font-size:16px}.feature-card .card-link{font-size:14px}.demo-toolbar{flex-direction:column}.demo-type{font-size:11px}.language-panel{width:275px;inset-inline-end:-65px}.hero-badge{font-size:10px}.hero-lead{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-scene{transform:none!important}}
@media(forced-colors:active){.accent{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText}.button,.feature-card,.guide-card,.page-heading,.language-panel{border:1px solid CanvasText}.hero-atmosphere,.scene-light{display:none}}
@media print{.site-header,.site-footer,.actions,.toc,.language-notice,.hero-visual,.workflow-demo,.reading-progress{display:none!important}body{background:white;font-size:12pt}.wrap{width:100%}.page-heading{border:0;padding:0}.page-heading-copy{max-width:none}.page-emblem{display:none}.reading-layout{display:block}.section{margin:30px 0}.prose{font-size:12pt}}

/* Readability floor for editorial and feature text, including narrow screens. */
.feature-card p{font-size:16px}
.sample-note{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:4px}
/* Desktop art direction: keep the complete first composition above the fold. */
@media(min-width:1091px){
  .hero-visual{aspect-ratio:1.12;width:108%;margin-left:-2%}
  .hero-icon-shell{width:83%;left:10%;top:0}
  .glass-plinth{top:67%;height:29%}
  .scene-caption{top:88%;font-size:14px;transform:translateZ(65px)}
  .orbit{top:40%;height:28%}
}
@media(max-width:1090px){.scene-caption{transform:translateZ(65px)}}
/* Long translated navigation falls back to the keyboard-friendly menu sooner. */
@media(min-width:1091px) and (max-width:1200px){.desktop-nav{display:none}.mobile-menu{display:block}}
/* Without scripting, the illustrations are static and script-only controls are hidden. */
.hero-icon-shell,.scene-light,.orbit-spark,.scene-speck{animation-play-state:paused}
.has-motion .hero-icon-shell,.has-motion .scene-light,.has-motion .orbit-spark,.has-motion .scene-speck{animation-play-state:running}
.demo-toolbar,.demo-status,.language-tools{display:none}
.has-motion .demo-toolbar,.motion-paused .demo-toolbar{display:flex}
.has-motion .demo-status,.motion-paused .demo-status,.has-motion .language-tools,.motion-paused .language-tools{display:block}

/* Deskferry 0.2 — an encrypted local library, a separate network handoff. */
.page-home .hero-copy h1{font-size:clamp(2.75rem,4.4vw,4rem);line-height:1.09;letter-spacing:-.052em}
.page-home .hero-copy .hero-badge{max-width:100%;white-space:normal}
.hero-benefit{min-width:0}.hero-benefit strong,.hero-benefit>span:last-child{overflow-wrap:anywhere}
.hero-benefits{align-items:start}.hero-benefit>span:last-child{line-height:1.5}
.history-section{position:relative;scroll-margin-top:110px}.history-heading{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-bottom:2.5rem}.history-heading h2{font-size:clamp(1.75rem,2.6vw,2.35rem);letter-spacing:-.045em;line-height:1.12;max-width:14ch}.history-heading p:not(.eyebrow){font-size:1rem;line-height:1.75;color:var(--muted,#435874)}
.history-workspace{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:1.5rem;position:relative;align-items:center}.history-decoration{position:absolute;inset:10% 0 -5%;background:radial-gradient(ellipse at 28% 55%,#a9d3ff88,transparent 55%),radial-gradient(ellipse at 85% 45%,#79eacc66,transparent 50%);filter:blur(40px);z-index:-1;pointer-events:none}
.history-app{border:1px solid #fff;border-radius:23px;overflow:hidden;background:#ffffffd9;box-shadow:0 28px 70px #274b7f1c,0 3px 8px #244e8d10;backdrop-filter:blur(20px);min-width:0}.history-toolbar{display:flex;align-items:center;gap:15px;padding:20px 22px;border-bottom:1px solid #dfeaf4;background:linear-gradient(110deg,#fff,#edf6ff);flex-wrap:wrap}.history-toolbar strong{font-size:1rem}.history-toolbar strong span{font-weight:450;color:#526785;margin-inline-start:6px}.window-dots{display:flex;gap:5px}.window-dots i{display:block;width:9px;height:9px;border-radius:50%;background:#becddf}.window-dots i:first-child{background:#fa9d99}.window-dots i:nth-child(2){background:#f5d382}.window-dots i:nth-child(3){background:#9ddcb9}.history-local-badge{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;color:#245653;margin-inline-start:auto}.history-local-badge svg{width:16px;height:16px}
.history-filterbar{padding:14px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e1ebf5}.history-filters{display:flex;gap:4px;flex-wrap:wrap}.history-filters button{padding:8px 12px;border:0;border-radius:9px;background:transparent;color:#405674;font:inherit;font-size:.92rem;cursor:pointer}.history-filters button[aria-pressed=true]{background:#1764eb;color:white;box-shadow:0 3px 8px #125adc26}.history-sort select{font:inherit;font-size:.84rem;padding:7px;border:1px solid #d1dfed;border-radius:8px;background:#fff;color:#405674;max-width:100%}
.history-browser{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:355px}.history-list{padding:12px;min-width:0;border-inline-end:1px solid #e1ebf5;background:#f5f9ff70}.history-list-label{font-size:.74rem;color:#61738c;letter-spacing:.07em;text-transform:uppercase;margin:6px 10px 10px}.history-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px;max-height:365px;overflow-y:auto}.history-entry{width:100%;display:flex;align-items:center;gap:10px;padding:12px 10px;background:transparent;border:1px solid transparent;border-radius:12px;text-align:start;cursor:pointer;font:inherit;color:#14233d;min-height:60px}.history-entry:hover{background:#fff}.history-entry[aria-pressed=true]{background:#fff;border-color:#a7cafd;box-shadow:0 3px 12px #174b9a0b}.history-entry-icon{flex:0 0 32px;display:grid;place-items:center;height:34px;color:#1764d7;border-radius:9px;background:#e8f1ff}.history-entry-text{min-width:0;flex:1}.history-entry-text strong{font-size:.88rem;font-weight:590;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-entry-text>span{display:block;font-size:.74rem;color:#687a91;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}.history-entry time{font-size:.72rem;color:#6b7d91;direction:ltr}.history-entry .ui-icon{width:21px;height:21px}.history-list li[data-type=image] .history-entry-icon{background:#ddfbef;color:#0d7c5e}.history-list li[data-type=file] .history-entry-icon{background:#eeebff;color:#7453b5}.history-list li[data-type=sensitive] .history-entry-icon{background:#edf0f4;color:#606f85}
.history-inspector{padding:27px 24px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.history-preview-art{width:72px;height:82px;background:linear-gradient(145deg,#f6fbff,#c1e2ff);border:1px solid white;box-shadow:0 8px 20px #3570b526;display:grid;place-items:center;border-radius:14px;margin:8px 0 20px;color:#1265dc;position:relative;overflow:hidden}.history-preview-art>.ui-icon{width:36px;height:36px}.history-preview-art.is-landscape{width:100%;height:112px;background:linear-gradient(165deg,#d1ecff,#80c5f7 60%,#dbf4ec);border-radius:12px}.history-preview-art.is-landscape:before,.history-preview-art.is-landscape:after{content:'';position:absolute;width:145px;height:145px;background:#277ab2;transform:rotate(45deg);top:70px;left:0;border-radius:12px}.history-preview-art.is-landscape:after{left:120px;top:65px;background:#48a79e}.history-preview-art.is-landscape svg{display:none}.history-inspector h3{font-size:1.05rem;line-height:1.45;margin:0 0 12px;overflow-wrap:anywhere}.history-inspector [data-history-detail]{font-size:.94rem;color:#475b77;line-height:1.7;margin:0 0 16px;overflow-wrap:anywhere}.history-encryption{font-size:.76rem;color:#406966;display:flex;gap:6px;align-items:center;margin:auto 0 17px}.history-encryption svg{width:16px;height:16px}.history-entry-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.history-entry-actions .button{font-size:.85rem;padding:10px 12px;min-height:40px;gap:7px}.history-delete,.history-reset{background:none;border:0;display:inline-flex;align-items:center;gap:6px;color:#526582;font:inherit;font-size:.84rem;cursor:pointer;padding:10px 0}.history-delete:hover{color:#a93242}.history-delete .ui-icon,.history-reset .ui-icon{width:17px;height:17px}button:disabled{opacity:.48;cursor:not-allowed}.history-empty{color:#63748b;line-height:1.7;padding:15px}.history-app-footer{padding:16px 20px;border-top:1px solid #e0eaf5;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.history-app-footer .text-link{font:inherit;font-size:.83rem;border:0;background:none;cursor:pointer}.demo-record-switch{position:relative;display:flex;align-items:center;gap:9px;font-size:.8rem;color:#405776;cursor:pointer}.demo-record-switch input{position:absolute;opacity:0;inset-inline-start:0;top:50%;transform:translateY(-50%);width:32px;height:24px;margin:0;z-index:1;cursor:pointer}.switch-track{width:32px;height:19px;border-radius:20px;background:#adbccd;display:block;position:relative;transition:background var(--dur-1) var(--ease-soft)}.switch-track:before{content:'';position:absolute;inset-block-start:3px;inset-inline-start:3px;width:13px;height:13px;border-radius:50%;background:white;box-shadow:0 1px 3px #193d662a;transition:transform var(--dur-1) var(--ease)}.demo-record-switch input:checked+.switch-track{background:#136eed}.demo-record-switch input:checked+.switch-track:before{transform:translateX(13px)}[dir=rtl] .demo-record-switch input:checked+.switch-track:before{transform:translateX(-13px)}.demo-record-switch input:focus-visible+.switch-track{outline:3px solid #065cba;outline-offset:3px}
.history-settings{border-radius:21px;background:linear-gradient(140deg,#ffffffed,#eaf9f5e8);border:1px solid #fff;padding:24px;box-shadow:0 18px 35px #365b7317;transform:rotate(1.3deg);min-width:0}.history-settings>.feature-icon{margin-bottom:16px}.history-settings h3{font-size:1.05rem;line-height:1.5;margin:0 0 22px}.history-settings label{display:block;font-size:.8rem;color:#415e70;margin-bottom:18px}.history-settings input,.history-settings select{display:block;max-width:100%;width:100%;padding:10px 9px;margin-top:7px;border:1px solid #cbdfe0;border-radius:9px;background:#ffffffeb;color:#203750;font:inherit;font-size:1rem;box-sizing:border-box}.history-capacity-meter{height:5px;border-radius:10px;background:#d5e5e4;overflow:hidden}.history-capacity-meter span{display:block;width:24%;height:100%;background:#147c73}.history-settings>p{font-size:.8rem;color:#366d67;line-height:1.6}.history-demo-label{font-size:.82rem;color:#526780;display:flex;align-items:flex-start;gap:9px;line-height:1.6;margin:20px 0 0;max-width:950px}.history-demo-label svg{width:18px;min-width:18px;height:18px;margin-top:2px}.history-status{min-height:1.6em;font-size:.85rem;color:#0c6660;line-height:1.65;margin:10px 0 0}.history-section button:focus-visible,.history-section select:focus-visible,.history-section input:focus-visible{outline:3px solid #0567c9;outline-offset:3px}.history-entry:focus-visible{outline-offset:-3px!important}
.plan-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:30px}.plan-card{background:linear-gradient(135deg,#fff,#edf5ff);border:1px solid #dce9f6;border-radius:22px;padding:30px;position:relative;min-width:0;box-shadow:0 12px 24px #193d6310}.plan-card:nth-child(2){background:linear-gradient(135deg,#f6fcff,#e4f8f3)}.plan-card:nth-child(3){background:linear-gradient(135deg,#f9f8ff,#e9f0ff)}.plan-card h2{font-size:1.65rem;margin:10px 0 16px}.plan-card p{color:#455b76;line-height:1.7}.plan-symbol{width:50px;height:50px;display:grid;place-items:center;background:#ffffffbd;color:#126cbb;border-radius:12px;margin:20px 0}.plan-notice{font-size:.94rem;color:#516781;line-height:1.8}.plan-comparison table{width:100%;min-width:540px;border-collapse:collapse;background:#fff}.plan-comparison th,.plan-comparison td{padding:17px 19px;border-bottom:1px solid #e2ebf3;text-align:start;line-height:1.6}.plan-comparison thead th{background:#f1f7fd}.plan-comparison tbody th{font-weight:550;width:48%}.plan-comparison>.note{padding:20px;background:#edf7f8;border-radius:14px;line-height:1.75;margin-top:20px}.workflow-plan-note{font-size:.82rem;line-height:1.65;color:#526882;margin-top:12px}.prose .table-scroll{max-width:100%;overflow:auto}.history-section+ .workflow-section{margin-top:3rem}
@media(min-width:1200px){.page-home .hero{grid-template-columns:1.02fr .98fr}.page-home .hero-visual{margin-inline-start:-25px}.history-app{transform:perspective(1600px) rotateY(-2deg) rotateX(1deg)}[dir=rtl] .history-app{transform:perspective(1600px) rotateY(2deg) rotateX(1deg)}}
@media(max-width:1100px){.history-workspace{grid-template-columns:minmax(0,1fr)}.history-settings{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:14px 24px;transform:none;padding:20px}.history-settings>.feature-icon{display:none}.history-settings h3{margin:0}.history-settings label{margin:0}.history-capacity-meter{display:none}.history-settings>p{margin:0}.history-settings .history-reset{justify-self:start}.history-local-badge{font-size:.76rem}.history-heading{gap:1.5rem}}
@media(max-width:700px){.history-heading{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.history-heading h2{max-width:none}.history-heading p:not(.eyebrow){font-size:1rem}.history-browser{grid-template-columns:1fr}.history-list{border-inline-end:0;border-bottom:1px solid #dce9f5}.history-list ul{max-height:270px}.history-inspector{padding:24px}.history-preview-art{width:49px;height:54px;margin:0 0 13px}.history-preview-art>.ui-icon{width:25px;height:25px}.history-inspector>.eyebrow{margin-top:0}.history-encryption{margin-top:12px}.history-settings{grid-template-columns:1fr 1fr;padding:19px}.history-settings h3{grid-column:1/-1}.history-settings>p{grid-column:1/-1}.history-toolbar{padding:16px;gap:9px}.history-local-badge{width:100%;margin-inline-start:0}.history-filterbar{padding:12px}.history-filterbar .history-sort{margin-inline-start:auto}.history-filters button{font-size:.86rem;padding:9px 10px}.history-app-footer{padding:16px}.plan-cards{grid-template-columns:1fr}.plan-card{padding:24px}.plan-card h2{margin:4px 0 10px}.plan-symbol{position:absolute;inset-inline-end:24px;inset-block-start:8px}.plan-card>.eyebrow{max-width:65%}.page-home .hero-copy h1{font-size:clamp(2.1rem,7.4vw,2.9rem)}.history-section{margin-top:2.5rem}}
@media(prefers-reduced-motion:reduce){.history-app,.history-settings{transform:none!important}.switch-track,.switch-track:before{transition:none}}
@media(prefers-reduced-transparency:reduce){.history-app,.history-settings,.history-toolbar,.site-header,.language-panel,.mobile-menu nav{background:#fff!important;backdrop-filter:none!important}.history-decoration{display:none}.history-entry[aria-pressed=true]{border-color:#3184d4}}
@media(forced-colors:active){.history-entry[aria-pressed=true],.history-filters button[aria-pressed=true]{outline:2px solid Highlight}.history-app,.history-settings{border:1px solid CanvasText}.history-decoration{display:none}}

/* Approved three-use-case edition: extend the existing blue/mint visual system. */
.page-home .hero-copy h1{font-size:clamp(2.75rem,4.4vw,4rem);line-height:1.08}
.page-home .hero-lead{max-width:640px}.release-note{font-size:.82rem;color:var(--muted);margin-top:18px}.release-note a{text-decoration:underline}
.use-case-section{margin-top:20px}.use-case-grid .guide-card{background:linear-gradient(145deg,#fff,#eef8ff);border-color:#cfe5f6}.use-case-grid .guide-card:nth-child(2){background:linear-gradient(145deg,#fff,#eafbf3)}
.use-case-grid h3{font-size:1.4rem}.workflow-section{scroll-margin-top:110px}.file-workflow{padding-block:36px;border-top:1px solid #dbe7f4}
.requirements-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;background:#edf7fc;border:1px solid #d7eaf1;border-radius:28px;padding:42px}.requirements-panel h2{font-size:1.65rem}.requirements-panel p{color:var(--muted);line-height:1.8}
.trust-links{padding:38px;border:1px solid #d9e9f6;border-radius:24px;background:#f9fcff}.trust-links>a{display:inline-flex;align-items:center;gap:10px;margin:18px 30px 0 0}
.app-figure{margin:32px 0 38px;padding:24px;background:linear-gradient(140deg,#f1f8ff,#effbf7);border:1px solid #d5e8ed;border-radius:20px}.app-figure>a{display:block;width:fit-content;max-width:100%;margin:auto}.app-figure img{display:block;width:100%;max-width:446px;height:auto;border-radius:12px;box-shadow:0 12px 36px #24475e20}.app-figure figcaption{font-size:.86rem;line-height:1.7;color:#4b5f74;margin-top:20px}.app-figure figcaption>a{white-space:nowrap}
.edition-notice{font-size:.85rem;margin-block:18px;padding:14px 18px;background:#eef7ff;border:1px solid #dbe7f4;border-radius:12px}
.analytics-footer{padding-bottom:30px}.analytics-footer button{font:inherit;background:none;border:0;color:var(--blue);text-decoration:underline;cursor:pointer;padding:8px 0}
.analytics-choice{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);width:min(870px,calc(100% - 32px));z-index:1100;background:#fff;border:1px solid #b9d8ec;border-radius:20px;padding:24px;box-shadow:0 16px 65px #18365238;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.analytics-choice[hidden]{display:none}.analytics-choice h2{font-size:1.05rem;margin:0 0 7px}.analytics-choice p{font-size:.9rem;line-height:1.65;margin:0;color:#4b5f74}.consent-buttons{display:flex;gap:10px;flex-wrap:wrap}.consent-buttons button{font:inherit;font-size:.88rem;border:1px solid #0870d6;background:#eff7ff;color:#0757a5;padding:12px 15px;border-radius:10px;cursor:pointer;min-height:44px}.consent-buttons button:hover{background:#ddecfb}[data-consent-status]{grid-column:1/-1}
.inner-page>.workflow-demo{max-width:860px;margin:20px auto 55px}.demo-caption,.history-demo-label{font-weight:600;color:#38546b!important}.history-demo-label{margin-top:22px}
@media(max-width:1200px){.desktop-nav{display:none}.mobile-menu{display:block}}
@media(max-width:760px){.requirements-panel{grid-template-columns:1fr;gap:24px;padding:26px}.use-case-grid{grid-template-columns:1fr}.app-figure{padding:12px}.app-figure figcaption{font-size:.85rem}.analytics-choice{grid-template-columns:1fr;gap:14px;padding:20px;bottom:12px;max-height:75vh;overflow:auto}.consent-buttons{display:grid;grid-template-columns:1fr 1fr}.workflow-section{gap:16px}.trust-links{padding:24px}.page-home .hero-copy h1{font-size:clamp(2.1rem,7.2vw,3rem)}}
@media(prefers-reduced-motion:reduce){.workflow-demo *,[data-tilt]{animation:none!important;transition:none!important;transform:none!important}}
@media print{.analytics-choice,.analytics-footer{display:none!important}.app-figure{break-inside:avoid}}
/* Keep intrinsic 446px App captures inside the article column on narrow screens. */
.reading-layout>.prose{width:100%;min-width:0}.app-figure>a{width:min(100%,446px)}