.headless-dev{flex-direction:column;align-items:center;gap:40px;max-width:1300px;margin:0 auto;padding:120px 40px;display:flex;position:relative}.headless-dev__grid-bg{display:none}.headless-dev__text{text-align:center;z-index:1;flex-direction:column;gap:24px;max-width:672px;display:flex;position:relative}.headless-dev__heading{font-family:var(--font-heading,"Poppins",sans-serif);color:#0f171f;font-size:40px;font-weight:600;line-height:56px}.headless-dev__emoji-wrap{vertical-align:middle;cursor:default;background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:32px;line-height:1;animation:.5s .8s both headless-emoji-shake;display:inline-flex;transform:rotate(-6deg);box-shadow:0 4px 16px #0000001f,0 1px 3px #0000000f}.headless-dev__emoji-wrap:hover{animation:.5s headless-emoji-shake-hover}@keyframes headless-emoji-shake{0%,to{transform:rotate(-6deg)}15%{transform:rotate(-6deg)translate(-2px)rotate(-4deg)}30%{transform:rotate(-6deg)translate(2px)rotate(4deg)}45%{transform:rotate(-6deg)translate(-1px)rotate(-2deg)}60%{transform:rotate(-6deg)translate(1px)rotate(2deg)}75%{transform:rotate(-6deg)translate(-1px)}}@keyframes headless-emoji-shake-hover{0%,to{transform:rotate(-6deg)}15%{transform:rotate(-6deg)translate(-2px)rotate(-4deg)}30%{transform:rotate(-6deg)translate(2px)rotate(4deg)}45%{transform:rotate(-6deg)translate(-1px)rotate(-2deg)}60%{transform:rotate(-6deg)translate(1px)rotate(2deg)}75%{transform:rotate(-6deg)translate(-1px)}}.headless-dev__subtitle{font-family:var(--font-body,"Inter",sans-serif);color:#0f171f;letter-spacing:-.18px;font-size:18px;font-weight:400;line-height:28px}.headless-dev__tab-bar{z-index:1;background:#d0d3d8;border-radius:12px;align-self:center;gap:4px;padding:4px;display:inline-flex;position:relative}.headless-dev__pill-indicator{z-index:0;pointer-events:none;background:#fff;border:1px solid #d0d5e0;border-radius:12px;height:40px;transition:transform .35s cubic-bezier(.25,.46,.45,.94),width .35s cubic-bezier(.25,.46,.45,.94);position:absolute;top:4px;left:0}.headless-dev__pill{font-family:var(--font-heading,"Poppins",sans-serif);color:#0f171f80;cursor:pointer;white-space:nowrap;z-index:1;background:0 0;border:1px solid #0000;border-radius:12px;height:40px;padding:10px 16px;font-size:14px;font-weight:600;line-height:20px;transition:color .2s;position:relative}.headless-dev__pill:hover,.headless-dev__pill--active{color:#0f171f}.headless-dev__panel{z-index:1;background:#dcdfe3;border:1px solid #d0d5e0;border-radius:32px;flex-direction:column;gap:24px;width:100%;padding:40px;display:flex;position:relative;overflow:hidden;box-shadow:0 .48px .48px -1.875px #0000002b,0 4px 4px -3.75px #0000000f}.headless-dev__content-row{z-index:1;gap:16px;display:flex;position:relative}.headless-dev__panel:before{content:"";opacity:.08;pointer-events:none;z-index:0;background-image:url(/assets/headless-dev-grid.svg);background-repeat:repeat;background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 100%);mask-image:linear-gradient(#0000 0%,#000 100%)}.headless-dev__panel:after{content:"";opacity:.85;pointer-events:none;z-index:0;background-image:url(/assets/headless-dev-glow.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:120%;height:120%;position:absolute;top:calc(50% + 300px);left:50%;transform:translate(-50%,-50%)}.headless-dev__left{z-index:1;background:#fff;border-radius:16px;flex-direction:column;flex-shrink:0;gap:24px;width:300px;padding:32px;display:flex;position:relative;box-shadow:0 1px 2px #0000000a,0 4px 8px #00000005}.headless-dev__tab-icon{color:#0f171f;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.headless-dev__tab-title{font-family:var(--font-heading,"Poppins",sans-serif);color:#0f171f;font-size:20px;font-weight:600;line-height:28px}.headless-dev__tab-body{font-family:var(--font-body,"Inter",sans-serif);color:#0f171f;font-size:16px;font-weight:400;line-height:24px}.headless-dev__right{z-index:1;background:#edeff1;border-radius:16px;flex:1;min-height:432px;position:relative;overflow:hidden}.headless-dev__preview{opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:absolute;inset:0}.headless-dev__preview--active{opacity:1;pointer-events:auto}.headless-dev__preview-video{object-fit:cover;width:100%;height:100%;display:block}.headless-dev__play{color:#fff;cursor:pointer;z-index:3;background:#2563eb;border:none;border-radius:50%;justify-content:center;align-items:center;gap:0;width:56px;height:56px;padding:0;transition:all .25s;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 4px 20px #2563eb66}.headless-dev__play-label{font-family:var(--font-body,"Inter",sans-serif);color:#fff;white-space:nowrap;opacity:0;max-width:0;font-size:14px;font-weight:600;transition:max-width .25s,opacity .2s;overflow:hidden}.headless-dev__right:hover .headless-dev__play{border-radius:28px;gap:8px;width:auto;padding:0 20px}.headless-dev__right:hover .headless-dev__play-label{opacity:1;max-width:150px}.headless-dev__accordion{width:100%;display:none}.headless-dev__acc-item{background:#edeff1;border-radius:12px;overflow:hidden}.headless-dev__acc-item--open{background:#fff;box-shadow:0 1px 2px #0000000a}.headless-dev__acc-header{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:49.5px;padding:12px;display:flex}.headless-dev__acc-title{font-family:var(--font-heading,"Poppins",sans-serif);color:#0f171f;font-size:14px;font-weight:600;line-height:18px}.headless-dev__acc-chevron{color:#0f171f80;align-items:center;transition:transform .3s;display:flex}.headless-dev__acc-chevron--collapsed{transform:rotate(90deg)}.headless-dev__acc-divider{background:#edeff1;height:1px;margin:0 12px}.headless-dev__acc-body{max-height:0;transition:max-height .3s;overflow:hidden}.headless-dev__acc-body--open{max-height:800px}.headless-dev__acc-content{flex-direction:column;gap:16px;padding:16px;display:flex}.headless-dev__acc-video{aspect-ratio:16/9;background:#edeff1;border-radius:8px;position:relative;overflow:hidden}.headless-dev__acc-video .headless-dev__preview-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.headless-dev__acc-video .headless-dev__play{width:44px;height:44px}@media (max-width:1199px){.headless-dev{padding:100px 24px}.headless-dev__heading{font-size:32px;line-height:48px}.headless-dev__subtitle{font-size:16px;line-height:24px}.headless-dev__tab-bar{-webkit-overflow-scrolling:touch;overflow-x:auto}.headless-dev__left{width:280px}.headless-dev__right{min-height:360px}.headless-dev__emoji-wrap{border-radius:10px;width:44px;height:44px;font-size:24px}.headless-dev__play{width:48px;height:48px}}@media (max-width:799px){.headless-dev{gap:32px;padding:96px 24px}.headless-dev__heading{font-size:28px;line-height:40px}.headless-dev__subtitle{font-size:16px;line-height:24px}.headless-dev__panel{display:none}.headless-dev__accordion{flex-direction:column;gap:8px;display:flex}.headless-dev__emoji-wrap{border-radius:8px;width:38px;height:38px;font-size:20px}.headless-dev__play-label{display:none}}