:root{--ink:#0f1013;--ink-2:#131518;--card:#17191d;--card-2:#1b1d22;--line:#26292e;--line-2:#383c43;--text:#f2f3f5;--soft:#b5bbc5;--mute:#7e8590;--accent:#5ca5ff;--accent-soft:rgba(92,165,255,.14);--rec:#ef4f4f;
--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","PingFang SC","Hiragino Sans GB",sans-serif;
--serif:ui-serif,"New York","Iowan Old Style",Charter,Georgia,"Songti SC","STSong",serif;
--mono:ui-monospace,"SF Mono",Menlo,monospace;--ease:cubic-bezier(.2,.7,.2,1)}
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:72px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
::selection{background:rgba(92,165,255,.35)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.wrap{width:min(1180px,100% - 48px);margin:0 auto}
.narrow{width:min(820px,100% - 48px)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:16px;top:-48px;z-index:50;padding:8px 14px;border-radius:8px;background:var(--text);color:var(--ink);font-weight:600}
.skip:focus{top:12px}
em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.01em}
:lang(zh-CN) em,:lang(zh-TW) em,:lang(ja) em,:lang(ko) em{font-style:normal;font-weight:500}
:lang(zh-TW){--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","PingFang TC","Heiti TC",sans-serif}
:lang(ja){--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;--serif:ui-serif,"New York",Georgia,"Hiragino Mincho ProN","Yu Mincho",serif}
:lang(ko){--sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--serif:ui-serif,"New York",Georgia,"AppleMyungjo",serif;word-break:keep-all}

/* Header */
header{position:sticky;top:0;z-index:30;background:rgba(15,16,19,.72);-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;height:60px}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em}
.brand img{border-radius:7px}
nav{display:flex;align-items:center;gap:4px}
nav a{padding:6px 12px;border-radius:99px;font-size:13.5px;color:var(--soft);transition:color .2s,background .2s}
nav a:hover{color:var(--text);background:rgba(255,255,255,.06)}
.lang-switch{display:flex;margin-left:8px;border:1px solid var(--line-2);border-radius:99px;padding:2px}
nav .lang{padding:4px 8px;font:500 11px/1.6 var(--mono);letter-spacing:.06em;color:var(--mute)}
nav .lang[aria-current=page]{color:var(--text);background:rgba(255,255,255,.1)}

/* Buttons */
.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.primary{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:99px;background:var(--text);color:var(--ink);font-weight:600;font-size:15px;box-shadow:0 10px 30px -12px rgba(255,255,255,.35);transition:transform .25s var(--ease),box-shadow .25s}
.primary:hover{transform:translateY(-1px);box-shadow:0 14px 34px -12px rgba(255,255,255,.45)}
.release{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:99px;border:1px solid var(--line-2);color:var(--soft);font-size:15px;transition:border-color .2s,color .2s}
.release:hover{border-color:var(--mute);color:var(--text)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.dot.quiet{background:var(--mute);box-shadow:0 0 0 4px rgba(126,133,144,.16)}
.text-link{color:var(--accent);font-weight:500;border-bottom:1px solid rgba(92,165,255,.3);transition:border-color .2s}
.text-link:hover{border-color:var(--accent)}

/* Hero */
.hero{position:relative;padding:36px 0 32px;text-align:center;overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;background-position:center top;-webkit-mask-image:radial-gradient(ellipse 70% 55% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 55% at 50% 30%,#000 30%,transparent 75%)}
.hero::after{content:"";position:absolute;z-index:-1;left:50%;top:44%;width:1100px;height:620px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(92,165,255,.16),transparent);filter:blur(10px)}
.eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:18px;padding:6px 14px 6px 12px;border:1px solid var(--line-2);border-radius:99px;background:rgba(23,25,29,.6);font:500 12px/1.4 var(--mono);letter-spacing:.06em;color:var(--soft)}
h1{font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-.035em;font-weight:650}
.h1-kicker{display:block;margin-bottom:16px;font:500 clamp(15px,1.7vw,19px)/1.4 var(--sans);letter-spacing:0;color:var(--soft)}
h1 em,h2 em{background:linear-gradient(100deg,#fff 10%,#cfe3ff 45%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
.intro{max-width:720px;margin:18px auto 22px;font-size:clamp(17px,1.7vw,19.5px);line-height:1.65;color:var(--soft)}
.toggle{display:none;margin:20px auto 16px;padding:4px;border:1px solid var(--line-2);border-radius:99px;background:rgba(23,25,29,.8)}
.js .toggle{display:inline-flex}
.toggle button{appearance:none;border:0;padding:8px 18px;border-radius:99px;background:none;color:var(--mute);font:500 13.5px var(--sans);cursor:pointer;transition:color .25s,background .25s}
.toggle button[aria-pressed=true]{background:var(--text);color:var(--ink)}
.toggle button:hover:not([aria-pressed=true]){color:var(--text)}
.stage{display:grid;max-width:980px;margin:64px auto 0;border:1px solid var(--line-2);border-radius:22px;background:radial-gradient(ellipse at 50% 0,rgba(92,165,255,.1),transparent 65%),linear-gradient(var(--ink-2),var(--card));box-shadow:0 60px 120px -50px rgba(0,0,0,.9)}
.js .stage{margin-top:0}
/* Three mode scenes stacked in one cell; the toggle crossfades them */
.stage>figure{grid-area:1/1;position:relative;margin:0;padding:44px 28px 22px;opacity:0;transform:scale(1.01);transition:opacity .9s var(--ease),transform 1.2s var(--ease)}
.stage[data-mode=compact] .v-compact,.stage[data-mode=stage] .v-stage,.stage[data-mode=classroom] .v-classroom,.stage[data-mode=conversation] .v-conversation{opacity:1;transform:none}
.stage .fig{top:18px;left:22px}
.stage figcaption{margin-top:6px;font:500 12px var(--mono);letter-spacing:.06em;color:var(--soft)}
.stage-note{margin-top:36px;font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}

/* Corner registration marks */
.marks{position:relative}
.marks::after{content:"";position:absolute;inset:-12px;pointer-events:none;--m:var(--line-2);background:
 linear-gradient(var(--m),var(--m)) left top/14px 1px no-repeat,linear-gradient(var(--m),var(--m)) left top/1px 14px no-repeat,
 linear-gradient(var(--m),var(--m)) right top/14px 1px no-repeat,linear-gradient(var(--m),var(--m)) right top/1px 14px no-repeat,
 linear-gradient(var(--m),var(--m)) left bottom/14px 1px no-repeat,linear-gradient(var(--m),var(--m)) left bottom/1px 14px no-repeat,
 linear-gradient(var(--m),var(--m)) right bottom/14px 1px no-repeat,linear-gradient(var(--m),var(--m)) right bottom/1px 14px no-repeat}
.stage.marks::after{inset:-18px}

/* Language marquee */
.langs{padding:48px 0 24px}
.langs-note{width:min(1080px,calc(100% - 32px));margin:20px auto 0;text-align:center;font:12px var(--mono);letter-spacing:.06em;line-height:1.7;color:var(--mute)}
.global-positioning{width:min(640px,calc(100% - 40px));margin:24px auto 0;text-align:center;font-size:14px;line-height:1.7;color:var(--soft)}
.more{display:none}
.langs-view{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.langs-track{display:flex;width:max-content;animation:marquee 60s linear infinite}
.langs-view:hover .langs-track{animation-play-state:paused}
.set{display:flex;align-items:center}
.set span{padding:0 22px;font:400 clamp(18px,2vw,24px)/1.5 var(--serif);color:var(--mute);white-space:nowrap;transition:color .3s}
.set span::after{content:"";display:inline-block;width:3px;height:3px;margin-left:44px;border-radius:50%;background:var(--line-2);vertical-align:middle}
.set span:hover{color:var(--text)}
@keyframes marquee{to{transform:translateX(-50%)}}

/* Sections */
.section{position:relative;padding:96px 0}
.section::before{content:"";position:absolute;top:0;left:50%;width:min(1180px,100% - 48px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--line-2) 20%,var(--line-2) 80%,transparent)}
.sh{max-width:760px}
.sh-label{display:flex;align-items:center;gap:12px;margin-bottom:22px;font:500 11.5px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.idx{color:var(--accent)}
.rule{width:36px;height:1px;background:var(--line-2)}
h2{font-size:clamp(34px,4.6vw,58px);line-height:1.06;letter-spacing:-.03em;font-weight:650}
.lede{margin-top:24px;max-width:640px;font-size:clamp(16.5px,1.5vw,18.5px);line-height:1.7;color:var(--soft)}
h3{font-size:17px;line-height:1.35;letter-spacing:-.01em;font-weight:600}
.ic{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--line-2);background:linear-gradient(160deg,#20232a,#16181c);color:var(--soft);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.ic-svg{width:20px;height:20px}

/* Reveal and line drawing */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .reveal.in{opacity:1;transform:none}
.js .reveal .art :is(path,rect,circle):not(.dash){stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset 1.5s var(--ease),opacity .4s}
.js .reveal.in .art :is(path,rect,circle){stroke-dashoffset:0;opacity:1}
.js .reveal.done .art :is(path,rect,circle){stroke-dasharray:none}
.js .reveal .art .dash{opacity:0;transition:opacity 1.2s .4s}
.js .reveal.in .art .dash{opacity:1}
.js .reveal .art image{opacity:0;transition:opacity 1s .5s}
.js .reveal.in .art image{opacity:1}
/* The hero frame is on screen at first paint; only its drawing animates in. */
.js .stage.reveal{opacity:1;transform:none}
.art{width:100%;height:auto}
.art .f{fill:var(--card)}

/* 01 Scenarios */
.scenes{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-top:64px}
.scene{grid-column:span 2;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;transition:border-color .3s,transform .4s var(--ease)}
.scene:nth-child(-n+2){grid-column:span 3}
.scene:hover{border-color:var(--line-2)}
.scene-art{position:relative;padding:28px 24px 8px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 0,rgba(92,165,255,.07),transparent 70%),linear-gradient(var(--ink-2),var(--card))}
.scene-art .art{max-width:420px;margin:0 auto}
.fig{position:absolute;top:14px;left:16px;font:500 10.5px var(--mono);letter-spacing:.14em;color:var(--mute)}
.scene-copy{padding:24px 26px 28px}
.chip{display:inline-block;margin-bottom:14px;padding:4px 10px;border-radius:99px;background:rgba(255,255,255,.04);border:1px solid var(--line);font:500 11.5px var(--mono);letter-spacing:.04em;color:var(--soft)}
.scene-copy h3{font-size:20px;margin-bottom:8px}
.scene-copy p:last-child{color:var(--soft);font-size:15px;line-height:1.65}

/* 02 Live demo */
.demo{display:grid;grid-template-columns:1fr 1.08fr;gap:80px;align-items:center}
.key{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:14px}
.key li{display:flex;align-items:center;gap:14px;color:var(--soft);font-size:15px}
.key b{color:var(--text);font-weight:600}
.sw{flex:none;width:28px;height:8px;border-radius:99px}
.sw.w{background:var(--text)}.sw.g{background:var(--mute)}.sw.a{background:var(--accent)}
.demo-fig{margin:0}
.demo-fig figcaption{margin-top:22px;text-align:right;font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
/* Scale replica of the compact window (560×320 pt, 1cqw = 5.6 pt): children size in cqw; .win's own padding is in % because cqw there resolves against an outer container.
   56 pt bands top and bottom (14 pt inset + 28 pt controls), 18 pt captions with 4 pt line spacing. */
.win{position:relative;container-type:inline-size;aspect-ratio:7/4;display:grid;grid-template-rows:1fr 1fr;padding:10% 0;-webkit-font-smoothing:auto;border:1px solid #3a3b40;border-radius:14px;background:#222224;box-shadow:0 50px 100px -40px rgba(0,0,0,.9),0 0 80px -30px rgba(92,165,255,.2);overflow:hidden;color:#e4e4e6}
.win-bar{position:absolute;inset:0 0 auto;height:5.7cqw;display:flex;align-items:center;gap:1.6cqw;padding-left:1.52cqw}
.win-bar>i{width:2.5cqw;height:2.5cqw;border-radius:50%;background:#ff5f57}
.win-bar>i:nth-child(2){background:#febc2e}.win-bar>i:nth-child(3){background:#28c840}
.win-bar .ic-svg{width:3.6cqw;height:3.6cqw;margin-left:.45cqw;stroke-width:1.2;color:#9b9b9b}
.win-bar span{position:absolute;left:0;right:0;text-align:center;font-size:max(10px,2.32cqw);font-weight:700;color:#adadae;pointer-events:none}
.win-pad{position:absolute;top:2.5cqw;right:2.5cqw;display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:center;box-sizing:border-box;width:12.14cqw;height:5cqw;padding:0 .18cqw;border-radius:99px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.012);color:#d8d8d8}
.win-pad .ic-svg{width:3.3cqw;height:3.3cqw}
.win-foot .ic-svg{width:2.86cqw;height:2.86cqw;min-width:12px;min-height:12px;stroke-width:1.7}
.win-tr,.win-or{overflow:hidden;padding:0 4.11cqw;font-size:max(12px,3.21cqw);line-height:1.417}
.win-tr{margin-top:-.2cqw;color:#fff}
.win-or{padding-top:.54cqw}
.win-tr p,.win-or p{display:inline}
.win-tr p+p,.win-or p+p{margin-left:.3em}
.win-tr p.fresh{animation:fade .6s var(--ease) both}
.win-or p:last-child::after{content:'';display:inline-block;width:1px;height:1.15em;margin-left:1px;vertical-align:-.2em;background:#fff}
@keyframes fade{from{opacity:0}}
.w{color:#fff;transition:color .45s}
.g{color:#a8a8a8}
.win-foot{position:absolute;left:0;right:0;bottom:1.47cqw;height:6.7cqw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5cqw;padding:0 2.3cqw;font-size:max(10px,2.1cqw);font-weight:500;color:#fff;white-space:nowrap}
.pill,.ctl{display:flex;align-items:center;box-sizing:border-box;border-radius:99px;border:1px solid rgba(255,255,255,.22);background:#3f3f40}
.pill{justify-self:start;gap:.95cqw;height:5cqw;padding:0 1.43cqw 0 1.25cqw}
.pill .ic-svg{margin-right:-.3cqw;color:#e3e3e3}
.arr{font-style:normal;color:#959596}
.ctl{height:6.6cqw;padding:0 1.2cqw 0 2.05cqw}
.ctl b{margin:0 2.43cqw 0 .98cqw;font-size:max(10px,2.14cqw);font-weight:700;font-variant-numeric:tabular-nums}
.ctl i{display:block}
.ctl .dot{width:1.43cqw;height:1.43cqw;border-radius:50%;background:#c4463f;box-shadow:none;animation:pulse 1.8s ease-in-out infinite}
.bars{width:1.56cqw;height:1.83cqw;margin-right:2.79cqw;background:linear-gradient(90deg,#f2f2f4 36%,transparent 36% 64%,#f2f2f4 64%)}
.sq{position:relative;width:5cqw;height:5cqw;border-radius:50%;background:#d0453a}
.sq::after{content:'';position:absolute;inset:36%;border-radius:2px;background:#fff}
@keyframes pulse{50%{opacity:.35}}
.tools{justify-self:end;gap:2cqw;padding:0 .91cqw}
.tools .ic-svg{width:3cqw;height:3cqw;margin:0;color:inherit}

/* Plates and callouts */
.framed{margin:64px 0 0}
.shot{position:relative}
.shot img{width:100%;height:auto;background:#16181c;border-radius:12px;border:1px solid var(--line-2);box-shadow:0 60px 120px -50px rgba(0,0,0,.95),0 0 0 1px rgba(0,0,0,.6)}
.framed figcaption{display:flex;justify-content:space-between;gap:24px;margin-top:26px;font:500 11px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.framed figcaption span:first-child{color:var(--soft)}
.pin{position:absolute;display:grid;place-items:center;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:var(--accent);color:#06111f;font:700 12px/1 var(--mono);box-shadow:0 0 0 4px rgba(92,165,255,.25),0 6px 16px rgba(0,0,0,.5);transition:transform .25s var(--ease),box-shadow .25s;cursor:default}
.pin.hot{transform:scale(1.25);box-shadow:0 0 0 7px rgba(92,165,255,.3),0 6px 16px rgba(0,0,0,.5)}
.legend{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:56px;}
.legend li{display:grid;grid-template-columns:30px 1fr;column-gap:16px;padding:18px 0;border-top:1px solid var(--line);transition:border-color .25s}
.legend li::before{content:attr(data-n);grid-row:1/3;display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:50%;border:1px solid rgba(92,165,255,.55);font:600 11px/1 var(--mono);color:var(--accent);transition:background .25s,color .25s}
.legend li.hot{border-top-color:rgba(92,165,255,.5)}
.legend li.hot::before{background:var(--accent);color:#06111f}
.legend b{font-weight:600;font-size:15.5px}
.legend span{color:var(--soft);font-size:14.5px;line-height:1.6}
.callouts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.75fr) minmax(0,1fr);grid-template-areas:"l f r";column-gap:52px;align-items:center;width:min(1340px,100vw - 48px);margin:72px 0 0 calc(50% - min(670px,50vw - 24px))}
.callouts>figure{grid-area:f}.callouts>.l{grid-area:l}.callouts>.r{grid-area:r}
.callouts .legend{display:block;margin:0 0 54px}
.callouts .legend li{position:relative;padding:16px 0}
.callouts .legend li:last-child{border-bottom:1px solid var(--line)}
.callouts .legend b{font-size:14.5px}
.callouts .legend span{font-size:13.5px}
.callouts .l li{grid-template-columns:1fr 30px;text-align:right}
.callouts .l li::before{grid-column:2}
.callouts .l b,.callouts .l span{grid-column:1}
.callouts .legend b{grid-row:1}.callouts .legend span{grid-row:2}
.callouts .legend li::after{content:"";position:absolute;top:29px;width:34px;height:1px;background:var(--line-2);transition:background .25s,width .25s}
.callouts .l li::after{right:-44px;background:linear-gradient(90deg,var(--line-2),transparent)}
.callouts .r li::after{left:-44px;background:linear-gradient(270deg,var(--line-2),transparent)}
.callouts .legend li.hot::after{background:var(--accent)}

/* Tiles */
.keys{display:inline-flex;gap:4px;flex:none}
kbd{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 7px;border-radius:7px;border:1px solid #42464e;border-bottom-color:#2a2d33;background:linear-gradient(#2a2d33,#1c1e22);box-shadow:0 1px 0 #000,inset 0 1px 0 rgba(255,255,255,.07);font:500 12.5px/1 var(--sans);color:var(--text)}
kbd.wide{min-width:64px}
.art-card{position:relative;margin:0;display:flex;flex-direction:column;justify-content:center;padding:40px 28px 24px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(ellipse at 70% 30%,rgba(92,165,255,.08),transparent 60%),var(--card)}
.art-card .art{max-width:440px;margin:0 auto}
.art-card figcaption{margin-top:20px;text-align:center;font:500 11.5px var(--mono);letter-spacing:.08em;color:var(--soft)}
.art-card.marks::after{inset:-8px}

/* 06 Audio */
.sources{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}
.source{padding:26px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--card),var(--ink-2))}
.source h3{margin:18px 0 8px}
.source p{color:var(--soft);font-size:14.5px;line-height:1.6}
.fine{margin-top:28px;color:var(--mute);font-size:14px}
.listen{margin-top:96px}
.listen+.sources{margin-top:0}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:64px}
.plans article{padding:26px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,var(--card),var(--ink-2))}
.plans h3{font-size:15px;font-weight:500;color:var(--soft)}
.price{margin-top:10px;color:var(--soft);font-size:15px}
.price b{color:var(--text);font-weight:600}
.mins{margin:10px 0 6px;color:var(--soft);font-size:15px}
.mins b{font-size:44px;font-weight:650;letter-spacing:-.03em;color:var(--text)}
.plans p:last-child{color:var(--mute);font-size:14px}

/* 08 Shortcuts */
.cheat{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px}
.panel{padding:26px 26px 14px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.panel h3{padding-bottom:14px;margin-bottom:6px;border-bottom:1px solid var(--line);font:500 11.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.panel ul{list-style:none;margin:0;padding:0}
.panel li{display:flex;align-items:center;gap:12px;padding:11px 0;font-size:14.5px;color:var(--soft)}
.panel li>span:first-child{display:flex;flex-direction:column}
.panel small{font:500 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.lead{flex:1;min-width:12px;height:1px;border-bottom:1px dotted #4a4e56;transform:translateY(3px)}

/* 09 Privacy */
.privacy-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center}
.checks{list-style:none;margin:32px 0 28px;padding:0;display:grid;gap:12px}
.checks li{position:relative;padding-left:30px;color:var(--soft);font-size:15.5px}
.checks li::before{content:"";position:absolute;left:2px;top:.42em;width:12px;height:6px;border-left:1.5px solid var(--accent);border-bottom:1.5px solid var(--accent);transform:rotate(-45deg)}
.settings{margin-top:96px}
.settings-label{display:flex;align-items:center;gap:14px;margin-bottom:20px;font:500 11.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.settings-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden}
.settings-grid article{padding:28px 24px}
.settings-grid article+article{border-left:1px solid var(--line)}
.settings-grid h3{margin:18px 0 8px}
.settings-grid p{color:var(--soft);font-size:14px;line-height:1.6}

/* 10 Steps */
.steps{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}
.steps li{position:relative;padding:30px 28px 30px;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.steps li::before{counter-increment:s;content:counter(s);display:block;margin-bottom:18px;font:italic 400 64px/1 var(--serif);background:linear-gradient(160deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.steps li:not(:last-child)::after{content:"";position:absolute;top:58px;right:-17px;width:18px;height:1px;background:var(--line-2)}
.steps h3{margin-bottom:10px;font-size:18px}
.steps p{color:var(--soft);font-size:14.5px;line-height:1.65}
.gentle{margin-top:28px;color:var(--mute);font-size:14.5px}

/* FAQ */
details{border-bottom:1px solid var(--line)}
.narrow .sh+details{margin-top:56px;border-top:1px solid var(--line)}
summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 4px;cursor:pointer;list-style:none;font-size:18px;font-weight:600;letter-spacing:-.01em;transition:color .2s}
summary::-webkit-details-marker{display:none}
summary:hover{color:#fff}
summary span:last-child{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);font-weight:300;font-size:20px;color:var(--soft);transition:transform .35s var(--ease),border-color .2s}
details[open] summary span:last-child{transform:rotate(45deg);border-color:var(--accent);color:var(--accent)}
.detail-copy{padding:0 4px 32px;color:var(--soft);font-size:15.5px;line-height:1.75}
.detail-copy p+p,.detail-copy ul+p{margin-top:12px}
.detail-copy strong{color:var(--text);font-weight:600}
.detail-copy a{color:var(--accent)}
.detail-copy h2{margin:32px 0 12px;font-size:17px;line-height:1.4;letter-spacing:-.005em;color:var(--text)}
.doc{padding-top:72px}
.doc h1{margin-bottom:32px;font-size:clamp(32px,4.5vw,48px)}
.doc .cheat{grid-template-columns:1fr 1fr;margin-top:24px}
.detail-copy .note{padding:14px 16px;border-radius:12px;border:1px solid var(--line-2);background:rgba(255,255,255,.025);color:var(--soft);font-size:14.5px}
.guide-steps,.guide-list{margin:0;padding-left:22px}
.guide-steps li,.guide-list li{margin-top:10px}
.guide-steps li::marker{color:var(--accent);font-family:var(--mono)}
.guide-list li::marker{color:var(--mute)}
.guide-steps p{margin-top:4px}

/* Closing and footer */
.closing{position:relative;padding:150px 0 140px;text-align:center;overflow:hidden;isolation:isolate}
.closing::before{content:"";position:absolute;z-index:-1;left:50%;top:0;width:900px;height:520px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(92,165,255,.14),transparent)}
.closing-icon{margin:0 auto 36px;border-radius:22px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6)) drop-shadow(0 0 50px rgba(92,165,255,.25))}
.closing h2{font-size:clamp(40px,6vw,76px)}
.closing p{margin:24px auto 36px;color:var(--soft);font-size:17px}
footer{border-top:1px solid var(--line);padding:36px 0 48px;color:var(--mute);font-size:13.5px}
.footer-inner{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.footer-inner .brand{color:var(--text)}
.footer-inner div{display:flex;flex-wrap:wrap;gap:22px;margin-left:auto}
.footer-inner div a:hover{color:var(--text)}
.final-note{margin-top:28px;padding-top:24px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.7;color:var(--mute)}
.not-found{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:24px;padding:24px;text-align:center}
.not-found img{border-radius:20px}
.not-found h1{font-size:clamp(28px,4vw,40px)}
.not-found p{display:flex;gap:20px;align-items:center}

@media (max-width:1180px){
 .callouts{grid-template-columns:1fr 1fr;grid-template-areas:none;column-gap:40px;width:auto;margin-left:0}
 .callouts>figure{grid-column:1/-1;margin-bottom:28px}
 .callouts .legend{display:contents}
 .callouts .l li{grid-template-columns:30px 1fr;text-align:left}
 .callouts .l li::before{grid-column:1}.callouts .l b,.callouts .l span{grid-column:2}
 .callouts .legend li:last-child{border-bottom:0}
 .callouts .legend li::after{display:none}
}
@media (max-width:960px){
 nav a:not(.keep){display:none}
 .scenes{grid-template-columns:1fr 1fr}
 .scene,.scene:nth-child(-n+2){grid-column:auto}
 .scene:first-child{grid-column:1/-1}
 .demo,.privacy-layout{grid-template-columns:1fr;gap:48px}
 .cheat,.sources,.steps,.plans{grid-template-columns:1fr 1fr}
 .settings-grid{grid-template-columns:1fr 1fr}
 .settings-grid article:nth-child(3){border-left:0}
 .settings-grid article:nth-child(n+3){border-top:1px solid var(--line)}
 .steps li::after{display:none}
}
@media (max-width:760px){
 .win{aspect-ratio:auto;row-gap:10px}
 .win-tr,.win-or{height:3lh}
 .wrap,.narrow,.section::before{width:calc(100% - 32px)}
 .hero{padding-top:32px}
 .toggle{margin-top:28px;flex-wrap:wrap;justify-content:center;border-radius:22px}
 .toggle button{padding:8px 14px;font-size:13px}
 .stage{border-radius:16px}
 .stage>figure{padding:36px 8px 16px}
 .stage .art{stroke-width:2.6}
 .stage .fig{top:14px;left:16px}
 .section{padding:72px 0}
 .scenes,.cheat,.sources,.steps,.legend,.settings-grid{grid-template-columns:1fr}
 .scene:first-child{grid-column:auto}
 .settings-grid article+article{border-left:0;border-top:1px solid var(--line)}
 .framed figcaption{flex-direction:column;gap:6px}
 .callouts{grid-template-columns:1fr}
 .js .callouts:not(.open) .more{display:block;order:99;justify-self:start;margin-top:12px;padding:10px 18px;border:1px solid var(--line-2);border-radius:99px;background:none;color:var(--text);font:500 14px var(--sans);cursor:pointer}
 .pin{width:20px;height:20px;margin:-10px 0 0 -10px;font-size:10px;box-shadow:0 0 0 3px rgba(92,165,255,.25)}
 .marks::after{inset:-8px}
 .stage.marks::after{inset:-10px}
 .footer-inner div{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation:none!important;transition:none!important}
 .js .reveal,.js .reveal .art *{opacity:1!important;transform:none!important;stroke-dasharray:none!important}
 .langs-track .set+.set{display:none}
 .langs-track{width:auto;flex-wrap:wrap;justify-content:center}
 .langs-track .set{flex-wrap:wrap;justify-content:center;row-gap:8px}
}
@media (prefers-reduced-transparency:reduce){header{background:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (forced-colors:active){.pin,.legend li::before{border:1px solid CanvasText}h1 em,h2 em,.steps li::before{color:CanvasText;background:none}}

/* An explicit no-motion document view also stops JavaScript illustrations. */
.reqs{margin-top:16px;color:var(--mute);font-size:13px;line-height:1.6}
/* iPhone */
.phones{display:grid;grid-template-columns:repeat(3,minmax(0,300px));justify-content:center;gap:56px;margin-top:64px}
.phone .shot img{border-radius:32px}
.phone h3{margin:26px 0 8px}
.phone p{color:var(--soft);font-size:14.5px;line-height:1.6}
.compare-title{margin-top:88px}
.compare-wrap{margin-top:20px;border:1px solid var(--line);border-radius:18px;background:var(--card);overflow-x:auto}
.compare{width:100%;border-collapse:collapse;font-size:14.5px}
.compare th,.compare td{padding:16px 22px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}
.compare thead th,.compare thead td{border-top:0;font:500 11.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.compare tbody th{font-weight:500;color:var(--text);white-space:nowrap}
.compare td{color:var(--soft)}
@media (max-width:760px){.phones{grid-template-columns:1fr;max-width:300px;margin-inline:auto;gap:56px}.compare th,.compare td{padding:14px 16px}.compare tbody th{white-space:normal}}
.motion-choice{display:none}
.js .motion-choice{display:block;margin-top:18px;font-size:13px;color:var(--soft)}
.motion-choice a[href]{text-decoration:underline;text-underline-offset:3px}
html.motion-reduced{scroll-behavior:auto}
html.motion-reduced *,html.motion-reduced *::before,html.motion-reduced *::after,
html:not(.js) *,html:not(.js) *::before,html:not(.js) *::after{animation:none!important;transition:none!important}
html.motion-reduced .reveal,html.motion-reduced .reveal .art *{opacity:1!important;transform:none!important;stroke-dasharray:none!important}
html.motion-reduced .langs-track .set+.set{display:none}
html.motion-reduced .langs-track{width:auto;flex-wrap:wrap;justify-content:center}
html.motion-reduced .langs-track .set{flex-wrap:wrap;justify-content:center;row-gap:8px}

/* Keep the two Chinese headline phrases intact, including at 320px. */
html[lang="zh-CN"] h1,html[lang="zh-TW"] h1,html[lang="ja"] h1,html[lang="ko"] h1{font-size:clamp(34px,6.4vw,78px)}
.hero-line{display:block;white-space:nowrap}
html.page-background *,html.page-background *::before,html.page-background *::after{animation-play-state:paused!important}
/* Reduced motion on phones: one swipeable row instead of a screen-high wall. */
@media (max-width:760px){
 html.motion-reduced .langs-view{overflow-x:auto;scrollbar-width:none}
 html.motion-reduced .langs-track,html.motion-reduced .langs-track .set{width:max-content;flex-wrap:nowrap;justify-content:flex-start}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){
 .langs-view{overflow-x:auto;scrollbar-width:none}
 .langs-track,.langs-track .set{width:max-content;flex-wrap:nowrap;justify-content:flex-start}
}

/* Generated by build.py: callout positions, line-drawing stagger */
.fullscreen-classroom-1-en{left:76.5%;top:5.4%}
.fullscreen-classroom-1-es{left:76.5%;top:5.4%}
.fullscreen-classroom-1-zh{left:80.2%;top:5.4%}
.fullscreen-classroom-1-tw{left:80.2%;top:5.4%}
.fullscreen-classroom-1-ja{left:80.2%;top:5.4%}
.fullscreen-classroom-1-ko{left:80.2%;top:5.4%}
.fullscreen-classroom-2-en{left:91.3%;top:5.4%}
.fullscreen-classroom-2-es{left:91.3%;top:5.4%}
.fullscreen-classroom-2-zh{left:91.3%;top:5.4%}
.fullscreen-classroom-2-tw{left:91.3%;top:5.4%}
.fullscreen-classroom-2-ja{left:91.3%;top:5.4%}
.fullscreen-classroom-2-ko{left:91.3%;top:5.4%}
.fullscreen-classroom-3-en{left:97.6%;top:5.4%}
.fullscreen-classroom-3-es{left:97.6%;top:5.4%}
.fullscreen-classroom-3-zh{left:97.6%;top:5.4%}
.fullscreen-classroom-3-tw{left:97.6%;top:5.4%}
.fullscreen-classroom-3-ja{left:97.6%;top:5.4%}
.fullscreen-classroom-3-ko{left:97.6%;top:5.4%}
.fullscreen-classroom-4-en{left:3.1%;top:14.6%}
.fullscreen-classroom-4-es{left:3.1%;top:14.6%}
.fullscreen-classroom-4-zh{left:3.1%;top:14.6%}
.fullscreen-classroom-4-tw{left:3.1%;top:14.6%}
.fullscreen-classroom-4-ja{left:3.1%;top:14.6%}
.fullscreen-classroom-4-ko{left:3.1%;top:14.6%}
.fullscreen-classroom-5-en{left:75%;top:62.8%}
.fullscreen-classroom-5-es{left:75%;top:62.8%}
.fullscreen-classroom-5-zh{left:75%;top:62.8%}
.fullscreen-classroom-5-tw{left:75%;top:62.8%}
.fullscreen-classroom-5-ja{left:75%;top:62.8%}
.fullscreen-classroom-5-ko{left:75%;top:62.8%}
.fullscreen-classroom-6-en{left:7.6%;top:94.2%}
.fullscreen-classroom-6-es{left:7.6%;top:94.2%}
.fullscreen-classroom-6-zh{left:7.6%;top:94.2%}
.fullscreen-classroom-6-tw{left:7.6%;top:94.2%}
.fullscreen-classroom-6-ja{left:7.6%;top:94.2%}
.fullscreen-classroom-6-ko{left:7.6%;top:94.2%}
.fullscreen-classroom-7-en{left:50%;top:94.2%}
.fullscreen-classroom-7-es{left:50%;top:94.2%}
.fullscreen-classroom-7-zh{left:50%;top:94.2%}
.fullscreen-classroom-7-tw{left:50%;top:94.2%}
.fullscreen-classroom-7-ja{left:50%;top:94.2%}
.fullscreen-classroom-7-ko{left:50%;top:94.2%}
.fullscreen-classroom-8-en{left:92.6%;top:94.2%}
.fullscreen-classroom-8-es{left:92.6%;top:94.2%}
.fullscreen-classroom-8-zh{left:92.6%;top:94.2%}
.fullscreen-classroom-8-tw{left:92.6%;top:94.2%}
.fullscreen-classroom-8-ja{left:92.6%;top:94.2%}
.fullscreen-classroom-8-ko{left:92.6%;top:94.2%}
.fullscreen-conversation-1-en{left:81%;top:5.4%}
.fullscreen-conversation-1-es{left:81%;top:5.4%}
.fullscreen-conversation-1-zh{left:83.1%;top:5.4%}
.fullscreen-conversation-1-tw{left:83.1%;top:5.4%}
.fullscreen-conversation-1-ja{left:83.1%;top:5.4%}
.fullscreen-conversation-1-ko{left:83.1%;top:5.4%}
.fullscreen-conversation-2-en{left:11.8%;top:94.2%}
.fullscreen-conversation-2-es{left:11.8%;top:94.2%}
.fullscreen-conversation-2-zh{left:10.6%;top:94.2%}
.fullscreen-conversation-2-tw{left:10.6%;top:94.2%}
.fullscreen-conversation-2-ja{left:9.8%;top:94.2%}
.fullscreen-conversation-2-ko{left:9.9%;top:94.2%}
.fullscreen-conversation-3-en{left:50%;top:40%}
.fullscreen-conversation-3-es{left:50%;top:40%}
.fullscreen-conversation-3-zh{left:50%;top:40%}
.fullscreen-conversation-3-tw{left:50%;top:40%}
.fullscreen-conversation-3-ja{left:50%;top:40%}
.fullscreen-conversation-3-ko{left:50%;top:40%}
.fullscreen-conversation-4-en{left:18.5%;top:94.2%}
.fullscreen-conversation-4-es{left:18.5%;top:94.2%}
.fullscreen-conversation-4-zh{left:17.2%;top:94.2%}
.fullscreen-conversation-4-tw{left:17.2%;top:94.2%}
.fullscreen-conversation-4-ja{left:15.3%;top:94.2%}
.fullscreen-conversation-4-ko{left:16%;top:94.2%}
.fullscreen-conversation-5-en{left:50%;top:94.2%}
.fullscreen-conversation-5-es{left:50%;top:94.2%}
.fullscreen-conversation-5-zh{left:50%;top:94.2%}
.fullscreen-conversation-5-tw{left:50%;top:94.2%}
.fullscreen-conversation-5-ja{left:50%;top:94.2%}
.fullscreen-conversation-5-ko{left:50%;top:94.2%}
.reader-1-en{left:21.8%;top:16.8%}
.reader-1-es{left:21.8%;top:16.8%}
.reader-1-zh{left:21.8%;top:16.8%}
.reader-1-tw{left:21.8%;top:16.8%}
.reader-1-ja{left:21.8%;top:16.8%}
.reader-1-ko{left:21.8%;top:16.8%}
.reader-2-en{left:84.5%;top:19.4%}
.reader-2-es{left:84.5%;top:19.4%}
.reader-2-zh{left:84.5%;top:19.4%}
.reader-2-tw{left:84.5%;top:19.4%}
.reader-2-ja{left:84.5%;top:19.4%}
.reader-2-ko{left:84.5%;top:19.4%}
.reader-3-en{left:10.4%;top:28.6%}
.reader-3-es{left:10.4%;top:28.6%}
.reader-3-zh{left:10.4%;top:28.6%}
.reader-3-tw{left:10.4%;top:28.6%}
.reader-3-ja{left:10.4%;top:28.6%}
.reader-3-ko{left:10.4%;top:28.6%}
.reader-4-en{left:68.5%;top:59.3%}
.reader-4-es{left:68.5%;top:59.3%}
.reader-4-zh{left:68.5%;top:59.3%}
.reader-4-tw{left:68.5%;top:59.3%}
.reader-4-ja{left:68.5%;top:59.3%}
.reader-4-ko{left:68.5%;top:59.3%}
.reader-5-en{left:20.5%;top:80.6%}
.reader-5-es{left:20.5%;top:80.6%}
.reader-5-zh{left:20.5%;top:80.6%}
.reader-5-tw{left:20.5%;top:80.6%}
.reader-5-ja{left:20.5%;top:80.6%}
.reader-5-ko{left:20.5%;top:80.6%}
.reader-6-en{left:50%;top:80.6%}
.reader-6-es{left:50%;top:80.6%}
.reader-6-zh{left:50%;top:80.6%}
.reader-6-tw{left:50%;top:80.6%}
.reader-6-ja{left:50%;top:80.6%}
.reader-6-ko{left:50%;top:80.6%}
.reader-7-en{left:81.3%;top:80.6%}
.reader-7-es{left:81.3%;top:80.6%}
.reader-7-zh{left:81.3%;top:80.6%}
.reader-7-tw{left:81.3%;top:80.6%}
.reader-7-ja{left:81.3%;top:80.6%}
.reader-7-ko{left:81.3%;top:80.6%}
.library-1-en{left:8.5%;top:95%}
.library-1-es{left:8.5%;top:95%}
.library-1-zh{left:5.9%;top:95%}
.library-1-tw{left:5.9%;top:95%}
.library-1-ja{left:8%;top:95%}
.library-1-ko{left:7.5%;top:95%}
.library-2-en{left:44.4%;top:93.2%}
.library-2-es{left:44.4%;top:93.2%}
.library-2-zh{left:44.4%;top:93.2%}
.library-2-tw{left:44.4%;top:93.2%}
.library-2-ja{left:44.4%;top:93.2%}
.library-2-ko{left:44.4%;top:93.2%}
.library-3-en{left:83.1%;top:93.2%}
.library-3-es{left:83.1%;top:93.2%}
.library-3-zh{left:83.1%;top:93.2%}
.library-3-tw{left:83.1%;top:93.2%}
.library-3-ja{left:83.1%;top:93.2%}
.library-3-ko{left:83.1%;top:93.2%}
.library-4-en{left:67.4%;top:4.6%}
.library-4-es{left:67.4%;top:4.6%}
.library-4-zh{left:65.4%;top:4.6%}
.library-4-tw{left:65.4%;top:4.6%}
.library-4-ja{left:66.8%;top:4.6%}
.library-4-ko{left:65%;top:4.6%}
.library-5-en{left:36.8%;top:25.6%}
.library-5-es{left:36.8%;top:25.6%}
.library-5-zh{left:36.8%;top:25.6%}
.library-5-tw{left:36.8%;top:25.6%}
.library-5-ja{left:36.8%;top:25.6%}
.library-5-ko{left:36.8%;top:25.6%}
@media (max-width:1180px){.callouts li[data-n="1"]{order:1}.callouts li[data-n="2"]{order:2}.callouts li[data-n="3"]{order:3}.callouts li[data-n="4"]{order:4}.callouts li[data-n="5"]{order:5}.callouts li[data-n="6"]{order:6}.callouts li[data-n="7"]{order:7}.callouts li[data-n="8"]{order:8}}
@media (max-width:760px){.js .callouts:not(.open) li[data-n="4"],.js .callouts:not(.open) li[data-n="5"],.js .callouts:not(.open) li[data-n="6"],.js .callouts:not(.open) li[data-n="7"],.js .callouts:not(.open) li[data-n="8"]{display:none}}
.js .reveal .art :nth-child(2){transition-delay:0.08s}
.js .reveal .art :nth-child(3){transition-delay:0.16s}
.js .reveal .art :nth-child(4){transition-delay:0.24s}
.js .reveal .art :nth-child(5){transition-delay:0.32s}
.js .reveal .art :nth-child(6){transition-delay:0.40s}
.js .reveal .art :nth-child(7){transition-delay:0.48s}
.js .reveal .art :nth-child(8){transition-delay:0.56s}
.js .reveal .art :nth-child(9){transition-delay:0.64s}
.js .reveal .art :nth-child(10){transition-delay:0.72s}
.js .reveal .art :nth-child(11){transition-delay:0.80s}
.js .reveal .art :nth-child(12){transition-delay:0.88s}
.js .reveal .art :nth-child(13){transition-delay:0.96s}
.js .reveal .art :nth-child(14){transition-delay:1.04s}
.js .reveal .art :nth-child(15){transition-delay:1.12s}
.js .reveal .art :nth-child(16){transition-delay:1.20s}
.js .reveal .art :nth-child(17){transition-delay:1.28s}
.js .reveal .art :nth-child(18){transition-delay:1.36s}
.js .reveal .art :nth-child(19){transition-delay:1.44s}
.js .reveal .art :nth-child(20){transition-delay:1.52s}
.js .reveal .art :nth-child(21){transition-delay:1.60s}
.js .reveal .art :nth-child(22){transition-delay:1.68s}
.js .reveal .art :nth-child(23){transition-delay:1.76s}
.js .reveal .art :nth-child(24){transition-delay:1.84s}
.js .reveal .art :nth-child(25){transition-delay:1.92s}