.dev-home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(35px,6vw,90px);align-items:center;padding:clamp(55px,7vw,100px) clamp(22px,6vw,94px);min-height:640px;position:relative;isolation:isolate;overflow:hidden;background:#f5f4f0}
.dev-home-hero:before,.dev-home-hero:after{display:none}.dev-home-copy,.crystal-code{position:relative;z-index:2;min-width:0}
.dev-home-copy .dev-kicker{font:700 10px/1.5 "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.13em;color:#625e57;margin:0 0 25px}
.dev-home-copy h1{font:700 clamp(42px,4.7vw,70px)/1.08 "Manrope",sans-serif;letter-spacing:-.05em;margin:0;color:#111}
.dev-home-copy>p:not(.dev-kicker){font:400 17px/1.7 "DM Sans",sans-serif;color:#59564f;max-width:460px;margin:26px 0 29px}
.dev-home-copy>a,.angle-shop-hero>a{display:inline-flex;padding:17px 24px;background:#111;color:#fff;text-decoration:none;border-radius:5px;font:700 12px/1.5 "DM Sans",sans-serif;border:1px solid #111}
.crystal-code{background:rgba(255,255,255,.48);border:1px solid rgba(255,255,255,.95);border-radius:17px;box-shadow:0 28px 65px #11111112,inset 0 0 0 1px #11111108;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}
.crystal-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #11111112;font:500 10px/1.5 "DM Sans",sans-serif;color:#777169}
.crystal-code-toolbar b{font-weight:600;color:#111}.crystal-code-tab{padding:13px 22px 0;font:500 11px/1.5 Consolas,monospace;color:#716a60}
.crystal-code pre{margin:0;padding:22px;height:335px;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;font:400 clamp(11px,1vw,14px)/1.85 Consolas,"Courier New",monospace;color:#333}
.code-caret{display:inline-block;width:7px;height:14px;vertical-align:middle;margin-left:3px;background:#555;animation:code-blink 1s steps(1) infinite}
.code-terminal{padding:16px 22px;border-top:1px solid #11111112;font:400 10px/1.7 Consolas,monospace;color:#716a60}.code-terminal b{color:#333;font-weight:500}
.code-caption{padding:20px 22px;border-top:1px solid #11111112;font:700 clamp(18px,2vw,26px)/1.25 "Manrope",sans-serif;letter-spacing:-.03em;color:#111}
.code-motion-control{position:absolute;right:15px;bottom:23px;border:0;background:transparent;font:500 9px "DM Sans",sans-serif;color:#716a60;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.code-caption{padding-right:80px}
.angle-shop-hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;background:#eeeae2;color:#111;padding:75px 22px 110px;clip-path:polygon(0 0,100% 0,100% 92%,0 100%)}
.angle-shop-hero:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#11111124 .9px,transparent .9px);background-size:19px 19px;opacity:.7}
.angle-shop-hero .shop-kicker{display:inline-block;font:700 10px/1.5 "DM Sans",sans-serif;letter-spacing:.15em;text-transform:uppercase;background:#f9f8f4;padding:10px 16px;border-radius:4px;margin:0 0 22px}
.angle-shop-hero h1{font:700 clamp(38px,4.6vw,66px)/1.12 "Manrope",sans-serif;letter-spacing:-.045em;margin:0 auto;max-width:820px}
.angle-shop-hero>p:not(.shop-kicker){font:400 17px/1.6 "DM Sans",sans-serif;max-width:590px;margin:22px auto 28px}
.angle-shop-hero .shop-deposit-note{display:block;font:500 11px/1.5 "DM Sans",sans-serif;margin-top:17px;color:#676158}
@keyframes code-blink{50%{opacity:0}}
@media(max-width:980px){.dev-home-hero{grid-template-columns:1fr;min-height:0;padding:45px 26px;gap:35px}.dev-home-copy{max-width:740px}.crystal-code{max-width:740px}.dev-home-copy h1{font-size:clamp(42px,6vw,60px)}}
@media(max-width:600px){.dev-home-hero{padding:36px 22px}.dev-home-copy h1{font-size:43px}.dev-home-copy>p:not(.dev-kicker){font-size:16px}.dev-home-copy .dev-kicker{font-size:9px}.crystal-code pre{font-size:11px;padding:18px;min-height:295px}.code-caption{font-size:19px}.angle-shop-hero{padding:50px 22px 85px}.angle-shop-hero h1{font-size:39px}.angle-shop-hero>p:not(.shop-kicker){font-size:16px}}
@media(prefers-reduced-motion:reduce){.code-caret{animation:none;opacity:.5}}