/* Code Pup additions. Original landing and brandbook styles remain intact. */
.raycast-section{position:relative;overflow:hidden;border-top:1px solid #ffffff20;background:var(--black)}
.raycast-section::after{content:"";position:absolute;right:-105px;top:-155px;width:310px;height:310px;border:1px solid var(--pink);transform:rotate(45deg);pointer-events:none;opacity:.45}
.raycast-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.raycast-grid>*{min-width:0}.raycast-grid h2{font-size:clamp(52px,5.8vw,92px)}
.raycast-grid .section-deck{margin-top:28px;max-width:470px}.raycast-grid .hero-actions{flex-wrap:wrap}
.raycast-smallprint{font:10px/1.8 var(--mono);color:var(--muted);margin-top:19px;max-width:450px}
.raycast-preview{border:1px solid #ffffff3b;background:var(--charcoal);box-shadow:14px 14px 0 #ff006b1f;position:relative}
.raycast-preview::before{content:"";position:absolute;inset:-1px auto auto -1px;width:60px;height:4px;background:var(--cyan)}
.raycast-preview-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff26;padding:19px 22px;font:10px/1.4 var(--mono);color:var(--muted)}
.raycast-preview-top span:last-child{color:var(--green)}
.raycast-search{padding:26px 23px 23px;display:flex;align-items:center;gap:14px;font-size:22px;letter-spacing:-.025em}
.raycast-search>span{color:var(--pink);font:24px var(--mono)}
.raycast-command-list{padding:0 12px 16px;list-style:none;display:grid;gap:4px}
.raycast-command-list li{padding:14px 13px;display:grid;grid-template-columns:36px 1fr auto;gap:13px;align-items:center;border:1px solid transparent;font-size:13px;font-weight:600}
.raycast-command-list li:first-child{background:var(--black);border-color:#ff006b8c}
.raycast-command-list img{width:36px;height:36px;object-fit:contain}.raycast-command-list small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:5px}
.raycast-command-list kbd{font:12px var(--mono);padding:5px 7px;border:1px solid #ffffff2b;color:var(--green)}
.raycast-preview-note{padding:14px 22px;border-top:1px solid #ffffff26;font:9px/1.7 var(--mono);color:var(--muted)}
.raycast-hero{padding:64px var(--pad) 76px;background:var(--black);display:grid;grid-template-columns:1.1fr .9fr;gap:6%;align-items:center;overflow:hidden}
.raycast-hero h1{font-size:clamp(67px,7.1vw,115px);margin:29px 0}.raycast-hero .hero-deck{max-width:570px}.raycast-hero .hero-actions{flex-wrap:wrap}
.raycast-hero-art{position:relative;min-height:360px;display:grid;place-items:center}
.raycast-hero-art::before{content:"";position:absolute;inset:11%;border:1px solid var(--shade);transform:rotate(10deg);background:linear-gradient(135deg,#ff006b0d,transparent 60%)}
.raycast-hero-art::after{content:"⌘";position:absolute;top:0;right:0;color:var(--green);font:62px/1 var(--mono);transform:rotate(8deg)}
.raycast-hero-art img{position:relative;width:min(82%,390px);height:auto;image-rendering:auto}
.raycast-art-label{position:absolute;bottom:2%;left:10%;padding:11px 15px;background:var(--pink);color:var(--black);font:11px/1.4 var(--mono);letter-spacing:.03em;transform:rotate(-3deg)}
.raycast-install-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:9%;align-items:start}.raycast-install-grid h2{font-size:clamp(44px,5.2vw,80px)}
.raycast-install-grid .section-deck{margin-top:25px}.raycast-install-steps{list-style:none;counter-reset:install;border-top:2px solid var(--black)}
.raycast-install-steps>li{counter-increment:install;position:relative;padding:27px 0 27px 43px;border-bottom:1px solid #08080b35}
.raycast-install-steps>li::before{content:"0" counter(install);position:absolute;left:0;top:30px;font:10px/1.4 var(--mono);color:var(--shade)}
.raycast-install-steps h3{font-size:23px;line-height:1.2;letter-spacing:-.035em;font-weight:650;margin-bottom:13px}
.raycast-install-steps p{font-size:14px;line-height:1.8;color:#5c5365}.raycast-install-steps a{color:var(--shade)}
.raycast-code{white-space:pre-wrap;overflow-wrap:anywhere;padding:17px 19px;background:var(--black);color:var(--green);font:12px/1.9 var(--mono);margin:17px 0 12px}
.raycast-command-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px 50px;margin-top:39px}
.raycast-command-card{border-top:1px solid #ffffff55;padding-top:25px}.raycast-command-card>span{color:var(--cyan);font:10px var(--mono)}
.raycast-command-card h3{font-size:27px;line-height:1.2;letter-spacing:-.035em;margin:22px 0 15px}.raycast-command-card p{font-size:14px;line-height:1.8;color:var(--muted)}
.raycast-help{margin-top:39px;display:flex;gap:26px;justify-content:space-between;align-items:center;border:1px solid #ffffff35;border-left:4px solid var(--pink);padding:25px 27px;background:var(--charcoal)}
.raycast-help h3{font-size:20px;margin-bottom:9px}.raycast-help p{font-size:13px;line-height:1.6;color:var(--muted)}.raycast-help button{cursor:pointer;flex-shrink:0}
@media(max-width:900px){.raycast-grid{gap:6%}.raycast-grid h2{font-size:6.5vw}.raycast-command-list li{font-size:11px;padding:13px 9px;gap:9px;grid-template-columns:30px 1fr auto}.raycast-command-list img{width:30px;height:30px}.raycast-command-list small{font-size:9px}.raycast-preview-top{font-size:8px;padding:17px}.raycast-hero h1{font-size:8vw}.raycast-install-grid{gap:6%}.raycast-command-grid{gap:23px}.raycast-command-card h3{font-size:23px}.raycast-command-card p{font-size:13px}.raycast-hero-art{min-height:290px}}
@media(max-width:600px){.raycast-grid,.raycast-hero,.raycast-install-grid,.raycast-command-grid{grid-template-columns:1fr;gap:34px}.raycast-grid h2{font-size:clamp(49px,13vw,70px)}.raycast-grid .hero-actions{flex-direction:row;gap:18px}.raycast-preview{box-shadow:8px 8px 0 #ff006b1f;margin-right:8px}.raycast-command-list li{font-size:12px;grid-template-columns:34px 1fr auto;padding:14px 10px}.raycast-command-list small{font-size:10px}.raycast-command-list img{width:34px;height:34px}.raycast-preview-top{font-size:9px}.raycast-hero{padding-top:41px;padding-bottom:43px;gap:24px}.raycast-hero h1{font-size:clamp(61px,16vw,86px)}.raycast-hero-art{min-height:270px;max-width:360px;width:100%;justify-self:center}.raycast-hero-art img{width:75%;max-width:275px}.raycast-hero-art::after{font-size:48px}.raycast-art-label{font-size:9px;bottom:0}.raycast-hero .hero-actions{align-items:start;flex-direction:column;gap:19px}.raycast-hero .hero-actions .text-link{max-width:none;font-size:12px}.raycast-install-grid h2{font-size:clamp(43px,11.5vw,60px)}.raycast-install-steps>li{padding:23px 0 23px 34px}.raycast-install-steps h3{font-size:22px}.raycast-install-steps p{font-size:13px}.raycast-code{font-size:11px;padding:15px}.raycast-command-grid{gap:29px}.raycast-command-card h3{font-size:27px;margin-top:18px}.raycast-command-card p{font-size:14px}.raycast-help{flex-direction:column;align-items:start;padding:23px}.raycast-help .button{width:100%}}
@media(max-width:560px){.site-header nav{justify-content:flex-start;gap:18px;overflow-x:auto;scrollbar-width:none}.site-header nav a{flex-shrink:0}.site-header nav::-webkit-scrollbar{display:none}}
@media print{.raycast-preview,.raycast-hero-art,.raycast-help{display:none}.raycast-grid,.raycast-hero,.raycast-install-grid{display:block}.raycast-hero{background:white;color:black}.raycast-code{color:black;background:#eee}.raycast-section{overflow:visible}.raycast-section::after{display:none}}
/* Keep the original condensed headline usable on systems without Impact. */
@media(max-width:560px){.hero{grid-template-columns:minmax(0,1fr)}.hero>*{min-width:0;max-width:100%}.hero h1{font-size:clamp(48px,14.8vw,83px)}.site-header nav{min-width:0;max-width:100%}}
@media(max-width:560px){.hero-baseline{grid-template-columns:minmax(0,1fr) auto;column-gap:12px}.hero-baseline>span{white-space:normal;min-width:0;font-size:clamp(18px,5.1vw,28px)}}