/* Homepage experiment: a technical notebook in Soy Agora's own colours. */
@font-face{font-family:"Agora Mono";src:url("assets/fonts/JetBrainsMono-Regular.woff2") format("woff2");font-style:normal;font-weight:400 600;font-display:swap}
@font-face{font-family:"Agora Mono";src:url("assets/fonts/JetBrainsMono-Bold.woff2") format("woff2");font-style:normal;font-weight:700 900;font-display:swap}
.technical-home{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--bg:#0b1017;--muted:#c6ced9;--grid:rgba(165,211,233,.025);background:var(--bg)}
.technical-home h1,.technical-home h2,.technical-home h3{font-weight:600;letter-spacing:-.025em;text-wrap:balance}
.technical-home .header{background:#0b1017f5;border-bottom-color:#a6e7fb24}
.technical-home .hero{grid-template-columns:1.2fr 1fr;gap:38px;padding-top:56px}
.technical-home .hero-copy{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.technical-home .hero h1{font-size:clamp(2.4rem,4.7vw,4rem);line-height:1.17;letter-spacing:-.025em;margin:28px 0}
.technical-home .hero-description{font-size:1.125rem;line-height:1.7;color:#d0d8e2;max-width:480px}
.technical-home .hero-product{background:radial-gradient(ellipse,#2558753d,transparent 68%)}
.technical-home .eyebrow,.technical-home .features .section-heading h2.eyebrow,.technical-home .creation-section .section-heading #creative-title{font-size:.875rem;line-height:1.65;letter-spacing:.065em;font-weight:700;color:#9cdcf2}
.technical-home .hero-copy>.eyebrow{color:#c9b8e9;font-size:.875rem}
.technical-home .button{border:1px solid #9ad9ee80;border-radius:7px;background:#a6e7fb0c;color:#d4f4ff;font-size:.9375rem;font-weight:700;gap:14px}
.technical-home .button:hover{background:#a6e7fb20}
.technical-home .platform-note{font-size:.8125rem;color:#aab9c9}
.technical-home .features{border-top-color:#a6e7fb26;padding-top:56px}
.technical-home .section-heading{padding-bottom:18px;border-bottom:1px solid #a6e7fb26;margin-bottom:30px}
@media(min-width:761px){.technical-home #community-heading{flex:1 0 100%;max-width:none;white-space:nowrap;text-wrap:nowrap}}
.technical-home .features .feature-grid,.technical-home .creative-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.technical-home .community-card,.technical-home .creative-grid .ai-feature{grid-column:1/-1}
.technical-home .feature-card,.technical-home .creative-grid>article{--accent:#91d9ed;--surface:#12202c;padding:36px;border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);border-radius:10px;background-color:var(--surface);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:30px 30px;box-shadow:inset 0 1px 0 #ffffff05}
.technical-home .gallery-card{--surface:#211e2d;--accent:#c0acd9}
.technical-home .gallery-symbol{color:var(--accent)}
.technical-home .radio-card{--surface:#271d29;--accent:#dbacd2}
.technical-home .creative-grid .ai-feature{--surface:#11232b;--accent:#82d4e3}
.technical-home .creative-grid .tour-feature{--surface:#1c2337;--accent:#a9b7f0}
.technical-home .creative-grid .menu-feature{--surface:#25251e;--accent:#d6c38d}
.technical-home .features .feature-card h3,.technical-home .creative-grid h3{font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.3;letter-spacing:-.025em;text-wrap:pretty}
.technical-home .feature-card .eyebrow,.technical-home .creative-grid .eyebrow{color:var(--accent);font-size:.875rem;letter-spacing:.045em}
.technical-home .card-description,.technical-home .features .card-description,.technical-home .creative-grid .card-description,.technical-home .tab-panels p{font-size:1.125rem;line-height:1.7;color:#cbd3de;max-width:unset}
.technical-home .community-card>h3{max-width:850px}
.technical-home .community-card .chat-tabs,.technical-home .community-card .tab-panels{max-width:780px}
.technical-home .creative-grid .ai-feature .product-copy{max-width:850px}
.technical-home .card-top{padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--accent) 23%,transparent);height:auto;min-height:unset;margin-bottom:24px}
.technical-home .features .card-top{gap:16px}
.technical-home .chat-tabs{border-color:#9ddbed35;margin-top:28px}
.technical-home .chat-tabs button{padding:12px 3px;font-size:.9375rem}
.technical-home .chat-tabs button[aria-selected=true]{background:#92d9eb0b}
.technical-home .screen-preview-trigger,.technical-home .creative-grid .text-link{font-size:1rem;color:#b8ebfc;line-height:1.6}
.technical-home .gallery-gold,.technical-home .radio-gold{text-decoration:none}
.technical-home .coins-section{background-color:#201f1b;background-image:linear-gradient(#edcf9205 1px,transparent 1px),linear-gradient(90deg,#edcf9205 1px,transparent 1px);background-size:40px 40px;border-block-color:#e6ca8033}
.technical-home .coin-copy h2{font-size:clamp(2rem,3.7vw,3.25rem);line-height:1.25;letter-spacing:-.025em}
.technical-home .coin-copy .eyebrow{color:#e6cb91}
.technical-home .coin-copy>p:last-child,.technical-home .coin-steps p{color:#d2cec1;font-size:1.125rem;line-height:1.7;max-width:unset}
.technical-home .coin-steps li{border-color:#e6ca8029;gap:22px;padding-block:26px}
.technical-home .step-number{display:grid;place-items:center;flex:0 0 44px;height:44px;padding:0;border:1px solid #e6ca8066;border-radius:6px;background:#e6ca8009;color:#edce8e}
.technical-home .coin-steps h3{font-size:1.4rem;line-height:1.4;letter-spacing:-.025em}
.technical-home .creation-section{padding-block:70px}
.technical-home #descargar.download-section{background-color:#1b2935;background-image:linear-gradient(#a6e7fb05 1px,transparent 1px),linear-gradient(90deg,#a6e7fb05 1px,transparent 1px);background-size:28px 28px;border-color:#a6e7fb4d;border-radius:12px;padding:36px}
.technical-home .download-section h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.3}
.technical-home .store-button{border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.technical-home .store-button strong{font-size:1rem;letter-spacing:-.025em}
.technical-home .main-footer{border-top:1px solid #a6e7fb26;padding-top:32px}
.technical-home .footer-links a,.technical-home .footer-identity p{font-size:.875rem;line-height:1.8}
.technical-home .footer-social a{border-radius:6px;border:1px solid #a6e7fb30;background:#a6e7fb08}
.technical-home .example-details .menu-example{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
@media(max-width:1000px){.technical-home .hero-copy{padding:0}.technical-home .feature-card,.technical-home .creative-grid>article{padding:28px}.technical-home .hero{gap:24px}.technical-home .hero h1{font-size:clamp(2.3rem,4.9vw,3.6rem)}}
@media(max-width:760px){
 .technical-home .hero{grid-template-columns:1fr;padding-top:30px;gap:20px}
 .technical-home .hero-copy{padding:0}
 .technical-home .hero h1{font-size:clamp(2rem,8.4vw,3.5rem);line-height:1.22;margin-block:23px}
 .technical-home .hero-actions{gap:14px;align-items:flex-start;flex-direction:column}
 .technical-home .hero-actions .button{font-size:.875rem;padding:14px 15px;gap:10px}
 .technical-home .hero-description{font-size:1.125rem;line-height:1.7}
 .technical-home .hero-product{margin-top:0}
 .technical-home .features .feature-grid,.technical-home .creative-grid{grid-template-columns:1fr;gap:24px}
 .technical-home .feature-card,.technical-home .creative-grid>article{padding:26px 22px;border-radius:10px}
 .technical-home .features .feature-card h3,.technical-home .creative-grid h3{font-size:clamp(1.5rem,6.1vw,2.25rem);line-height:1.35}
 .technical-home .features .card-top{flex-wrap:nowrap;gap:12px}
 .technical-home .chat-tabs button{font-size:.875rem;line-height:1.5}
 .technical-home .coin-copy h2{font-size:clamp(1.8rem,7.3vw,2.6rem)}
 .technical-home .coin-steps h3{font-size:1.35rem}
 .technical-home .features,.technical-home .creation-section{padding-block:44px}
 .technical-home #descargar.download-section{padding:28px 20px}
 .technical-home #descargar .store-button{gap:6px;padding:10px 6px}
 .technical-home #descargar .store-button small{font-size:.75rem}
 .technical-home #descargar .store-button strong{font-size:.875rem}
}
@media(max-width:360px){.technical-home .feature-card,.technical-home .creative-grid>article{padding-inline:18px}.technical-home .hero h1{font-size:2rem}.technical-home .hero-actions .button{font-size:.8125rem}.technical-home .chat-tabs button{font-size:.8125rem}.technical-home #descargar.download-section{padding-inline:14px}}

/* Keep the technical voice in short labels; use familiar letterforms for reading. */
.technical-home .eyebrow,.technical-home .step-number{font-family:"Agora Mono",monospace}
.technical-home main p,.technical-home main h1,.technical-home main h2,.technical-home main h3{overflow-wrap:break-word}
.technical-home .tab-panels p,.technical-home .creative-grid .card-description{max-width:62ch}
.technical-home .platform-note{color:#bac7d7;font-size:.875rem}
.technical-home .footer-links a,.technical-home .footer-identity p{color:#b8c3d1}
.technical-home .chat-tabs button{font-size:1rem}
.technical-home .hero-actions .button{font-size:1rem}

/* Animate the supplied robot without competing with the card's scroll motion. */
.technical-home .ai-robot{position:relative;display:block;width:84px;height:84px;flex:0 0 84px;overflow:hidden;animation:none}
.technical-home .ai-robot img{display:block;width:200%;max-width:none;height:100%;object-fit:fill;animation:none;transform:none}
.technical-home .ai-robot::after{content:"";position:absolute;inset:0;pointer-events:none;background:url("assets/soy-agora-robot-blink.webp") 100% 0/200% 100% no-repeat;-webkit-mask-image:radial-gradient(ellipse 13% 12% at 36.5% 42.5%,#000 70%,transparent 100%),radial-gradient(ellipse 13% 12% at 63.5% 42.5%,#000 70%,transparent 100%);mask-image:radial-gradient(ellipse 13% 12% at 36.5% 42.5%,#000 70%,transparent 100%),radial-gradient(ellipse 13% 12% at 63.5% 42.5%,#000 70%,transparent 100%);opacity:0;animation:agora-robot-blink 5.4s steps(1,end) infinite;animation-play-state:paused}
.technical-home .ai-feature.in-view .ai-robot::after{animation-play-state:running}
@keyframes agora-robot-blink{0%,94%,100%{opacity:0}96%{opacity:1}}
@media(max-width:760px){.technical-home .ai-robot{width:80px;height:80px;flex-basis:80px}}
@media(prefers-reduced-motion:reduce){.technical-home .ai-robot,.technical-home .ai-robot img{animation:none;transform:none}}
@media(prefers-reduced-motion:reduce){.technical-home .ai-robot::after{animation:none;opacity:0}}

/* Each icon sits on its own line, between its section label and title. */
.technical-home .creative-icon{display:block;width:92px;height:92px;margin:22px 0 20px}
.technical-home .creative-icon img{display:block;width:100%;height:100%;object-fit:contain}
.technical-home .creative-icon+h3{margin-top:0}
@media(max-width:760px){.technical-home .creative-icon{width:80px;height:80px;margin:20px 0 18px}}

/* Outer light behind the cards; preserve their existing interior surfaces. */
.technical-home .feature-card,.technical-home .creative-grid>article{
 box-shadow:inset 0 1px 0 #ffffff05,0 0 32px 3px color-mix(in srgb,var(--accent) 17%,transparent),0 16px 42px #00000026;
}
.technical-home #descargar.download-section{box-shadow:0 0 36px 3px #49bae52b}
@media(hover:hover) and (pointer:fine){
 .technical-home .feature-card:hover,.technical-home .creative-grid>article:hover{box-shadow:inset 0 1px 0 #ffffff05,0 0 42px 5px color-mix(in srgb,var(--accent) 24%,transparent),0 16px 42px #00000026}
}
@media(max-width:760px){
 .technical-home .feature-card,.technical-home .creative-grid>article{box-shadow:inset 0 1px 0 #ffffff05,0 0 24px 2px color-mix(in srgb,var(--accent) 17%,transparent)}
}

/* Use the supplied app mascot, preserving the complete portrait. */
.technical-home .creative-icon.ai-robot img{width:200%;max-width:none;height:100%;object-fit:fill;border-radius:0}