.story-inner{grid-template-columns:.87fr 1.18fr;gap:40px}.closing-action{text-align:center;margin-top:32px}.telegram-handle{font-size:13px;color:#9c93ab;margin-top:17px;letter-spacing:.5px}
@media(max-width:1000px){.story-inner{grid-template-columns:.85fr 1.15fr;gap:20px}}
/* Code-rendered app previews, referenced against the official product interfaces. */
.code-display{height:auto;min-height:455px;padding-top:42px;isolation:isolate}
.code-display .screen-shell{padding:7px;border-radius:16px;background:linear-gradient(125deg,#8b8792,#3a3541 30%,#68616f);box-shadow:0 28px 80px #0008}
.os-desktop{position:relative;width:100%;aspect-ratio:16/10;container-type:inline-size;overflow:hidden;border-radius:10px;background:#20213c;color:#ececf3;font-family:-apple-system,BlinkMacSystemFont,sans-serif;text-align:left}
.os-menubar{position:absolute;top:0;left:0;right:0;height:6%;min-height:17px;padding:0 2.4%;display:flex;gap:2.2%;align-items:center;font-size:1.35cqw;line-height:1;background:#161527b8;border-bottom:1px solid #ffffff08;z-index:5;color:#d6d4e4;white-space:nowrap}.os-menubar strong{font-size:1.45cqw;font-weight:600}.os-system-mark{font-size:1.6cqw;color:#f1f0ff}.os-menu-right{margin-left:auto;font-size:1.15cqw;opacity:.8}
.os-wallpaper{position:absolute;inset:0;background:radial-gradient(ellipse at 95% 80%,#ae83b870,transparent 52%),radial-gradient(ellipse at 20% 90%,#473d82,transparent 65%),linear-gradient(140deg,#303354,#171e34 50%,#554372);z-index:0}
.os-wallpaper:after{content:"";position:absolute;width:110%;height:60%;left:-25%;bottom:-42%;border-radius:50%;border-top:4cqw solid #c39bb04a;box-shadow:0 -2.5cqw 0 #675f9a4d,0 -5.5cqw 0 #4d4f8433;transform:rotate(-25deg)}
.os-dock{position:absolute;left:1.3%;top:50%;transform:translateY(-45%);width:9%;min-width:44px;padding:5px 3px;display:flex;flex-direction:column;gap:6px;align-items:center;border-radius:13px;border:1px solid #ffffff27;background:linear-gradient(120deg,#d5c9e524,#a6a2c416);box-shadow:0 8px 24px #0003,inset 0 1px #ffffff16;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:10}
.os-dock>button{position:relative;display:grid;place-items:center;width:100%;min-height:44px;aspect-ratio:1;border:0;background:transparent;padding:4px;border-radius:10px;cursor:pointer;transition:transform .18s var(--ease),background .18s;isolation:isolate}
.os-dock>button:hover,.os-dock>button:focus-visible{background:#ffffff13;transform:translateX(3px)}.os-dock>button[aria-selected=true]{background:#ffffff0c}.os-dock>button:disabled{cursor:default;opacity:.7}
.dock-icon{width:100%;aspect-ratio:1;border-radius:22%;display:grid;place-items:center;box-shadow:0 2px 5px #0004,inset 0 0 0 1px #ffffff26;transition:transform .2s;max-width:43px}.dock-icon img{width:120%;height:120%;display:block;max-width:none;object-fit:contain}.dock-claude,.dock-codex{background:transparent;box-shadow:none}.os-dock>button:hover .dock-icon{transform:scale(1.06)}
.dock-active-dot{position:absolute;width:3px;height:3px;border-radius:50%;background:#efecff;left:-1px;top:50%;transform:translateY(-50%);opacity:0;box-shadow:0 0 5px #fff5}.os-dock>button[aria-selected=true] .dock-active-dot{opacity:1}
.dock-tooltip{position:absolute;left:calc(100% + 9px);top:50%;transform:translate(3px,-50%);padding:4px 8px;border:1px solid #ffffff22;border-radius:5px;background:#252330ed;font-size:10px;line-height:1.4;white-space:nowrap;color:#eee;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;box-shadow:0 3px 12px #0004}.os-dock>button:hover .dock-tooltip,.os-dock>button:focus-visible .dock-tooltip{opacity:1;transform:translate(0,-50%)}
.app-window{position:absolute;top:11%;left:13%;right:3%;bottom:6%;border-radius:9px;overflow:hidden;border:1px solid #ffffff22;box-shadow:0 12px 30px #0005;z-index:2}.app-window:focus-visible{outline:2px solid #b8a4ff;outline-offset:-3px}
.app-titlebar{height:8.5%;min-height:19px;display:flex;align-items:center;justify-content:center;position:relative;background:#2b2a2b;color:#c1bdba;font:1.3cqw/1.4 -apple-system,BlinkMacSystemFont,sans-serif;border-bottom:1px solid #ffffff09}
.traffic-lights{display:inline-flex;align-items:center;gap:4px}.traffic-lights i{width:1.2cqw;height:1.2cqw;max-width:8px;max-height:8px;min-width:4px;min-height:4px;border-radius:50%;background:#ff6058;box-shadow:inset 0 0 0 1px #0001}.traffic-lights i:nth-child(2){background:#ffbd2d}.traffic-lights i:nth-child(3){background:#28c840}.app-titlebar>.traffic-lights{position:absolute;left:2.5%;top:50%;transform:translateY(-50%)}.app-window-action{position:absolute;right:2.5%;font-size:1.1cqw;color:#8e8988}
.terminal-app{background:#1c1b19;color:#d6d3cb;font:clamp(6px,1.45cqw,10px)/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.cc-terminal{height:91.5%;padding:3% 3.4% 2%;display:flex;flex-direction:column;min-height:0}.cc-welcome{display:flex;align-items:center;gap:3%;margin-bottom:3.3%;flex-shrink:0}.cc-welcome p{margin:0;font:inherit;color:#8e8d83;line-height:1.45}.cc-welcome p:first-child{margin-bottom:1px}.cc-welcome strong{font-size:1.9cqw;color:#e2ded4;letter-spacing:-.03em}.cc-welcome p:first-child span{font-size:1.3cqw;color:#77766f;margin-left:3px}.cc-mascot{color:#d68161;font:2.1cqw/1 ui-monospace,SFMono-Regular,Menlo,monospace;margin:0 1% 0 0;letter-spacing:-.09em;white-space:pre}
.cc-command{font:1.5cqw/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e4e1d8;padding:1.5% 0;border-top:1px solid #7e7c713d;border-bottom:1px solid #7e7c713d;margin-bottom:2.5%;white-space:nowrap}.cc-command>span{color:#b9b3a1;margin-right:2%}.cc-response{font:inherit;color:#c1beb4;line-height:1.45;margin:0 0 3%}
.cc-tool{display:flex;align-items:center;gap:1.5%;font:inherit;line-height:1.4;margin:0 0 .6%;white-space:nowrap}.cc-tool strong{font-weight:650;color:#e1ded5}.cc-tool>span:last-child{color:#c4c0b6}.cc-tool-dot{width:.7cqw;height:.7cqw;background:#a8c89c;border-radius:50%;flex-shrink:0}.cc-subresult{font:1.2cqw/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#8d8b81;margin:0 0 2% 3%}
.cc-code{background:#47784215;margin:1% 0 1.5% 2.4%;border-left:1px solid #75a6664d;padding:1% 0;flex-shrink:0}.cc-code p{font:1.17cqw/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;margin:0;white-space:nowrap}.cc-code span{display:inline-block;width:7%;padding-left:2%;color:#737d68}.cc-code b{color:#a4c295;font-weight:400}.cc-result{font:1.2cqw/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#a6c29a;margin:0 0 1% 2.4%}.cc-result span{color:#858778}
.cc-input{display:flex;gap:2.3%;align-items:center;margin-top:auto;padding:2% 0;border-top:1px solid #817d6f5e;border-bottom:1px solid #817d6f5e;color:#79786d;font:1.4cqw/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;flex-shrink:0}.cc-input>span:first-child{color:#b5af9c}.cc-input i{height:1.4cqw;width:.6cqw;background:#c8c1ab;display:block;margin-left:1%}.cc-status{display:flex;justify-content:space-between;color:#737366;font:1.1cqw/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:1.5%;flex-shrink:0}
.codex-app{display:flex;background:#fbfbfc;color:#292a30;font:clamp(5px,1.3cqw,9px)/1.5 -apple-system,BlinkMacSystemFont,sans-serif;border-color:#fff8}.cx-sidebar{position:relative;flex:0 0 25%;background:linear-gradient(135deg,#e2e8eff5,#e8e9f1f5);border-right:1px solid #00000010;padding:2.6% 2% 3%;min-width:0}.cx-window-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:11%;color:#79828b}.cx-nav-item{display:flex;gap:7%;align-items:center;line-height:1.6;margin-bottom:6%;color:#363b42;white-space:nowrap}.cx-nav-item>span{font-size:1.7cqw;line-height:1}.cx-section-label{font:1.05cqw/1.5 -apple-system,BlinkMacSystemFont,sans-serif;color:#8c949d;margin:13% 0 7%}.cx-thread{font:1.1cqw/1.5 -apple-system,BlinkMacSystemFont,sans-serif;color:#58616d;margin-bottom:6%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-project-label{display:flex;justify-content:space-between;margin-top:14%}.cx-project{font:1.15cqw/1.5 -apple-system,BlinkMacSystemFont,sans-serif;color:#646d79;padding:4% 3%;border-radius:4px;margin-bottom:3%;white-space:nowrap}.cx-project.active{background:#fff8;color:#262d37}.cx-settings{position:absolute;left:8%;bottom:4%;font-size:1.1cqw;color:#606975}
.cx-main{flex:1;position:relative;min-width:0;background:#fdfdfd}.cx-toolbar{height:9%;min-height:20px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:3%;font-size:1.1cqw;color:#63656c;border-bottom:1px solid #00000005;white-space:nowrap}.cx-toolbar strong{color:#25262a;font-weight:550}.cx-toolbar b{color:#37905a;font-weight:400;font-size:1cqw}
.cx-start{position:absolute;left:7%;right:7%;top:17%;bottom:8%;display:flex;flex-direction:column;align-items:center}.cx-logo{font:2.8cqw/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500;letter-spacing:-.1em;color:#2c3338;margin-bottom:3%}.cx-start h3{font:500 2.2cqw/1.25 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.055em;color:#242427;text-align:center;margin:0 0 5%}.cx-start h3 span{color:#666a70}
.cx-composer{width:100%;border:1px solid #d9dadd;border-radius:9px;box-shadow:0 3px 7px #00000006;background:#fff;padding:4% 4% 0}.cx-composer>p{font:1.22cqw/1.5 -apple-system,BlinkMacSystemFont,sans-serif;margin:0 0 8%;color:#a7a9ae;white-space:nowrap;letter-spacing:-.02em}.cx-composer-controls{display:flex;justify-content:space-between;align-items:center;font:1.03cqw/1.5 -apple-system,BlinkMacSystemFont,sans-serif;color:#8a8e95;gap:2%;white-space:nowrap}.cx-composer-controls i{display:inline-grid;place-items:center;border-radius:50%;width:2cqw;height:2cqw;background:#8b8c8e;color:white;font-size:1.4cqw;font-style:normal;margin-left:3px}.cx-context{margin:4% -4.5% 0;display:flex;align-items:center;justify-content:center;gap:5%;padding:3%;background:#f4f4f5;border-radius:0 0 8px 8px;font:1cqw/1.5 -apple-system,BlinkMacSystemFont,sans-serif;color:#878a91;white-space:nowrap}
.cx-suggestion{align-self:stretch;font:1.13cqw/1.6 -apple-system,BlinkMacSystemFont,sans-serif;color:#7d8088;padding:2.6% 1%;border-bottom:1px solid #ececef;white-space:nowrap}.cx-suggestion:first-of-type{margin-top:3%}.cx-connect{font:1.05cqw/1.5 -apple-system,BlinkMacSystemFont,sans-serif;color:#858a94;margin-top:4%;white-space:nowrap}.desktop-demo-label{position:absolute;right:2%;bottom:1%;font:1cqw/1.5 -apple-system,BlinkMacSystemFont,sans-serif;color:#d4c8e6a6;pointer-events:none}
.code-display .screen-stand{bottom:29px}.code-display .workspace-caption{bottom:-10px;font-size:10px;color:#a99ab9}.third-party-notice{display:inline-block;max-width:820px;margin-top:9px;font-size:11px;line-height:1.9;color:#9a8fa6}
@media(max-width:1000px){.code-display{padding-top:20px;min-height:375px}.code-display .screen-stand{height:67px;bottom:12px}.code-display .workspace-caption{bottom:-24px;font-size:9px}.os-dock{left:1%;width:10%;min-width:42px;padding:3px}.os-dock>button{min-height:40px;padding:3px}.app-window{left:14%;right:2%;bottom:5%}.os-menubar{gap:2%}}
@media(max-width:760px){.code-display{padding-top:0;min-height:0;height:auto;padding-bottom:65px;max-width:500px}.code-display .screen-shell{padding:5px;border-radius:12px;transform:none!important}.os-desktop{aspect-ratio:1.35;border-radius:8px}.os-menubar{height:7%;font-size:1.75cqw;gap:2%}.os-menubar strong{font-size:1.9cqw}.os-system-mark{font-size:2cqw}.os-menu-right{font-size:1.25cqw}.os-menubar>span:nth-of-type(4),.os-menubar>span:nth-of-type(5){display:none}.os-dock{width:44px;min-width:44px;left:1.2%;padding:3px;gap:3px;border-radius:11px;transform:translateY(-40%)}.os-dock>button{min-height:44px;width:38px;padding:3px}.dock-icon{width:32px}.dock-tooltip{font-size:9px;left:calc(100% + 5px)}.app-window{left:17%;right:2%;top:12%;bottom:6%;border-radius:7px}.app-titlebar{font-size:1.5cqw;min-height:18px}.terminal-app{font-size:1.75cqw}.cc-welcome{gap:3%;margin-bottom:4%}.cc-welcome strong{font-size:2.4cqw}.cc-welcome p:first-child span{font-size:1.5cqw}.cc-mascot{font-size:2.7cqw}.cc-command{font-size:1.7cqw;padding-block:2%;margin-bottom:4%}.cc-response{font-size:1.7cqw;margin-bottom:4%}.cc-tool{font-size:1.65cqw}.cc-subresult{font-size:1.4cqw;margin-bottom:3%}.cc-code p{font-size:1.3cqw}.cc-code{margin-block:2%}.cc-result{font-size:1.4cqw}.cc-input{font-size:1.7cqw;padding-block:3%}.cc-input i{height:1.9cqw;width:.8cqw}.cc-status{font-size:1.25cqw}.traffic-lights{gap:3px}.traffic-lights i{width:1.35cqw;height:1.35cqw}.cx-sidebar{flex-basis:27%;padding-top:4%}.cx-nav-item{font-size:1.55cqw;margin-bottom:9%}.cx-nav-item>span{font-size:2cqw}.cx-section-label{font-size:1.3cqw}.cx-thread{font-size:1.25cqw}.cx-project{font-size:1.4cqw}.cx-settings{font-size:1.3cqw}.cx-toolbar{font-size:1.25cqw;height:9%}.cx-toolbar b{font-size:1.1cqw}.cx-logo{font-size:3.5cqw;margin-bottom:6%}.cx-start{left:6%;right:6%;top:20%}.cx-start h3{font-size:2.6cqw;margin-bottom:7%}.cx-composer{padding:5% 4% 0;border-radius:7px}.cx-composer>p{font-size:1.35cqw;white-space:normal;margin-bottom:12%}.cx-composer-controls{font-size:1.2cqw;white-space:normal}.cx-composer-controls>span:first-child{max-width:49%}.cx-composer-controls i{width:2.4cqw;height:2.4cqw;font-size:1.7cqw}.cx-context{font-size:1.1cqw;flex-wrap:wrap;gap:1% 5%}.cx-suggestion{font-size:1.3cqw;padding-block:5%;white-space:normal}.cx-connect{font-size:1.15cqw;margin-top:7%;text-align:center;white-space:normal}.desktop-demo-label{font-size:1.3cqw}.code-display .screen-stand{bottom:22px;height:52px}.code-display .workspace-caption{bottom:0;font-size:9px}.third-party-notice{font-size:11px}}
@media(max-width:370px){.os-desktop{aspect-ratio:1.23}.os-menubar>span:nth-of-type(3){display:none}.app-window{left:19%;right:2%;top:12%;bottom:6%}.cc-terminal{padding-inline:3%}.cc-code p{font-size:1.27cqw}.cx-toolbar>span{font-size:1.1cqw}.cx-toolbar{padding-inline:4%}.cx-start h3{font-size:2.7cqw}.cx-context{gap:1% 3%}.os-dock{left:.8%}.code-display .workspace-caption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.os-dock>button,.dock-icon,.dock-tooltip{transition:none!important}.os-dock>button:hover,.os-dock>button:focus-visible,.os-dock>button:hover .dock-icon{transform:none}}
.code-display{padding-bottom:70px;min-height:0}.code-display .screen-stand{bottom:25px}.code-display .workspace-caption{bottom:0}@media(max-width:760px){.code-display{padding-bottom:65px}.code-display .screen-stand{bottom:22px}}
/* Terminal rhythm uses screen-relative units rather than width-relative margins. */
.cc-terminal{padding:1.5cqw 2cqw 1cqw}
.cc-welcome{margin-bottom:1.3cqw}
.cc-command{padding:.7cqw 0;margin-bottom:1cqw}
.cc-response{margin-bottom:1cqw}
.cc-subresult{margin-bottom:.8cqw}
.cc-code{padding:.3cqw 0;margin:.5cqw 0 .6cqw 2.4%}
.cc-result{margin-bottom:.5cqw}
.cc-input{padding:.7cqw 0}
.cc-status{margin-top:.5cqw}
.cx-start{top:14%;bottom:5%}.cx-logo{margin-bottom:2%}.cx-suggestion{padding-block:1.6%}.cx-connect{margin-top:2%}
@media(max-width:760px){.cx-start{top:17%;bottom:5%}.cx-logo{margin-bottom:3%}.cx-start h3{margin-bottom:4%}.cx-suggestion{padding-block:3%}.cx-suggestion+.cx-suggestion{display:none}.cx-connect{margin-top:3%}}