.hero{padding:clamp(48px,6vw,88px) 0 clamp(72px,8vw,120px);position:relative;overflow:hidden}.hero-grid{grid-template-columns:minmax(0,1.24fr) minmax(360px,.84fr);align-items:center;gap:clamp(28px,4vw,58px);display:grid}.hero h1{font:600 clamp(36px,4.2vw,56px)/1.06 var(--display);letter-spacing:-.03em;max-width:22ch;margin-bottom:18px}.hero h1 em{white-space:nowrap;z-index:0;font-style:normal;position:relative}.hero h1 em:after{content:"";background:var(--sun);z-index:-1;border-radius:4px;height:.28em;position:absolute;bottom:.06em;left:-1%;right:-1%}.hero p.lede{max-width:50ch;color:var(--ink-70);font-size:18.5px;line-height:1.6}.hero p.lede b{color:var(--ink);font-weight:600}.hero .row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.line-stage{aspect-ratio:560/450;width:min(100%,560px);height:auto;margin-inline:auto;position:relative}.line-stage>svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero-camera-mark{aspect-ratio:128/102;object-fit:contain;z-index:1;pointer-events:none;width:15.36%;height:auto;display:block;position:absolute;top:50.44%;left:4.82%}.rider{offset-rotate:0deg;offset-anchor:50% -4px;offset-distance:0%;opacity:0;width:86px;animation:ride 8s var(--ease-in-out) infinite;position:absolute;top:0;left:0}.rider .cap{padding:5px 1px 6px;font-size:8px;line-height:1.15}.rider.r1{offset-path:var(--l1)}.rider.r2{offset-path:var(--l2)}.rider.r3{offset-path:var(--l3)}@keyframes ride{0%{offset-distance:0%;opacity:0}8%{offset-distance:30%;opacity:0}12%{opacity:1}56%{offset-distance:80%;opacity:1}80%{offset-distance:80%;opacity:1}88%{offset-distance:80%;opacity:0}to{offset-distance:80%;opacity:0}}.pin{background:var(--card);border:2.5px solid var(--ink);white-space:nowrap;font:600 13px/1.15 var(--body);box-shadow:0 3px 0 var(--ink);border-radius:12px;align-items:center;gap:9px;padding:9px 12px;display:flex;position:absolute;transform:translate(-8px,-50%)}.pin small{font:400 10px/1 var(--mono);color:var(--ink-30);margin-top:4px;display:block}.pin .ic{border:2px solid var(--ink);border-radius:8px;flex:none;place-items:center;width:26px;height:26px;display:grid}.pin .ic svg{display:block}.pin .tog{border:2px solid var(--ink);background:var(--sun);border-radius:999px;flex:none;width:30px;height:18px;position:relative}.pin .tog:after{content:"";background:var(--ink);border-radius:50%;width:12px;height:12px;position:absolute;top:1px;right:1px}.pin.off{opacity:.55;box-shadow:0 3px 0 var(--ink-30);border-color:var(--ink-30)}.pin.off .tog{background:var(--card);border-color:var(--ink-30)}.pin.off .tog:after{background:var(--ink-30);left:1px;right:auto}.pin .ok{background:var(--sun);border:2px solid var(--ink);opacity:0;width:18px;height:18px;animation:pop 8s var(--ease-out) infinite;border-radius:50%;place-items:center;display:grid;transform:scale(.9)}@keyframes pop{0%,54%{opacity:0;transform:scale(.9)}58%,84%{opacity:1;transform:scale(1)}88%,to{opacity:0;transform:scale(.9)}}.wifi{animation:wifi 2.4s var(--ease-out) infinite}.wifi2{animation:wifi 2.4s var(--ease-out) .35s infinite}.wifi3{animation:wifi 2.4s var(--ease-out) .7s infinite}@keyframes wifi{0%{opacity:0}30%{opacity:1}to{opacity:0}}.camlabel{font:600 12px/1 var(--mono);color:var(--ink-55);position:absolute;transform:translate(-50%)}.joblabel{font:600 12px/1 var(--mono);color:var(--ink-55);background:var(--paper);border:2px solid var(--ink-12);border-radius:8px;padding:6px 9px;position:absolute;top:0;right:0}.steps{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:clamp(40px,6vw,96px);padding:clamp(70px,9vw,130px) 0 clamp(40px,6vw,80px);display:grid}.steps__visual{top:calc(var(--nav-h) + 31px + 24px);height:calc(100dvh - var(--nav-h) - 31px - 48px);background:var(--card);border:2.5px solid var(--ink);max-height:640px;box-shadow:var(--shadow);border-radius:26px;position:sticky;overflow:hidden}.steps__visual svg{width:100%;height:100%;position:absolute;inset:0}.steps__visual [data-step]{opacity:0;transition:opacity .42s var(--ease-out)}.steps__visual[data-active="1"] [data-step="1"],.steps__visual[data-active="2"] [data-step="2"],.steps__visual[data-active="3"] [data-step="3"],.steps__visual[data-active="4"] [data-step="4"],.steps__visual .base{opacity:1}.steps__text{gap:34vh;padding:10vh 0 16vh;display:grid}.steps__text h2{font:600 clamp(32px,4vw,50px)/1.05 var(--display);letter-spacing:-.028em;margin-bottom:12px}.steps__text .intro{color:var(--ink-70);max-width:44ch;margin-bottom:8vh}.step{max-width:40ch}.step b{font:600 13px/1 var(--mono);color:var(--tomato);margin-bottom:10px;display:block}.step h3{font:600 28px/1.1 var(--display);margin-bottom:8px}.step p{color:var(--ink-70);font-size:16px}.step.active h3{color:var(--ink)}.route{padding:clamp(72px,8vw,120px) 0 0}.route .head{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.route .head>div{text-align:center;grid-column:3/span 8}.route h2{font:600 clamp(32px,4.2vw,54px)/1.05 var(--display);letter-spacing:-.028em;max-width:18ch;margin:0 auto}.route p{color:var(--ink-70);max-width:48ch;margin:12px auto 0}.bleed{width:min(100% - 32px,var(--page));border:2.5px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:32px;margin:40px auto 24px;overflow:hidden}.fabric-wrap{background:var(--card);padding:clamp(24px,4vw,60px) 0 0;position:relative}.fabric-wrap:after,.fabric-wrap:before{content:none}.fabric{max-width:100%;margin:0 auto;padding:0 clamp(20px,4vw,48px) 40px}.fabric>svg{width:100%;height:auto;display:block;overflow:visible}.journey{padding-top:24px;position:relative}.j-scroller{height:400vh;width:min(100% - 32px,var(--page));margin:0 auto;position:relative}.j-stage{top:calc(var(--nav-h) + 14px);aspect-ratio:800/560;width:100%;height:auto;max-height:calc(100dvh - var(--nav-h) - 28px);box-shadow:var(--shadow);background:linear-gradient(#111a2e,#0e1a3a);border-radius:32px;position:sticky;overflow:hidden}.j-view{position:absolute;inset:0;overflow:hidden}.j-head{z-index:5;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:14px;padding:24px clamp(20px,4vw,48px) 0;display:flex;position:absolute;top:0;left:0;right:0}.j-head h2{color:var(--paper);font:600 clamp(26px,3.2vw,40px)/1.06 var(--display);letter-spacing:-.028em;max-width:26ch}.j-head h2 small{font:400 15px/1.4 var(--body);color:#fdf6e8b3;letter-spacing:0;margin-top:8px;display:block}.j-tabs{pointer-events:auto;background:#fdf6e814;border:1.5px solid #fdf6e82e;border-radius:999px;gap:6px;padding:5px;display:flex}.j-tabs button{font:600 13px/1 var(--body);color:var(--paper);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 14px;transition:background .16s,color .16s}.j-tabs button.on{background:var(--sun);color:var(--ink)}.j-strip{will-change:transform;width:400%;display:flex;position:absolute;inset:0}.scene{flex:0 0 25%;width:25%;height:100%;position:relative}.scene svg{width:100%;height:100%;position:absolute;inset:0}.j-rider{z-index:6;will-change:transform;width:110px;position:absolute;top:0;left:0;box-shadow:0 8px #00000059}.j-rider .cap{font-size:10px}.j-cap{z-index:5;color:var(--paper);max-width:46ch;position:absolute;bottom:clamp(22px,4vw,44px);left:clamp(20px,4vw,48px)}.j-cap b{font:600 12px/1 var(--mono);color:var(--sun);margin-bottom:8px;display:block}.j-cap strong{font:600 clamp(22px,2.6vw,32px)/1.1 var(--display);letter-spacing:-.02em;margin-bottom:6px;display:block}.j-cap p{color:#fdf6e8b8;font-size:15px}.j-cap .c{opacity:0;transition:opacity .3s var(--ease-out),transform .3s var(--ease-out);pointer-events:none;width:max-content;max-width:46ch;position:absolute;bottom:0;left:0;transform:translateY(8px)}.j-cap .c.on{opacity:1;transform:none}.j-dots{z-index:5;gap:8px;display:flex;position:absolute;bottom:clamp(22px,4vw,44px);right:clamp(20px,4vw,48px)}.j-dots i{width:10px;height:10px;transition:background .2s ease,transform .2s var(--ease-out);background:#fdf6e840;border-radius:50%}.j-dots i.on{background:var(--sun);transform:scale(1.25)}.j-hint{color:#fdf6e899;font:600 13px/1 var(--mono);z-index:4;opacity:0;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cine{max-width:62ch;color:var(--ink-70);margin:26px auto 0;font-size:14.5px}.brandrow{flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;margin:18px auto 0;display:flex}.brandrow button{font:600 13px/1 var(--body);border:2px solid var(--ink);background:var(--card);color:var(--ink);cursor:pointer;box-shadow:0 2px 0 var(--ink);transition:transform var(--t-press) var(--ease-out);border-radius:999px;padding:9px 12px}.brandrow button:active{transform:scale(.97)}.brandrow button b{font:600 11px/1 var(--mono);color:var(--ink-55);margin-left:6px}.cine a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--tomato);text-decoration-color:var(--tomato);text-underline-offset:3px;font-weight:600}.config{padding:clamp(72px,8vw,120px) 0}.config h2{font:600 clamp(32px,4.2vw,54px)/1.05 var(--display);letter-spacing:-.028em;max-width:20ch;margin-bottom:12px}.config p.intro{max-width:56ch;color:var(--ink-70)}.cfg{grid-template-columns:230px minmax(0,1fr);gap:18px;min-height:720px;margin-top:30px;display:grid}.palette{background:var(--card);border:2.5px solid var(--ink);box-shadow:0 5px 0 var(--ink);border-radius:20px;align-self:start;padding:14px}.palette h4{font:600 12px/1 var(--mono);color:var(--ink-55);letter-spacing:.06em;text-transform:uppercase;padding:6px 6px 12px}.tile{border:2px solid var(--ink);background:var(--card);font:600 13.5px/1.15 var(--body);cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 2px 0 var(--ink);touch-action:none;border-radius:12px;align-items:center;gap:10px;margin-bottom:7px;padding:7px 9px;display:flex}.tile:active{cursor:grabbing}.tile .ic{border:2px solid var(--ink);background:var(--sun-24);border-radius:8px;flex:none;place-items:center;width:26px;height:26px;display:grid}.tile small{font:400 10px/1 var(--mono);color:var(--ink-30);margin-top:3px;display:block}.canvas{background:var(--card);border:2.5px solid var(--ink);box-shadow:var(--shadow);background-image:radial-gradient(var(--ink-12) 1.3px,transparent 1.4px);background-size:22px 22px;border-radius:22px;min-height:720px;position:relative;overflow:hidden}.canvas.over{outline:3px dashed var(--tomato);outline-offset:-8px}.canvas>svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.canvas>svg .wire-pulse{stroke-dasharray:1 44;stroke-dashoffset:0;animation:1.8s linear infinite wire-pulse}@keyframes wire-pulse{to{stroke-dashoffset:-180px}}.knot{background:var(--sun);border:3px solid var(--ink);z-index:2;border-radius:50%;place-items:center;width:68px;height:68px;display:grid;position:absolute;top:50%;left:8%;transform:translate(-50%,-50%)}.knotlabel{white-space:nowrap;font:600 11px/1 var(--mono);color:var(--ink-55);margin-top:8px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.camsrc{z-index:2;font:600 11px/1 var(--mono);color:var(--ink-55);flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:50%;left:6%;transform:translateY(-50%)}.node{z-index:3;background:var(--card);border:2.5px solid var(--ink);width:200px;box-shadow:0 4px 0 var(--ink);touch-action:auto;border-radius:14px;position:absolute}.node.off{opacity:.55}.node.step{border-style:dashed}.node.step .nh .ic{background:var(--paper)}.node .nh{border-bottom:2px solid var(--ink-12);cursor:grab;align-items:center;gap:8px;padding:9px 10px;display:flex}.node .nh .ic{border:2px solid var(--ink);background:var(--sun-24);border-radius:7px;flex:none;place-items:center;width:24px;height:24px;display:grid}.node .name{font:600 13.5px/1.2 var(--body);border-radius:6px;outline:none;flex:1;min-width:0;padding:2px 4px}.node .name:focus{background:var(--sun-24)}.node .x{font:600 16px/1 var(--body);color:var(--ink-30);cursor:pointer;background:0 0;border:0;padding:2px 4px}.node .nb{gap:7px;padding:8px 10px 10px;display:grid}.node .path{font:400 11.5px/1.3 var(--mono);color:var(--ink-70);background:var(--paper);border:1.5px solid var(--ink-12);border-radius:7px;outline:none;padding:5px 7px}.node .path:focus{border-color:var(--ink)}.node .row{font:600 11px/1 var(--mono);color:var(--ink-55);justify-content:space-between;align-items:center;display:flex}.node .tog{border:2px solid var(--ink);background:var(--sun);cursor:pointer;border-radius:999px;width:34px;height:20px;position:relative}.node .tog:after{content:"";background:var(--ink);width:13px;height:13px;transition:right .16s var(--ease-out),left .16s var(--ease-out);border-radius:50%;position:absolute;top:1.5px;right:1.5px}.node.off .tog{background:var(--card)}.node.off .tog:after{background:var(--ink-30);left:1.5px;right:auto}.ghost{z-index:200;pointer-events:none;opacity:.9;position:fixed;transform:translate(-20px,-16px)}.board-shell{min-width:0;position:relative}.cfg-foot{font:600 13px/1.5 var(--body);color:var(--ink-55);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:14px;display:flex}.native-companions{background:var(--bone);padding-top:clamp(86px,10vw,150px)}.native-companions-head{grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);align-items:end;gap:clamp(36px,7vw,100px);margin-bottom:34px;display:grid}.native-companions-head h2{max-width:13ch;font:600 clamp(38px,5vw,66px)/.98 var(--display);letter-spacing:-.04em}.native-companions-head>p{max-width:46ch;color:var(--ink-70);font-size:17px;line-height:1.62}.native-companion-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.native-companion-card{border:2.5px solid var(--ink);background:var(--card);box-shadow:0 6px 0 var(--ink);border-radius:26px;grid-template-rows:minmax(340px,1fr) auto;display:grid;overflow:hidden}.native-device-stage{background-color:var(--paper);background-image:radial-gradient(var(--ink-12) 1.2px,transparent 1.3px);border-bottom:2px solid var(--ink);background-size:20px 20px;place-items:center;min-width:0;padding:28px;display:grid;position:relative;overflow:hidden}.native-companion-copy{padding:24px 26px 27px}.native-companion-meta{font:600 9px/1 var(--mono);letter-spacing:.06em;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px;display:flex}.native-companion-meta span{color:var(--tomato)}.native-companion-meta b{border:1.5px solid var(--ink);background:var(--sun);font:inherit;white-space:nowrap;border-radius:999px;padding:6px 8px}.native-iphone .native-companion-meta b{background:var(--cyan)}.native-companion-copy h3{font:600 clamp(26px,2.8vw,38px)/1 var(--display);letter-spacing:-.025em}.native-companion-copy>p{max-width:54ch;color:var(--ink-70);margin:12px 0 20px;font-size:14.5px;line-height:1.55}.native-companion-action,.native-disabled-action{border:2px solid var(--ink);font:600 13px/1 var(--body);border-radius:999px;align-items:center;gap:8px;padding:11px 15px;display:inline-flex}.native-companion-action{background:var(--sun);box-shadow:0 3px 0 var(--ink);transition:transform var(--t-press) var(--ease-out),box-shadow var(--t-press) var(--ease-out)}.native-companion-action:hover{box-shadow:0 5px 0 var(--ink);transform:translateY(-2px)}.native-companion-action:active{box-shadow:0 2px 0 var(--ink);transform:translateY(1px)}.native-disabled-action{background:var(--paper);color:var(--ink-55);border-color:var(--ink-30);cursor:not-allowed}.native-phone{z-index:2;box-sizing:border-box;aspect-ratio:9/19.2;border:3px solid var(--ink);background:var(--ink);border-radius:34px;grid-template-rows:auto 1fr auto;width:min(31%,148px);min-width:136px;padding:7px;display:grid;position:relative;transform:translate(-42%)rotate(-2deg);box-shadow:0 18px 38px #111a2e38}.native-phone:before{content:"";z-index:2;background:var(--ink);border-radius:999px;width:42px;height:11px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.native-phone:after{content:"";background:var(--paper);border-radius:999px;width:34%;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.native-phone-bar{background:var(--paper);height:32px;font:600 7px/1 var(--mono);border-radius:25px 25px 0 0;justify-content:space-between;align-items:center;padding:2px 8px 0;display:flex}.native-phone-bar i{background:var(--tomato);border-radius:50%;width:9px;height:9px}.native-phone-bar b{letter-spacing:1px}.native-pair-screen{background:var(--paper);text-align:center;align-content:center;gap:15px;min-height:0;padding:22px 10px;display:grid}.native-pair-screen span{color:var(--tomato);font:600 7px/1 var(--mono);letter-spacing:.08em}.native-pair-screen strong{border:1.5px dashed var(--ink);background:var(--sun-24);font:600 17px/1 var(--mono);letter-spacing:.05em;border-radius:9px;padding:12px 7px}.native-pair-screen small{color:var(--ink-55);font:500 7.5px/1.4 var(--mono)}.native-photo-grid{background:var(--paper);grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;display:grid}.native-photo-grid>span{aspect-ratio:1;background:#c9d7dd;border-radius:3px;position:relative}.native-photo-grid .photo-a{background:linear-gradient(145deg,#ef885d 0 34%,#233450 35% 67%,#d8c89d 68%)}.native-photo-grid .photo-b{background:linear-gradient(35deg,#18233b 0 48%,#86a9ba 49% 73%,#f2ca6d 74%)}.native-photo-grid .photo-c{background:linear-gradient(150deg,#b7d7df 0 39%,#f4c43d 40% 58%,#1b2945 59%)}.native-photo-grid .photo-d{background:linear-gradient(25deg,#c85036 0 42%,#f0d29b 43% 66%,#233450 67%)}.native-photo-grid .photo-e{background:linear-gradient(135deg,#2f4e69 0 46%,#e0d2b4 47% 72%,#d96842 73%)}.native-photo-grid .photo-f{background:linear-gradient(35deg,#172138 0 38%,#96b7bc 39% 64%,#eedbaf 65%)}.native-photo-grid i{border:1.5px solid var(--ink);background:var(--sun);width:15px;height:15px;font:700 8px/1 var(--body);border-radius:50%;place-items:center;display:grid;position:absolute;top:4px;right:4px}.native-phone-send{background:var(--paper);font:600 8px/1 var(--mono);border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;padding:10px 8px 17px;display:flex}.native-phone-send b{background:var(--sun);color:var(--ink);border-radius:999px;padding:6px 7px}.native-stream-dots{z-index:1;align-items:center;gap:16px;display:flex;position:absolute;top:48%;left:46%}.native-stream-dots:before{content:"";background:var(--ink-30);height:2px;position:absolute;top:50%;left:-14px;right:-14px;transform:translateY(-50%)}.native-stream-dots i{border:1.5px solid var(--ink);background:var(--sun);border-radius:50%;width:7px;height:7px;position:relative}.native-flow-chip{z-index:2;border:2px solid var(--ink);background:var(--card);width:39%;box-shadow:0 4px 0 var(--ink);border-radius:14px;padding:15px;position:absolute;top:50%;right:6%;transform:translateY(-50%)}.native-flow-chip span,.native-flow-chip small{font:600 8px/1.35 var(--mono);display:block}.native-flow-chip span{color:var(--tomato)}.native-flow-chip strong{font:600 16px/1.05 var(--display);margin:17px 0 6px;display:block}.native-flow-chip small{color:var(--ink-55)}.native-mac .native-device-stage{background-color:var(--ink);background-image:radial-gradient(#fdf6e826 1.2px,#0000 1.3px);background-size:20px 20px}.native-mac-window{border:2px solid var(--paper);background:var(--paper);border-radius:17px;width:min(94%,500px);overflow:hidden;box-shadow:0 22px 48px #0000005c}.native-mac-toolbar{border-bottom:1.5px solid var(--ink);background:var(--card);align-items:center;gap:16px;padding:12px 14px;display:flex}.native-mac-toolbar>span{gap:5px;display:flex}.native-mac-toolbar i{border:1px solid var(--ink);background:var(--tomato);border-radius:50%;width:8px;height:8px;display:block}.native-mac-toolbar i:nth-child(2){background:var(--sun)}.native-mac-toolbar i:nth-child(3){background:var(--acid)}.native-mac-toolbar b{font:600 9px/1 var(--mono)}.native-mac-route{background:var(--paper);grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:25px 20px;display:grid}.native-mac-route>div{border:1.5px solid var(--ink);background:var(--card);border-radius:10px;min-width:0;padding:13px}.native-mac-route span{color:var(--tomato);font:600 7px/1 var(--mono);display:block}.native-mac-route strong{font:600 13px/1.1 var(--display);text-overflow:ellipsis;white-space:nowrap;margin-top:10px;display:block;overflow:hidden}.native-mac-route>i{color:var(--tomato);font-size:18px;font-style:normal}.native-mac-file{border-top:1px solid var(--ink-12);font:500 9px/1 var(--mono);grid-template-columns:1fr auto 18px;align-items:center;gap:11px;padding:11px 20px;display:grid}.native-mac-file small{color:var(--ink-55)}.native-mac-file b{border:1.5px solid var(--ink);background:var(--acid);width:18px;height:18px;font:700 9px/1 var(--body);border-radius:50%;place-items:center;display:grid}@media (width<=760px){.native-companions-head,.native-companion-grid{grid-template-columns:1fr}.native-companion-card{grid-template-rows:minmax(320px,1fr) auto}}@media (width<=560px){.native-device-stage{min-height:320px;padding:22px 14px}.native-iphone .native-device-stage{grid-template-columns:minmax(128px,140px) minmax(0,1fr);place-items:center;gap:14px;min-height:344px;padding:22px 18px}.native-iphone .native-phone{grid-column:1;width:100%;min-width:0;transform:rotate(-1.5deg)}.native-iphone .native-flow-chip{grid-column:2;width:100%;padding:13px;position:relative;top:auto;right:auto;transform:none}.native-iphone .native-flow-chip strong{margin:14px 0 5px;font-size:15px}.native-iphone .native-stream-dots{display:none}.native-phone-send{white-space:nowrap;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:9px 7px 16px;font-size:7px;display:grid}.native-phone-send b{padding:6px}.native-mac-route{gap:8px;padding:18px 10px}.native-mac-window{width:100%}.native-companion-copy{padding:22px 20px 25px}.native-companion-meta{align-items:flex-start}.native-companion-meta b{white-space:normal;text-align:right}}@media (width<=360px){.native-iphone .native-device-stage{grid-template-columns:1fr;gap:18px;min-height:485px}.native-iphone .native-phone{grid-column:1;width:136px}.native-iphone .native-flow-chip{grid-column:1;width:min(100%,220px)}}.collaboration{background:var(--paper)}.collaboration-head{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:end;gap:clamp(28px,6vw,84px);display:grid}.collaboration-head h2{max-width:15ch}.collaboration-head p{max-width:48ch;color:var(--ink-70);font-size:17px;line-height:1.6}.collaboration-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;display:grid}.collaboration-grid article{border:2.5px solid var(--ink);background:var(--card);min-height:220px;box-shadow:0 5px 0 var(--ink);border-radius:20px;padding:24px}.collaboration-grid article:nth-child(2){background:var(--sun)}.collaboration-grid article>span{font:600 10px/1 var(--mono);color:var(--tomato)}.collaboration-grid h3{font:600 24px/1.08 var(--display);letter-spacing:-.02em;margin:54px 0 8px}.collaboration-grid p{color:var(--ink-70);font-size:14.5px;line-height:1.55}.collaboration-action{margin-top:24px}@media (width<=760px){.collaboration-head,.collaboration-grid{grid-template-columns:1fr}.collaboration-grid article{min-height:0}.collaboration-grid h3{margin-top:30px}}