:root{--paper:#f3efe6;--ink:#16140f;--muted:#4a463d;--line:rgba(22,20,15,.18);--yellow:#f2c230;--red:#d9482b;--green:#14865c;--indigo:#6366f1;--orange:#e79400;--blue:#1379a8;--purple:#aa56a8;--font:"PingFang SC","Noto Sans SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--font);overflow-x:clip;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}p,h1,h2,h3,figure{margin:0}p{line-height:1.65;text-wrap:pretty}h1,h2,h3{font-weight:800;letter-spacing:-.052em;text-wrap:balance;word-break:keep-all}h2{font-size:clamp(40px,4.5vw,62px);line-height:1.15}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px var(--yellow)}.skip-link{position:absolute;top:-100px;left:20px;z-index:20;background:var(--yellow);padding:9px 15px}.skip-link:focus{top:10px}.wrap{width:min(100% - 80px,1240px);margin-inline:auto}.section-rule{border-top:1px solid var(--line)}.site-header{height:76px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;font-size:17px;font-weight:750;min-height:44px}.brand img{flex:none}.header-link{font:14px var(--mono);border-bottom:1px solid var(--ink);min-height:44px;display:inline-flex;align-items:center;gap:8px}.eyebrow,.section-kicker{font:700 14px/1.5 var(--mono);color:var(--muted)}
.hero{padding-top:32px;padding-bottom:96px}.hero-composition{position:relative;height:790px;margin-top:28px}.hero-message{position:relative;z-index:2;width:570px}.hero h1{font-size:clamp(64px,6.1vw,88px);line-height:1.09;white-space:nowrap}.hero-copy{max-width:480px;font-size:18px;margin-top:28px}.actions{display:flex;align-items:center;gap:25px;margin-top:22px}.button-primary,.button-dark,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;font-weight:750;border:1px solid var(--ink);line-height:1.35;white-space:nowrap}.button-primary{background:var(--yellow);gap:9px}.button-primary:hover,.button-dark:hover,.button-secondary:hover{transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;min-height:48px;font-size:16px;border-bottom:1px solid var(--ink);white-space:nowrap}.switcher-shot{position:absolute;z-index:1;top:245px;right:32px;width:750px}.switcher-shot img{width:100%;border:2px solid var(--ink);border-radius:22px;box-shadow:2px 2px 0 var(--ink)}.switcher-shot figcaption{font-size:14px;color:var(--muted);margin-top:13px;text-align:right}.demo-chip{display:inline-block;margin-left:6px;padding:1px 7px;border:1px solid currentColor;border-radius:2px;font:700 14px/1.4 var(--mono);color:var(--muted);font-style:normal;white-space:nowrap}.tape-area{position:absolute;z-index:3;top:600px;left:0;width:490px}.tape-stack{padding:6px 4px 5px;overflow:visible}.tape,.tape-more{--rotate:0deg;--slide:0px;display:flex;align-items:center;gap:8px;position:relative;width:465px;min-height:48px;margin:0 0 -1px;padding:6px 17px 6px 16px;border:0;background:#e9e4d9;clip-path:polygon(0 0,100% 0,100% 33%,98.4% 40%,100% 47%,100% 100%,0 100%,0 67%,1.6% 60%,0 53%);filter:drop-shadow(2px 2px 0 var(--ink));color:var(--ink);text-align:left;font:15px/1.2 var(--mono);white-space:nowrap;transform:translateX(var(--slide)) rotate(var(--rotate));transform-origin:left center;transition:transform .2s cubic-bezier(.2,1.3,.3,1),background-color .2s}.tape:nth-child(1){--rotate:-2.2deg}.tape:nth-child(2){--rotate:2deg}.tape:nth-child(3){--rotate:-1.7deg}.tape:nth-child(4){--rotate:2.4deg}.tape:nth-child(5){--rotate:-2.4deg}.tape:nth-child(6){--rotate:1.6deg}.tape:hover{--slide:6px}.tape.is-active{--slide:14px;background:var(--yellow);z-index:2}.tape-dot{width:10px;height:10px;flex:none;border-radius:50%}.dot-indigo{background:var(--indigo)}.dot-red{background:var(--red)}.dot-green{background:var(--green)}.dot-orange{background:var(--orange)}.dot-blue{background:var(--blue)}.dot-purple{background:var(--purple)}.tape-name{font-weight:750;min-width:120px}.tape-id,.tape-role{font-size:15px}.tape-more{width:260px;min-height:45px;margin-top:3px;--rotate:-1deg}.account-readout{display:flex;flex-direction:column;gap:2px;margin:12px 0 0 3px;font:14px/1.5 var(--mono);color:var(--muted)}.account-readout #active-readout{color:var(--ink)}.tape:focus-visible{outline:0;box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 6px var(--yellow)}
.problem,.jump,.assistant,.data{padding:96px 0}.problem-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.old-way{grid-column:span 5}.new-way{grid-column:7/span 6}.new-way h2{font-size:clamp(43px,4vw,56px);margin-top:22px}.new-way .lede{max-width:580px}.steps{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;max-width:490px}.step{display:inline-flex;align-items:center;gap:16px;border:1px solid var(--line);padding:9px 12px;background:#e9e3d7;color:var(--muted);font:23px/1.4 var(--mono);white-space:nowrap}.step:not(:last-child){text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px}.step b{text-decoration:none;display:inline-block;font-weight:400;color:var(--ink)}.section-head{max-width:900px}.section-head h2{margin-top:18px}.lede{font-size:21px!important;color:var(--muted);margin-top:25px;max-width:750px;line-height:1.55}.section-head code{background:#e6e0d3;padding:2px 5px;color:var(--ink);font-size:.9em}
.palette-demo{width:min(100%,1000px);margin:48px 0 0;border:1px solid var(--ink);background:#faf8f2;box-shadow:2px 2px 0 var(--ink);font-family:var(--mono)}.palette-top{display:flex;justify-content:space-between;gap:15px;padding:10px 20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px}.palette-input{display:flex;align-items:center;gap:12px;padding:13px 22px;border-bottom:1px solid var(--ink)}.search-mark{font:30px/1 var(--font)}.query-display{display:inline-flex;align-items:center;max-width:calc(100% - 50px);min-height:44px;font:24px var(--mono);white-space:pre;overflow:hidden}.palette-input input{width:0;padding:0;border:0;opacity:0;position:absolute;pointer-events:none}.cursor{width:2px;height:24px;background:var(--ink);animation:blink .7s steps(1) infinite;flex:none}.sample-queries{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:11px 20px;border-bottom:1px solid var(--line);font-size:14px}.sample-queries>span{color:var(--muted);margin-right:6px}.sample-queries button{min-height:44px;background:transparent;border:1px solid var(--line);padding:8px 11px;font-size:14px}.sample-queries button:hover{border-color:var(--ink)}.palette-results{padding:6px 16px}.result-row{display:grid;grid-template-columns:12px 54px minmax(220px,1fr) minmax(160px,.7fr) 75px;align-items:center;gap:12px;min-height:54px;padding:8px 10px;border-bottom:1px solid var(--line);font-size:16px}.result-row:last-child{border-bottom:0}.result-row.is-top{background:#f6e8ad;outline:1px solid var(--ink)}.result-row strong{font-family:var(--font);font-weight:750}.result-row>span:nth-child(4){color:var(--muted)}.env-tag{border:1px solid var(--ink);text-align:center;font:700 14px/1.4 var(--font);padding:3px 4px}.open-hint{font:700 14px var(--mono)}.palette-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:9px 20px;font:14px var(--mono);color:var(--muted)}
.ai-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:48px;row-gap:64px;align-items:start;margin-top:54px}.shot{min-width:0}.shot a,.dark-aside a{display:block}.shot img,.dark-aside img{width:100%;border:1px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.shot figcaption{display:flex;flex-direction:column;gap:6px;margin-top:15px;font-size:17px;line-height:1.5}.shot figcaption strong{font-weight:800}.shot figcaption span{font-size:15px;color:var(--muted)}.shot-proposal{grid-column:1}.ai-side{grid-column:2;display:flex;flex-direction:column;gap:44px}.proposal-aside{border-top:2px solid var(--ink);padding-top:25px}.proposal-aside h3{font-size:clamp(34px,3.2vw,48px);line-height:1.15;margin:16px 0 25px}.proposal-aside>p:not(.section-kicker){font-size:17px;color:var(--muted);margin-top:17px}.proposal-aside strong{display:block;font:700 15px var(--mono);color:var(--ink);margin-bottom:4px}.dark-aside{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.dark-aside a{width:100%}.dark-aside figcaption{font-size:16px;line-height:1.5}.dark-aside figcaption strong{display:block}.dark-aside figcaption span{display:block;font-size:15px;color:var(--muted);margin-top:5px}
.data-list{margin-top:48px}.local-data,.data-sent{display:grid;grid-template-columns:155px minmax(0,1fr);gap:30px}.local-data{border-top:1px solid var(--ink)}.data-tag{display:inline-block;align-self:start;justify-self:start;margin-top:20px;border:1px solid var(--ink);padding:5px 11px;font:700 14px/1.4 var(--mono);white-space:nowrap}.local-rows p{padding:18px 0;border-bottom:1px solid var(--line);font-size:18px}.data-sent{margin-top:30px;background:#f8e9ad;border-left:8px solid var(--yellow);padding:20px 22px}.data-sent .data-tag{margin-top:0;background:var(--yellow)}.data-sent p{font-size:20px;line-height:1.55}.data-sent p strong{font-weight:800}.button-secondary{margin-top:36px;background:transparent;font-size:15px}
.install{padding:96px 0;background:var(--ink);color:var(--paper)}.install-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:start}.install-grid>*{min-width:0}.install .section-kicker,.install-copy .lede,.install-note{color:#d0cbc1}.install h2{margin:17px 0 25px}.install-copy .lede{font-size:20px!important}.install-note{border-left:2px solid var(--yellow);padding-left:17px;margin-top:27px;font-size:16px}.resource-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:35px;font:14px var(--mono)}.resource-links a{min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid var(--paper)}.code-block{background:#24211b;color:var(--paper);border:1px solid #6d695f;min-width:0}.code-head{display:flex;justify-content:space-between;align-items:center;padding:10px 19px;border-bottom:1px solid #6d695f;font:14px var(--mono)}.code-head button{min-height:44px;background:transparent;border:1px solid #a9a297;color:var(--paper);padding:8px 14px;font:14px var(--mono)}.code-head button:hover{background:var(--yellow);color:var(--ink)}.code-block pre{padding:22px 25px;margin:0;overflow-x:auto;white-space:pre;font:15px/2 var(--mono)}.code-block>p{border-top:1px solid #6d695f;padding:14px 19px;color:#d0cbc1;font:14px/1.6 var(--mono)}.closing{background:var(--yellow);padding:51px 0}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.closing p{font-size:clamp(25px,3vw,38px);font-weight:800;letter-spacing:-.04em}.button-dark{background:var(--ink);color:var(--paper);font-size:16px}.site-footer{padding:42px 0 60px}.footer-grid{display:flex;justify-content:space-between;gap:50px}.footer-brand{font-size:19px;font-weight:800;margin-bottom:11px}.footer-grid>div:first-child>p:last-child{max-width:670px;font-size:14px;color:var(--muted)}.footer-grid>div:last-child{display:flex;gap:25px;align-items:start;font:14px var(--mono);white-space:nowrap}.footer-grid a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.reveal{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes blink{50%{opacity:0}}@keyframes feed{from{opacity:0;translate:-35px 0}to{opacity:1;translate:0 0}}.tape{animation:feed .15s ease-out both}.tape:nth-child(2){animation-delay:.04s}.tape:nth-child(3){animation-delay:.08s}.tape:nth-child(4){animation-delay:.12s}.tape:nth-child(5){animation-delay:.16s}.tape:nth-child(6){animation-delay:.2s}
@media(max-width:1100px){.wrap{width:min(100% - 56px,1240px)}.hero-composition{height:800px}.hero h1{font-size:clamp(59px,6.8vw,75px)}.switcher-shot{right:0;width:65%;top:290px}.tape-area{top:610px}.ai-grid{column-gap:28px}.result-row{grid-template-columns:12px 54px minmax(170px,1fr) minmax(140px,.7fr) 70px}}
@media(max-width:800px){.wrap{width:min(100% - 40px,1240px)}.hero{padding-bottom:64px}.hero-composition{height:auto;display:flex;flex-direction:column;gap:0}.hero-message{width:100%}.hero h1{font-size:clamp(55px,8.5vw,72px)}.hero-copy{margin-top:23px}.switcher-shot{position:relative;order:2;top:auto;right:auto;width:min(100%,650px);margin-top:42px;align-self:flex-end}.tape-area{position:relative;order:3;top:auto;left:auto;width:100%;margin-top:-60px}.tape-stack{padding-left:2px}.problem,.jump,.assistant,.data,.install{padding:64px 0}.problem-grid{gap:16px}.old-way{grid-column:span 5}.new-way{grid-column:6/span 7}.new-way h2{font-size:40px}.step{font-size:18px}.ai-grid{grid-template-columns:1fr 1fr;column-gap:24px;row-gap:44px}.dark-aside a{width:100%}.install-grid{grid-template-columns:1fr;gap:38px}}
@media(max-width:600px){body{font-size:16px}.site-header{height:64px}.brand{font-size:15px}.brand img{width:27px;height:27px}.hero{padding-top:25px}.hero-composition{margin-top:20px}.hero h1{font-size:clamp(48px,12.8vw,65px);white-space:normal}.hero-copy{font-size:17px;margin-top:23px}.actions{gap:16px;flex-wrap:wrap;margin-top:19px}.button-primary{font-size:15px;padding-inline:14px}.text-link{font-size:15px}.switcher-shot{width:100%;margin-top:36px}.switcher-shot img{border-radius:11px}.switcher-shot figcaption{text-align:left}.tape-area{margin-top:24px}.tape-stack{padding:5px 0}.tape,.tape-more{width:min(100%,465px);min-height:56px;padding:6px 12px;gap:6px;font-size:15px;flex-wrap:wrap}.tape-name{min-width:calc(100% - 22px)}.tape-id{margin-left:16px}.tape-id,.tape-role{font-size:15px}.tape.is-active{--slide:8px}.tape-more{width:235px;min-height:45px}.account-readout{margin-top:11px}.problem-grid{grid-template-columns:1fr;gap:36px}.old-way,.new-way{grid-column:1}.new-way h2{font-size:clamp(40px,11vw,50px)}.steps{gap:8px}.step{font-size:18px}.lede{font-size:18px!important}.palette-demo{margin-top:36px}.palette-top{padding:10px 12px}.palette-input{padding:12px}.query-display{font-size:16px}.sample-queries{padding:10px}.result-row{grid-template-columns:12px 48px minmax(0,1fr) 60px;gap:6px;font-size:14px;min-height:62px}.result-row>span:nth-child(4){grid-column:3;grid-row:2}.result-row .open-hint{grid-column:4;grid-row:1/3;font-size:12px}.result-row strong{grid-column:3;font-size:14px}.env-tag{font-size:12px}.palette-footer{padding:9px 12px;gap:10px}.palette-footer span{font-size:12px}.ai-grid{grid-template-columns:1fr;gap:42px;margin-top:40px}.shot-proposal,.ai-side{grid-column:1}.shot figcaption{margin-top:12px}.data-list{margin-top:36px}.local-data,.data-sent{grid-template-columns:1fr;gap:8px}.local-data .data-tag{margin-top:15px}.local-rows p{font-size:17px}.data-sent{padding:16px;margin-top:25px}.data-sent p{font-size:18px}.code-block pre{padding:18px;font-size:15px}.closing{padding:43px 0}.closing-inner{display:block}.closing p{font-size:29px}.button-dark{margin-top:25px}.footer-grid{display:block}.footer-grid>div:last-child{margin-top:22px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.cursor{opacity:1}}
@media(min-width:1101px){.hero-composition{height:1045px}.switcher-shot{top:200px;left:355px;right:auto;width:600px}.tape-area{top:630px}.ai-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.shot-cards,.shot-approval{display:flex;flex-direction:column}.shot-approval figcaption{margin-top:auto;padding-top:15px}}
@media(min-width:801px) and (max-width:1100px){.hero-composition{height:1030px}.switcher-shot{top:230px;left:34%;right:auto;width:62%}.tape-area{top:630px}}
.nowrap{white-space:nowrap}.step:not(:last-child){text-decoration:none}.step>span{text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px}.tape,.tape-more{margin-bottom:5px}
@media(min-width:1101px){.hero-copy{max-width:340px}.switcher-shot{top:186px}.hero-composition{height:1095px}.shot-cards{width:91.3%}.shot-approval figcaption{margin-top:15px;padding-top:0}.dark-aside{grid-template-columns:minmax(420px,1fr) minmax(0,.38fr);align-items:center;gap:18px}}
@media(min-width:801px) and (max-width:1100px){.tape-area{top:670px}.hero-composition{height:1090px}}
@media(max-width:600px){.tape,.tape-more{margin-bottom:8px}}
.dark-aside{grid-column:1/-1;display:grid;grid-template-columns:minmax(420px,500px) minmax(260px,1fr);gap:48px;align-items:center}.dark-aside figcaption{max-width:360px;font-size:18px}.dark-aside figcaption strong{font-size:22px}.dark-aside a{width:100%}
@media(max-width:800px){.dark-aside{grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:24px}}
@media(max-width:600px){.dark-aside{grid-template-columns:1fr;gap:18px}.dark-aside a{width:100%}}
@media(min-width:1101px){.switcher-shot{width:580px}}
@media(min-width:1101px){.shot-approval{padding-right:3px}}
@media(min-width:801px) and (max-width:1100px){.switcher-shot{top:200px}.hero-copy{max-width:320px}}
/* Final layout calibration */
.hero{padding-bottom:80px}.hero-composition{height:860px}.hero-message{width:570px}.hero-copy{max-width:480px}.switcher-shot{top:225px;left:auto;right:0;width:620px}.switcher-shot a{display:block}.switcher-shot figcaption{margin-top:12px;text-align:right}.tape-area{top:515px;width:550px}.tape-stack{padding:5px 0}.tape,.tape-more{width:550px;min-height:57px;margin:0 0 5px;padding:10px 19px;line-height:1.5;clip-path:polygon(0 0,100% 0,100% 36%,98.6% 43%,100% 50%,100% 100%,0 100%,0 64%,1.4% 57%,0 50%)}.tape:nth-child(1){--rotate:-1deg}.tape:nth-child(2){--rotate:1.1deg}.tape:nth-child(3){--rotate:-.8deg}.tape:nth-child(4){--rotate:1deg}.tape.is-active{--slide:0px}.tape.is-active:hover{--slide:5px}.tape-more{width:270px;min-height:48px}.tape-name{min-width:135px}.account-readout{margin-top:8px}.problem-grid{align-items:start}.steps{align-content:start}.new-way h2{line-height:1.16}.palette-demo{width:100%}.palette-top,.palette-input,.sample-queries,.palette-results,.palette-footer{padding-left:20px;padding-right:20px}.palette-results{padding-top:6px;padding-bottom:6px}.result-row{padding-left:0;padding-right:0;grid-template-columns:12px 54px minmax(220px,1fr) minmax(160px,.7fr) 75px}.result-row.is-top{padding-left:10px;padding-right:10px;margin-left:-10px;margin-right:-10px}.query-wrap{display:inline-flex;align-items:center;min-width:0}.query-display{min-height:0;max-width:none;overflow:visible}.cursor{display:inline-block;margin-left:2px}.palette-top{min-height:44px;align-items:center}.ai-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px 48px;align-items:start}.shot-cards,.shot-approval{width:100%;display:block;padding:0}.shot a,.dark-aside a{position:relative}.image-badge{position:absolute;right:12px;top:12px;background:var(--paper);border:1px solid var(--ink);padding:3px 8px;font:700 14px/1.4 var(--mono);color:var(--ink)}.shot-cards img,.shot-approval img{aspect-ratio:761/688;object-fit:contain;object-position:center top;background:#fff}.shot-cards img{object-fit:cover;object-position:center top}.shot figcaption,.dark-aside figcaption{font-size:16px}.shot figcaption span,.dark-aside figcaption span{font-size:15px}.shot-proposal{grid-column:1;grid-row:2}.ai-side{grid-column:2;grid-row:2;align-self:start}.proposal-aside{padding-top:0;border:0}.proposal-aside h3{margin:0 0 22px}.proposal-aside>p:not(.section-kicker){margin-top:18px}.dark-aside{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:48px;align-items:start}.dark-aside figcaption{max-width:420px}.data-sent{background:#f8e9ad;border-left:8px solid var(--yellow);padding:20px 22px 20px 0;grid-template-columns:155px minmax(0,1fr);gap:30px}.data-sent .data-tag{margin-left:0}.data-sent p{font-size:18px}.button-secondary{margin-top:36px}.install{padding-bottom:80px}.install .section-kicker,.code-head>span{color:#d9d3c4}.code-block pre{color:#f3efe6}.code-block pre code{display:block}.code-block pre span{display:block;position:relative;padding-left:22px}.code-block pre span::before{content:'$ ';position:absolute;left:0;user-select:none;color:#d9d3c4}.code-block pre .run-start{border-top:1px solid #6d695f;margin-top:12px;padding-top:12px}.code-block pre .run-start::before{top:12px}.code-head button:focus-visible{outline-color:var(--yellow)}.closing-inner{justify-content:flex-start;gap:42px}.button-dark{min-height:56px}.footer-grid>div:last-child{align-items:baseline;font-size:15px}.footer-grid>div:last-child a{font:15px var(--mono);text-decoration:underline;text-underline-offset:4px}.footer-grid>div:first-child>p:last-child{max-width:760px;color:#4a463d;font-size:14px}
@media(min-width:1101px){.hero-composition{height:860px}.hero-copy{max-width:480px}.switcher-shot{top:225px;left:auto;right:0;width:620px}.tape-area{top:515px}.shot-cards{width:100%}.dark-aside{grid-template-columns:minmax(0,500px) minmax(0,1fr)}}
@media(min-width:801px) and (max-width:1100px){.hero-composition{height:880px}.switcher-shot{top:255px;left:auto;right:0;width:56%}.tape-area{top:625px;width:400px}.tape,.tape-more{width:400px;flex-wrap:wrap;gap:4px 8px}.tape-name{min-width:125px}.tape-id{margin-left:auto}.tape-role{margin-left:18px}.tape-more{width:270px}.ai-grid{gap:40px 28px}.dark-aside{grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:28px}}
@media(max-width:800px){.hero{padding-bottom:64px}.hero-composition{height:auto}.switcher-shot{top:auto;right:auto;width:min(100%,650px)}.tape-area{top:auto;width:100%;margin-top:16px}.tape,.tape-more{width:min(100%,550px)}.ai-grid{gap:40px 24px}.dark-aside{grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:24px}.result-row{grid-template-columns:12px 50px minmax(150px,1fr) minmax(125px,.7fr) 70px}}
@media(max-width:600px){.hero h1{font-size:clamp(46px,11.8vw,60px);line-height:1.13}.switcher-shot{margin-top:32px}.switcher-shot figcaption{text-align:right}.tape-area{margin-top:16px}.tape,.tape-more{width:100%;min-height:56px;gap:3px 6px;padding:8px 11px}.tape-name{min-width:calc(100% - 24px)}.tape-id{margin-left:16px}.tape-role{margin-left:0}.tape-more{width:230px;min-height:44px}.account-readout{margin-top:8px}.palette-top,.palette-input,.sample-queries,.palette-results,.palette-footer{padding-left:12px;padding-right:12px}.query-display{font-size:16px}.result-row{grid-template-columns:10px 46px minmax(0,1fr) 56px;gap:6px;font-size:14px;min-height:62px}.result-row>span:nth-child(4){grid-column:3;grid-row:2}.result-row .open-hint{grid-column:4;grid-row:1/3;font-size:14px}.result-row strong{grid-column:3;font-size:14px}.env-tag{font-size:14px}.palette-footer span{font-size:14px}.ai-grid{grid-template-columns:1fr;gap:42px}.shot-proposal,.ai-side,.dark-aside{grid-column:1;grid-row:auto}.shot-cards img,.shot-approval img{aspect-ratio:auto;object-fit:contain}.dark-aside{display:grid;grid-template-columns:1fr;gap:18px}.data-sent{grid-template-columns:1fr;gap:8px;padding:16px;border-left-width:8px}.data-sent p{font-size:18px}.closing-inner{display:flex;flex-wrap:wrap;gap:16px}.button-dark{margin-top:0}.footer-grid>div:last-child{align-items:baseline}}
@media(min-width:801px){.assistant-head{display:grid;grid-template-columns:minmax(0,1.225fr) minmax(0,1fr);gap:0 48px;max-width:none}.assistant-head .section-kicker{grid-column:1/-1}.assistant-head h2{grid-column:1;grid-row:2}.assistant-head .lede{grid-column:2;grid-row:2;align-self:start;margin-top:20px}.ai-grid{grid-template-columns:minmax(0,1.225fr) minmax(0,1fr)}.shot-cards img,.shot-approval img{aspect-ratio:auto;object-fit:contain}.ai-side{gap:34px}.ai-side .dark-aside{display:block;width:100%}.ai-side .dark-aside a{width:100%}.ai-side .dark-aside figcaption{margin-top:14px}}
.shot-approval .image-badge{top:auto;bottom:12px}.dark-aside .image-badge{top:auto;bottom:12px}.local-data{border-top:0}.local-rows{border-top:1px solid var(--ink)}.data-sent{border-left:0;position:relative}.data-sent::before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--yellow)}.code-block pre span{line-height:2}.code-block pre .run-start{margin-top:12px;padding-top:12px}
@media(max-width:800px){.hero-message{width:100%}.hero-copy{max-width:100%}.shot-cards img,.shot-approval img{aspect-ratio:auto;object-fit:contain}.ai-side .dark-aside{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:24px}.ai-side .dark-aside a{width:100%}}
@media(max-width:600px){.ai-side .dark-aside{grid-template-columns:1fr;gap:18px}.ai-side .dark-aside figcaption{margin:0}.data-sent::before{width:8px}.local-rows{border-top:0}.local-data{border-top:1px solid var(--ink)}}
@media(max-width:1100px){.ai-side .dark-aside{display:grid;grid-template-columns:1fr;gap:16px}.ai-side .dark-aside a{width:100%}}
.shot-proposal .image-badge{top:auto;bottom:12px}
.tape-more.is-active{background:var(--yellow)}.tape-more:nth-child(5){--rotate:-1deg}.data-sent .data-tag{position:relative;z-index:1}
@media(min-width:801px) and (max-width:1100px){.hero-composition{height:980px}}
@media(min-width:801px){.switcher-shot{right:2px}.palette-demo{width:calc(100% - 2px)}.shot img,.dark-aside img{width:calc(100% - 2px)}}