:root{--midnight-deep: #011244}.page-hero{text-align:center;padding:clamp(1.5rem,4vw,3rem) 1.5rem clamp(1rem,3vw,2rem)}.page-hero .kicker{display:inline-block;font-size:.78rem;letter-spacing:.3em;text-transform:uppercase;color:var(--celeste);margin-bottom:1rem}.page-hero h1{font-size:clamp(2.4rem,7vw,4.4rem);font-weight:700;color:var(--white)}.page-hero h1 .accent{color:var(--scarlet)}@keyframes glowing-border{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.guides{max-width:1200px;margin:4rem auto 8rem;padding:clamp(1.5rem,4vw,2.5rem) clamp(1.2rem,5vw,2rem);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:0;align-items:stretch;background:linear-gradient(135deg,#010a32eb,#011451d9 40%,#000826f2);border-radius:22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;perspective:1000px;position:relative;box-shadow:0 8px 48px #0000008c,inset 0 1px #ffffff14,inset 0 -1px #0006;border:1.5px solid rgba(255,255,255,.08);transition:box-shadow .4s ease,border-color .4s ease}.guides:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:24px;background:linear-gradient(270deg,#13bbaf,#f5010a,#13bbaf,#f5010a);background-size:400% 400%;opacity:0;z-index:0;transition:opacity .45s ease;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;padding:2px}.guides:hover:before{opacity:1;animation:glowing-border 2.5s ease infinite}.guides:hover{border-color:transparent;box-shadow:0 16px 64px #000000b3,0 0 40px #13bbaf2e,inset 0 1px #ffffff1f,inset 0 -1px #0006}.guides>*{position:relative;z-index:1}.guides-image{grid-column:1;grid-row:1 / 4;background:var(--midnight-deep);border-right:1px solid rgba(255,255,255,.06);min-height:100%;position:relative;overflow:visible;display:flex;align-items:center;justify-content:center;perspective:1000px;padding:2.2rem;box-sizing:border-box}.guides-image figure{margin:0;animation:wobble 5s ease-in-out infinite;transform-origin:center center;transform-style:preserve-3d;position:relative;display:flex;align-items:center;justify-content:center}@keyframes wobble{0%,to{transform:rotate3d(1,1,0,40deg)}25%{transform:rotate3d(-1,1,0,40deg)}50%{transform:rotate3d(-1,-1,0,40deg)}75%{transform:rotate3d(1,-1,0,40deg)}}.guides-image figure h3{display:block;margin:0;font-family:Sora,sans-serif;font-weight:900;font-size:5.5rem;text-transform:uppercase;position:absolute;color:var(--midnight-deep);-webkit-text-stroke:1px rgba(255,255,255,.2);animation:glow 6s ease-in-out infinite;white-space:nowrap;pointer-events:none}@keyframes glow{0%,to{text-shadow:0 0 30px var(--scarlet)}50%{text-shadow:0 0 30px var(--celeste)}}.guides-image figure h3:nth-child(2){transform:translateZ(4px)}.guides-image figure h3:nth-child(3){transform:translateZ(8px)}.guides-image figure h3:nth-child(4){transform:translateZ(12px)}.guides-image figure h3:nth-child(5){transform:translateZ(16px)}.guides-image figure h3:nth-child(6){transform:translateZ(20px)}.guides-image figure h3:nth-child(7){transform:translateZ(24px)}.guides-image figure h3:nth-child(8){transform:translateZ(28px)}.guides-image figure h3:nth-child(9){transform:translateZ(32px)}.guides-image figure h3:nth-child(10){transform:translateZ(36px)}.guides-photo-3d{width:min(300px,80vw);aspect-ratio:16 / 9;border-radius:16px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.4));display:flex;align-items:center;justify-content:center;position:relative;transform:rotateX(12deg) rotateY(-16deg) translateZ(10px);transform-style:preserve-3d;transition:transform .6s cubic-bezier(.25,1,.5,1),filter .6s ease}.chip-guides{background:var(--celeste)!important;border:3.5px solid var(--scarlet)!important;box-shadow:0 10px 25px #0006,0 0 15px #f5010a26}.guides:hover .guides-photo-3d{transform:rotateX(0) rotateY(0) translateZ(25px);filter:drop-shadow(0 20px 35px rgba(0,0,0,.6)) drop-shadow(0 0 20px rgba(19,187,175,.45))}.guides:hover .chip-guides{border-color:var(--white)!important;box-shadow:0 18px 40px #0009,0 0 30px #f5010ab3!important}.chip-guides .keycap-text-overlay{color:var(--scarlet);text-shadow:0 0 8px rgba(245,1,10,.6),0 0 20px rgba(245,1,10,.3);font-size:clamp(1.8rem,4vw,2.5rem)}.guides:hover .chip-guides .keycap-text-overlay{color:var(--white);text-shadow:0 0 15px rgba(255,255,255,1),0 0 30px rgba(245,1,10,.8),0 0 5px rgba(255,255,255,.5);transform:translateZ(35px) scale(1.04)}.guides h2{grid-column:2;grid-row:1;font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;color:var(--white);padding:2rem 2rem .6rem;margin:0}.guides p{grid-column:2;grid-row:2;color:#fffc;line-height:1.6;padding:0 2rem 1.4rem;margin:0}.guides .btn{grid-column:2;grid-row:3;justify-self:start;margin:0 2rem 2rem}@media (max-width: 640px){.guides{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.guides-image{grid-column:1;grid-row:1;min-height:240px;border-right:none;border-bottom:1px solid rgba(255,255,255,.06);padding:1.5rem}.guides-photo-3d{max-width:200px}.guides h2{grid-column:1;grid-row:2;padding:1.5rem 1.5rem .5rem}.guides p{grid-column:1;grid-row:3;padding:0 1.5rem 1rem}.guides .btn{grid-column:1;grid-row:4;margin:0 1.5rem 1.5rem}}.btn{display:inline-block;text-decoration:none;cursor:pointer;background:var(--scarlet);color:#fff;font-family:var(--font);font-weight:600;font-size:1rem;padding:.8em 2em;border-radius:999px;border:none;transition:transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #f5010a66}.btn-ghost{background:transparent;border:1px solid var(--celeste);color:var(--white)}.btn-ghost:hover{background:var(--celeste);color:var(--midnight);box-shadow:none}.agent .btn{background:transparent;border:1.5px solid var(--celeste);color:var(--white);box-shadow:none}.agent .btn:hover{background:var(--celeste);color:var(--midnight);box-shadow:0 8px 24px #13bbaf59;transform:translateY(-3px)}.agents{max-width:1200px;margin:0 auto;padding:clamp(2rem,5vw,3rem) clamp(1.2rem,5vw,2rem)}.agents h2.section-title{text-align:center;font-size:clamp(1.6rem,4.5vw,2.4rem);font-weight:700;color:var(--white);margin-bottom:2rem}.agents h2.section-title .accent{color:var(--scarlet)}.agent{display:grid;grid-template-columns:1.5fr 1fr;gap:2.5rem;align-items:center;margin-bottom:clamp(4rem,8vw,7rem)}.agent:nth-child(2n) .video{order:2}.agent:nth-child(2n){grid-template-columns:1fr 1.5fr}.video{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#011451}.video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.agent .info h3{font-size:clamp(1.4rem,3.5vw,2rem);font-weight:700;color:var(--white);margin-bottom:.7rem}.agent .info p{color:#ffffffc7;line-height:1.6;margin-bottom:1.2rem}@media (max-width: 720px){.agent{grid-template-columns:1fr;gap:1rem}.agent:nth-child(2n) .video{order:0}}.faqs{max-width:720px;margin:0 auto;padding:clamp(2.5rem,6vw,4rem) clamp(1.2rem,5vw,2rem)}.faqs h2{text-align:center;font-size:clamp(1.7rem,5vw,2.4rem);font-weight:700;color:var(--white);margin-bottom:2rem}.faq{border:1px solid rgba(255,255,255,.1);border-radius:14px;margin-bottom:1rem;background:#011451;overflow:hidden}.faq summary{cursor:pointer;padding:1.1rem 1.3rem;font-weight:600;color:var(--white);list-style:none;display:flex;justify-content:space-between;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--scarlet);font-size:1.4rem;transition:transform .25s}.faq[open] summary:after{transform:rotate(45deg)}.faq .ans{padding:0 1.3rem 1.2rem;color:#ffffffc7;line-height:1.6}.reveal{opacity:0}
