@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/figmaboy/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/figmaboy/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/figmaboy/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/figmaboy/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/figmaboy/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/figmaboy/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/figmaboy/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--ink:#1d1d1f;--muted:#6e6e73;--line:#d2d2d7;--surface:#f5f5f7;--blue:#0071e3;--blue-hover:#0077ed;--white:#fff;--sans:"Inter Variable", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{background:var(--white)}body{color:var(--ink);background:var(--white);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%}.shell{width:min(1080px,100% - 48px);margin-inline:auto}.shell-wide{width:min(1320px,100% - 48px);margin-inline:auto}.skip-link{z-index:100;color:var(--white);background:var(--ink);border-radius:999px;padding:10px 16px;position:fixed;top:10px;left:10px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{z-index:20;backdrop-filter:saturate(180%)blur(18px);background:#ffffffd1;border-bottom:1px solid #00000014;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:52px;display:flex}.wordmark{align-items:center;display:inline-flex}.wordmark img{width:25px;height:25px}.nav-links{align-items:center;gap:28px;font-size:12px;display:flex}.nav-links>a:hover{color:var(--blue)}.nav-cta{background:var(--blue);border-radius:999px;align-items:center;min-height:30px;padding:0 15px;font-weight:550;display:inline-flex;color:var(--white)!important}.nav-cta:hover{background:var(--blue-hover)}.hero{text-align:center;padding:112px 0 72px}.hero h1{letter-spacing:-.06em;max-width:980px;margin:0 auto;font-size:clamp(52px,7.2vw,88px);font-weight:650;line-height:.98}.hero>p{max-width:720px;color:var(--muted);letter-spacing:-.025em;margin:30px auto 0;font-size:clamp(19px,2vw,23px);line-height:1.42}.hero-actions{justify-content:center;gap:12px;margin-top:34px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:15px;font-weight:520;transition:background-color .14s,color .14s,border-color .14s;display:inline-flex}.button.primary{color:var(--white);background:var(--blue)}.button.primary:hover{background:var(--blue-hover)}.button.secondary{border-color:var(--blue);color:var(--blue)}.button.secondary:hover{color:var(--white);background:var(--blue)}.availability{color:#86868b;margin-top:19px;font-size:12px;display:block}.product{margin-bottom:150px}.product-app{color:#d7d7dc;background:#242426;border:1px solid #202023;border-radius:14px;grid-template-columns:18.73% 56.68% 24.59%;height:800px;display:grid;overflow:hidden;box-shadow:0 30px 80px #00000029}.app-left{background:#292929;grid-template-columns:19% 81%;min-width:0;display:grid}.app-rail{color:#d1d1d5;border-right:1px solid #3c3c3c;flex-direction:column;align-items:center;gap:3px;padding-top:4px;display:flex}.app-rail-item{border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:38px;height:48px;font-size:7px;display:flex}.app-rail-item svg{width:15px;height:15px}.app-rail-item.active{color:#fff;background:#3e4d70}.app-browser{min-width:0}.app-browser header{border-bottom:1px solid #3b3b3b;justify-content:space-between;align-items:center;height:56px;padding:0 13px;font-size:11px;display:flex}.app-browser header svg{color:#898990;width:14px;height:14px}.app-browser section{justify-content:space-between;align-items:center;height:38px;padding:0 12px;font-size:9px;display:flex}.browser-actions{color:#aaaab0;align-items:center;gap:9px;display:flex}.browser-actions svg{width:12px;height:12px}.sliders{color:#aaaab0;transform:rotate(90deg)}.page-row{color:#fff;background:#383838;border-radius:4px;align-items:center;height:30px;margin:0 6px 7px;padding:0 8px;font-size:9px;display:flex}.layer-tree{color:#a5a5aa;white-space:nowrap;gap:10px;padding:2px 11px;font-size:8px;display:grid}.layer-tree b,.layer-tree span{text-overflow:ellipsis;align-items:center;gap:5px;min-width:0;height:14px;display:flex;overflow:hidden}.layer-tree b{color:#e4e4e7;font-weight:520}.layer-tree i{color:#8b8b91;width:7px;font-style:normal}.layer-tree svg{flex:none;width:10px;height:10px}.layer-tree span{padding-left:9px}.layer-tree span.nested{padding-left:27px}.app-canvas{background:#696969;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.app-canvas>header{z-index:2;color:#707078;background:#29292be8;border-radius:0 0 8px;align-items:center;gap:4px;height:42px;padding:0 7px;font-size:8px;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 14px #0003}.app-canvas>header b,.app-canvas>header strong,.app-canvas>header button{color:#babac0;height:29px;font:inherit;background:0 0;border:0;border-radius:5px;align-items:center;gap:3px;padding:0 7px;display:flex}.app-canvas>header b{font-weight:520}.app-canvas>header strong{color:#ddd;font-size:10px;font-weight:560}.app-canvas>header button{color:#929299;justify-content:center;width:27px;padding:0}.app-canvas>header svg{width:10px;height:10px}.app-canvas>header span{margin-left:3px}.canvas-design{place-items:center;height:700px;display:grid}.canvas-design img{filter:drop-shadow(0 12px 24px #00000038);border-radius:35px;width:auto;height:680px;display:block}.app-toolbar{color:#babac0;white-space:nowrap;background:#242426;border:1px solid #333338;border-radius:10px;align-items:center;gap:3px;height:42px;padding:0 6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #00000040}.app-toolbar b,.app-toolbar span{border-radius:6px;place-items:center;width:31px;height:31px;display:grid}.app-toolbar b{color:#fff;background:#0a8cf1}.app-toolbar svg{width:15px;height:15px}.app-toolbar i{background:#444449;width:1px;height:21px;margin:0 3px}.app-toolbar small{color:#aaaab0;text-align:center;min-width:25px;font-size:8px}.app-chat{color:#d8d8dc;background:#222224;border-left:1px solid #414146;flex-direction:column;min-width:0;display:flex}.app-chat-tabs{color:#85858d;text-transform:uppercase;background:#252527;border-bottom:1px solid #3b3b40;flex:0 0 35px;align-items:stretch;height:35px;padding:0 7px;font-size:8px;display:flex}.app-chat-tabs b,.app-chat-tabs span{letter-spacing:.035em;place-items:center;min-width:57px;font-weight:500;display:grid;position:relative}.app-chat-tabs b{color:#ededf0}.app-chat-tabs b:after{content:"";background:#79b8d1;height:1px;position:absolute;bottom:0;left:8px;right:8px}.app-chat-tabs>svg{color:#85858d;width:14px;height:14px;margin:auto 3px auto auto}.app-chat-tools{color:#8f8f97;background:#272729;border-bottom:1px solid #3a3a3f;flex:0 0 42px;justify-content:flex-end;align-items:center;gap:16px;height:42px;padding:0 13px;display:flex}.app-chat-tools svg{width:13px;height:13px}.chat-body{flex:1;min-height:0;padding:19px 16px 24px;font-size:10px;line-height:1.48;overflow:hidden}.chat-prompt{color:#f0f0f2;background:#2d2d30;border-radius:14px;max-width:82%;margin:0 0 28px auto;padding:11px 12px;box-shadow:inset 0 0 0 1px #ffffff08}.chat-body>p{color:#eeeef0;margin:0 2px 26px}.chat-work{color:#85858d;border-bottom:1px solid #3b3b40;justify-content:space-between;align-items:center;height:34px;display:flex}.chat-work svg{width:10px;height:10px}.chat-answer>p{color:#eeeef0;margin:15px 0 8px}.chat-answer ul{color:#b9b9bf;margin:0;padding-left:17px}.chat-answer li+li{margin-top:6px}.chat-composer{color:#72727a;background:#1d1d1f;border:1px solid #3d3d42;border-radius:15px;flex:none;min-height:105px;margin:0 11px;overflow:hidden;box-shadow:inset 0 1px #ffffff07,0 8px 24px #0003}.chat-placeholder{min-height:63px;padding:14px 13px 8px;font-size:9px}.chat-composer-controls{align-items:center;gap:4px;height:39px;padding:0 7px 6px;display:flex}.chat-composer-controls>span{color:#909098;place-items:center;width:25px;height:25px;display:grid}.chat-composer-controls>i{flex:1}.chat-composer-controls>em{color:#babac1;white-space:nowrap;align-items:center;gap:3px;font-size:7px;font-style:normal;display:flex}.chat-composer-controls>b{color:#252528;background:#e7e7e9;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.chat-composer-controls svg{width:11px;height:11px}.chat-composer-controls>b svg{width:12px;height:12px}.chat-footer{color:#707078;white-space:nowrap;flex:0 0 25px;justify-content:space-between;align-items:center;gap:7px;height:25px;padding:0 14px;font-size:6px;display:flex}.product figcaption{color:var(--muted);text-align:center;margin-top:18px;font-size:13px}.section{padding:128px 0}.section-copy{max-width:720px}.section-copy h2,.closing h2{letter-spacing:-.05em;margin:0;font-size:clamp(42px,5.4vw,64px);font-weight:640;line-height:1.02}.section-copy>p{color:var(--muted);letter-spacing:-.022em;margin:24px 0 0;font-size:20px;line-height:1.5}.work{grid-template-columns:minmax(0,1fr) 440px;align-items:start;gap:100px;display:grid}.work-steps{margin:4px 0 0;padding:0;list-style:none}.work-steps li{border-top:1px solid var(--line);grid-template-columns:34px 1fr;gap:18px;min-height:116px;padding:24px 0;display:grid}.work-steps li:last-child{border-bottom:1px solid var(--line)}.work-steps li>span{width:28px;height:28px;color:var(--white);background:var(--ink);border-radius:50%;place-items:center;font-size:12px;display:grid}.work-steps h3{letter-spacing:-.025em;margin:2px 0 0;font-size:18px;font-weight:600}.work-steps p{color:var(--muted);margin:7px 0 0;font-size:15px;line-height:1.5}.codex-account{color:var(--white);background:var(--ink);padding:140px 0}.account-grid{grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:100px;display:grid}.codex-account .section-copy h2{color:var(--white)}.codex-account .section-copy>p{color:#a1a1a6}.section-label{color:var(--blue);margin-bottom:22px;font-size:14px;font-weight:620;display:inline-flex}.account-flow{grid-template-columns:1fr 28px 1fr;align-items:center;gap:12px;display:grid}.account-flow>div{background:#2c2c2e;border:1px solid #424245;border-radius:18px;flex-direction:column;justify-content:center;gap:10px;min-height:116px;padding:20px;display:flex}.account-flow>span{color:#6e6e73;text-align:center}.account-flow div span{color:#a1a1a6;font-size:13px}.account-flow div b{color:var(--white);font-size:17px;font-weight:580}.evolve{background:var(--surface);padding:140px 0}.evolve-grid{grid-template-columns:minmax(0,.8fr) minmax(560px,1.2fr);align-items:center;gap:76px;display:grid}.evolve .section-copy>p{margin-top:0}.section-copy code{color:var(--ink);font:inherit;background:#e5e5ea;border-radius:5px;padding:2px 5px}.text-link{color:var(--blue);align-items:center;gap:7px;margin-top:26px;font-size:16px;display:inline-flex}.text-link:hover{text-underline-offset:4px;text-decoration:underline}.evolve-demo{background:#242426;border:1px solid #2f2f32;border-radius:14px;grid-template-columns:1.36fr .84fr;height:430px;display:grid;overflow:hidden;box-shadow:0 24px 60px #00000024}.demo-canvas{background:#777;justify-content:center;align-items:center;gap:18px;padding:30px 22px;display:flex}.demo-frame{background:var(--white);border-radius:15px;width:132px;height:286px;position:relative;overflow:hidden;box-shadow:0 10px 24px #00000029}.demo-frame>span{z-index:2;color:var(--white);font-size:10px;position:absolute;top:-24px;left:0}.reference-mini{box-shadow:none;background:0 0;overflow:visible}.reference-mini img{object-fit:cover;border-radius:15px;width:100%;height:100%;display:block}.rebuild-mini:before{content:"";background:#1d1d1f;border-radius:4px;height:10px;position:absolute;inset:18px 15px auto}.rebuild-mini i{background:#d9eaff;border-radius:10px;width:70px;height:74px;position:absolute;top:48px;left:15px}.rebuild-mini b{background:#1d1d1f;border-radius:5px;width:84px;height:13px;position:absolute;top:140px;left:15px}.rebuild-mini em{background:#c7c7cc;border-radius:4px;width:66px;height:8px;position:absolute;top:169px;left:15px}.demo-codex{color:#eeeef0;background:#222224;flex-direction:column;min-width:0;display:flex}.demo-codex header{color:#85858d;text-transform:uppercase;border-bottom:1px solid #3a3a3f;flex:0 0 43px;align-items:center;gap:20px;height:43px;padding:0 14px;font-size:10px;display:flex}.demo-codex header b{color:#fff;font-weight:580}.demo-message{background:#303034;border-radius:14px;margin:24px 14px 0 34px;padding:12px 13px;font-size:11px;line-height:1.45}.demo-message code{color:#74c7ff;font:600 11px var(--sans)}.demo-progress{grid-template-columns:8px 1fr;align-items:start;gap:9px;margin:26px 14px 0;display:grid}.demo-progress>span{background:#74c7ff;border-radius:50%;width:7px;height:7px;margin-top:4px}.demo-progress div{gap:5px;display:grid}.demo-progress b{font-size:11px;font-weight:550}.demo-progress small{color:#85858d;font-size:9px;line-height:1.4}.demo-composer{color:#777780;border:1px solid #48484e;border-radius:14px;margin:auto 10px 10px;padding:13px 12px;font-size:9px}.demo-composer i{float:right;color:#222224;background:#dedee2;border-radius:50%;place-items:center;width:18px;height:18px;font-style:normal;display:grid}.closing{text-align:center;padding:154px 0 164px}.closing h2{font-size:clamp(50px,7vw,82px)}.closing p{color:var(--muted);margin:22px 0 30px;font-size:20px}.footer{border-top:1px solid var(--line);min-height:86px;color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;font-size:12px;display:grid}.footer nav{color:var(--ink);gap:26px;display:flex}.footer nav a:hover{color:var(--blue)}.footer>span:last-child{text-align:right}a:focus-visible{outline-offset:3px;outline:3px solid #0071e359}@media (width<=900px){.work,.account-grid,.evolve-grid{grid-template-columns:1fr;gap:56px}.evolve-grid{gap:70px}}@media (width<=640px){.shell,.shell-wide{width:min(100% - 32px,1080px)}.nav{height:48px}.nav-links{gap:18px}.nav-links>a:not(.nav-cta){display:none}.hero{padding:82px 0 52px}.hero h1{font-size:clamp(44px,13vw,64px)}.hero>p{margin-top:24px;font-size:18px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.product{margin-bottom:78px;overflow:hidden}.product-app{border-radius:10px;width:720px;height:450px;position:relative;left:50%;transform:translate(-59%)}.app-rail{padding-top:3px}.app-rail-item{gap:1px;width:27px;height:31px;font-size:4px}.app-rail-item svg{width:9px;height:9px}.app-browser header{height:34px;font-size:7px}.app-browser section{height:25px}.page-row{height:21px}.layer-tree{gap:8px;font-size:5px}.app-canvas>header{height:25px;font-size:5px}.app-canvas>header strong{font-size:6px}.canvas-design{height:410px}.canvas-design img{border-radius:20px;height:395px}.app-toolbar{height:27px;padding:0 4px;bottom:7px}.app-toolbar b,.app-toolbar span{width:19px;height:19px}.app-toolbar svg{width:9px;height:9px}.app-toolbar i{height:14px;margin-inline:1px}.app-toolbar small{min-width:18px;font-size:5px}.app-chat-tabs{flex-basis:24px;height:24px;padding:0 4px;font-size:5px}.app-chat-tabs b,.app-chat-tabs span{min-width:36px}.app-chat-tabs>svg{width:8px;height:8px}.app-chat-tools{flex-basis:25px;gap:9px;height:25px;padding-inline:8px}.app-chat-tools svg{width:8px;height:8px}.chat-body{padding:10px 8px;font-size:6px}.chat-prompt{border-radius:8px;margin-bottom:13px;padding:7px}.chat-body>p{margin:0 1px 11px}.chat-work{height:20px}.chat-answer>p{margin:8px 0 4px}.chat-answer ul{padding-left:10px}.chat-answer li+li{margin-top:3px}.chat-composer{border-radius:9px;min-height:62px;margin:0 6px}.chat-placeholder{min-height:37px;padding:8px 7px 4px;font-size:5px}.chat-composer-controls{gap:2px;height:24px;padding:0 4px 4px}.chat-composer-controls>span{width:15px;height:15px}.chat-composer-controls>em{font-size:4px}.chat-composer-controls>b{width:16px;height:16px}.chat-composer-controls svg,.chat-composer-controls>b svg{width:7px;height:7px}.chat-footer{flex-basis:15px;height:15px;padding:0 8px;font-size:4px}.product figcaption{padding-inline:18px;line-height:1.45}.section{padding:86px 0}.section-copy h2{font-size:42px}.section-copy>p{font-size:18px}.work{gap:42px}.codex-account{padding:88px 0}.account-flow{grid-template-columns:1fr 20px 1fr;gap:7px}.account-flow>div{min-height:105px;padding:15px}.evolve{padding:88px 0}.evolve-grid{grid-template-columns:1fr}.evolve-demo{border-radius:10px;grid-template-rows:300px 260px;grid-template-columns:1fr;height:560px}.demo-canvas{padding:28px 18px 18px}.demo-frame{border-radius:13px;width:112px;height:242px}.reference-mini img{border-radius:13px}.demo-message,.demo-progress{margin-top:15px}.demo-composer{padding-block:10px}.closing{padding:100px 0 110px}.closing p{font-size:18px}.footer{grid-template-columns:1fr auto;padding:26px 0}.footer nav{grid-area:1/1/auto/-1;justify-content:space-between}.footer>span:first-child{grid-area:2/1}.footer>span:last-child{grid-area:2/2}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}