/* Optional concept. Existing scroll and entrance animation hooks remain intact. */
.technical-home{--bg:#070c14;--muted:#b5c4d5;background:#070c14;color:#eef5ff}
.technical-home .header{background:#080e18ed;border-bottom:1px solid #8ebfe420;backdrop-filter:blur(20px)}
.technical-home .hero{gap:70px;padding-top:90px;padding-bottom:90px}.technical-home .hero-copy{position:relative}.technical-home .hero h1{font-size:clamp(3.3rem,5.4vw,5.4rem);line-height:1.06;font-weight:600;letter-spacing:-.055em;margin:30px 0}.technical-home .hero-description{font-size:18px;line-height:1.8;color:#a4b9cd;max-width:480px}.technical-home .hero-copy>.eyebrow{font-size:11px;color:#95dcf0;letter-spacing:.14em}.technical-home .aqua-text{color:#9ce4f9;text-shadow:0 0 42px #7ddcff24}.technical-home .button{background:#b7edff;color:#082333;border:1px solid #d3f5ff;border-radius:100px;padding:17px 26px;box-shadow:0 0 32px #67c8ed15}.technical-home .button:hover{background:#d7f5ff}.technical-home .platform-note{font-size:12px;color:#71899f}.technical-home .hero-product{background:radial-gradient(ellipse,#1c7db02b,transparent 68%)}
.technical-home .section-heading{border:0;margin-bottom:24px;padding-bottom:8px}.technical-home .features{border-top:1px solid #6b91b622;padding-top:64px}.technical-home .eyebrow,.technical-home .features .section-heading h2.eyebrow,.technical-home .creation-section .section-heading #creative-title{font-size:11px;letter-spacing:.14em;font-weight:500;color:#8099b1}.technical-home .feature-grid,.technical-home .creative-grid{gap:24px}.technical-home .feature-card,.technical-home .creative-grid>article{--accent:#83d4ef;--surface:#0d1927;position:relative;border:1px solid #8bb9d52d;border-radius:28px;padding:40px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 6%,#0a1421),#09121f 85%);box-shadow:inset 0 1px 0 #d4f5ff0a,0 16px 44px #0002;overflow:hidden}.technical-home .feature-card::before,.technical-home .creative-grid>article::before{content:"";position:absolute;width:200px;height:200px;right:-100px;top:-120px;border-radius:50%;background:var(--accent);filter:blur(100px);opacity:.18;pointer-events:none}.technical-home .gallery-card{--accent:#c3adf3}.technical-home .radio-card{--accent:#efb4d5}.technical-home .creative-grid .tour-feature{--accent:#96b6f9}.technical-home .creative-grid .menu-feature{--accent:#d9c599}.technical-home .features .feature-card h3,.technical-home .creative-grid h3{font-size:clamp(1.8rem,2.7vw,2.6rem);line-height:1.2;letter-spacing:-.035em;font-weight:550;margin-top:22px}.technical-home .card-description,.technical-home .features .card-description,.technical-home .creative-grid .card-description,.technical-home .tab-panels p{font-size:16px;line-height:1.85;color:#9eafc2;max-width:65ch}.technical-home .card-top{border-bottom:1px solid #c1ddff10;padding-bottom:22px;margin-bottom:24px}.technical-home .feature-card .eyebrow,.technical-home .creative-grid .eyebrow{font-size:10px;letter-spacing:.13em;color:var(--accent)}.technical-home .chat-tabs{border-color:#b9deff20;margin-top:32px;gap:28px}.technical-home .chat-tabs button{font-size:13px;padding:13px 0;color:#7e97ad}.technical-home .chat-tabs button[aria-selected=true]{color:#c6f0ff;background:none;border-bottom-color:#9edcf3}.technical-home .screen-preview-trigger,.technical-home .creative-grid .text-link{font-size:13px;color:#a4d7ed;border-bottom:1px solid #81c9ed33;padding-bottom:6px}.technical-home .coins-section{background:#0a111b;border-block:1px solid #8bb9d518}.technical-home .coins-inner{padding-block:80px}.technical-home .coin-copy h2{font-size:clamp(2rem,3.7vw,3.5rem);letter-spacing:-.045em;font-weight:550}.technical-home .coin-copy>p:last-child,.technical-home .coin-steps p{font-size:16px;color:#9eaebf;line-height:1.85}.technical-home .coin-steps li{border-color:#c0dcff18}.technical-home .coin-steps .step-number{font-size:12px;color:#b9a875}.technical-home .coin-steps h3{font-size:23px;font-weight:500}.technical-home .gold-text{color:#dfd0a6}.technical-home #descargar.download-section{border:1px solid #88bbd835;background:#0d1a28;border-radius:28px;box-shadow:0 0 70px #4887ab0a;padding:44px}.technical-home #descargar h2{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.04em}.technical-home .store-button{border-radius:14px;background:#07111c;border-color:#a9cced25}.technical-home .store-button:hover{border-color:#a9cced60}.technical-home .footer-identity p,.technical-home .footer-links a{color:#758b9f;font-size:12px}.technical-home .main-footer{border-top-color:#7298ba22}.technical-home .creative-icon{margin:26px 0}.technical-home .community-card{padding:48px}
@media(hover:hover) and (pointer:fine){.technical-home .feature-card:hover,.technical-home .creative-grid>article:hover{border-color:color-mix(in srgb,var(--accent) 48%,transparent);box-shadow:inset 0 1px 0 #d4f5ff12,0 16px 50px #0004}}
@media(max-width:760px){.technical-home .hero{gap:36px;padding-top:46px;padding-bottom:45px}.technical-home .hero h1{font-size:clamp(3rem,11vw,4.3rem)}.technical-home .hero-description{font-size:16px}.technical-home .hero-copy>.eyebrow{font-size:9px}.technical-home .feature-card,.technical-home .creative-grid>article{padding:28px 24px;border-radius:22px}.technical-home .card-description,.technical-home .features .card-description,.technical-home .creative-grid .card-description,.technical-home .tab-panels p{font-size:15px}.technical-home .features .feature-card h3,.technical-home .creative-grid h3{font-size:28px}.technical-home .community-card{padding:30px 24px}.technical-home #descargar.download-section{padding:28px 22px;border-radius:22px}.technical-home .section-heading{margin-bottom:20px}.technical-home .features{padding-top:42px}.technical-home .chat-tabs{gap:20px}.technical-home .eyebrow,.technical-home .features .section-heading h2.eyebrow{font-size:10px}}

/* A fixed decorative layer stays in viewport coordinates while cards pass over it. */
.technical-home{position:relative;isolation:isolate;background:#070c14}
.technical-home::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#070c14b8 0%,#070c1459 55%,#070c1480 100%),linear-gradient(180deg,#070c147a 0%,#070c145e 45%,#070c14b3 100%),url('/teide-backdrop.webp');background-size:cover;background-position:center center;background-repeat:no-repeat;opacity:.7;transform:none;animation:none;transition:none}
@media(max-width:760px){.technical-home::before{background-position:62% center;opacity:.58}}

/* Exact mobile palette tokens: background / surface / header / accent. */
.technical-home .community-card{--theme-background:#2C3D4A;--theme-surface:#405667;--theme-header:#1D2933;--accent:#A9CEDF;background-color:var(--theme-background);background-image:linear-gradient(145deg,var(--theme-background),var(--theme-header));border-color:color-mix(in srgb,var(--accent) 32%,transparent)}
.technical-home .gallery-card{--theme-background:#43232F;--theme-surface:#5D3443;--theme-header:#2C1620;--accent:#EDA8BD;background-color:var(--theme-background);background-image:linear-gradient(145deg,var(--theme-background),var(--theme-header));border-color:color-mix(in srgb,var(--accent) 32%,transparent)}
.technical-home .radio-card{--theme-background:#352B27;--theme-surface:#4C3D35;--theme-header:#231C19;--accent:#DDB799;background-color:var(--theme-background);background-image:linear-gradient(145deg,var(--theme-background),var(--theme-header));border-color:color-mix(in srgb,var(--accent) 32%,transparent)}
.technical-home .creative-grid .ai-feature{--theme-background:#17483F;--theme-surface:#296257;--theme-header:#0F302A;--accent:#9DDBCB;background-color:var(--theme-background);background-image:linear-gradient(145deg,var(--theme-background),var(--theme-header));border-color:color-mix(in srgb,var(--accent) 32%,transparent)}
.technical-home .creative-grid .tour-feature{--theme-background:#25265C;--theme-surface:#393B78;--theme-header:#191A40;--accent:#ABB6F3;background-color:var(--theme-background);background-image:linear-gradient(145deg,var(--theme-background),var(--theme-header));border-color:color-mix(in srgb,var(--accent) 32%,transparent)}
.technical-home .creative-grid .menu-feature{--theme-background:#333B26;--theme-surface:#495437;--theme-header:#222819;--accent:#C8D696;background-color:var(--theme-background);background-image:linear-gradient(145deg,var(--theme-background),var(--theme-header));border-color:color-mix(in srgb,var(--accent) 32%,transparent)}
.technical-home #descargar.download-section{--theme-background:#4A355D;--theme-surface:#634A79;--theme-header:#31233E;--accent:#D5B6ED;background-color:var(--theme-background);background-image:linear-gradient(145deg,var(--theme-background),var(--theme-header));border-color:color-mix(in srgb,var(--accent) 32%,transparent)}
.technical-home .feature-card .card-description,.technical-home .creative-grid .card-description,.technical-home .tab-panels p{color:#D3DAE2}
.technical-home .feature-card .eyebrow,.technical-home .creative-grid .eyebrow,.technical-home .feature-card .screen-preview-trigger,.technical-home .creative-grid .text-link{color:var(--accent)}
.technical-home .card-top{border-bottom-color:color-mix(in srgb,var(--accent) 18%,transparent)}
.technical-home .chat-tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}
.technical-home .coins-section{--accent:#F0CD86;background:linear-gradient(115deg,#2D2315,#44351E);border-block-color:#F0CD8633}
.technical-home .coin-copy>p:last-child,.technical-home .coin-steps p{color:#DED6C5}.technical-home .coins-section .gold-text,.technical-home .coins-section .gold,.technical-home .coins-section .step-number{color:var(--accent)}
.technical-home #descargar .eyebrow{color:var(--accent)}.technical-home #descargar .store-button{background:var(--theme-header);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}

/* Keep the home menu in the header row; its glass lives on header::before. */
.technical-home .header{backdrop-filter:none;-webkit-backdrop-filter:none}
.technical-home .header .nav{align-items:center;flex-wrap:nowrap}
.technical-home .header-actions{align-items:center}
.technical-home .site-menu-toggle{position:relative;inset:auto;width:auto;min-width:0;height:40px;min-height:40px;padding:0 13px;gap:9px;flex-direction:row;font-size:13px;line-height:1;border:1px solid #b8e7ff20;border-radius:22px;background:#14212c;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;translate:none}
.technical-home .site-menu-label{font-size:13px;line-height:1;font-weight:500}
.technical-home .site-menu-glyph{width:18px;height:16px}
.technical-home .site-menu-glyph::before,.technical-home .site-menu-glyph::after{width:18px}
@media(max-width:760px){
 .technical-home .header{height:72px;min-height:72px}
 .technical-home .header .nav{height:72px;min-height:72px;padding-block:0;gap:12px}
 .technical-home .site-menu-toggle{position:relative;inset:auto;width:auto;min-width:0;height:40px;min-height:40px;padding:0 13px}
 .technical-home .site-menu-label{display:inline}
 .technical-home .site-menu-panel{position:absolute;right:0;top:calc(100% + 16px);bottom:auto;width:min(440px,calc(100vw - 40px));max-height:calc(100dvh - 100px);transform:translateY(-8px) scale(.98);transform-origin:top right}
 .technical-home .site-menu.is-open .site-menu-panel{transform:translateY(0) scale(1)}
 .technical-home .site-menu-heading::before{display:none}
}
