:root{--bg:#000;--fg:#f5f5f7;--fg2:#a1a1a6;--fg3:#6e6e73;--panel:#161617;--line:#ffffff1a;--gold:#d6ba80;--blue:#0a85ff;--ease:cubic-bezier(.32,.72,0,1);--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Helvetica Neue",Arial,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace;color-scheme:dark}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.47 var(--font);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:6px}img,video,canvas{display:block;max-width:100%}
h1,h2,h3{margin:0;font-weight:600}h1{font-size:clamp(46px,min(7.6vw,13vh),104px);line-height:1.02;letter-spacing:-.035em}h2{font-size:clamp(38px,5.6vw,80px);line-height:1.05;letter-spacing:-.032em}h2 span{color:var(--fg3)}h3{font-size:21px;letter-spacing:-.016em;line-height:1.2}
.lede{font-size:clamp(18px,1.7vw,23px);line-height:1.36;color:var(--fg2);max-width:33em;margin:20px auto 0;letter-spacing:-.012em}.lede b{color:var(--fg);font-weight:500}.cap{color:var(--fg2);margin:16px auto 0;max-width:36em;text-align:center}.cap b{color:var(--fg);font-weight:600}.foot{text-align:center;color:var(--fg3);margin:26px 16px 0}
.pill{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;background:var(--fg);color:#000;font-weight:500;letter-spacing:-.01em;transition:transform .35s var(--ease),background .25s}.pill:hover{background:#fff;transform:scale(1.02)}.pill:active{transform:scale(.97)}.pill.small{min-height:36px;padding:0 16px;font-size:14px}.pill.ghost{background:#ffffff14;color:var(--fg)}.pill.ghost:hover{background:#ffffff24}.pill.gold{background:var(--gold);color:#17120a}.pill.gold:hover{background:#e6cd98}
#nav{position:fixed;inset:0 0 auto 0;height:52px;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100vw / var(--z,1) - 1120px)/2));background:#000a;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:9px;font-weight:600;letter-spacing:-.015em}.brand img{border-radius:7px}.links{display:flex;gap:26px;font-size:13px;color:var(--fg2)}.links a{transition:color .2s}.links a:hover,.links a.here{color:var(--fg)}
.pin{height:var(--len);position:relative}.sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.hero{display:flex;flex-direction:column;align-items:center;text-align:center;isolation:isolate}#waves{position:absolute;inset:0;width:100%;height:100%;z-index:0}.heroGlow{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 58% 46% at 50% 32%,#000 0,#000e 48%,#0000 100%)}
#duoStage{position:absolute;inset:0;z-index:2}#duoStage canvas{width:100%!important;height:100%!important}.heroText{position:relative;z-index:3;padding:calc(52px + 6vh) 16px 0;pointer-events:none}.heroText .ctas{pointer-events:auto}.ctas{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:26px}
.film{display:inline-flex;align-items:center;gap:12px;padding:6px 18px 6px 6px;border-radius:999px;background:#1d1d1f;box-shadow:0 0 0 1px #ffffff24;text-align:left;transition:background .25s}.film:hover{background:#2c2c2e}.film video{width:68px;height:38px;object-fit:cover;border-radius:999px;background:#000}.film b{display:block;font-weight:500;font-size:15px;line-height:1.15}.film small{color:var(--fg2);font-size:12px}
.chap{position:absolute;z-index:3;left:0;right:0;bottom:max(16px,2.4vh);opacity:0;padding:0 16px;display:flex;flex-direction:column;align-items:center;gap:12px}.chapCap{margin:0;font-size:clamp(16px,1.5vw,21px);color:var(--fg2);max-width:34em;letter-spacing:-.012em;min-height:1.4em}.chapCap b{color:var(--fg);font-weight:600}.chapBar{display:flex;gap:8px;align-items:center;max-width:100%}.chapPlay{width:42px;height:42px;flex:none;border-radius:50%;background:#1d1d1fe6;display:grid;place-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.chapList{display:flex;gap:2px;padding:4px;border-radius:999px;background:#1d1d1fe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-x:auto;scrollbar-width:none}.chapList button{padding:7px 15px;border-radius:999px;font-size:14px;color:var(--fg2);white-space:nowrap;transition:background .3s,color .3s}.chapList button[aria-selected=true]{background:#ffffff26;color:var(--fg)}.chapNote{margin:0;font-size:12px;color:var(--fg3)}
.walk{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(52px + 2.4vh) 16px 3vh;text-align:center;background:#000}.scene{position:absolute;inset:-3%;background:center/cover no-repeat;opacity:0;will-change:opacity,transform}.sceneShade{position:absolute;inset:0;background:linear-gradient(#000e 0,#000a 16%,#0000 34%,#0000 62%,#000d 100%),radial-gradient(ellipse 60% 70% at 50% 54%,#0005,#0000 80%)}.walkHead,.walk .dv,.walkFoot{position:relative;z-index:1}.walkHead h2{font-size:clamp(34px,4.4vw,60px);text-shadow:0 2px 30px #0009}.walkHead p{margin:4px 0 0;color:#e8e8ed;font-size:clamp(17px,1.5vw,21px);text-shadow:0 1px 16px #000a}.walkFoot{display:flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;background:#1d1d1fb8;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);font-size:14px}.walkFoot b{font-weight:600}.sep{width:3px;height:3px;border-radius:50%;background:var(--fg2)}
/* A device, drawn. Its size, corners and details are set by devices() in home.js, so one morphs into another. */
.dv{--w:600px;--h:400px;--r:20px;--bz:10px;position:relative;flex:none;width:var(--w);height:var(--h);filter:drop-shadow(0 34px 60px #000b)}.dvBody{position:absolute;inset:0;border-radius:var(--r);background:#050506;padding:var(--bz);box-shadow:0 0 0 1px #000,0 0 0 2.5px #8d8d93,0 0 0 3.5px #3b3b3f,inset 0 0 2px 1px #ffffff2e}.dvScr{position:relative;width:100%;height:100%;border-radius:calc(var(--r) - var(--bz));overflow:hidden;background:#000;container-type:size;display:grid;place-items:center}
.ds{position:relative;width:100%;height:100%;overflow:hidden;background:url(/assets/hills.jpg) center/cover;display:flex;flex-direction:column;align-items:center;text-align:left}.dsMain{position:relative;width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center}.mbar{align-self:stretch;flex:none;display:flex;gap:2cqw;height:clamp(13px,3.2cqh,26px);align-items:center;padding:0 max(14px,3.5cqw);background:#0007;font-size:clamp(6.5px,1.1cqw,12.5px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff}.mbar b{font-weight:700}.mbar em{margin-left:auto;font-style:normal;font-variant-numeric:tabular-nums}
.twin{margin-top:auto;width:84%;flex:0 1 66%;min-height:0;border-radius:clamp(5px,1cqw,13px);background:#14151af2;box-shadow:0 2cqw 6cqw #000a;overflow:hidden;display:flex;flex-direction:column;color:#e8e8ea}.tb{flex:none;height:clamp(12px,2.8cqw,30px);display:flex;gap:.6cqw;align-items:center;padding:0 1.3cqw;background:#23242a;font-size:clamp(6px,1cqw,11px);color:#9a9ca3}.tb i{width:clamp(4px,.85cqw,10px);aspect-ratio:1;border-radius:50%;background:#ff5f57}.tb i:nth-child(2){background:#febc2e}.tb i:nth-child(3){background:#28c840}.tb span{margin-left:28%}.tlog{padding:clamp(6px,1.7cqw,20px);font:clamp(7px,1.45cqw,16px)/1.55 var(--mono)}.dim{color:#8b8d93}.bar{height:clamp(2px,.42cqw,5px);border-radius:9px;background:#ffffff1c;margin-top:1cqw;overflow:hidden}.bar div{height:100%;width:0;background:var(--fg);border-radius:9px}.ok{color:#5fe0a0;margin-top:.8cqw;min-height:1.5em}
.dock{margin:auto 0 clamp(4px,1.1cqh,12px);display:flex;gap:.8cqw;padding:clamp(2px,.55cqw,7px);border-radius:clamp(5px,1.2cqw,15px);background:#ffffff40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dock i{width:clamp(9px,2.8cqw,34px);aspect-ratio:1;border-radius:22%;background:linear-gradient(#fff,#cfd2d8)}.dock i:nth-child(1){background:linear-gradient(#5ac8fa,#007aff)}.dock i:nth-child(2){background:linear-gradient(#6e6e73,#2c2c2e)}.dock i:nth-child(3){background:linear-gradient(#ffd60a,#ff9f0a)}.dock i:nth-child(4){background:linear-gradient(#34c759,#248a3d)}.dock i:nth-child(5){background:linear-gradient(#bf5af2,#5e5ce6)}
@container (max-aspect-ratio:1/1){.twin{width:92%;flex-basis:62%}.tlog{font-size:clamp(8px,3.4cqw,17px);padding:4cqw}.tb{height:clamp(12px,6cqw,26px)}.tb i{width:clamp(4px,2cqw,9px)}.mbar{font-size:clamp(7px,2.5cqw,12px);height:clamp(14px,3cqh,26px)}.mbar span{display:none}.dock i{width:clamp(10px,7cqw,30px)}}
.dsKb{position:relative;flex:none;width:100%;height:0;background:#0e0f11;overflow:hidden;display:flex;flex-direction:column;gap:1cqw;padding:1.6cqw 1.5cqw 0}.dsKb .r{display:flex;gap:.8cqw;justify-content:center}.dsKb .r i{flex:1;height:5.2cqw;border-radius:.9cqw;background:#2b2c30}.dsKb .tp{width:58%;flex:1;margin:.6cqw auto 2cqw;border-radius:2.4cqw;background:#1a1b1e;box-shadow:inset 0 0 0 1px #2c2d31}
.cue{position:absolute;display:block;opacity:0;pointer-events:none}.cIsl{left:50%;top:calc(var(--bz) + var(--h)*.012);width:30%;height:3.8%;transform:translateX(-50%);border-radius:99px;background:#000;z-index:3}.cIslL{left:calc(var(--bz) + var(--w)*.012);top:50%;width:4.1%;height:30%;transform:translateY(-50%);border-radius:99px;background:#000;z-index:3}.cNotch{left:50%;top:0;width:13%;height:calc(var(--bz) + 2.6%);transform:translateX(-50%);border-radius:0 0 calc(var(--h)*.016) calc(var(--h)*.016);background:#050506;z-index:3}.cCamT{left:50%;top:calc(var(--bz)*.32);width:calc(var(--bz)*.36);aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:#1b2230;box-shadow:inset 0 0 1px #5b6b90}.cHole{right:calc(var(--bz) + var(--w)*.022);top:calc(var(--bz) + var(--w)*.022);width:calc(var(--w)*.026);aspect-ratio:1;border-radius:50%;background:#000;box-shadow:0 0 0 1px #0a0a0b,inset 0 0 2px #2a3550;z-index:3}
.cCreaseV{left:50%;top:0;bottom:0;width:9%;transform:translateX(-50%);background:linear-gradient(90deg,#0000,#00000024 38%,#ffffff1c 49%,#00000040 51%,#00000024 62%,#0000);z-index:2}.cCreaseH{left:0;right:0;top:50%;height:7%;transform:translateY(-50%);background:linear-gradient(#0000,#00000030 40%,#ffffff20 50%,#00000050 52%,#0000);z-index:2}.cHingeV::before,.cHingeV::after{content:"";position:absolute;left:50%;width:3.2%;height:4px;margin-left:-1.6%;background:#7c7c82;border-radius:2px}.cHingeV{inset:-3px 0}.cHingeV::before{top:0}.cHingeV::after{bottom:0}
.cBtn{inset:0}.cBtn::before,.cBtn::after{content:"";position:absolute;width:3px;background:linear-gradient(90deg,#55555a,#9a9aa0);border-radius:2px}.cBtn::before{left:-6px;top:18%;height:13%;box-shadow:0 calc(var(--h)*.16) 0 #77777c}.cBtn::after{right:-6px;top:24%;height:18%}
.cBase{left:-8.5%;right:-8.5%;bottom:calc(var(--h)*-.052);height:calc(var(--h)*.05);border-radius:0 0 calc(var(--h)*.03) calc(var(--h)*.03)/0 0 calc(var(--h)*.05) calc(var(--h)*.05);background:linear-gradient(#b7b8bd,#6c6d72 55%,#3b3c40);box-shadow:0 12px 30px #000a}.cBase::before{content:"";position:absolute;left:43%;right:43%;top:0;height:30%;border-radius:0 0 8px 8px;background:#55565a}
.say{text-align:center;padding:clamp(100px,18vh,200px) 16px}.block{max-width:1080px;margin:0 auto;padding:clamp(80px,13vh,150px) 16px}.block.wide{max-width:1240px}.narrow{max-width:760px}.head{text-align:center;margin-bottom:clamp(30px,5vh,60px)}
.fit{border-radius:36px;background:var(--panel);padding:clamp(14px,2.4vw,30px);box-shadow:inset 0 0 0 1px #ffffff0d}.fitTabs{display:flex;gap:4px;justify-content:center;overflow-x:auto;scrollbar-width:none}.fitTabs button{flex:1 0 auto;max-width:170px;min-width:96px;padding:14px 10px 12px;border-radius:18px;color:var(--fg3);font-size:13px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:background .3s,color .3s}.fitTabs button:hover{color:var(--fg2)}.fitTabs button[aria-selected=true]{background:#ffffff14;color:var(--fg)}.fitTabs svg{height:38px;width:auto;overflow:visible}.fitTabs svg *{fill:none;stroke:currentColor;stroke-width:1.5;vector-effect:non-scaling-stroke}.fitTabs [aria-selected=true] svg .sc{fill:#ffffff20}.fitTabs [aria-selected=true] svg rect:first-child{stroke:var(--gold)}
.fitStage{height:clamp(320px,62vh,640px);display:grid;place-items:center;margin:14px 0}.fitFoot{display:flex;align-items:center;gap:26px;padding-top:18px;border-top:1px solid var(--line);flex-wrap:wrap}.seg{display:inline-flex;gap:2px;padding:4px;border-radius:999px;background:#ffffff14;max-width:100%}.seg button{padding:7px 16px;border-radius:999px;font-size:14px;color:var(--fg2);transition:background .25s,color .25s}.seg button[aria-selected=true]{background:#ffffff26;color:var(--fg)}.fitMeter{flex:1;min-width:220px}.fitNum{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.fitNum b{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.fitNum span{color:var(--fg2);font-size:14px}.fitBar{height:4px;border-radius:9px;background:#ffffff1a;overflow:hidden}.fitBar i{display:block;height:100%;width:100%;background:var(--gold);border-radius:9px;transition:width .7s var(--ease)}
.duoCards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.dc{border-radius:32px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 0 0 1px #ffffff0d}.dc.span2{grid-column:1/3;flex-direction:row;align-items:center}.dc.span2 .dcVis{flex:1.1;min-height:520px}.dc.span2 .dcTxt{flex:1;padding:40px}.dc.span2 h3{font-size:clamp(28px,3vw,44px);letter-spacing:-.025em;line-height:1.08}.dc.span2 p{font-size:clamp(17px,1.5vw,21px)}.dcVis{min-height:380px;display:grid;place-items:center;padding:28px;background:radial-gradient(70% 70% at 50% 50%,#26221c,#161617)}.dcTxt{padding:0 28px 28px}.dc:not(.span2) .dcTxt{padding-top:22px}.dcTxt p{margin:8px 0 0;color:var(--fg2)}.dvS{position:relative;background:#050506;padding:7px;box-shadow:0 0 0 1px #000,0 0 0 2.5px #8d8d93,0 0 0 3.5px #3b3b3f,0 30px 60px #000b;overflow:visible}.dvS video{width:100%;height:100%;object-fit:cover;background:#000;border-radius:inherit}.laptopS{width:min(100%,320px);aspect-ratio:669/951;border-radius:26px}.laptopS video{border-radius:20px}.laptopS::after{content:"";position:absolute;left:0;right:0;top:50%;height:6%;transform:translateY(-50%);background:linear-gradient(#0000,#00000040 44%,#ffffff24 50%,#00000060 53%,#0000)}.coverS{height:320px;aspect-ratio:1108/1612;border-radius:30px}.coverS video{border-radius:24px}.coverS i{position:absolute;right:16px;top:16px;width:12px;height:12px;border-radius:50%;background:#000;box-shadow:0 0 0 1px #111}.openS{width:min(100%,430px);aspect-ratio:951/669;border-radius:24px}.openS video{border-radius:18px}.openS em{position:absolute;left:50%;top:0;bottom:0;width:7%;transform:translateX(-50%);background:linear-gradient(90deg,#0000,#00000030 42%,#ffffff22 50%,#00000050 52%,#0000)}
.cara{padding:clamp(90px,14vh,170px) 16px 0;background:radial-gradient(70% 700px at 50% 340px,#322817 0,#0000 100%)}.caraHero{position:relative;display:flex;flex-direction:column;align-items:center}#crescent{width:min(82vw,560px);height:auto;aspect-ratio:1;filter:drop-shadow(0 0 70px #d6ba8033)}.caraWords{min-height:2.4em;margin-top:-22px;text-align:center;padding:0 16px;font-size:clamp(22px,2.8vw,36px);font-weight:600;letter-spacing:-.022em}.caraSays{margin:0;transition:opacity .45s,filter .45s,transform .45s var(--ease)}.caraSays.out{opacity:0;filter:blur(8px);transform:translateY(8px)}.caraHead{margin-top:clamp(36px,7vh,70px)}.caraHead h2 span{color:#b5a07a}
.caraGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1240px;margin:0 auto}.cc{border-radius:30px;background:#141310;overflow:hidden;box-shadow:inset 0 0 0 1px #d6ba8024;display:flex;flex-direction:column}.ccQ{padding:22px 24px 14px;font-size:clamp(18px,1.6vw,22px);font-weight:600;letter-spacing:-.016em;line-height:1.2;min-height:4.1em}.ccVis{position:relative;height:300px;margin:0 14px 14px;border-radius:18px;overflow:hidden;background:url(/assets/hills.jpg) center/cover}.ccW{position:absolute;border-radius:10px;background:#f6f6f7;color:#1d1d1f;overflow:hidden;box-shadow:0 12px 34px #0009;font-size:13px;transition:box-shadow .4s,transform .5s var(--ease)}.ccW .wt{height:22px;background:#e8e8ea;display:flex;align-items:center;gap:4px;padding:0 8px;font-size:10px;color:#666}.ccW .wt i{width:7px;height:7px;border-radius:50%;background:#ff5f57}.ccW .wt i+i{background:#febc2e}.ccW .wt i+i+i{background:#28c840}.ccW .wt span{margin-left:6px}.ccW.dark{background:#14151a;color:#e8e8ea}.ccW.dark .wt{background:#23242a;color:#9a9ca3}.ccW .bd{padding:10px 12px;line-height:1.35}.ccW.mono .bd{font:12px/1.45 var(--mono)}.ccW.lit{box-shadow:0 0 0 2px var(--gold),0 0 30px #d6ba8099}.row3{display:flex;justify-content:space-between;padding:6px 8px;border-radius:7px;transition:background .3s}.row3.on{background:#d6ba8040}.gp{position:absolute;left:0;top:0;width:0;height:0;border-left:7px solid var(--gold);border-top:19px solid var(--gold);border-right:0 solid transparent;filter:drop-shadow(0 0 7px var(--gold));transition:left .9s var(--ease),top .9s var(--ease),opacity .3s;z-index:6}.chipC{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-radius:99px;background:#111112f2;box-shadow:0 0 0 1px #d6ba8099;font-size:13px;white-space:nowrap;opacity:0;transition:opacity .35s,transform .35s var(--ease);color:#fff;z-index:5}.chipC.on{opacity:1}.chipC b{padding:4px 12px;border-radius:99px;background:var(--gold);color:#17120a;font-weight:600;font-size:12px;transition:transform .2s}.chipC b.hit{transform:scale(.88)}.fly{position:absolute;border-radius:8px;object-fit:cover;box-shadow:0 8px 24px #000a;transition:all .9s var(--ease);z-index:4}.phoneMini{position:absolute;right:14px;bottom:14px;width:62px;height:124px;border-radius:14px;background:#050506;box-shadow:0 0 0 1.5px #8d8d93;z-index:3;overflow:hidden}.phoneMini::before{content:"";position:absolute;left:32%;right:32%;top:4px;height:6px;border-radius:9px;background:#000;box-shadow:0 0 0 .5px #333}
.caraTry{max-width:760px;margin:clamp(50px,9vh,90px) auto 0;text-align:center}.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px}.chips button{padding:9px 16px;border-radius:999px;background:#ffffff14;font-size:14px;transition:background .2s,color .2s}.chips button:hover{background:#ffffff26}.chips button[aria-pressed=true]{background:var(--fg);color:#000}.caraTalk{min-height:120px;margin-top:22px}.she{margin:0;font-size:clamp(20px,2.2vw,28px);font-weight:600;letter-spacing:-.02em;line-height:1.22;min-height:1.2em}.ask{display:inline-flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:center;margin-top:14px;padding:10px 12px 10px 20px;border-radius:999px;background:#ffffff14;box-shadow:0 0 0 1px #d6ba8066}.ask[hidden]{display:none}.askLine{font-size:15px}.askBtns{display:flex;gap:8px}.note{color:var(--fg3);font-size:13px}.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;max-width:1080px;margin:clamp(50px,9vh,90px) auto 0;padding-bottom:40px}.trio p{margin:6px 0 0;color:var(--fg2);font-size:16px}
.glassWall{position:relative;border-radius:40px;padding:clamp(18px,3vw,38px);background:linear-gradient(#1d1e24,#0d0e11);box-shadow:inset 0 0 0 1px #ffffff14,0 40px 120px #000;font-family:ui-rounded,-apple-system,var(--font);overflow:hidden}.cts{display:flex;gap:clamp(20px,4vw,56px);margin-bottom:18px;flex-wrap:wrap}.ct b{display:block;font-size:clamp(40px,5vw,66px);font-weight:600;line-height:1;font-variant-numeric:tabular-nums;transition:color .3s}.ct small{font-size:14px;color:#ffffff99}.ct.n b,.ct.n small{color:#2d8dff}.seg.dark{margin-bottom:18px}.grp{font-size:15px;font-weight:600;color:#ffffff8c;margin:16px 0 10px}.grp.b{color:#2d8dff}.gridT{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.tile{position:relative;border-radius:22px;padding:13px 14px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff14;min-height:172px;display:flex;flex-direction:column;text-align:left;font:inherit;transition:box-shadow .35s,background .35s,transform .35s var(--ease)}.tile canvas{width:52px;height:61px}.tile .st{position:absolute;right:13px;top:13px;font-size:12px;color:#ffffff80;display:flex;gap:6px;align-items:center}.tile .dotB{width:11px;height:11px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px var(--blue)}.nm{font-weight:600;font-size:15px;margin-top:4px}.tl{font-size:12.5px;color:#ffffff8f}.tl .c{color:#d97757}.sw{font-size:12.5px;font-weight:600;margin-top:4px;color:#fff}.sw.n{color:#2d8dff}.ln{font-size:12.5px;color:#ffffffb3;margin-top:3px;line-height:1.25}.pr{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-size:11px;color:#ffffff80;font-variant-numeric:tabular-nums}.pr span{flex:1;height:4px;border-radius:9px;background:#ffffff1f;overflow:hidden;display:block}.pr i{display:block;height:100%;transition:width .9s var(--ease)}.tile.need{box-shadow:inset 0 0 0 2px #0a85ffe6;background:#0a85ff14;cursor:pointer}.tile.need:hover{transform:translateY(-3px)}.tile.old{opacity:.62}
.sheet{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);width:min(92%,520px);border-radius:26px;padding:18px 20px;background:#0a2c5af0;box-shadow:0 0 0 1.5px var(--blue),0 30px 90px #000d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:up .45s var(--ease);z-index:30}.sheet[hidden]{display:none}@keyframes up{from{transform:translate(-50%,24px);opacity:0}}.shT{font-weight:600}.sheet code{display:block;margin:6px 0 14px;font:14px var(--mono);color:#cfe3ff}.shB{display:flex;gap:8px}
.stage{position:relative;padding:clamp(90px,14vh,170px) 16px;overflow:hidden}.kStage{background:radial-gradient(60% 50% at 50% 72%,#23242a 0,#000 100%)}.kWord{height:1.3em;text-align:center;font-size:clamp(40px,7vw,100px);font-weight:600;letter-spacing:-.03em;white-space:nowrap;transition:opacity .3s,filter .3s;margin-bottom:6px}.kWord.dim{opacity:0;filter:blur(12px)}.kPersp{perspective:1500px;max-width:1120px;margin:0 auto}.kb3{position:relative;transform:rotateX(26deg);transform-origin:50% 100%;padding:clamp(10px,1.5vw,20px);border-radius:clamp(14px,2vw,28px);background:linear-gradient(#17181c,#0b0c0e);box-shadow:inset 0 1px 0 #ffffff24,0 60px 90px #000d;display:flex;flex-direction:column;gap:clamp(3px,.55vw,8px);touch-action:pan-y}.kbr{display:flex;gap:clamp(3px,.55vw,8px)}.key{flex:1;height:clamp(32px,5.1vw,70px);border-radius:clamp(5px,.8vw,12px);background:linear-gradient(#34353a,#26272b);box-shadow:inset 0 1px 0 #ffffff1f,0 1px 2px #000;display:flex;align-items:center;justify-content:center;font-size:clamp(11px,1.5vw,21px);transition:background .5s,color .5s,box-shadow .5s,transform .3s}.key.on{background:#fff;color:#000;box-shadow:0 0 34px 6px #ffffffa8;transform:translateY(1px);transition:none}.key.m{flex:1.5;font-size:clamp(8px,1vw,13px);color:var(--fg2)}.key.f{height:clamp(18px,2.8vw,38px);font-size:clamp(7px,.9vw,12px);color:var(--fg2)}.key.sp{flex:6}#swipe{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:2}#swipe path{fill:none;stroke:#fff;stroke-width:7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px #fff) drop-shadow(0 0 26px #ffffff90)}.kFacts{list-style:none;padding:0;margin:clamp(40px,7vh,70px) auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:26px;max-width:1040px;color:var(--fg2);font-size:16px}.kFacts b{display:block;color:var(--fg);font-size:clamp(26px,3vw,40px);font-weight:600;letter-spacing:-.025em;line-height:1.1}
.padStage{background:#000}.padWrap{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;max-width:1120px;margin:0 auto;align-items:stretch}.padMac{position:relative;aspect-ratio:16/10;border-radius:22px;background:url(/assets/hills.jpg) center/cover;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a}.padWin{position:absolute;inset:14% 16%;border-radius:12px;background:#f6f6f7ec;box-shadow:0 18px 50px #0009;display:flex;gap:5px;padding:12px}.padWin i{width:11px;height:11px;border-radius:50%;background:#ff5f57}.padWin i+i{background:#febc2e}.padWin i+i+i{background:#28c840}.padPtr{position:absolute;left:62%;top:58%;width:0;height:0;border-left:9px solid #fff;border-top:24px solid #fff;border-right:0 solid transparent;filter:drop-shadow(0 1px 2px #000);transform:rotate(-8deg) skewX(-14deg)}.padGlass{position:relative;border-radius:28px;background:linear-gradient(145deg,#2e2f34,#17181b 60%);box-shadow:inset 0 1px 0 #ffffff33,inset 0 0 0 1px #ffffff14,0 40px 80px #000;touch-action:none;cursor:none;min-height:240px;overflow:hidden;user-select:none;-webkit-user-select:none}.fing{position:absolute;width:64px;height:64px;margin:-32px;border-radius:50%;background:radial-gradient(#ffffff55,#ffffff14 60%,#0000 72%);box-shadow:0 0 40px #ffffff30}
.penStage{height:clamp(620px,96vh,980px);padding:0;background:radial-gradient(70% 70% at 50% 60%,#16140f,#000)}#ink{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:crosshair}.penHead{position:relative;z-index:1;padding:clamp(80px,12vh,130px) 16px 0;pointer-events:none}
.voice{position:relative;display:flex;flex-direction:column;align-items:center;padding:clamp(90px,14vh,170px) 16px;overflow:hidden}.vHead{order:-1;position:relative;z-index:1}#vLines{position:absolute;left:0;right:0;top:44%;width:100%;height:46%;opacity:.8}.vInner{position:relative;z-index:1;width:min(100%,980px);text-align:center}.vKicker{color:var(--fg3);font-size:14px;margin:0 0 6px}.vSaid{min-height:2.4em;margin:0 0 clamp(20px,5vh,46px);font-size:clamp(30px,5vw,68px);font-weight:600;letter-spacing:-.02em;line-height:1.18}.vSaid span{display:inline-block;animation:wd .7s var(--ease) both}@keyframes wd{from{opacity:0;filter:blur(10px);transform:translateY(12px)}}.vWin{width:min(100%,640px);margin:0 auto;border-radius:16px;background:#f6f6f7;color:#1d1d1f;overflow:hidden;text-align:left;box-shadow:0 30px 80px #000c}.vTb{height:30px;background:#e8e8ea;display:flex;align-items:center;gap:6px;padding:0 12px;font-size:12px;color:#666}.vTb i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.vTb i+i{background:#febc2e}.vTb i+i+i{background:#28c840}.vTb span{margin-left:auto;margin-right:auto}.vTyped{margin:0;padding:18px 22px;min-height:68px;font-size:clamp(17px,1.8vw,22px)}.vTyped::after{content:"";display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:-.16em;background:#007aff;animation:bl 1s steps(1) infinite}@keyframes bl{50%{opacity:0}}
.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(150px,15.5vw,200px);gap:12px}.t{border-radius:28px;background:var(--panel);padding:18px 20px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d;opacity:0;transform:translateY(26px) scale(.97);transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:calc(var(--i)*70ms)}.bento.in .t{opacity:1;transform:none}.t b{font-weight:600;letter-spacing:-.015em;line-height:1.2}.t small{color:var(--fg2);font-size:13px;line-height:1.3;margin-top:2px}.viz{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}canvas.viz{width:100%;height:0}
.a{grid-column:1/3;grid-row:1}.b{grid-column:3/5;grid-row:1}.big{grid-column:5/9;grid-row:1/3;align-items:center;text-align:center;background:radial-gradient(70% 60% at 50% 40%,#332918,#121110)}.big canvas{flex:1;min-height:0;width:auto;max-width:100%;aspect-ratio:1}.big b{font-size:24px}.d{grid-column:9/13;grid-row:1}.e{grid-column:1/5;grid-row:2}.f{grid-column:9/11;grid-row:2}.g{grid-column:11/13;grid-row:2}.h{grid-column:1/4;grid-row:3}.i{grid-column:4/7;grid-row:3}.j{grid-column:7/10;grid-row:3}.k{grid-column:10/13;grid-row:3}.l{display:none}
.vFit i{border-radius:7px;background:url(/assets/hills.jpg) center/cover;box-shadow:0 0 0 1.5px #8d8d93,0 0 0 4px #050506;animation:fit 7s var(--ease) infinite}@keyframes fit{0%,100%{width:76px;height:50px}33%{width:30px;height:60px}66%{width:62px;height:46px}}.vSound{gap:3px}.vSound i{width:5px;border-radius:9px;background:var(--gold)}.vSound i.m{background:#5fd4c4}.vCrew{gap:2px}.vCrew canvas{width:46px;height:54px}.vHz{align-items:baseline;gap:4px;flex-wrap:wrap}.vHz span{font-size:clamp(38px,4vw,54px);font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;background:linear-gradient(#fff,#8a8a8e);-webkit-background-clip:text;background-clip:text;color:transparent}.vHz small{color:var(--fg2)}.vHz i{position:absolute;left:12%;bottom:8%;height:3px;width:76%;border-radius:9px;background:linear-gradient(90deg,#0000,#fff);transform-origin:0 50%;transform:scaleX(.5)}
.vSwipe svg,.vPen svg{width:84%;max-height:74px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420}.vPen svg{stroke:var(--gold)}.bento.in .vSwipe svg,.bento.in .vPen svg{animation:draw 6s var(--ease) infinite}@keyframes draw{0%{stroke-dashoffset:420}55%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:-420}}
.vFiles i,.vFiles em{position:absolute;width:44px;height:56px;border-radius:7px;background:url(/assets/mug.jpg) center/cover}.vFiles i{left:calc(50% - 76px);animation:slide 4.6s var(--ease) infinite}.vFiles em{right:calc(50% - 76px);background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff40}@keyframes slide{45%,70%{transform:translateX(108px)}100%{transform:translateX(108px);opacity:0}}.vMon i{width:92px;height:56px;border-radius:5px;background:url(/assets/hills.jpg) center/cover;box-shadow:0 0 0 2px #ffffff40}.vMon em{position:absolute;bottom:2px;width:64px;height:22px;border-radius:5px;background:#26272b;box-shadow:0 0 0 1px #ffffff40,0 -3px 10px #000}.vCurt i{width:92px;height:58px;border-radius:6px;box-shadow:0 0 0 1.5px #ffffff40;background:url(/assets/hills.jpg) center/cover;position:relative;overflow:hidden}.vCurt i::after{content:"";position:absolute;inset:0;background:#000;animation:curt 5s var(--ease) infinite}@keyframes curt{0%,10%{transform:translateY(-101%)}45%,85%{transform:none}100%{transform:translateY(-101%)}}
.facts{list-style:none;margin:0;padding:0;display:grid;gap:18px}.facts li{color:var(--fg2)}.facts b{color:var(--fg);font-weight:600}
.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.steps li{counter-increment:s;padding:26px;border-radius:26px;background:var(--panel)}.steps li::before{content:counter(s);display:block;font-size:40px;font-weight:600;letter-spacing:-.03em;color:var(--fg3);margin-bottom:26px}.steps b{font-size:19px;font-weight:600;letter-spacing:-.015em}.steps p{margin:6px 0 0;color:var(--fg2)}
details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:20px 28px 20px 0;font-weight:500;font-size:18px;position:relative}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:2px;top:17px;font-size:24px;font-weight:300;color:var(--fg2);transition:transform .3s var(--ease)}details[open] summary::after{transform:rotate(45deg)}details p{margin:0 0 22px;color:var(--fg2);max-width:38em}
.get{text-align:center;padding:clamp(100px,18vh,200px) 16px;display:flex;flex-direction:column;align-items:center}.get img{border-radius:22px;margin-bottom:26px}.get small{color:var(--fg3);margin-top:18px;font-size:13px}.get .lede{margin-top:12px}footer{max-width:1120px;margin:0 auto;padding:26px 16px 60px;border-top:1px solid var(--line);color:var(--fg3);font-size:12px;line-height:1.45}footer p{margin:0 0 10px}.row{display:flex;gap:18px;flex-wrap:wrap}footer a:hover{color:var(--fg)}dialog{background:#000;color:var(--fg);border:0;padding:16px;width:min(100vw,900px);max-width:100vw;border-radius:20px;text-align:center}dialog::backdrop{background:#000d}dialog video{width:100%;max-height:78vh;border-radius:12px;margin-bottom:12px}
@media (max-width:980px),(min-width:981px) and (max-width:1100px) and (orientation:portrait){.links{display:none}.caraGrid{grid-template-columns:1fr 1fr}.trio,.priv,.steps,.padWrap{grid-template-columns:1fr}.padGlass{min-height:220px}.kFacts{grid-template-columns:1fr 1fr}.dc.span2{flex-direction:column;align-items:stretch}.dc.span2 .dcVis{flex:none;min-height:0}.dc.span2 .dcTxt{padding:24px}.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}.t{grid-column:auto!important;grid-row:auto!important}.big{grid-column:1/3!important;grid-row:span 2!important}.d,.e{grid-column:1/3!important}}
@media (max-width:640px){.caraGrid,.duoCards{grid-template-columns:1fr}.dc.span2{grid-column:auto}.ctas .pill{width:100%}.film{width:100%}.fitTabs{justify-content:flex-start}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pin{height:auto}.sticky{position:relative;height:auto;min-height:100svh}*,::after,::before{animation:none!important}.t{opacity:1;transform:none}}

/* ---- CarryOn's own look: the apps' Avenir Next, left-set layouts, silver lines, plain sentences. ---- */
:root{--display:"Avenir Next","Avenir",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
h1,h2,h3,.brand,.caraBig,.chapCap b{font-family:var(--display)}h1{font-weight:600;letter-spacing:-.022em}h2{font-weight:600;font-size:clamp(32px,4.1vw,58px);line-height:1.08;letter-spacing:-.02em}h3{font-weight:600;letter-spacing:-.008em}.brand{font-weight:600;font-size:18px;letter-spacing:-.01em}
.split{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,5vw,80px);align-items:end;margin-bottom:clamp(26px,4vh,44px)}.split .lede{margin:0;max-width:none}.block{padding:clamp(70px,11vh,120px) 16px}
.threads{position:absolute;left:0;right:0;width:100%;height:160px;fill:none;stroke:#d6d6dc;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}.threads path{vector-effect:non-scaling-stroke}
.chapCap{font-size:clamp(17px,1.7vw,24px);text-align:center}.chapBar{gap:12px}.chapPlay{width:34px;height:34px}.chapSegs{display:flex;gap:6px}.chapSegs button{width:clamp(44px,7vw,84px);height:24px;display:flex;align-items:center}.chapSegs button::before{content:none}.chapSegs i{display:block;width:100%;height:3px;border-radius:9px;background:#fff;transform:scaleX(0);transform-origin:0 50%;box-shadow:-200px 0 0 0 #0000}.chapSegs button{background:linear-gradient(#ffffff2e,#ffffff2e) center/100% 3px no-repeat;border-radius:9px}
.day{display:grid;grid-template-columns:minmax(300px,.8fr) 1.7fr;gap:clamp(20px,3vw,48px);padding:calc(52px + 2.4vh) max(16px,calc((100vw - 1320px)/2)) 3vh;background:#000;align-items:stretch}.dayText{display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,4vh,44px)}.dayText h2{font-size:clamp(30px,3.4vw,50px)}.dayList{list-style:none;margin:0;padding:0 0 0 20px;position:relative;display:grid;gap:clamp(10px,2.2vh,22px)}.dayList::before{content:"";position:absolute;left:3px;top:6px;bottom:6px;width:1px;background:#ffffff2e}.dayList li{position:relative;color:var(--fg3);transition:color .45s}.dayList li::before{content:"";position:absolute;left:-20px;top:7px;width:7px;height:7px;border-radius:50%;background:#3a3a3e;transition:background .45s,box-shadow .45s}.dayList li.past::before{background:#8d8d93}.dayList li.on{color:var(--fg)}.dayList li.on::before{background:#fff;box-shadow:0 0 0 4px #ffffff24}.dayList time{display:block;font-size:13px;font-variant-numeric:tabular-nums;color:inherit}.dayList b{font:600 clamp(18px,1.6vw,22px)/1.2 var(--display);display:block}.dayList span{display:block;font-size:15px;line-height:1.35;color:var(--fg2);max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s}.dayList li.on span{max-height:4em;opacity:1;margin-top:3px}
.dayStage{position:relative;border-radius:30px;overflow:hidden;background:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:44px;min-height:0}.photo{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;will-change:opacity,transform}.dayStage .dv{position:relative;z-index:1;filter:drop-shadow(0 26px 44px #0009)}.devName{position:absolute;z-index:2;left:50%;bottom:12px;transform:translateX(-50%);padding:6px 16px;border-radius:999px;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font:600 15px var(--display);white-space:nowrap}
.dvBody{box-shadow:0 0 0 1px #000,0 0 0 2px #a9a9ae,0 0 0 2.75px #47474b,inset 0 0 1px 1px #ffffff26}.twin{flex:none;margin:auto 0;width:82%}.dsMain>.dock{margin-top:0}.cBtn::before{left:-5px;width:2.5px}.cBtn::after{right:-5px;width:2.5px}
.dsSheet{position:absolute;left:50%;top:50%;margin-top:-16%;width:min(88%,420px);border-radius:clamp(10px,3cqw,22px);padding:clamp(8px,3.4cqw,18px);background:#0a2c5af2;box-shadow:0 0 0 1.5px var(--blue),0 16px 50px #000b;color:#fff;font-size:clamp(9px,3.6cqw,16px);opacity:0;z-index:3}.dsSheet code{display:block;margin:2px 0 clamp(6px,2.4cqw,12px);font:clamp(8px,3.2cqw,14px) var(--mono);color:#cfe3ff}.dsB{display:flex;gap:6px}.dsB span{padding:clamp(3px,1.2cqw,7px) clamp(10px,3.6cqw,20px);border-radius:99px;background:#ffffff26;font-size:.9em}.dsB [data-allow]{background:#fff;color:#000;font-weight:600;transition:background .2s,color .2s,transform .2s}.dsB .hit{background:var(--blue)!important;color:#fff!important;transform:scale(.94)}
.dsLive{position:absolute;left:8%;right:8%;top:50%;transform:translateY(-52%);border-radius:clamp(7px,1.2cqw,14px);background:#f6f6f7;color:#1d1d1f;overflow:hidden;box-shadow:0 2cqw 6cqw #000a;opacity:0}.dsLive .tb{background:#ececee;color:#666}.dsPage{display:flex;gap:2.4cqw;padding:2.4cqw;align-items:center}.dsPage img{width:34%;aspect-ratio:1;object-fit:cover;border-radius:1.2cqw}.dsPage b{display:block;font:600 clamp(11px,2.6cqw,28px) var(--display)}.dsPage small{display:block;color:#6e6e73;font-size:clamp(8px,1.5cqw,15px)}.dsPage em{display:inline-block;margin-top:1.2cqw;padding:.5cqw 1.2cqw;border-radius:99px;background:#34c75926;color:#1f7a37;font-style:normal;font-size:clamp(8px,1.35cqw,14px)}
@container (max-aspect-ratio:1/1){.dsPage{flex-direction:column;align-items:flex-start;padding:4cqw}.dsPage img{width:100%;aspect-ratio:16/10;border-radius:2cqw}.dsPage b{font-size:6cqw}.dsPage small{font-size:3.4cqw}.dsPage em{font-size:3.1cqw;padding:1cqw 2.4cqw;margin-top:2cqw}.dsLive{left:5%;right:5%}}
.say{position:relative;padding:clamp(70px,12vh,120px) 16px}.say .threads{top:50%;margin-top:-80px;opacity:.5}.say h2{position:relative;font-size:clamp(28px,4vw,56px)}
.shapes{display:grid;grid-template-columns:minmax(300px,.8fr) 1.3fr;gap:clamp(20px,4vw,70px);align-items:center}.shapeText .lede{margin:14px 0 0}.shapeList{display:flex;flex-direction:column;margin-top:clamp(18px,3vh,30px)}.shapeList button{position:relative;text-align:left;padding:9px 0;font:600 clamp(18px,1.7vw,24px)/1.2 var(--display);color:var(--fg3);transition:color .35s}.shapeList button:hover{color:var(--fg2)}.shapeList button[aria-selected=true]{color:var(--fg)}.shapeList i{position:absolute;left:0;right:0;bottom:0;height:1px;background:#d6d6dc;transform:scaleX(0);transform-origin:0 50%}.shapeStage{height:clamp(420px,70vh,700px);display:grid;place-items:center;border-radius:30px;background:radial-gradient(70% 70% at 50% 50%,#1b1b1e,#0a0a0b)}
.cara{padding:clamp(70px,11vh,120px) max(16px,calc((100vw / var(--z,1) - 1240px)/2)) 0;background:radial-gradient(60% 520px at 76% 240px,#2a2214 0,#0000 100%)}.caraTop{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(20px,4vw,60px);align-items:center;margin-bottom:clamp(30px,5vh,56px)}.caraIntro h2{font-size:clamp(38px,5vw,72px)}.caraBig{margin:6px 0 0;font-size:clamp(24px,2.8vw,40px);line-height:1.12;font-weight:500;letter-spacing:-.015em;color:#cdb88e}.caraIntro .lede{margin:16px 0 0}.caraHero{align-items:center}#crescent{width:min(62vw,300px);filter:drop-shadow(0 0 44px #d6ba8026)}.caraSays{margin:0;text-align:center;font:500 clamp(16px,1.5vw,20px)/1.25 var(--display);min-height:2.5em;max-width:24em}.ccVis{height:230px}.ccQ{min-height:0;font-family:var(--display);font-size:clamp(16px,1.35vw,19px);padding:18px 20px 12px;font-weight:600}.caraTry{margin-top:clamp(36px,6vh,60px)}.caraTalk{min-height:96px}.trio{margin-top:clamp(36px,6vh,60px)}
.agentsB .glassWall{padding:clamp(14px,2vw,24px);border-radius:30px}.wallTop{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:10px}.wallTop .cts{margin:0;gap:clamp(16px,2.6vw,36px)}.wallTop .ct b{font-size:clamp(30px,3.4vw,46px);display:inline}.wallTop .ct small{margin-left:5px}.wallTop .seg{margin:0}#wallBody{display:flex;flex-wrap:wrap;gap:6px 14px}.grpB{flex:0 1 auto;min-width:0}.grp{margin:8px 0 8px;font-size:13px}.gridT{display:grid;grid-template-columns:repeat(var(--n),minmax(150px,178px));gap:8px}.tile{min-height:0;height:162px;padding:10px 11px;border-radius:18px}.tile canvas{width:40px;height:47px}.tile .st{right:10px;top:10px;font-size:11px}.nm{font-size:14px;margin-top:2px}.tl,.sw,.ln{font-size:11.5px}.ln{overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.pr{padding-top:4px}.foot{margin-top:14px}
.tabs{display:flex;gap:clamp(16px,3vw,36px);border-bottom:1px solid var(--line);margin-bottom:16px}.tabs button{padding:8px 0 12px;font:600 clamp(16px,1.5vw,20px) var(--display);color:var(--fg3);position:relative;transition:color .25s}.tabs button[aria-selected=true]{color:var(--fg)}.tabs button[aria-selected=true]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#fff}.workStage{height:clamp(470px,66vh,640px);position:relative}.wPane{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.wPane[hidden]{display:none}.kStage{background:none;padding:0;overflow:visible}.kWord{font:600 clamp(32px,5vw,68px)/1.15 var(--display);height:1.2em;margin:0;letter-spacing:-.02em}.kPersp{width:100%;max-width:1000px}.kb3{transform:rotateX(18deg)}.key{height:clamp(26px,3.5vw,48px)}.key.f{height:clamp(14px,1.9vw,26px)}.wCap{margin:0;color:var(--fg2);max-width:44em;font-size:16px}.wCap b{color:var(--fg);font-weight:600}.padWrap{flex:1;min-height:0;grid-template-columns:1.3fr 1fr;width:100%;max-width:none}.padMac{aspect-ratio:auto;min-height:0}.penP canvas{flex:1;min-height:0;position:static;border-radius:24px;background:radial-gradient(70% 70% at 50% 60%,#16140f,#060606);box-shadow:inset 0 0 0 1px #ffffff12;width:100%;height:auto}
.voice{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(20px,5vw,80px);align-items:center;max-width:1240px;margin:0 auto;padding:clamp(70px,11vh,120px) 16px}#vLines{top:auto;bottom:6%;height:50%}.vLeft{position:relative;z-index:1}.vLeft .lede{margin:14px 0 0}.vLeft .chips{justify-content:flex-start}.vInner{text-align:left}.vSaid{font-size:clamp(24px,3vw,42px);margin-bottom:clamp(16px,3vh,28px);min-height:2.5em}.vWin{margin:0}
.get{position:relative;overflow:hidden}.get .threads{top:18%;opacity:.55}.get>*:not(.threads){position:relative}.bento{grid-auto-rows:clamp(140px,14vw,178px)}
@media (max-width:980px),(min-width:981px) and (max-width:1100px) and (orientation:portrait){.split,.day,.shapes,.caraTop,.voice{grid-template-columns:1fr}.day{grid-template-rows:auto 1fr;gap:12px;padding-top:calc(52px + 8px)}.dayText{gap:6px;justify-content:flex-start}.dayText h2{font-size:24px}.dayList li:not(.on){display:none}.dayList{padding-left:0}.dayList::before,.dayList li::before{display:none}.shapeList{flex-direction:row;overflow-x:auto;gap:16px;scrollbar-width:none}.shapeList button{white-space:nowrap;font-size:16px}.gridT{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.grpB{flex:1 1 100%}.workStage{height:520px}.padWrap{grid-template-columns:1fr}.padMac{aspect-ratio:16/9}.padGlass{min-height:150px}}
.workB .split{grid-template-columns:1fr;margin-bottom:14px}.workStage{height:clamp(440px,60vh,600px)}
.shapes>*,.day>*,.caraTop>*,.voice>*,.split>*{min-width:0}
@media (max-width:980px),(min-width:981px) and (max-width:1100px) and (orientation:portrait){.shapes{grid-template-columns:minmax(0,1fr)}.shapeStage{height:clamp(380px,62vh,560px)}}
.shapeStage{overflow:hidden}
/* Real pointers: the Mac's arrow, and Cara's in gold. */
.padPtr,.gp{border:0;transform:none;width:20px;height:28px;background:center/contain no-repeat}
.padPtr{width:24px;height:33px;margin:-2px 0 0 -3px;filter:drop-shadow(0 2px 3px #0006);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 25'%3E%3Cpath d='M2 1.5V20l4.9-4.5 3.4 7.6 3.3-1.5-3.4-7.3H16.5z' fill='%23000' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E")}
.gp{filter:drop-shadow(0 0 6px #d6ba80cc) drop-shadow(0 2px 3px #0006);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 25'%3E%3Cpath d='M2 1.5V20l4.9-4.5 3.4 7.6 3.3-1.5-3.4-7.3H16.5z' fill='%23d6ba80' stroke='%23fff' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* Apple Pencil: four gestures, on an iPad showing a Mac. */
.penP{flex-direction:row;gap:clamp(16px,3vw,44px);justify-content:flex-start;align-items:stretch}.penList{flex:0 0 clamp(240px,27%,340px);display:flex;flex-direction:column;justify-content:center;gap:4px}.penList button{position:relative;text-align:left;padding:13px 0 14px;color:var(--fg3);transition:color .3s}.penList b{display:block;font:600 clamp(17px,1.6vw,22px)/1.2 var(--display)}.penList span{display:block;font-size:14px;line-height:1.35;color:var(--fg2);max-height:0;opacity:0;overflow:hidden;transition:max-height .45s var(--ease),opacity .35s,margin .3s}.penList button[aria-selected=true]{color:var(--fg)}.penList button[aria-selected=true] span{max-height:5em;opacity:1;margin-top:4px}.penList i{position:absolute;left:0;right:0;bottom:0;height:1px;background:#d6d6dc;transform:scaleX(0);transform-origin:0 50%}
.penDev{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.penScr{position:relative;height:calc(100% - 30px);max-width:100%;aspect-ratio:1.39;border-radius:24px;border:9px solid #050506;box-shadow:0 0 0 1px #000,0 0 0 2px #a9a9ae,0 0 0 2.75px #47474b;background:url(/assets/hills.jpg) center/cover;overflow:hidden;color:#1d1d1f;touch-action:pan-y}.penNote{margin:0;font-size:13px;color:var(--fg3);text-align:center}
.pBar{position:absolute;inset:0 0 auto 0;height:5.2%;min-height:18px;background:#0007;color:#fff;display:flex;align-items:center;gap:14px;padding:0 3%;font-size:clamp(9px,1vw,12px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pBar em{margin-left:auto;font-style:normal}.pBar b{font-weight:700}.pWin{position:absolute;border-radius:12px;background:#f6f6f7;overflow:hidden;box-shadow:0 18px 50px #0009;display:flex;flex-direction:column}.pTb{flex:none;height:36px;background:#ececee;display:flex;align-items:center;gap:6px;padding:0 12px;font-size:12px;color:#555}.pTb i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.pTb i+i{background:#febc2e}.pTb i+i+i{background:#28c840}.pBtn{margin-left:10px;padding:3px 10px;border-radius:7px;background:#fff;box-shadow:0 0 0 .5px #0002;transition:background .2s}.pBtn.hov{background:#dcdce0}.pUrl{margin-left:auto;margin-right:auto;padding:3px 40px;border-radius:7px;background:#fff}.pPage{padding:4% 5%}.pPage h4{margin:0 0 6px;font:600 clamp(18px,2.2vw,30px) var(--display);letter-spacing:-.01em}.pPage p{margin:0;font-size:clamp(13px,1.35vw,18px);line-height:1.5;color:#444}.pSel{--s:0%;background:linear-gradient(#b4d5ff,#b4d5ff) 0 0/var(--s) 100% no-repeat}.pTip{position:absolute;left:27%;top:30%;padding:3px 9px;border-radius:6px;background:#ffffe8;box-shadow:0 2px 8px #0005;font-size:12px;opacity:0;transition:opacity .25s}
.mPtr{position:absolute;width:17px;height:24px;z-index:4;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 25'%3E%3Cpath d='M2 1.5V20l4.9-4.5 3.4 7.6 3.3-1.5-3.4-7.3H16.5z' fill='%23000' stroke='%23fff' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E");margin:-1px 0 0 -2px}
.pencil{position:absolute;z-index:6;height:66%;width:auto;transform-origin:50% 100%;filter:drop-shadow(5px 8px 10px #0007);pointer-events:none}.pShadow{position:absolute;z-index:5;width:30px;height:12px;border-radius:50%;background:#000;filter:blur(5px);pointer-events:none}
.pFiles{display:grid;grid-template-columns:repeat(3,1fr);gap:4%;padding:5%}.pFiles div{text-align:center;padding:5px;border-radius:9px}.pFiles div.on{background:#b4d5ff}.pFiles img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.pFiles small{font-size:11px}.pMenu{position:absolute;left:27%;top:46%;width:clamp(130px,17vw,190px);padding:5px;border-radius:9px;background:#f4f4f6f5;box-shadow:0 12px 36px #0007,0 0 0 .5px #0003;font-size:13px;opacity:0;transform:scale(.94);transform-origin:0 0;transition:opacity .18s,transform .18s;z-index:3;display:flex;flex-direction:column}.pMenu.on{opacity:1;transform:none}.pMenu span{padding:3px 9px;border-radius:5px}.pMenu span:first-child{background:#0a7aff;color:#fff}.pMenu hr{width:100%;border:0;border-top:1px solid #0002;margin:4px 0}.pRing{position:absolute;width:30px;height:30px;margin:-15px;border-radius:50%;box-shadow:0 0 0 2px #fff;opacity:0;z-index:5}.pRing.go{animation:pr .6s var(--ease)}@keyframes pr{0%{opacity:.9;transform:scale(.3)}100%{opacity:0;transform:scale(2.4)}}
.pDraw canvas{flex:1;min-height:0;width:100%;background:#fff;cursor:crosshair;touch-action:pan-y}.pMeters{position:absolute;left:12px;bottom:10px;display:flex;gap:14px;font-size:11px;color:#6e6e73}.pMeters label{display:flex;align-items:center;gap:6px}.pMeters u{display:block;width:clamp(50px,7vw,90px);height:5px;border-radius:9px;background:#0001;overflow:hidden;text-decoration:none}.pMeters s{display:block;height:100%;width:0;background:#1d1d1f;text-decoration:none}
@media (max-width:980px),(min-width:981px) and (max-width:1100px) and (orientation:portrait){.penP{flex-direction:column}.penList{flex:none;flex-direction:row;overflow-x:auto;gap:14px;scrollbar-width:none}.penList button{flex:none;padding:6px 0 8px}.penList span{display:none}.workStage{height:560px}.penScr{height:auto;width:100%}}
/* The iPad and the Mac side by side: done on one, happening on the other. */
.penP{flex-direction:column;gap:14px;align-items:stretch}.penList{flex:none;flex-direction:row;gap:clamp(14px,2vw,28px);justify-content:flex-start}.penList button{flex:1;padding:4px 0 10px}.penList b{font-size:clamp(15px,1.35vw,19px)}.penList span{max-height:none;opacity:.0;margin-top:3px;font-size:13px;min-height:2.7em;transition:opacity .3s}.penList button[aria-selected=true] span{opacity:1}
.penDev{flex:1;min-height:0;flex-direction:row;align-items:stretch;justify-content:center;gap:0}.penOne{margin:0;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;position:relative}.penOne figcaption{font-size:13px;color:var(--fg2);font-weight:500;order:3}.penScr{height:auto;width:100%;max-height:calc(100% - 30px);aspect-ratio:1.39}.penScr{max-width:100%;border-width:8px;border-radius:20px}.penMac{border-radius:12px 12px 4px 4px;border-width:7px 7px 9px;width:94%}.penBase{order:2;display:block;flex:none;width:106%;height:9px;margin-top:-8px;border-radius:0 0 12px 12px;background:linear-gradient(#b7b8bd,#5d5e62);position:relative;z-index:1}.penLink{flex:0 0 clamp(26px,3.6vw,54px);align-self:center;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:-30px}.penLink i{width:5px;height:5px;border-radius:50%;background:#fff;opacity:.15;animation:lk 1.2s linear infinite}.penLink i:nth-child(2){animation-delay:.2s}.penLink i:nth-child(3){animation-delay:.4s}@keyframes lk{0%,100%{opacity:.15}35%{opacity:1}}
.penScr .pTb{height:clamp(20px,2.3vw,30px);font-size:clamp(9px,.85vw,11px)}.penScr .pTb i{width:clamp(6px,.65vw,9px);height:clamp(6px,.65vw,9px)}.penScr .pPage h4{font-size:clamp(13px,1.5vw,22px)}.penScr .pPage p{font-size:clamp(10px,.95vw,14px)}.penScr .pBar{font-size:clamp(7px,.72vw,10px);min-height:14px;gap:8px}.penScr .pMenu{width:clamp(90px,10vw,140px);font-size:clamp(9px,.85vw,12px)}.penScr .pFiles small{font-size:clamp(8px,.75vw,10px)}.penScr .mPtr{width:13px;height:18px}.penScr .pTip{font-size:clamp(8px,.8vw,11px)}.penScr .pMeters{font-size:clamp(8px,.75vw,10px)}.pencil{height:60%}.workStage{height:clamp(470px,62vh,620px)}
@media (max-width:980px),(min-width:981px) and (max-width:1100px) and (orientation:portrait){.penDev{flex-direction:column;align-items:center}.penOne{flex:none;width:min(100%,380px)}.penScr{max-height:none}.penLink{margin:6px 0;transform:rotate(90deg)}.workStage{height:auto;min-height:520px}.wPane{position:relative;inset:auto}.penList{overflow-x:auto}.penList button{flex:none}.penList span{display:none}}
.pTip{left:30%;top:18%}
/* Compact: the Mac behind, the iPad overlapping its corner, the list beside them. */
.penP{flex-direction:row;gap:clamp(18px,3vw,44px);align-items:center}.penList{flex:0 0 clamp(220px,26%,320px);flex-direction:column;gap:2px;justify-content:center}.penList button{flex:none;padding:11px 0 12px}.penList b{font-size:clamp(16px,1.5vw,21px)}.penList span{max-height:0;opacity:0;min-height:0;margin:0;font-size:14px;transition:max-height .45s var(--ease),opacity .35s}.penList button[aria-selected=true] span{max-height:5em;opacity:1;margin-top:4px}
.penStack{position:relative;flex:1;min-width:0;max-height:100%;aspect-ratio:1.72;margin:auto 0}.penBox{position:absolute;margin:0}.penMacBox{left:0;top:0;width:70%}.penPadBox{right:0;bottom:0;width:47%;z-index:2;filter:drop-shadow(0 22px 40px #000d)}.penBox .penScr{width:100%;height:auto;max-height:none;display:block}.penMac{width:100%;border-radius:10px 10px 3px 3px;border-width:6px 6px 8px}.penPadBox .penScr{border-width:6px;border-radius:17px}.penBase{position:relative;display:block;width:108%;left:-4%;height:8px;margin-top:0;border-radius:0 0 11px 11px;background:linear-gradient(#b7b8bd,#5d5e62)}.penOver{position:absolute;inset:6px;pointer-events:none;z-index:3}.penOver .pencil{height:74%}
.penBox figcaption{position:absolute;font-size:12px;font-weight:500;color:#fff;padding:3px 10px;border-radius:99px;background:#000b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);white-space:nowrap;z-index:4}.penMacBox figcaption{left:12px;bottom:18px}.penPadBox figcaption{left:50%;transform:translateX(-50%);bottom:-11px;background:#1d1d1f;box-shadow:0 0 0 1px #ffffff24}
.penScr .pBar{gap:6px}.penScr .pFiles{gap:3%;padding:4%}.penScr .pPage{padding:3% 4%}.workStage{height:clamp(420px,58vh,540px)}
@media (max-width:980px),(min-width:981px) and (max-width:1100px) and (orientation:portrait){.penP{flex-direction:column;align-items:stretch}.penList{flex:none;flex-direction:row;overflow-x:auto;gap:14px;justify-content:flex-start}.penList span{display:none}.penStack{flex:none;width:100%;margin:6px 0 16px}.penMacBox figcaption{display:none}.workStage{height:auto;min-height:380px}}
/* Trackpad: fingers on the iPhone, the Mac responding behind it. */
.tpFront{width:46%}.tpFront .penScr{aspect-ratio:2.165;border-radius:24px;border-width:5px}.tpIsl{position:absolute;left:9px;top:50%;width:5%;height:27%;transform:translateY(-50%);border-radius:99px;background:#000;z-index:3}.tpOver{inset:5px;pointer-events:auto;cursor:grab;touch-action:pan-y;border-radius:20px;overflow:visible}.tFing{position:absolute;width:clamp(22px,2.5vw,34px);height:clamp(22px,2.5vw,34px);margin:calc(clamp(22px,2.5vw,34px)/-2);border-radius:50%;background:radial-gradient(#ffffffe0,#ffffff80 58%,#ffffff40);box-shadow:0 0 0 1px #ffffff90,0 0 22px #fff8;opacity:0;transition:opacity .15s;pointer-events:none}
.tpDesk,.tpSpace{position:absolute;inset:0}.tpSpace{transform:translateX(104%);background:url(/assets/hills.jpg) center/cover}.tpPage{padding:4% 5%}.tpPage img{width:100%;height:clamp(50px,9vw,132px);object-fit:cover;border-radius:8px;margin:5px 0;transform-origin:50% 45%}.tpPage p{margin:0 0 6px}.pWin{transition:none}.tpBuy{position:absolute;left:5%;bottom:6%;padding:3px 11px;border-radius:99px;background:#1d1d1f;color:#fff;font-size:clamp(8px,.85vw,12px);font-weight:500;transition:transform .12s}.tpBuy.hit{transform:scale(.92)}.tpStrip{position:absolute;left:0;right:0;top:6%;display:flex;gap:4%;justify-content:center;opacity:0;font-size:clamp(7px,.75vw,10px);color:#fff;z-index:2}.tpStrip span{padding:2px 12px;border-radius:6px;background:#fff3}.penScr>.pMenu{left:42%;top:44%}.fc{display:inline-flex;gap:3px;margin-right:8px;vertical-align:.13em}.fc u{display:block;width:6px;height:6px;border-radius:50%;background:currentColor;text-decoration:none}.penList button[aria-selected=true] .fc u{background:#fff}
.tpFront figcaption{white-space:nowrap}#tpList button{padding:8px 0 9px}#tpList b{font-size:clamp(15px,1.3vw,19px)}
@media (max-width:980px),(min-width:981px) and (max-width:1100px) and (orientation:portrait){.tpFront{width:60%}}
/* A MacBook's lower part: aluminium deck, wider than the screen, curved ends, the thumb notch. */
.penBase,.cBase{background:linear-gradient(#f0f0f3 0,#d9dade 14%,#b9babf 46%,#8f9095 78%,#5e5f63 100%);box-shadow:inset 0 1px 0 #ffffffb0,0 10px 16px -4px #000c}.penBase{width:109%;left:-4.5%;height:clamp(9px,1.25vw,15px);margin-top:-1px;border-radius:2px 2px clamp(8px,1.1vw,14px) clamp(8px,1.1vw,14px)/2px 2px 100% 100%;z-index:1}.penBase::before,.cBase::before{content:"";position:absolute;left:50%;top:0;width:14%;right:auto;height:42%;transform:translateX(-50%);border-radius:0 0 7px 7px;background:linear-gradient(#6f7074,#a4a5aa);box-shadow:inset 0 1px 1px #0005}.penBase::after,.cBase::after{content:"";position:absolute;left:1.5%;right:1.5%;bottom:-1.5px;height:1.5px;border-radius:0 0 9px 9px;background:#2e2e31}
.cBase{left:-5%;right:-5%;bottom:calc(var(--h)*-.028);height:calc(var(--h)*.028);border-radius:2px 2px calc(var(--h)*.03) calc(var(--h)*.03)/2px 2px 100% 100%}
.penMac{position:relative}.penMac::before{content:"";position:absolute;left:50%;top:0;width:12%;height:3.4%;transform:translateX(-50%);border-radius:0 0 5px 5px;background:#050506;z-index:6}.penMacBox figcaption{bottom:calc(clamp(9px,1.25vw,15px) + 12px)}
.pBtn{white-space:nowrap}.pTip{left:27%;top:25.5%}
.tpBuy::before{content:"";position:absolute;left:-30%;right:-300%;top:-10px;bottom:-14px;background:linear-gradient(#f6f6f700,#f6f6f7 26%);z-index:-1}.tpBuy{z-index:1}.pWin[data-w1]{isolation:isolate}
/* Trackpad: the Mac's screen and the glass, nothing else. */
.tpStage{flex:1;min-width:0;display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(12px,1.8vw,24px);align-items:center;height:100%}.tpScreen{position:relative;aspect-ratio:1.5;width:100%;max-height:100%;border-radius:18px;overflow:hidden;background:url(/assets/hills.jpg) center/cover;box-shadow:0 0 0 1px #ffffff26;color:#1d1d1f}.tpScreen .pTb{height:clamp(20px,2.2vw,30px);font-size:clamp(9px,.85vw,11px)}.tpScreen .pTb i{width:clamp(6px,.65vw,9px);height:clamp(6px,.65vw,9px)}.tpScreen .pPage h4{font-size:clamp(13px,1.5vw,22px)}.tpScreen .pPage p{font-size:clamp(10px,.95vw,14px)}.tpScreen .pBar{font-size:clamp(7px,.72vw,10px);min-height:14px;gap:8px}.tpScreen .pMenu{left:42%;top:44%;width:clamp(90px,10vw,140px);font-size:clamp(9px,.85vw,12px)}.tpScreen .mPtr{width:14px;height:20px}
.tpStage .padGlass{height:auto;min-height:0;aspect-ratio:1.1;width:100%;inset:auto;position:relative;cursor:grab;border-radius:clamp(18px,2vw,28px);touch-action:pan-y;pointer-events:auto;overflow:hidden}.tpStage .tFing{width:clamp(30px,3.6vw,50px);height:clamp(30px,3.6vw,50px);margin:calc(clamp(30px,3.6vw,50px)/-2)}
@media (max-width:980px),(min-width:981px) and (max-width:1100px) and (orientation:portrait){.tpStage{grid-template-columns:1fr;height:auto}.tpStage .padGlass{aspect-ratio:2}}
/* The fade behind "Add to cart" lives on the window, so it can't wash out the button. */
.tpBuy::before{content:none}.pWin[data-w1]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(#f6f6f700,#f6f6f7 40%);z-index:1;pointer-events:none}.tpBuy{z-index:2}
/* One standard for Keyboard, Trackpad, Apple Pencil and Voice: scenes on the left, the stage on the right. */
.workB .split h2{font-size:clamp(28px,3.4vw,50px)}.workStage{height:clamp(450px,60vh,580px)}
.kbStage{position:relative;flex:1;min-width:0;height:100%}.kbMac{position:absolute;left:50%;top:0;transform:translateX(-50%);width:66%;aspect-ratio:1.72;border-radius:14px;background:url(/assets/hills.jpg) center/cover;overflow:hidden;box-shadow:0 0 0 1px #ffffff2e;color:#1d1d1f}.kbMac[hidden]{display:none}.kbMac .pBar{font-size:clamp(7px,.72vw,10px);min-height:14px;gap:8px}.kbMac .pTb{height:clamp(18px,2vw,26px);font-size:clamp(9px,.8vw,11px)}.kbMac .pTb i{width:clamp(6px,.6vw,8px);height:clamp(6px,.6vw,8px)}.kDoc{margin:0;font-size:clamp(14px,1.45vw,20px)!important;line-height:1.35!important;color:#1d1d1f!important}.kDoc::after{content:"";display:inline-block;width:1.5px;height:1.05em;margin-left:1px;vertical-align:-.16em;background:#007aff;animation:bl 1s steps(1) infinite}.kFlash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.kFlash.go{animation:kf .4s ease-out}@keyframes kf{0%{opacity:.95}100%{opacity:0}}.kShot{position:absolute;right:3%;bottom:6%;width:24%;aspect-ratio:1.72;border-radius:5px;background:url(/assets/hills.jpg) center/cover;box-shadow:0 0 0 2px #fff,0 8px 24px #0009;transform:translateX(150%);transition:transform .45s var(--ease)}.kShot.on{transform:none}
.kGlass{position:absolute;left:0;right:0;bottom:0;z-index:2}.kGlass[hidden]{display:none}.kBarRow{position:relative;height:26px;display:flex;justify-content:center;align-items:center;margin-bottom:2px}.kSug{display:flex;gap:18px;padding:2px 14px;font-size:13px;color:var(--fg2);border-radius:99px;background:#000b;min-height:24px;align-items:center}.kSug:empty{visibility:hidden}.kSug b{color:#fff;font-weight:600}.kChip{position:absolute;right:0;padding:3px 12px;border-radius:99px;background:#ffffff26;font-size:14px;opacity:0;transition:opacity .2s}.kChip.on{opacity:1}.kChip:empty{opacity:0}.kPersp{max-width:none;perspective:none}.kb3{transform:none;padding:clamp(7px,.9vw,12px);gap:clamp(3px,.4vw,5px);background:linear-gradient(#1c1d21f2,#0b0c0ef7);box-shadow:inset 0 1px 0 #ffffff24,0 -18px 50px #000b;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:clamp(12px,1.5vw,20px)}.kbr{gap:clamp(3px,.4vw,5px)}.key{height:clamp(24px,2.7vw,36px);font-size:clamp(10px,1.05vw,15px);border-radius:clamp(4px,.5vw,7px)}.key.f{height:clamp(14px,1.5vw,20px);font-size:clamp(7px,.72vw,10px)}.key.m{font-size:clamp(8px,.8vw,11px);flex:1.45}#swipe path{stroke-width:5}
.kb3.th .key{background:#ffffff24;box-shadow:inset 0 0 0 .5px #ffffff30;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kb3.th .key.on{background:#fff;color:#000}.th-colour{background:conic-gradient(from var(--a,0deg) at 50% 60%,#ff5e7a,#ffb347,#7cf29a,#4fc3f7,#b388ff,#ff5e7a);background-size:140% 240%;animation:thc 7s linear infinite}@keyframes thc{50%{background-position:100% 100%}}.th-light{background:radial-gradient(60% 120% at 20% 10%,#fff8,#0000 60%),radial-gradient(50% 120% at 80% 90%,#ffd9a0aa,#0000 60%),#26221d}.th-waves{background:repeating-radial-gradient(ellipse 120% 90% at 30% 120%,#0d0e11 0 8px,#60646e 9px,#0d0e11 10px);animation:thw 6s linear infinite}@keyframes thw{to{background-position:60px 0}}.th-tex{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.012 .09' numOctaves='3'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .42 0 0 0 0 .32 0 0 0 1.4 -.2'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E"),#1c1713}.th-dots{background:radial-gradient(#ffffff55 1.1px,#0000 1.4px) 0 0/11px 11px,#101116}
.kDevs{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,44px)}.kDevs[hidden]{display:none}.mini{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;color:var(--fg2)}.mini b{font-weight:500;color:var(--fg)}.miniS{position:relative;background:#050506;box-shadow:0 0 0 1px #000,0 0 0 2px #a9a9ae;border:5px solid #050506;overflow:hidden;display:flex;flex-direction:column}.mPad .miniS{width:clamp(200px,26vw,340px);aspect-ratio:.76;border-radius:16px}.mPhone .miniS{width:clamp(110px,12vw,170px);aspect-ratio:.462;border-radius:26px}.mDuo .miniS{width:clamp(170px,19vw,260px);aspect-ratio:.7;border-radius:18px}.miniM{background:url(/assets/hills.jpg) center/cover;flex:none}.miniK{flex:none;background:#0e0f11;padding:6px;display:grid;grid-template-columns:repeat(11,1fr);grid-auto-rows:minmax(0,1fr);gap:3px;position:relative}.mPhone .miniK{grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(4,1fr)}.mPhone .miniK u:nth-child(n+34){display:none}.mDuo .miniK{padding-bottom:42%;grid-template-rows:repeat(3,1fr)}.miniK u{display:block;background:#2b2c30;border-radius:3px;text-decoration:none}.mDuo .miniK em{position:absolute;left:18%;right:18%;bottom:6%;height:34%;background:#1a1b1e;border-radius:9px;box-shadow:inset 0 0 0 1px #2c2d31}
.vStage{position:relative;flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:center}.vStage #vLines{position:absolute;inset:0;top:auto;bottom:0;height:100%;width:100%;opacity:.55}.vStage .vInner{position:relative;z-index:1;text-align:center;width:min(100%,680px)}.vStage .vSaid{font-size:clamp(24px,3vw,42px);min-height:2.4em;margin-bottom:clamp(14px,3vh,26px)}.vStage .vWin{margin:0 auto}
.padGlass:not(.tpOver){display:none}.tpStage{height:100%}
@media (max-width:980px),(min-width:981px) and (max-width:1100px) and (orientation:portrait){.kbStage{height:auto;min-height:0;display:flex;flex-direction:column;gap:0}.kbMac,.kGlass{position:relative;left:auto;bottom:auto;transform:none;width:100%}.kbMac{width:82%;margin:0 auto -18px}.kDevs{position:relative;flex-wrap:wrap}.vStage{height:auto;padding:24px 0}.workStage{height:auto}.wPane{position:relative;inset:auto}}
/* The keyboard's tilt again, and the app's real Live Themes behind glass keys. */
.kPersp{perspective:1500px;perspective-origin:50% 20%}.kb3{transform:rotateX(24deg);transform-origin:50% 100%}#kThemeCv{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;display:none;pointer-events:none}.kb3.th #kThemeCv{display:block}.kb3.th{background:#08080a}.kb3>.kbr{position:relative;z-index:1}#swipe{z-index:2}.kb3.th .key{background:#ffffff1f;box-shadow:inset 0 0 0 .5px #ffffff2e,inset 0 1px 0 #ffffff22;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff}.kb3.th .key.m,.kb3.th .key.f{color:#ffffffc8}.kb3.th .key.on{background:#fff;color:#000}.kThemes{display:flex;gap:4px;padding:3px;border-radius:99px;background:#000c}.kThemes[hidden]{display:none}.kThemes button{padding:2px 11px;border-radius:99px;font-size:12px;color:var(--fg2);white-space:nowrap;transition:background .2s,color .2s}.kThemes button[aria-pressed=true]{background:#fff;color:#000}.kSug[hidden]{display:none}
/* The keyboard, key for key as the app's: 14.5 units a row, the arrows an upside-down T. */
.kb3 .key{min-width:0;padding:0 1px;overflow:hidden;white-space:nowrap}.kb3 .key.m{font-size:clamp(7px,.72vw,10.5px);color:var(--fg2)}.kbr.rf .key{height:clamp(14px,1.5vw,20px);font-size:clamp(7px,.72vw,10px);color:var(--fg2)}.kstack{display:flex;flex-direction:column;gap:2px;min-width:0}.kstack .key{height:auto;flex:1;font-size:clamp(7px,.7vw,10px);border-radius:clamp(3px,.35vw,5px)}.kb3 .key.a{color:var(--fg2)}.kb3.th .kstack .key{background:#ffffff1f}
/* On every device: a family, overlapping, each with its own keyboard from the app. */
.kDevs{display:block;gap:0}.fam{position:absolute;margin:0;transition:opacity .45s,transform .6s var(--ease),filter .45s;opacity:.62;filter:saturate(.75)}.fam.on{opacity:1;filter:none;z-index:4}.f-ipad{left:15%;top:0;width:66%;z-index:1}.f-duo{left:0;bottom:0;width:29%;z-index:2}.f-phone{right:0;bottom:0;width:19%;z-index:3}.fam.on{transform:translateY(-6px)}
.famS{position:relative;container-type:inline-size;background:#050506;border:5px solid #050506;box-shadow:0 0 0 1px #000,0 0 0 2px #a9a9ae,0 0 0 2.75px #47474b,0 26px 50px #000c;overflow:hidden;display:flex;flex-direction:column}.f-ipad .famS{aspect-ratio:1.39;border-radius:20px}.f-duo .famS{aspect-ratio:.7035;border-radius:18px}.f-phone .famS{aspect-ratio:.462;border-radius:26px;border-width:4px}.f-phone .famS::before{content:"";position:absolute;left:32%;right:32%;top:1.3%;height:3.2%;border-radius:99px;background:#000;z-index:5}
.famMac{position:relative;flex:1;min-height:0;background:url(/assets/hills.jpg) center/cover;overflow:hidden;color:#1d1d1f}.famMac .pBar{position:relative;height:auto;min-height:0;padding:1cqw 3cqw;font-size:clamp(5px,1.6cqw,10px);gap:2cqw}.f-phone .famMac .pBar{padding:6cqw 6cqw 2cqw;font-size:clamp(5px,4cqw,8px);gap:4cqw}.f-phone .pBar span{display:none}.famMac .pWin{left:8%;right:8%;top:22%;bottom:8%;width:auto;height:auto;border-radius:clamp(4px,1.4cqw,10px)}.f-phone .famMac .pWin{top:26%}.famMac .pTb{height:clamp(8px,3.4cqw,20px);gap:.8cqw;padding:0 1.6cqw}.famMac .pTb i{width:clamp(3px,1cqw,8px);height:clamp(3px,1cqw,8px)}.famDoc{margin:0;padding:2.4cqw 3cqw;font-size:clamp(8px,2.6cqw,16px);line-height:1.3;color:#1d1d1f}.f-phone .famDoc{font-size:6.6cqw;padding:5cqw}.f-duo .famDoc{font-size:4.2cqw;padding:4cqw}
.famK{flex:none;background:#101114;padding:1cqw;display:flex;flex-direction:column;gap:.55cqw}.f-ipad .famK{height:48%}.f-duo .famK{height:50%;padding-bottom:2cqw}.f-phone .famK{height:37%;padding:1.6cqw 1.6cqw 6cqw;gap:1.4cqw}.fr{flex:1;min-height:0;display:flex;gap:.5cqw}.f-phone .fr{gap:1.3cqw}.fr i,.fst i{min-width:0;display:flex;align-items:center;justify-content:center;background:#2c2d31;border-radius:clamp(2px,.7cqw,6px);font-style:normal;font-size:clamp(4px,1.65cqw,12px);color:#f2f2f4;overflow:hidden;white-space:nowrap;transition:background .35s,color .35s,box-shadow .35s}.fr i.m,.fr i.a{color:#a1a1a6;font-size:clamp(4px,1.2cqw,9px)}.f-duo .fr i{font-size:clamp(4px,2.2cqw,8px)}.f-duo .fr i.m{font-size:clamp(3px,1.5cqw,6px)}.f-phone .fr i{font-size:clamp(5px,5.2cqw,11px);border-radius:1.6cqw}.f-phone .fr i.m,.f-phone .fr i.a{font-size:clamp(5px,3.8cqw,9px)}.fr i.hit{background:#fff;color:#000;box-shadow:0 0 12px #ffffffa0;transition:none}.fst{min-width:0;display:flex;flex-direction:column;gap:1px}.fst i{flex:1;font-size:clamp(3px,1cqw,7px)!important}.fg{min-width:0}.famPad{flex:none;width:52%;height:27%;margin:1cqw auto 0;border-radius:2.4cqw;background:#1a1b1e;box-shadow:inset 0 0 0 1px #2c2d31}
.fam figcaption{position:absolute;left:50%;bottom:-11px;transform:translateX(-50%);font-size:12px;font-weight:500;padding:3px 10px;border-radius:99px;background:#1d1d1f;box-shadow:0 0 0 1px #ffffff24;white-space:nowrap;color:var(--fg);z-index:6}.famCap{position:absolute;left:31%;right:21%;bottom:6px;margin:0;text-align:center;font-size:14px;line-height:1.3;color:var(--fg2)}.famCap b{color:var(--fg);font-weight:600}
@media (max-width:980px),(min-width:981px) and (max-width:1100px) and (orientation:portrait){.kDevs{position:relative;height:min(92vw,460px)}.famCap{position:absolute;left:0;right:0;bottom:-46px}.fam figcaption{display:none}}
.fam{opacity:1;filter:brightness(.5) saturate(.8)}.fam.on{filter:none}

/* The Duo half open: the model's own still, with its two halves' screens laid on by homography at the app's points. */
.f-duo{left:0;bottom:26px;width:39%;z-index:2}.f-duo::before{content:"";position:absolute;left:6%;right:-2%;bottom:-3%;height:16%;border-radius:50%;background:#000;filter:blur(18px)}.duoRig{position:absolute;left:0;top:0;transform-origin:0 0}.duoRig>img{position:absolute;inset:0;width:100%;height:100%;display:block}
.duoTop,.duoDeck{position:absolute;left:0;top:0;width:669px;height:475.5px;transform-origin:0 0;overflow:hidden;background:#0a0a0c;backface-visibility:hidden}.duoTop{border-radius:40px 40px 0 0;padding-bottom:20px;box-sizing:border-box}.duoDeck{border-radius:0 0 40px 40px;padding-top:20px;box-sizing:border-box;background:#18181b;font-family:-apple-system,BlinkMacSystemFont,var(--font);color:#f4f4f6}
.duoTop .famMac{position:absolute;inset:0 0 20px;flex:none}.duoTop .famMac .pBar{padding:9px 30px;font-size:15px;gap:20px}.duoTop .famMac .pWin{left:50px;right:50px;top:66px;bottom:32px;border-radius:14px}.duoTop .famMac .pTb{height:36px;gap:8px;padding:0 15px}.duoTop .famMac .pTb i{width:12px;height:12px}.duoTop .famDoc{font-size:30px;line-height:1.3;padding:20px 28px}
.dkBar{height:33px;margin:3px 4px;display:flex;gap:6px}.dkBar b{flex:1;display:flex;align-items:center;justify-content:center;background:#2e2f33;border-radius:9px;font-size:13px;font-weight:400}.dkBar svg,.phBar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dkBar svg{display:block}
.dkKeys{height:228px;margin:4px 4px 6px;display:flex;flex-direction:column;gap:6px}.dkKeys .fr{flex:1;gap:6px}.dkKeys .fr i{background:#3a3b40;border-radius:10px;font-size:20px;color:#f6f6f8}.dkKeys .fr i.m,.dkKeys .fr i.a{font-size:11px;color:#f0f0f2}.dkKeys .fst{gap:2px}.dkKeys .fst i{font-size:11px!important;border-radius:6px}.dkKeys .fr i.hit{background:#fff;color:#000}
.dkPad{width:304px;height:144px;margin:10px auto 0;border-radius:14px;background:#26272b;box-shadow:inset 0 0 0 1px #ffffff14}
/* iPhone: its points as the app lays them out (KeyboardPanelMetrics: a 52 point toolbar, rows 1.25 key units tall, 6 points between keys), in hundredths of its width. */
.f-phone{right:0;bottom:26px;width:21%}.f-phone .famS{isolation:isolate}.f-phone .famMac{position:absolute;inset:0;flex:none}.f-phone .famMac .pBar{padding:4.2cqw 5.5cqw 1.5cqw;font-size:3.1cqw;gap:3cqw;justify-content:space-between}.f-phone .famMac .pWin{left:4%;right:4%;top:15cqw;bottom:86cqw;border-radius:3cqw}.f-phone .famMac .pTb{height:6.5cqw;gap:1.4cqw;padding:0 2.6cqw}.f-phone .famMac .pTb i{width:2cqw;height:2cqw}.f-phone .famDoc{font-size:5.6cqw;line-height:1.3;padding:3.6cqw 4.4cqw}
.phRow{position:absolute;left:2cqw;right:2cqw;bottom:73.6cqw;height:8.4cqw;display:flex;justify-content:space-between;align-items:center;font-family:-apple-system,BlinkMacSystemFont,var(--font)}.phChip,.phLights{height:8.4cqw;display:flex;align-items:center;border-radius:99px;background:#26262acc;box-shadow:inset 0 0 0 1px #ffffff26;color:#f4f4f6}.phChip{padding:0 3.6cqw;font-size:3.5cqw}.phLights{gap:2cqw;padding:0 3cqw}.phLights u{width:3cqw;height:3cqw;border-radius:50%;background:#ff5f57}.phLights u:nth-child(2){background:#febc2e}.phLights u:nth-child(3){background:#28c840}
.phPanel{position:absolute;left:0;right:0;bottom:0;height:72.8cqw;border-radius:6.5cqw 6.5cqw 0 0;background:#1e1e22;box-shadow:inset 0 .3cqw 0 #ffffff24;color:#f6f6f8;font-family:-apple-system,BlinkMacSystemFont,var(--font)}.phBar{height:13cqw;display:flex;align-items:center;gap:1.8cqw;padding:0 2cqw}.phBar b{width:9cqw;height:9cqw;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#34353a}.phBar svg{width:5.2cqw;height:5.2cqw}.phBar s{flex:1}
.phKeys{padding:.9cqw 1cqw 0;display:flex;flex-direction:column;gap:1.5cqw}.f-phone .phKeys .fr{flex:none;height:11.07cqw;gap:1.5cqw}.f-phone .phKeys .fr i{background:#48494e;border-radius:2.3cqw;font-size:4.9cqw;color:#fff}.f-phone .phKeys .fr i.m,.f-phone .phKeys .fr i.a{font-size:3.8cqw;background:#3c3d42}.f-phone .phKeys .fr i.sp{background:#48494e;font-size:3.4cqw}.f-phone .phKeys .fst{gap:.4cqw}.f-phone .phKeys .fst i{font-size:3cqw!important;border-radius:1.4cqw;background:#3c3d42}.f-phone .phKeys .fr i.hit{background:#fff;color:#000}.phHome{position:absolute;left:32%;right:32%;bottom:2cqw;height:1.2cqw;border-radius:9px;background:#ffffffa8}
@media (min-width:1101px),(min-width:981px) and (orientation:landscape){.famCap{left:38%;right:23%}}
.f-duo figcaption,.f-phone figcaption{bottom:-22px}
@media (max-width:980px),(min-width:981px) and (max-width:1100px) and (orientation:portrait){.f-duo,.f-phone{bottom:0}}
@media (max-width:980px),(min-width:981px) and (max-width:1100px) and (orientation:portrait){.famCap{left:0;right:0;bottom:-54px;font-size:13px}.kDevs{margin-bottom:64px}}

/* Private: the Privacy Curtain, as two screens. The cover is CurtainWindows.swift's CurtainView, its text a little larger so it reads at this size. */
.priv{display:block}.curt{text-align:center}
.cStage{display:grid;grid-template-columns:64fr 32fr;gap:4%;align-items:end;margin-bottom:26px}
.cStage figure{margin:0;min-width:0}.cStage figcaption{margin-top:14px;font-size:14px;color:var(--fg2);min-height:1.4em}
.cMac{display:flex;flex-direction:column;align-items:center}
.cLid{width:88%;padding:1.5%;border-radius:18px 18px 0 0;background:#060607;box-shadow:0 0 0 1.5px #77777d,inset 0 0 1px 1px #ffffff1f}
.cMac .cScr{aspect-ratio:1.6;border-radius:9px 9px 0 0}
.cmBase{position:relative;width:100%;height:clamp(9px,1.5vw,16px);border-radius:0 0 12px 12px/0 0 100% 100%;background:linear-gradient(#e4e5e8,#a9aaaf 42%,#5f6064)}
.cmBase::before{content:"";position:absolute;left:50%;top:0;width:14%;height:42%;transform:translateX(-50%);border-radius:0 0 7px 7px;background:#85868b}
.cmNotch{position:absolute;z-index:4;left:50%;top:0;width:12%;height:3.7%;transform:translateX(-50%);border-radius:0 0 6px 6px;background:#060607}
.cDev{position:relative;aspect-ratio:951/669;padding:1.5%;border-radius:5.4%/7.6%;background:#050506;box-shadow:0 0 0 1px #000,0 0 0 2px #a9a9ae,0 0 0 2.75px #47474b,inset 0 0 1px 1px #ffffff26}
.cDev .cScr{height:100%;border-radius:4.2%/6%}.cDev .cBar{padding-right:7cqw}
.cCam{position:absolute;z-index:5;right:3.4%;top:4.6%;width:2.6%;aspect-ratio:1;border-radius:50%;background:#000;box-shadow:0 0 0 1px #0a0a0b,inset 0 0 2px #2a3550}
.cScr{position:relative;overflow:hidden;background:#000;container-type:inline-size;color:#1d1d1f;text-align:left}
.cScene{position:absolute;inset:0;background:url(/assets/hills.jpg) center/cover;font-size:2cqw;line-height:1.35}
.cBar{position:absolute;inset:0 0 auto 0;height:4.6cqw;padding:0 2.4cqw;display:flex;align-items:center;gap:2.4cqw;background:#0007;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.cBar b{font-weight:700}.cBar em{margin-left:auto;margin-right:0;font-style:normal}
.cMail{position:absolute;left:7%;right:7%;top:9.5cqw;bottom:9.5cqw;display:grid;grid-template-columns:32% 1fr;grid-template-rows:5cqw 1fr;border-radius:1.5cqw;overflow:hidden;background:#f6f6f7;box-shadow:0 2cqw 6cqw #0009}
.cMailT{grid-column:1/3;display:flex;align-items:center;gap:.9cqw;padding:0 1.6cqw;background:#ececee;color:#555}.cMailT i{width:1.3cqw;height:1.3cqw;border-radius:50%;background:#ff5f57}.cMailT i+i{background:#febc2e}.cMailT i+i+i{background:#28c840}.cMailT span{margin-left:1.6cqw;font-weight:600}
.cList{padding:.8cqw;background:#e9e9eb;display:flex;flex-direction:column;gap:.5cqw;min-height:0;overflow:hidden}.cList div{padding:1cqw 1.2cqw;border-radius:.8cqw;color:#55555a}.cList b{display:block;color:#1d1d1f;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cList .on{background:#0a84ff;color:#ffffffd0}.cList .on b{color:#fff}
.cRead{padding:2.2cqw 2.8cqw;min-width:0;overflow:hidden}.cRead h4{margin:0 0 1.2cqw;font-size:3cqw;font-weight:600;letter-spacing:-.01em;color:#1d1d1f}.cRead hr{border:0;border-top:1px solid #0000001a;margin:0 0 1.4cqw}.cTyped{margin:0;font-size:2.5cqw;line-height:1.4;color:#1d1d1f}.cTyped::after{content:"";display:inline-block;width:.25cqw;min-width:1px;height:1.1em;margin-left:.2cqw;vertical-align:-.18em;background:#007aff;animation:bl 1s steps(1) infinite}
.cDock{position:absolute;left:50%;bottom:1.5cqw;transform:translateX(-50%);display:flex;gap:1cqw;padding:.9cqw 1.1cqw;border-radius:1.7cqw;background:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.cDock i{width:4.2cqw;height:4.2cqw;border-radius:1cqw;background:linear-gradient(#f4f4f6,#c6c7cc)}.cDock i:nth-child(2){background:linear-gradient(#5ab0ff,#0a6fe0)}.cDock i:nth-child(3){background:linear-gradient(#34353b,#121316)}.cDock i:nth-child(5){background:linear-gradient(#e9d6a8,#c9a968)}
.curtCover{position:absolute;z-index:3;inset:0;background:#000;color:#fff;opacity:0;pointer-events:none;transition:opacity .35s ease-out}.curtCover.on{opacity:1}
.curtCover img{position:absolute;left:50%;top:50%;width:14cqw;height:14cqw;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s ease-out .1s}.curtCover.on img{opacity:1}
.cLock{position:absolute;left:0;right:0;top:calc(50% + 7.6cqw);display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 4cqw;opacity:0;transition:opacity .5s ease-out .1s}.curtCover.on .cLock{opacity:1}.cLock svg{width:2.6cqw;height:auto;margin-bottom:1.2cqw}.cLock b{font-size:max(2.7cqw,13px);font-weight:600;color:#ffffffeb}.cLock span{margin-top:.5cqw;font-size:max(1.85cqw,10px);color:#ffffff94}
.cToast{position:absolute;z-index:4;left:50%;top:7cqw;transform:translate(-50%,-8px);padding:1.4cqw 3cqw;border-radius:99px;background:#1d1d1fe6;color:#fff;font-size:3.1cqw;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s,transform .35s var(--ease);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.cToast.show{opacity:1;transform:translate(-50%,0)}
.priv .facts{grid-template-columns:repeat(4,1fr);gap:28px;margin-top:clamp(36px,6vh,60px);padding-top:clamp(24px,4vh,36px);border-top:1px solid var(--line);font-size:15px;line-height:1.45}
.priv .facts b{display:block;margin-bottom:6px}
@media (max-width:980px),(min-width:981px) and (max-width:1100px) and (orientation:portrait){.priv .facts{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cStage{grid-template-columns:minmax(0,1fr);gap:26px;justify-items:center}.cMacF{width:100%}.cDevF{width:72%}.cLid{width:90%;border-radius:13px 13px 0 0}.cMac .cScr{border-radius:6px 6px 0 0}.curtCover img{top:44%;width:13cqw;height:13cqw}.cLock{top:calc(44% + 7cqw)}.cLock svg{width:3.6cqw;margin-bottom:1cqw}.cLock b{font-size:4.3cqw}.cLock span{font-size:3cqw}.priv .facts{grid-template-columns:1fr}.priv .facts b{display:inline;margin:0}}

/* One Mac, six shapes: scroll takes it through them (js/fit.js). */
.fitSec{background:#000}
.fitSticky{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);grid-template-rows:minmax(0,1fr);gap:clamp(20px,3vw,56px);align-items:center;padding:calc(52px + 12px) clamp(16px,5vw,84px) 14px;max-width:1560px;margin:0 auto}
.fitText{min-width:0}.fitText h2{font-size:clamp(28px,min(3.5vw,6.2vh),52px)}.fitText .lede{margin:14px 0 0;font-size:clamp(16px,1.35vw,19px);max-width:27em}
.fitList{display:flex;flex-direction:column;margin-top:clamp(14px,2.8vh,30px)}
.fitList button{position:relative;display:block;width:100%;text-align:left;padding:clamp(7px,1.1vh,11px) 0;color:var(--fg3);transition:color .35s}
.fitList button:hover{color:var(--fg2)}.fitList button[aria-selected=true]{color:var(--fg)}
.fitList b{display:block;font:600 clamp(16px,1.35vw,19px)/1.25 var(--display)}
.fitList span{display:block;overflow:hidden;max-height:0;opacity:0;font-size:14.5px;line-height:1.35;color:var(--fg2);transition:max-height .5s var(--ease),opacity .35s}
.fitList button[aria-selected=true] span{max-height:3em;opacity:1;margin-top:3px}
.fitList i{position:absolute;left:0;right:0;bottom:0;height:1px;background:#d6d6dc66;transform:scaleX(0);transform-origin:0 50%}
.fitStage{position:relative;height:100%;min-height:0;min-width:0}
.fitStage::before{content:"";position:absolute;inset:6% 4%;background:radial-gradient(50% 50% at 50% 52%,#8fa6c21c,#0000);pointer-events:none}
.fitGL{position:absolute;inset:0}.fitGL canvas{display:block;width:100%;height:100%}
.fFrame{position:absolute;left:50%;top:50%;width:var(--w);height:var(--h);padding:var(--bz);border-radius:var(--r);background:#050506;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000,0 0 0 2px #a9a9ae,0 0 0 2.75px #47474b,inset 0 0 1px 1px #ffffff26;will-change:transform,opacity}
.fScr{position:relative;width:100%;height:100%;overflow:hidden;background:#000;border-radius:calc(var(--r) - var(--bz))}.fScr canvas{display:block;width:100%;height:100%}
.fIsl{position:absolute;z-index:2;left:50%;top:calc(var(--bz) + var(--u)*11);width:calc(var(--u)*126);height:calc(var(--u)*37);transform:translateX(-50%);border-radius:99px;background:#000}
.fBtn{position:absolute;right:calc(var(--w)*-.009);top:27%;width:calc(var(--w)*.009);height:13%;border-radius:0 2px 2px 0;background:#6d6d73}
.fPad .fIsl{left:calc(var(--bz) + var(--u)*11);top:50%;width:calc(var(--u)*37);height:calc(var(--u)*126);transform:translateY(-50%)}.fCam{position:absolute;left:50%;top:calc(var(--bz)*.33);width:calc(var(--bz)*.34);height:calc(var(--bz)*.34);border-radius:50%;background:#1b2130;transform:translateX(-50%)}
@media (max-width:980px),(min-width:981px) and (max-width:1100px) and (orientation:portrait){.fitSticky{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:8px;padding:calc(52px + 10px) 16px 12px}.fitText h2{font-size:clamp(26px,7vw,40px)}.fitText .lede{display:none}.fitList{flex-direction:row;overflow-x:auto;gap:14px;margin-top:8px;scrollbar-width:none}.fitList button{flex:none;width:auto;white-space:nowrap}.fitList button:not([aria-selected=true]){display:none}.fitList span{white-space:normal;max-width:calc(100vw - 32px)}}
@media (prefers-reduced-motion:reduce){.fitSticky{height:100svh}}

/* One build, one night: Transporter and App Store Connect on the Mac's screen, large enough to read. */
#walkDev .ds::before{content:"";position:absolute;inset:0;background:#02040a;opacity:var(--night,0);pointer-events:none}
#walkDev .dsMain{z-index:1}
.dsWin{position:absolute;z-index:2;left:50%;top:50%;width:90%;max-width:900px;border-radius:clamp(7px,1.3cqw,16px);overflow:hidden;background:#1d1e23;color:#f0f0f2;box-shadow:0 2cqw 7cqw #000b;opacity:0;transform:translate(-50%,-50%)}
.dsWin[data-asc]{background:#f6f6f7;color:#1d1d1f}.dsWin .tb.lt{background:#ececee;color:#6e6e73}
.dsWin .tb{height:clamp(16px,3.4cqw,36px);font-size:clamp(7.5px,1.5cqw,14px)}.dsWin .tb span{margin:0 auto;padding-right:8%}
.dsTr,.dsAsc{display:flex;align-items:center;gap:clamp(8px,2.2cqw,24px);padding:clamp(10px,3cqw,34px) clamp(10px,3cqw,34px) clamp(6px,1.6cqw,18px)}
.dsIcon{flex:none;width:clamp(30px,8cqw,84px);aspect-ratio:1;border-radius:22%;background:linear-gradient(145deg,#2d7bf0,#123a86);box-shadow:inset 0 0 0 1px #ffffff2e}
.dsTrB{flex:1;min-width:0;line-height:1.3}.dsTrB b{display:block;font-size:clamp(11px,2.5cqw,25px);font-weight:600;letter-spacing:-.01em}.dsTrB small{display:block;font-size:clamp(9px,1.8cqw,17px);opacity:.65}.dsTrB em{display:inline-block;margin-top:3px;font-style:normal;font-weight:600;font-size:clamp(9px,1.8cqw,17px);color:#178a5e}.dsTrB em.wait{color:#b77900}
.dsBar{height:clamp(3px,.6cqw,6px);margin-top:clamp(4px,1cqw,10px);border-radius:9px;background:#ffffff24;overflow:hidden}.dsBar i{display:block;height:100%;width:0;background:var(--blue)}
.dsBtn{flex:none;padding:clamp(4px,1cqw,11px) clamp(9px,2.2cqw,24px);border-radius:99px;background:#ffffff26;font-size:clamp(9px,1.8cqw,17px);font-weight:600;white-space:nowrap;transition:transform .15s,background .2s,opacity .25s;font-variant-numeric:tabular-nums}
.dsBtn.blue{background:var(--blue);color:#fff}.dsBtn.done{background:#34d39933;color:#6ee7b7}.dsBtn.hit{transform:scale(.92);background:var(--blue);color:#fff}.dsBtn.gone{opacity:0}
.dsNote{padding:0 clamp(10px,3cqw,34px) clamp(10px,3cqw,32px);font-size:clamp(9px,1.7cqw,16px);opacity:.62;line-height:1.4}.dsNote b{display:block;font-weight:600}
#walkDev .tlog{font-size:clamp(9px,2cqw,21px)}#walkDev .tb{height:clamp(14px,3cqw,32px)}
@container (max-width:520px){.dsTr,.dsAsc{flex-wrap:wrap}.dsTrB{flex-basis:60%}.dsIcon{width:12cqw}.dsTrB b{font-size:15px}.dsTrB small,.dsTrB em,.dsBtn,.dsNote{font-size:12px}#walkDev .tlog{font-size:clamp(9px,3.4cqw,17px)}#walkDev .dsBtn{margin-top:4px}}
#walkDev .mbar{padding:0 max(14px,4.5cqw)}#walkDev .mbar span{display:inline}
@container (max-width:520px){#walkDev .mbar{padding:0 10cqw;gap:1.6cqw;font-size:clamp(6px,2.1cqw,10px)}}
.dsNotif{position:absolute;z-index:4;left:50%;top:9%;width:92%;max-width:560px;padding:clamp(7px,2.6cqw,14px) clamp(9px,3.2cqw,18px);border-radius:clamp(10px,3.6cqw,22px);background:#2a2b31f5;box-shadow:0 10px 34px #000b;color:#fff;opacity:0;transform:translateX(-50%);line-height:1.3}.dsNotif b{display:block;font-weight:600;font-size:clamp(9px,3.3cqw,15px)}.dsNotif span{display:block;font-size:clamp(8.5px,3cqw,14px);opacity:.72}
/* The hero's chapters: one clear line and one quiet line, in one typeface, then four named steps. The caption keeps its room, so the phone's space doesn't change between chapters. */
.chap{gap:12px;bottom:max(16px,2.2vh)}.chapCap{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-height:58px;max-width:46em;font-family:var(--display);text-wrap:balance;font-size:inherit}.chapCap b{font-size:clamp(19px,1.9vw,26px);line-height:1.2;letter-spacing:-.012em}.chapCap span{font-size:clamp(15px,1.2vw,17px);line-height:1.3;color:var(--fg2)}
.chapBar{align-items:center;gap:14px}.chapPlay{margin:0;width:34px;height:34px}.chapSegs{gap:8px}.chapSegs button{position:relative;display:block;width:clamp(68px,8vw,112px);height:34px;padding:0;background:linear-gradient(#ffffff33,#ffffff33) 0 4px/100% 3px no-repeat}.chapSegs i{position:absolute;left:0;top:4px;height:3px}.chapSegs span{position:absolute;left:0;right:0;top:13px;text-align:center;font-size:14px;color:var(--fg2);transition:color .25s;white-space:nowrap}.chapSegs button[aria-selected=true] span{color:var(--fg);font-weight:600}.chapSegs button:hover span{color:var(--fg)}
@media (max-width:700px){.chapCap{min-height:68px}.chapCap b{font-size:18px}.chapCap span{font-size:14.5px}.chapSegs button{width:calc((100vw - 32px - 34px - 14px - 24px)/4)}.chapBar{gap:14px}}
.heroText .lede{text-wrap:balance}
/* The moments: the earlier two columns, with bigger words. No rail and no clock. */
.day{grid-template-columns:minmax(340px,1fr) 1.28fr;gap:clamp(24px,4vw,64px)}.dayText h2{font-size:clamp(34px,3.7vw,56px);line-height:1.06}.dayList{padding-left:0;gap:clamp(12px,2.2vh,22px)}.dayList::before,.dayList li::before{display:none}.dayList b{font-size:clamp(20px,1.9vw,28px)}.dayList span{font-size:clamp(16px,1.3vw,19px)}.dayList li.on span{max-height:6em;margin-top:6px}.dayStage{padding:0}
.mPhone{position:relative;z-index:1;flex:none;height:calc(100% - 44px);max-width:calc(100% - 24px);aspect-ratio:71.5/149.6;container-type:size;filter:drop-shadow(0 28px 50px #000a)}.ipGlass{position:absolute;inset:0;border-radius:15.2% / 7.25%;padding:3.9%;background:#050506;box-shadow:0 0 0 .5px #000,0 0 0 2px #8c8c92,0 0 0 2.75px #36363a,inset 0 0 0 1px #ffffff24}.ipScr{position:relative;width:100%;height:100%;overflow:hidden;border-radius:12.2% / 5.8%;background:#101114 url(/assets/hills.jpg) center/cover;color:#fff;font-family:-apple-system,"SF Pro Text",sans-serif;text-align:left}.ipB{position:absolute;display:block;width:1.05%;background:linear-gradient(90deg,#6a6a70,#333336);border-radius:2px}.ipB.l1{left:-1%;top:17%;height:4.2%}.ipB.l2{left:-1%;top:23%;height:6.6%}.ipB.r1{right:-1%;top:25%;height:10%;transform:scaleX(-1)}.ipIsl{position:absolute;z-index:6;left:50%;top:1.3%;width:31%;height:3.3%;transform:translateX(-50%);border-radius:99px;background:#000}
.ipS{position:absolute;inset:0;background:url(/assets/hills.jpg) center/cover;opacity:0}.ipBar{position:absolute;left:0;right:0;top:0;height:6.1%;padding:0 7% 1%;display:flex;align-items:flex-end;gap:3cqw;font-size:2.9cqw;background:#0006}.ipBar b{font-weight:700}.ipBar span:nth-child(n+3){}
.mWin{position:absolute;left:3%;right:3%;top:12%;border-radius:2.4cqw;overflow:hidden;background:#f6f6f8;color:#1d1d1f;box-shadow:0 3cqw 9cqw #0009}.mWin.dark{background:#17181c;color:#eeeef2}.mWin.top{top:8%}.mTb{display:flex;align-items:center;gap:1.1cqw;height:7cqw;padding:0 2.4cqw;background:#25262c;font-size:2.8cqw;color:#c9cad2}.mTb.lt{background:#ececf0;color:#55555c}.mTb i{width:1.9cqw;height:1.9cqw;border-radius:50%;background:#ff5f57}.mTb i:nth-child(2){background:#febc2e}.mTb i:nth-child(3){background:#28c840}.mTb span{margin:0 auto;padding-right:7cqw}.mTb em{font-style:normal;opacity:.65}.mTb em.done{color:#6ee7b7;opacity:1}
.mTerm{padding:4cqw 3.4cqw 6cqw;font:3.5cqw/1.6 ui-monospace,Menlo,monospace}.mTerm p{margin:0}.mTerm .dim{opacity:.6}.mTerm .ok{color:#6ee7b7;margin-top:1.4cqw}.mBar{height:1.2cqw;margin:2cqw 0;border-radius:9px;background:#ffffff1f}.mBar i{display:block;height:100%;border-radius:9px;background:#4ad991}
.ipOrbs{position:absolute;right:3%;bottom:6%;display:flex;flex-direction:column;align-items:center;gap:2.4cqw}.ipOrb{width:17cqw;height:17cqw;border-radius:50%;background:#0a0a0c99;box-shadow:0 0 0 1px #ffffff26,0 2cqw 6cqw #0008;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ipKeyBtn{width:12cqw;height:12cqw;border-radius:50%;background:#1b1c20cc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'%3E%3Crect x='3' y='6' width='18' height='12' rx='2'/%3E%3Cpath d='M7 10h.01M11 10h.01M15 10h.01M8 14h8'/%3E%3C/svg%3E") center/56% no-repeat;box-shadow:0 0 0 1px #ffffff26}
.ipBan{position:absolute;z-index:5;left:3%;right:3%;top:7.2%;display:flex;align-items:center;gap:2.4cqw;padding:3cqw;border-radius:5cqw;background:#1c1d22f2;box-shadow:0 3cqw 10cqw #000a;opacity:0}.ipBan div{flex:1;min-width:0}.ipBan b{display:block;font-size:3.5cqw;line-height:1.2;font-weight:600}.ipBan span{display:block;margin-top:.6cqw;font-size:3.2cqw;color:#ffffffa8}.ipBan em{font-style:normal;padding:1.6cqw 3cqw;border-radius:99px;background:#ffffff24;font-size:3.3cqw;font-weight:600;transition:transform .12s,background .12s}.ipBan em.hit{transform:scale(.9);background:#fff;color:#000}.spark{flex:none;width:6cqw;height:6cqw;border-radius:1.6cqw;background:#d97757 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 3l1.800 6.200L20 11l-6.200 1.800L12 19l-1.800-6.200L4 11l6.200-1.800z'/%3E%3C/svg%3E") center/76% no-repeat}
.ipSheet,.ipSend{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:2.4cqw 5cqw 7cqw;border-radius:7cqw 7cqw 0 0;background:#14151af5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 -3cqw 12cqw #0009;opacity:0}.shGrab{width:10cqw;height:1.1cqw;margin:0 auto 4cqw;border-radius:9px;background:#ffffff4d}.shHead{display:flex;align-items:center;gap:3cqw}.shHead canvas{width:16cqw;height:16cqw}.shHead b{display:block;font-size:4.5cqw;font-weight:600}.shHead span{display:block;font-size:3.3cqw;color:#ffffff99}.shHead em{display:block;margin-top:.8cqw;font-style:normal;font-size:3.6cqw;font-weight:600;color:#6cb6ff}.shHead em.work{color:#fff}.shAsk{margin-top:4cqw;padding:4cqw;border-radius:4.6cqw;background:#0a85ff40;box-shadow:inset 0 0 0 1px #0a85ff80}.shAsk b{display:block;font-size:3.9cqw;font-weight:600}.shAsk code{display:block;margin:2.6cqw 0 3.4cqw;padding:2.8cqw;border-radius:2.4cqw;background:#00000059;font:3.8cqw ui-monospace,Menlo,monospace}.shBtns,.caBtns{display:flex;gap:2.4cqw}.shBtns span,.caBtns span{flex:1;text-align:center;padding:3cqw 0;border-radius:99px;background:#ffffff24;font-size:4.2cqw;font-weight:600;transition:transform .12s,background .12s}.shBtns span.on,.caBtns span.on{background:#e4e5ea;color:#000}.shBtns span.hit,.caBtns span.hit{transform:scale(.92);background:#fff}.shNote{position:absolute;left:5cqw;right:5cqw;top:36%;font-size:5.2cqw;font-weight:600;color:#6ee7b7;opacity:0}
.ipCara{position:absolute;z-index:4;left:2.4%;right:2.4%;top:7%;padding:3.6cqw 4cqw 4.4cqw;border-radius:6cqw;background:#121318f7;box-shadow:0 3cqw 12cqw #000b,0 0 0 1px #ffffff1f;opacity:0}.caHead{display:flex;align-items:center;gap:1.8cqw;margin-bottom:3.4cqw}.caHead canvas{width:7.4cqw;height:7.4cqw}.caHead b{flex:1;font-size:4.2cqw;font-weight:600}.caHead i{font-style:normal;color:#ffffffa8;font-size:5cqw;line-height:1}.caYou{margin-left:auto;width:max-content;max-width:86%;padding:2.2cqw 3.6cqw;border-radius:4cqw;background:#ffffff24;font-size:4cqw}.caFile{display:flex;align-items:center;gap:2.8cqw;margin-top:3.6cqw;padding:2.8cqw;border-radius:3.6cqw;background:#ffffff14}.caFile u{padding:2.6cqw 1.8cqw;border-radius:1.4cqw;background:#e0473c;font-size:2.8cqw;font-weight:700;text-decoration:none}.caFile b{display:block;font-size:4cqw;font-weight:600}.caFile span{display:block;font-size:3.2cqw;color:#ffffff99}.caBtns{margin-top:2.8cqw}
.ipKb{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:2cqw 1.4cqw 5.5cqw;background:#101114f7;box-shadow:0 -2cqw 8cqw #0007;display:grid;gap:1.3cqw;opacity:0}.kTop{display:flex;gap:1.2cqw;align-items:stretch;height:8.6cqw}.kTop i{display:grid;place-items:center;padding:0 2.4cqw;border-radius:1.8cqw;background:#2a2b30;font:500 3.2cqw -apple-system,sans-serif}.kTop .typed{flex:1;justify-items:end;color:#fff;background:#1d1e22}.kTop .mic{width:9cqw;padding:0;background:#2a2b30 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'%3E%3Crect x='9' y='3' width='6' height='12' rx='3'/%3E%3Cpath d='M5 11a7 7 0 0 0 14 0M12 18v3'/%3E%3C/svg%3E") center/62% no-repeat}.ipRow{display:flex;gap:1.1cqw;justify-content:center}.ipRow i{flex:1;max-width:9.1cqw;height:10.6cqw;display:grid;place-items:center;border-radius:1.8cqw;background:#3a3b40;font:400 4.6cqw -apple-system,sans-serif;font-style:normal;transition:background .1s,color .1s,transform .1s}.ipRow i.hit{background:#fff;color:#000;transform:scale(1.14)}.ipRow.s i.m{flex:0 1 auto;min-width:10cqw;max-width:none;padding:0 1cqw;background:#27282c;font-size:3.1cqw}.ipRow.s i.sp{flex:4;max-width:none;font-size:3.2cqw}
@media (max-width:980px),(min-width:981px) and (max-width:1100px) and (orientation:portrait){.day{grid-template-columns:1fr}.dayText h2{font-size:26px}}
.ipBar span:nth-of-type(n+2){display:none}.mWin{min-height:66%}.mWin.top{min-height:0;height:46%}.mFiles p{padding:2.4cqw 2.2cqw}.ipOrbs{bottom:11%}.ipDock{position:absolute;left:50%;bottom:3.4%;transform:translateX(-50%);display:flex;gap:1.5cqw;padding:1.6cqw;border-radius:3.4cqw;background:#ffffff3d}.ipDock i{width:9.4cqw;height:9.4cqw;border-radius:2.2cqw;background:#1a84ff}.ipDock i:nth-child(2){background:#2b2d33}.ipDock i:nth-child(3){background:#fdb714}.ipDock i:nth-child(4){background:#30b45c}.ipDock i:nth-child(5){background:#e8e8ec}
.ipS.night::before{content:"";position:absolute;inset:0;background:#02040ab8}.ipS.night .ipBar{background:#0009}
.ipSend b{display:block;font-size:4.6cqw;font-weight:600}.ipSend p{margin:1.8cqw 0 3.6cqw;padding:3cqw;border-radius:2.8cqw;background:#00000059;font-size:4cqw;color:#ffffffd0}.ipSend{padding-top:5cqw}
.caSess{margin-top:3.2cqw;display:grid;gap:1.6cqw}.caRow{display:flex;align-items:center;gap:2.2cqw;padding:2.4cqw 3cqw;border-radius:3cqw;background:#ffffff0f;font-size:3.8cqw;transition:background .3s,box-shadow .3s}.caRow u{width:2.2cqw;height:2.2cqw;border-radius:50%;background:#4ad991}.caRow u.w{background:#6cb6ff}.caRow u.i{background:#8e8e93}.caRow b{font-weight:600}.caRow span{margin-left:auto;font-size:3.3cqw;color:#ffffff99}.caRow.gold{background:#c8a96a33;box-shadow:inset 0 0 0 1px #c8a96a}.caSent{margin-top:3cqw;font-size:4cqw;font-weight:600;color:#6ee7b7;opacity:0}
.ipCara.tall{min-height:44%}.caBusy{margin-top:3.4cqw;font-size:3.6cqw;color:#ffffff99;opacity:0}.caAns{margin-top:-1cqw}.caAns p{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 1.8cqw;margin:0 0 3cqw;font-size:4.5cqw;line-height:1.3;opacity:0}.caAns u{width:2.2cqw;height:2.2cqw;border-radius:50%;background:#4ad991;align-self:center}.caAns u.go{background:#6cb6ff}.caAns b{font-weight:700}.caAns span{flex-basis:100%;margin-left:4cqw;color:#ffffffd8;min-height:1.3em}
.mWin.web{top:9%;bottom:auto;min-height:0;height:74%;background:#fbfbfd}.mAddr{padding:0 2.4cqw 2cqw;background:#ececf0}.mAddr span{display:block;padding:1.5cqw 3cqw;border-radius:1.8cqw;background:#fff;text-align:center;font-size:3.5cqw;color:#3a3a40}.mPage{padding:5cqw 4.6cqw;color:#111}.mPage h4{margin:0 0 4.4cqw;font:700 8.4cqw/1.06 -apple-system,sans-serif;letter-spacing:-.02em}.plan{display:flex;align-items:center;justify-content:space-between;padding:4.6cqw;margin-bottom:2.4cqw;border-radius:3.4cqw;background:#efeff3;font-size:4.8cqw;transition:background .5s,color .5s,transform .5s,box-shadow .5s}.plan b{font-weight:600}.plan span{font-weight:700;font-size:5.6cqw}.plan.on{background:#111;color:#fff;transform:scale(1.04);box-shadow:0 3cqw 8cqw #0005}
.mWin.signin{position:absolute;z-index:3;opacity:0}.mPage label{display:block;margin-bottom:1cqw;font-size:3.5cqw;color:#55555c}.fld{min-height:10cqw;display:flex;align-items:center;padding:0 3cqw;margin-bottom:3.4cqw;border-radius:2.2cqw;background:#fff;box-shadow:inset 0 0 0 1px #d2d2da;font-size:3.9cqw;letter-spacing:.02em}.auth{margin-top:1.4cqw;padding:3.2cqw 0;text-align:center;border-radius:99px;background:#111;color:#fff;font-size:4.4cqw;font-weight:600;transition:transform .12s,background .12s}.auth.hit{transform:scale(.93);background:#3a3a40}.mPage.done p{margin:0;font-size:4.2cqw;color:#55555c}.mPage.done h4{color:#178a5e}.mTerm .ok:empty{display:none}
.ipToast{position:absolute;z-index:6;left:50%;bottom:7%;padding:2.8cqw 5cqw;border-radius:99px;background:#fff;color:#000;font-size:4.2cqw;font-weight:600;white-space:nowrap;box-shadow:0 2cqw 8cqw #0009;opacity:0}.ipToast::before{content:"✓ ";color:#178a5e}
.ipS.night::before{background:#02040a66}.caAns u.dGo{background:#6cb6ff}.ipCara.tall{min-height:40%}.plan{padding:6.2cqw 4.6cqw}.fine{margin:4cqw 0 0;font-size:3.6cqw;color:#6b6b73;text-align:center}
.ipSend{background:#14151a}.ipKb{background:#101114}
.mWin.web{overflow:hidden}.mPage{will-change:transform}.mPage h5{margin:7cqw 0 2.4cqw;font:700 5.6cqw -apple-system,sans-serif}.faq{padding:3.6cqw 0;border-top:1px solid #0000001a;font-size:4.2cqw;color:#2a2a30}.ipTouch{position:absolute;z-index:5;left:50%;top:62%;width:15cqw;height:15cqw;margin-left:-7.5cqw;border-radius:50%;background:#0000002e;box-shadow:0 0 0 1.5px #ffffffd0,0 1cqw 4cqw #0004;opacity:0}
.mWin.web .mTb,.mWin.web .mAddr{position:relative;z-index:2}
.caYou:empty{display:none}.caWave{display:flex;align-items:center;gap:1cqw;height:6cqw}.caWave u{width:2.2cqw;height:2.2cqw;margin-right:1.4cqw;border-radius:50%;background:#ff453a}.caWave i{width:1cqw;height:100%;border-radius:9px;background:#ffffffc0}.ipOff{position:absolute;inset:0;z-index:5;background:#000;opacity:0;pointer-events:none}
/* Talking to Cara, as in the app: your words large as you speak, the card's edge alight, and a wave beside a red dot while she listens. Your words become a message when you finish. */
.ipCara{transition:box-shadow .3s}.ipCara.listening{box-shadow:0 3cqw 12cqw #000b,0 0 0 1.5px #d6d8e0,0 0 7cqw #d6d8e066}.caYou.talking{margin:0;width:auto;max-width:none;min-height:30cqw;padding:0;background:none;border-radius:0;font-size:6.5cqw;line-height:1.24;font-weight:600}.caListen{display:flex;align-items:center;justify-content:space-between;margin-top:3cqw;padding:1.8cqw 2cqw 1.8cqw 3.4cqw;border-radius:99px;background:#ffffff14}.caListen em{display:grid;place-items:center;width:8cqw;height:8cqw;border-radius:50%;background:#fff;color:#000;font-style:normal;font-size:4.2cqw;font-weight:700}
/* Cara's card, from the app: 34pt corners, near black, a soft silver edge that brightens while she listens or works. 1pt is about .229cqw at this phone's width. */
.rc{position:absolute;z-index:4;left:2.3cqw;right:2.3cqw;top:9.2%;border-radius:7.8cqw;background:#08090bf0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 1px #ffffff4d,0 0 5cqw #ffffff26,0 4cqw 12cqw #000a,inset 0 0 6cqw #ffffff0d;color:#fff;font-family:-apple-system,"SF Pro Text",sans-serif;visibility:hidden;transition:box-shadow .4s}.rc.lit{box-shadow:0 0 0 1.5px #ffffffb0,0 0 9cqw #ffffff66,0 4cqw 12cqw #000a,inset 0 0 8cqw #ffffff1f}
.rcHead{display:flex;align-items:center;gap:1.7cqw;padding:3cqw 3cqw 2.2cqw 3.6cqw}.rcHead canvas{flex:none;width:8cqw;height:8cqw;margin-right:.6cqw}.rcTitle{flex:1;min-width:0}.rcTitle b{display:block;font-size:4.5cqw;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rcTitle small{display:block;font-size:2.9cqw;color:#ffffff99}.rcHead>i,.rcHead .rcLang,.rcCancel{flex:none;display:grid;place-items:center;width:7.6cqw;height:7.6cqw;border-radius:50%;background:#ffffff1f;color:#fff}.rcHead>i svg,.rcCancel svg{width:3.9cqw;height:3.9cqw}.rcHead .rcLang{display:flex;gap:.4cqw;width:auto;padding:0 1.9cqw;border-radius:99px;font-size:3.3cqw;font-weight:500}.rcLang svg{width:2.6cqw;height:2.6cqw}
.rcBody{padding:0 3.6cqw 2.6cqw}.rcReady{margin:0 .4cqw;font-size:3.75cqw;line-height:1.3;color:#ffffffb3}.rcHeard{margin:1cqw 0 2cqw 9cqw;min-height:15cqw;text-align:left;font-size:4.6cqw;line-height:1.28;font-weight:500}.rcHeard.empty{color:#ffffff80}.rcYou{margin:0 0 2.4cqw auto;width:max-content;max-width:78%;padding:2.5cqw 3.4cqw;border-radius:4.2cqw;background:#ffffff26;box-shadow:inset 0 0 0 .5px #ffffff1f;font-size:3.9cqw;line-height:1.28}
.rcAsk{padding:3cqw 3.2cqw;border-radius:4cqw;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff29}.rcAskT{display:flex;align-items:center;gap:1.6cqw;color:#ffffffc8}.rcAskT svg{width:3.6cqw;height:3.6cqw}.rcAskT b{font-size:3.3cqw;font-weight:500}.rcAsk p{margin:1.6cqw 0 2.8cqw;font-size:3.6cqw;line-height:1.3}.rcAskB{display:flex;justify-content:flex-end;gap:1.6cqw}.rcAskB span{padding:1.9cqw 3.8cqw;border-radius:99px;background:#ffffff24;font-size:3.5cqw;font-weight:600;transition:transform .12s,background .12s}.rcAskB span.on{background:#e4e5ea;color:#000}.rcAskB span.hit{transform:scale(.92);background:#fff}
.rcRec{display:flex;align-items:center;gap:2.2cqw;margin:0 0 2.6cqw auto;width:88%;padding:2.4cqw 2.8cqw;border-radius:3.8cqw;box-shadow:inset 0 0 0 1px #ffffff40}.rcRec>svg{flex:none;width:4.4cqw;height:4.4cqw;color:#ffffffd0}.rcRec>svg:last-child{width:3.4cqw;height:3.4cqw;color:#ffffff99}.rcRec div{flex:1;min-width:0}.rcRec b{display:block;font-size:3.5cqw;font-weight:600}.rcRec span{display:block;font-size:3.2cqw;color:#ffffffa8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rcAns{font-size:3.9cqw;line-height:1.32}.rcAns:empty{display:none}
.rcChips{display:flex;gap:1.3cqw;padding:0 2.8cqw 2.2cqw}.rcChips span{display:flex;align-items:center;gap:1.1cqw;padding:1.8cqw 2.1cqw;border-radius:99px;box-shadow:inset 0 0 0 1px #ffffff2e;background:#ffffff0a;font-size:3cqw;white-space:nowrap}.rcChips svg{width:3.3cqw;height:3.3cqw}
.rcBar{display:flex;align-items:center;gap:1.8cqw;padding:0 2.8cqw}.rcField{flex:1;padding:2.5cqw 3.4cqw;border-radius:99px;background:#ffffff1a;font-size:3.7cqw;color:#ffffff73}.rcListen{flex:1;display:flex;align-items:center;gap:.9cqw;height:8cqw;padding:0 2cqw}.rcListen u{width:2cqw;height:2cqw;margin-right:1.2cqw;border-radius:50%;background:#ff453a}.rcListen s{flex:1;max-width:1cqw;height:60%;border-radius:9px;background:#fffc;text-decoration:none}.rcMic{flex:none;display:grid;place-items:center;width:8.6cqw;height:8.6cqw;border-radius:50%;background:#fff;color:#000;transition:transform .12s}.rcMic svg{width:4.6cqw;height:4.6cqw}.rcMic.hit{transform:scale(.86)}.rcGrab{width:8cqw;height:1cqw;margin:2cqw auto 1.6cqw;border-radius:9px;background:#ffffff4d}
.mWin.low{top:auto;min-height:0;left:3%;right:3%}.mWin.low.a{top:60%}.mWin.low.b{top:75%}.mWin.low .mTb{height:5.6cqw}.mWin.low .mTerm{padding:2.2cqw 3cqw 3cqw;font-size:3.2cqw}.mWin.low.gold{box-shadow:0 0 0 1.5px #c8a96a,0 0 6cqw #c8a96a59;transition:box-shadow .3s}.ipS.night::before{background:#02040a4d}
.rc.busy .rcHead>i:nth-of-type(1),.rc.busy .rcHead>i:nth-of-type(2){display:none}.rcTitle b{font-size:4.2cqw}
/* The places choose a moment: the line under the current one shows it playing, and a check marks each one seen. */
.dayPick{display:block;width:100%;padding:0;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.dayPick:focus-visible{outline:2px solid #fff;outline-offset:4px;border-radius:6px}.dayList li:not(.on) .dayPick:hover{color:var(--fg2)}.dayList .dayPick>i{display:block;height:2px;margin-top:8px;border-radius:2px;background:#fff;transform:scaleX(0);transform-origin:0 50%;opacity:0;transition:opacity .3s}.dayList li.on .dayPick>i{opacity:.9}.dayList li.done:not(.on) b::after,.dayList li.on.done b::after{content:" ✓";font-size:.72em;color:#6ee7b7;margin-left:.15em}
.dayPause{position:absolute;z-index:2;left:16px;bottom:16px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#000a;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 1px #ffffff26}.dayHint{position:absolute;z-index:2;right:16px;bottom:20px;padding:7px 14px;border-radius:99px;background:#000a;color:#fff;font-size:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .5s;pointer-events:none}.dayHint.on{opacity:1}
/* The phone's real screens: captures from the app, with her card and the banner over them. Her steps and answers are the app's. */
.ipS{background:#000}.ipShot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.ipLay{position:absolute;inset:0;opacity:0}.ipTap{position:absolute;z-index:6;width:11cqw;height:11cqw;margin:-5.5cqw 0 0 -5.5cqw;border-radius:50%;background:#ffffff55;box-shadow:0 0 0 1.5px #fffd,0 1cqw 4cqw #0005;opacity:0;pointer-events:none}.ipTouch{z-index:6}
.rc{display:flex;flex-direction:column;max-height:58.5%}.rcBody{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.rcBody>*{flex:none}.rcSteps:empty{display:none}.rcSteps{margin-bottom:1.6cqw}.rcSteps p{display:flex;align-items:center;gap:2cqw;margin:0 0 2.2cqw;font-size:3.5cqw;line-height:1.25;color:#fffc}.rcSteps u{flex:none;display:grid;place-items:center;width:4cqw;height:4cqw;border-radius:50%;background:#ffffffd0;color:#000;text-decoration:none}.rcSteps u svg{width:2.8cqw;height:2.8cqw}.rcSteps span{flex:1}.rcSteps em{flex:none;width:3.4cqw;height:3.4cqw;border-radius:50%;border:.5cqw solid #ffffff40;border-top-color:#fff;animation:rcSpin .8s linear infinite}.rcSteps b.sp{flex:none;width:3cqw;height:3cqw;background:#d97757;clip-path:polygon(50% 0,60% 38%,100% 50%,60% 62%,50% 100%,40% 62%,0 50%,40% 38%)}@keyframes rcSpin{to{transform:rotate(360deg)}}.rcGrey{display:grid;gap:1.6cqw;margin-top:2cqw}.rcGrey i{height:2cqw;border-radius:9px;background:#ffffff1f}.rcGrey i:nth-child(2){width:78%}.rcGrey i:nth-child(3){width:56%}
.rcAns b{font-weight:700}.rcAns ul{margin:1.6cqw 0 0;padding:0 0 0 4cqw}.rcAns li{margin-bottom:1cqw}.rcAns{padding-bottom:.6cqw}

.soS{font-family:-apple-system,"SF Pro Text",sans-serif}.soWin{position:absolute;z-index:2;left:0;right:0;top:6.2%;bottom:0;overflow:hidden;border-radius:2.4cqw 2.4cqw 0 0;box-shadow:0 0 0 .3cqw #4a4a4c}.soT{opacity:0;background:#1e1e20;color:#eeeef0}.soTb{display:flex;align-items:center;gap:1.4cqw;height:7cqw;padding:0 3cqw;background:#2e2e30;border-bottom:.3cqw solid #141414}.soTb i,.soTabs i{width:2.6cqw;height:2.6cqw;border-radius:50%;background:#ff5f57}.soTb i:nth-child(2),.soTabs i:nth-child(2){background:#febc2e}.soTb i:nth-child(3),.soTabs i:nth-child(3){background:#28c840}.soTb b{margin-left:3cqw;font-size:3.2cqw;font-weight:600}
.soBody{padding:3cqw 17cqw 3cqw 2.4cqw;font:3.1cqw/1.42 Menlo,ui-monospace,monospace}.soBody p{margin:0 0 2.2cqw}.soBody .soHi{margin-right:-15cqw;padding:.7cqw 15cqw .7cqw 1.2cqw;background:#ececee;color:#121212}.soDim{color:#858589}.soTry{padding-left:2.2em}.soBody a{color:#6cb6ff;text-decoration:underline;border-radius:.6cqw;transition:background .15s}.soBody a.hit{background:#6cb6ff55}.soIn{margin-top:3.4cqw!important;padding-top:2.2cqw;border-top:.25cqw solid #4a4a4c}.soIn u,.soF u{display:inline-block;width:.45cqw;height:1.1em;margin-left:.2cqw;vertical-align:-.15em;background:currentColor;animation:soBlink 1s steps(2) infinite}@keyframes soBlink{50%{opacity:0}}
.soB{background:#fdfdfe;color:#111;visibility:hidden}.soTabs{display:flex;align-items:center;gap:1.4cqw;height:7.4cqw;padding:0 3cqw;background:#202124}.soTabs span{margin-left:3cqw;padding:1.1cqw 3.4cqw;border-radius:1.8cqw 1.8cqw 0 0;background:#35363a;color:#e8e8ea;font-size:2.9cqw;align-self:flex-end}.soAddr{height:7.6cqw;display:flex;align-items:center;padding:0 3cqw;background:#35363a}.soAddr span{flex:1;padding:1.1cqw 3.4cqw;border-radius:99px;background:#202124;color:#e8e8ea;font-size:3cqw}
.soPage{padding:5cqw 6cqw}.soPage h5{margin:0;font:700 6.2cqw/1.15 -apple-system,sans-serif}.soPage small{display:block;margin:1.2cqw 0 4.4cqw;font-size:3.4cqw;color:#6b6b73}.soPage label{display:block;margin:0 0 1.2cqw;font-size:3.3cqw;font-weight:500;color:#3a3a40}.soF{height:9.4cqw;margin-bottom:3cqw;padding:0 3cqw;border-radius:2cqw;box-shadow:inset 0 0 0 .3cqw #d0d0d6;font-size:3.8cqw;line-height:9.4cqw}.soF.on{box-shadow:inset 0 0 0 .55cqw #0a66c2}.soGo{height:10.4cqw;margin-top:1.4cqw;border-radius:99px;background:#0a0a0c;color:#fff;font-size:3.9cqw;font-weight:600;line-height:10.4cqw;text-align:center;transition:transform .12s,background .12s}.soGo.hit{transform:scale(.96);background:#3a3a40}.soErr{display:flex;align-items:center;gap:1.6cqw;margin-top:3cqw;padding:2.2cqw 2.6cqw;border-radius:2cqw;background:#fdecea;color:#b3261e;font-size:3.7cqw;font-weight:600}.soErr u{flex:none;width:4.2cqw;height:4.2cqw;border-radius:50%;background:#b3261e;color:#fff;font-size:3cqw;line-height:4.2cqw;text-align:center;text-decoration:none}
.soKb{position:absolute;z-index:3;left:0;bottom:0;width:100%;height:auto;display:block;opacity:0}.soOrb,.soAg{position:absolute;z-index:4;left:88.9%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.soOrb{top:56.3%;width:18.4cqw}.soAg{top:18.4%;width:14.4cqw;transition:transform .12s}.soAg.hit{transform:translate(-50%,-50%) scale(.9)}
.soOrb.d{width:15.1cqw}.soErr{width:max-content}.ipTap.lt{background:#00000030;box-shadow:0 0 0 1.5px #00000059,0 1cqw 4cqw #0002}
.soT{z-index:3;top:6.2%;visibility:hidden}.soKb{z-index:4}.soOrb,.soAg{z-index:5}.soB{visibility:visible}.soView{position:absolute;left:0;right:0;top:15cqw;bottom:0;overflow:hidden;background:#000}.soSite{background:#fdfdfe;color:#16161a;padding-bottom:40cqw;will-change:transform;transition:background .7s,color .7s}.soNav{display:flex;align-items:center;gap:4cqw;padding:3.4cqw 5cqw;font-size:3.2cqw}.soNav b{flex:1;font-size:4cqw;font-weight:700}.soHero{padding:8cqw 5cqw 7cqw}.soHero h5{margin:0;font:700 8.8cqw/1.08 -apple-system,sans-serif;letter-spacing:-.02em}.soHero p{margin:3cqw 0 4.6cqw;font-size:3.9cqw;opacity:.68}.soHero em{display:inline-block;padding:2.6cqw 5cqw;border-radius:99px;background:currentColor;font-style:normal;font-size:3.6cqw;font-weight:600}.soArt{display:block;width:90cqw;height:82cqw;margin:0 5cqw;border-radius:3.4cqw;object-fit:cover}.soSite h6{margin:8cqw 5cqw 3.4cqw;font:700 6cqw/1.1 -apple-system,sans-serif}.soCard{display:flex;justify-content:space-between;align-items:center;margin:0 5cqw 2.6cqw;padding:5.2cqw 4.6cqw;border-radius:3cqw;background:#f0f0f4;font-size:4.6cqw;font-weight:500}.soCard i{font-style:normal;font-weight:700}.soFine{margin:3.4cqw 5cqw;font-size:3.2cqw;opacity:.6}.soSite.dark{background:#0d0e12;color:#f4f4f6}.soSite.dark .soCard{background:#fff}.soHero em{color:inherit}.soHero em{-webkit-text-fill-color:#fff}.soSite.dark .soHero em{-webkit-text-fill-color:#0d0e12}
.soT{display:flex;flex-direction:column;background:#1e1e1e;color:#f0f0f0}.soTb{flex:none;height:7.4cqw;gap:1.3cqw;background:#2c2c2e}.soTb i{width:2.8cqw;height:2.8cqw}.soTb svg{width:3.4cqw;margin-left:2cqw}.soTb b{margin-left:.6cqw;font-size:2.7cqw;font-weight:700;color:#bebec2;white-space:nowrap;overflow:hidden}.soBody{flex:1;min-height:0;overflow:hidden;padding:2.6cqw 2cqw 0;font:2.62cqw/1.42 Menlo,ui-monospace,monospace;white-space:pre-wrap}.soBody p{margin:0 0 2.1cqw}.soHd{display:flex;gap:2.6cqw;align-items:center;margin:0 0 3cqw;color:#78787a}.soHd img{width:9.4cqw;height:auto;display:block}.soHd b{color:#f0f0f0;font-weight:700}.soBody .soHi{margin:0 0 2.1cqw;padding:.55cqw 1cqw;background:#f0f0f0;color:#121212}.soHi s{text-decoration:none;color:#787878}.soTl em{font-style:normal;color:#4eba65}.soTl span{color:#78787a}.soSay{font-weight:700;color:#f0f0f0}.soSay em{font-style:normal;color:#080808}.soBody a{color:inherit;text-decoration:underline}.soDim{color:#78787a}.soWork{color:#d77757}.soFoot{flex:none;padding:0 2cqw 2.2cqw;font:2.62cqw/1.42 Menlo,ui-monospace,monospace}.soInp{padding:1cqw 0;border:solid #78787a;border-width:.2cqw 0;font-weight:700}.soInp span{font-weight:400}.soInp u{display:inline-block;width:1.55cqw;height:1.15em;margin-left:.1cqw;vertical-align:-.2em;background:#969696;animation:none}.soAuto{margin:1cqw 0 0 2.2cqw;color:#78787a}.soAuto em{font-style:normal;color:#b27830}
.trS{font-family:-apple-system,"SF Pro Text",sans-serif}.trR{position:absolute;left:18.44%;top:9.45%;width:62.97%;height:29.03%;object-fit:fill;opacity:0}.trL{position:absolute;left:0;top:94.39%;width:100%;height:3.95%;object-fit:fill;opacity:0}.trStat{position:absolute;left:21%;width:58%;top:33.2%;padding:1.6cqw 2.4cqw;border-radius:1.6cqw;background:#181818e0;color:#eee;font-size:2.9cqw}.trStat div{display:flex;justify-content:space-between;gap:2cqw;white-space:nowrap}.trStat b{font-weight:600}.trStat span{color:#a8a8ac}.trStat u{display:block;height:.7cqw;margin-top:1.2cqw;border-radius:9px;background:#3a3a3c;overflow:hidden}.trStat u i{display:block;height:100%;background:#4772b3}
.trP{position:absolute;inset:0;z-index:3;visibility:hidden;background:#000}.trIOS,.trPost{color:#fff;padding:0 4cqw}.trNav{display:flex;align-items:center;justify-content:center;position:relative;height:11cqw;margin:14cqw -1cqw 3cqw;font-size:4.2cqw}.trNav b{font-weight:600}.trNav i{position:absolute;left:0;width:10.4cqw;height:10.4cqw;display:grid;place-items:center;border-radius:50%;background:#2a2a2d}.trNav svg{width:5cqw}.trBig{font:600 8.6cqw/1.1 ui-rounded,-apple-system,sans-serif}.trSub{margin:.6cqw 0 3cqw;font-size:3.7cqw;color:#98989f}.trChips{display:flex;gap:2cqw;margin-bottom:4cqw;white-space:nowrap}.trChips span{padding:1.7cqw 3.4cqw;border-radius:99px;background:#2c2c2e;font-size:3.5cqw;font-weight:500}.trChips .on{background:#fff;color:#000}
.trGroup{border-radius:6cqw;background:#1c1c1e;overflow:hidden}.trRow{display:flex;align-items:center;gap:3cqw;padding:2.6cqw 3.6cqw;box-shadow:inset 0 -.2cqw #38383a;transition:background .12s}.trRow.hit{background:#3a3a3c}.trRow div{flex:1;min-width:0}.trRow b{display:block;font-size:4.1cqw;font-weight:400}.trRow small{display:block;margin-top:.5cqw;font-size:3cqw;color:#98989f}.trRow em{font-style:normal;font-size:5cqw;color:#5a5a5f}.trTh{position:relative;flex:none;width:12cqw;height:12cqw;border-radius:2.4cqw;overflow:hidden;background:linear-gradient(#5c5c5c,#292929)}.trTh img{width:100%;height:100%;object-fit:cover;display:block}.trTh u{position:absolute;left:50%;top:50%;width:4.4cqw;height:4.4cqw;margin:-2.2cqw;border-radius:50%;background:#000000a0}.trTh u::after{content:"";position:absolute;left:1.7cqw;top:1.2cqw;border-left:1.4cqw solid #fff;border-top:1cqw solid transparent;border-bottom:1cqw solid transparent}.trTh.t2{background:linear-gradient(135deg,#d6a55c,#7a5427)}.trFoot{margin:3cqw 3cqw 0;font-size:3.2cqw;line-height:1.35;color:#8e8e93}
.trPrev{display:block;width:68cqw;height:68cqw;margin:0 auto 4cqw;border-radius:3.6cqw;box-shadow:0 1.6cqw 5cqw #0006}.trKv{display:flex;justify-content:space-between;padding:2.8cqw 4cqw;font-size:3.9cqw;box-shadow:inset 0 -.2cqw #38383a}.trKv em{font-style:normal;color:#98989f}.trIOS h6{margin:4cqw 4cqw 1.6cqw;font-size:3.3cqw;font-weight:400;color:#8e8e93}.trAct{padding:3cqw 4cqw;font-size:4cqw;color:#0a84ff;box-shadow:inset 0 -.2cqw #38383a;transition:background .12s}.trAct.hit{background:#3a3a3c}.trAct.w{color:#fff}.trDone{padding:3cqw 4cqw;font-size:3.7cqw;color:#98989f;box-shadow:inset 0 -.2cqw #38383a}.trDone::before{content:"✓";display:inline-block;margin-right:2cqw;color:#30d158;font-weight:700}.trProg{padding:2.8cqw 4cqw;font-size:3.8cqw}.trProg div{display:flex;justify-content:space-between}.trProg em{font-style:normal;color:#0a84ff}.trProg u{display:block;height:1cqw;margin-top:2cqw;border-radius:9px;background:#3a3a3c;overflow:hidden}.trProg i{display:block;height:100%;background:#0a84ff}
.trSheet{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:4.6cqw 4cqw 9cqw;border-radius:8cqw 8cqw 0 0;background:#242426;box-shadow:0 -3cqw 14cqw #000b;color:#fff;visibility:hidden}.trSh{display:flex;align-items:center;gap:3cqw;margin-bottom:5cqw}.trSh img{width:13cqw;height:13cqw;border-radius:2.6cqw}.trSh b{display:block;font-size:4.1cqw;font-weight:600}.trSh small{font-size:3.2cqw;color:#98989f}.trApps{display:flex;justify-content:space-between;margin-bottom:5cqw;padding:0 1cqw}.trApps span{width:19cqw;text-align:center;font-size:3cqw;transition:transform .12s}.trApps span.hit{transform:scale(.9)}.trApps i{display:block;width:16cqw;height:16cqw;margin:0 auto 1.6cqw;border-radius:3.6cqw}.a1{background:radial-gradient(circle,#fff 0 12%,#2c8cff 13% 28%,#fff 29% 34%,#2c8cff 35% 52%,#fff 53% 58%,#2c8cff 59%)}.a2{background:radial-gradient(ellipse 34% 28% at 50% 48%,#fff 98%,#0000),linear-gradient(#5df178,#29c44a)}.a3{background:linear-gradient(135deg,#0000 42%,#fff 43% 47%,#0000 48%) top/100% 62% no-repeat,linear-gradient(#49c0ff,#0a6df0)}.a4{background:conic-gradient(from 210deg,#ffd27a,#d79a3e,#7a5427,#ffd27a);box-shadow:inset 0 0 0 4.4cqw #17120a}
.trPost{background:#000}.trPost .trNav span{position:absolute;left:1cqw;font-size:4cqw}.trPost .trNav em{position:absolute;right:0;padding:1.6cqw 4cqw;border-radius:99px;background:#fff;color:#000;font-style:normal;font-size:3.8cqw;font-weight:600;transition:transform .12s}.trPost .trNav em.hit{transform:scale(.92);background:#ccc}.trPost video{display:block;width:100%;aspect-ratio:1;border-radius:3.6cqw;background:#000;object-fit:cover}.trPost p{margin:4cqw 1cqw;font-size:4.4cqw}.trPosted{position:absolute;left:50%;bottom:9%;padding:2.8cqw 6cqw;border-radius:99px;background:#fff;color:#000;font-size:4.2cqw;font-weight:600;opacity:0;box-shadow:0 2cqw 8cqw #0009}.trPosted::before{content:"✓ ";color:#178a5e}
.trPost{z-index:5}.trStat{top:31.4%}.trStat div{display:block}.trStat b,.trStat span{display:block}.trStat span{margin-top:.3cqw}

/* Responsive pass: each size designed, not just squeezed. */
.tabs button,.seg button,.penList button{white-space:nowrap}.tabs{overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
@media (hover:none){footer a{display:inline-block;padding:10px 8px;margin:-10px -8px}.brand{padding:10px 8px 10px 0}}
/* Phones */
@media (max-width:560px){h1{font-size:clamp(34px,11.6vw,54px)}.heroGlow{background:radial-gradient(ellipse 120% 44% at 50% 24%,#000 0,#000e 62%,#0000 100%)}.dayPause{width:32px;height:32px;left:10px;bottom:10px}}
@media (max-width:640px){.bento{grid-auto-rows:auto}.bento .t{min-height:178px}.bento .big{min-height:320px}.bento .d,.bento .e{min-height:150px}.bento .viz{flex:1 0 76px}.bento canvas.viz{flex:1 0 76px;height:0}}
@media (max-width:560px) and (max-height:700px){.heroText{padding-top:calc(52px + 3vh)}.heroText .lede{font-size:15px;margin-top:10px}.ctas{margin-top:14px;gap:8px}.film{padding:4px 14px 4px 4px}.film video{width:52px;height:30px}.film small{display:none}}
/* iPad and the open Duo, upright: more room, so larger words */
@media (min-width:600px) and (max-width:980px){.day{gap:18px}.dayText h2{font-size:clamp(34px,5.4vw,46px)}.dayText{gap:12px}.dayList b{font-size:24px}.dayList span{font-size:18px}.fitText h2{font-size:clamp(34px,5.4vw,48px)}.fitList b{font-size:22px}.fitList span{font-size:17px}.fitSticky{gap:14px;padding-left:28px;padding-right:28px}.day{padding-left:28px;padding-right:28px}}
/* Phones on their side: words on one side, the device on the other */
@media (max-height:520px) and (orientation:landscape){#nav{height:44px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
 h1{font-size:clamp(30px,5.4vw,44px)}h2{font-size:clamp(26px,3.8vw,34px)}.hero{align-items:flex-start;text-align:left}.heroGlow{background:linear-gradient(90deg,#000 0,#000d 44%,#0000 62%)}.heroText{width:50%;padding:calc(44px + 4vh) 0 0 max(20px,env(safe-area-inset-left))}.heroText .lede{font-size:14px;margin-top:8px;max-width:none;text-wrap:pretty}.heroText .ctas{justify-content:flex-start;margin-top:12px;gap:10px}.heroText .ctas .pill{width:auto}.film{width:auto;padding:4px 14px 4px 4px}.film video{width:48px;height:28px}.film small{display:none}.chap{bottom:6px;gap:4px}.chapCap{font-size:14px}.chapCap span{display:none}
 .day{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:minmax(0,1fr);gap:18px;padding:calc(44px + 8px) max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left))}.dayText{justify-content:center;gap:10px}.dayText h2{font-size:clamp(24px,3.4vw,30px)}.dayList b{font-size:19px}.dayList span{font-size:14.5px}.dayStage{padding:0;border-radius:18px}.dayHint{display:none}
 .fitSticky{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:minmax(0,1fr);gap:18px;align-items:center;padding:calc(44px + 6px) max(16px,env(safe-area-inset-right)) 6px max(16px,env(safe-area-inset-left))}.fitText h2{font-size:clamp(22px,3.2vw,28px)}.fitList b{font-size:18px}.fitList span{font-size:14px}
 .block,.say,.get{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.block{padding-top:56px;padding-bottom:56px}.say{padding-top:70px;padding-bottom:70px}footer{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}.bento{grid-template-columns:repeat(4,1fr)}.bento .big{grid-column:span 2!important}.bento .d,.bento .e{grid-column:span 2!important}.steps{grid-template-columns:repeat(3,1fr)}.trio,.priv{grid-template-columns:repeat(2,1fr)}.caraGrid{grid-template-columns:repeat(3,1fr)}}
/* Large monitors: the same page, grown, not stranded in the middle */
@media (min-width:1900px){:root{--z:1.18}#nav,.say,#cara,#agents,#keys,#all,#private,#setup,#faq,#get,footer{zoom:var(--z)}.day{padding-left:calc((100vw - 1720px)/2);padding-right:calc((100vw - 1720px)/2)}.dayText h2{font-size:clamp(56px,3.3vw,70px)}.dayList b{font-size:30px}.dayList span{font-size:21px}.fitSticky{max-width:1840px}.fitText h2{font-size:62px}.fitText .lede{font-size:22px}.fitList b{font-size:23px}.fitList span{font-size:17.5px}.chapCap{font-size:24px}.heroText .lede{font-size:21px}}
@media (min-width:2400px){:root{--z:1.42}.day{padding-left:calc((100vw - 2220px)/2);padding-right:calc((100vw - 2220px)/2)}.dayText h2{font-size:80px}.dayList b{font-size:38px}.dayList span{font-size:26px}.fitSticky{max-width:2300px}.fitText h2{font-size:78px}.fitText .lede{font-size:27px}.fitList b{font-size:29px}.fitList span{font-size:21px}.chapCap{font-size:30px}.heroText .lede{font-size:26px}}
@media (max-width:980px),(min-width:981px) and (max-width:1100px) and (orientation:portrait){.bento{grid-auto-rows:auto}.bento .t{min-height:168px}.bento .big{min-height:320px}.bento .d,.bento .e{min-height:150px}.bento .viz{flex:1 0 76px}.bento canvas.viz{flex:1 0 76px;height:0}}
@media (max-height:520px) and (orientation:landscape){.bento{grid-auto-rows:auto}.bento .t{min-height:164px}.bento .big{min-height:0}.bento .viz{flex:1 0 70px}.bento canvas.viz{flex:1 0 70px;height:0}}
/* The phone never loses its shape: it takes whichever of the stage's height or width runs out first. */
.dayStage{container-type:size;--ph:min(calc(100cqh - 44px),calc((100cqw - 24px)*149.6/71.5))}.mPhone{height:var(--ph);width:calc(var(--ph)*71.5/149.6);max-width:none;aspect-ratio:auto}
@media (max-width:980px),(min-width:981px) and (max-width:1100px) and (orientation:portrait){.dayStage{--ph:min(calc(100cqh - 20px),calc((100cqw - 24px)*149.6/71.5))}}
@media (max-height:520px) and (orientation:landscape){.dayStage{--ph:min(calc(100cqh - 10px),calc((100cqw - 24px)*149.6/71.5))}}
/* Large iPads upright get the one-column page too */
@media (min-width:981px) and (max-width:1100px) and (orientation:portrait){.day{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:18px;padding:calc(52px + 16px) 40px 24px}.dayText{gap:12px;justify-content:flex-start}.dayText h2{font-size:52px}.dayList li:not(.on){display:none}.dayList b{font-size:28px}.dayList span{font-size:20px}
 .fitSticky{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:16px;padding:calc(52px + 16px) 40px 16px}.fitText h2{font-size:52px}.fitText .lede{display:none}.fitList{flex-direction:row;gap:14px;margin-top:10px}.fitList button{flex:none;width:auto;white-space:nowrap}.fitList button:not([aria-selected=true]){display:none}.fitList b{font-size:24px}.fitList span{font-size:18px;white-space:normal}}
@media (min-width:1101px),(min-width:981px) and (orientation:landscape){.bento{grid-auto-rows:clamp(172px,14vw,184px)}}
@media (min-width:981px) and (max-width:1100px) and (orientation:portrait){.penP{flex-direction:column;align-items:stretch;gap:14px}.penList{flex:none;flex-direction:row;overflow-x:auto;gap:18px;scrollbar-width:none}.penList button{flex:none;padding:6px 0 8px}.penList span{display:none}.workStage{height:auto;min-height:680px}.wPane{position:relative;inset:auto}}
/* The train moment: the Mac's picture zooms and moves as a whole, under the app's own bar. Blender's Properties sit in it at twice the pixels. */
.trM{position:absolute;inset:0;transform-origin:0 0;overflow:hidden}.trBar{position:absolute;z-index:2;left:7.63%;top:8.09%;width:84.74%;height:auto}.trO{position:absolute;left:0;top:63.66%;width:100%;height:30.73%;overflow:hidden;background:#2b2b2b}.trOR{position:absolute;left:0;top:0;width:100%;display:block}.trOS{position:absolute;inset:0;visibility:hidden}.trOV{position:absolute;left:3.83%;right:0;top:5.14%;bottom:0;overflow:hidden;background:#2b2b2b}.trOV>div{position:relative}.trOV img{display:block;width:100%}.trOF{position:absolute;left:0;top:0;width:100%;display:block}.trPath{position:absolute;left:2%;width:92.8%;top:63.96%;height:2.54%;border-radius:.5cqw;box-shadow:0 0 0 .35cqw #e8c98a;opacity:0}
.trS .trStat{top:34.2%;padding:1cqw 1.8cqw;border-radius:1.2cqw;font-size:2.1cqw}.trS .trStat div{display:flex;justify-content:space-between}.trS .trStat b,.trS .trStat span{display:inline;margin:0}.trS .trStat u{height:.45cqw;margin-top:.8cqw}
/* The hero's chapter labels: "Keep working" needs more room than the one-word labels, so its segment takes it and the others share the rest. */
.chapSegs button:last-child{width:max(96px,clamp(68px,8vw,112px))}
@media (max-width:700px){.chapSegs button{width:calc((100vw - 32px - 34px - 14px - 24px - 92px)/3)}.chapSegs button:last-child{width:92px}}
@media (max-width:360px){.chapSegs button{width:calc((100vw - 32px - 34px - 14px - 24px - 84px)/3)}.chapSegs button:last-child{width:84px}.chapSegs span{font-size:13px}}