/* Application showcase. Illustrative interfaces use sample data. */
.eyebrow{font-size:10px;letter-spacing:.26em;color:#a6a6af}.applications{padding:45px 24px 64px;gap:0;min-height:calc(100svh - 206px)}.hub-heading{text-align:center}.applications h1{font-size:clamp(24px,3vw,40px);margin:18px 0 0;letter-spacing:-.04em}.energy-network{width:min(1080px,100%);position:relative;margin-top:14px}.energy-tree{width:100%;height:auto;display:block;overflow:visible}.pipe-base{stroke:#ffffff14;stroke-width:2.3}.pipe-fill{stroke:#fff;stroke-width:1.25;stroke-dasharray:1;stroke-dashoffset:1}.pipe-fill.glow{stroke-width:5;filter:url(#energy-glow);opacity:.65}.pipe-current{stroke:#fff;stroke-width:2.2;stroke-dasharray:.035 .025 .012 .928;stroke-dashoffset:1;opacity:0;filter:drop-shadow(0 0 4px #fff)}.root-halo,.source-core{opacity:0;transform-origin:540px 28px}.terminal-glow,.terminal-core{opacity:0}.energy-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;margin-top:-10px}.energy-card{display:flex;align-items:center;flex-direction:column;opacity:0;transform:translateY(-12px) scale(.72);transform-origin:50% 0;position:relative;isolation:isolate}.card-shell{width:clamp(110px,19vw,228px);aspect-ratio:1.05;border:1px solid #ffffff22;border-radius:42px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;background:linear-gradient(140deg,#24262b,#101114 60%,#08090b);position:relative;box-shadow:inset 0 1px 0 #ffffff0d;transition:transform .35s,border-color .35s,box-shadow .35s}.card-shell:before{content:"";position:absolute;inset:15px;z-index:-1;background:var(--accent);opacity:.17;filter:blur(32px);border-radius:50%}.card-shell img{width:54%;aspect-ratio:1;object-fit:contain}.card-shell h2{font-size:clamp(13px,1.6vw,22px);font-weight:500;margin:0;letter-spacing:-.025em}.energy-card:hover .card-shell,.energy-card:focus-visible .card-shell{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 0 45px color-mix(in srgb,var(--accent) 17%,transparent)}.explore-label{font-size:10px;letter-spacing:.1em;color:#8f929a;margin-top:20px}.explore-label span{margin-left:5px}.applications .hub-hint{margin-top:40px;font-size:13px;color:#8a8c95}.replay-energy{margin-top:20px;border:0;background:none;color:#b7b8bf;font-size:11px;padding:10px}.replay-energy span{margin-left:7px}.energy-running .root-halo{animation:source-rise 1.4s ease-out both,source-breathe 4s 1.4s ease-in-out infinite}.energy-running .source-core{animation:source-rise 1s .3s both}.energy-running .pipe-fill{animation:charge-line 2.6s .7s cubic-bezier(.35,0,.2,1) both}.energy-running .pipe-current{animation:current-flow 3.3s .8s linear infinite}.energy-running .terminal-glow,.energy-running .terminal-core{animation:terminal-on .7s 2.9s both}.energy-running .energy-card{animation:card-open 1.15s var(--delay) cubic-bezier(.2,.7,.2,1) both}.energy-running .explore-label{animation:source-rise .7s 4s both}
@keyframes source-rise{from{opacity:0}to{opacity:1}}@keyframes source-breathe{50%{opacity:.45;transform:scale(.8)}}@keyframes charge-line{to{stroke-dashoffset:0}}@keyframes current-flow{0%{stroke-dashoffset:1;opacity:0}10%,80%{opacity:1}100%{stroke-dashoffset:-.1;opacity:0}}@keyframes terminal-on{0%{opacity:0}50%{opacity:1}100%{opacity:.7}}@keyframes card-open{to{opacity:1;transform:translateY(0) scale(1)}}
.app-detail{display:block;overflow:visible;padding:0 28px}.detail-hero{max-width:1110px;margin:auto;padding:38px 0 70px}.back-link{font-size:12px;color:#999ba3;display:inline-flex;align-items:center;padding:8px 0}.back-link:hover{color:#fff}.product-identity{display:flex;align-items:center;gap:13px;margin:48px 0 26px;font-size:17px}.product-identity img{width:44px;height:44px;object-fit:contain}.development-tag{font-size:9px;letter-spacing:.16em;color:#a6a7ae;border-left:1px solid #37383f;margin-left:5px;padding-left:17px}.detail-hero h1{font-size:clamp(42px,6vw,78px);font-weight:400;letter-spacing:-.065em;line-height:1.04;margin:0}.detail-hero h1 span{color:var(--accent)}.detail-deck{max-width:600px;color:#9499a4;font-size:18px;line-height:1.6;margin:24px 0 34px}.scroll-cue{font-size:9px;letter-spacing:.18em;color:#a3a7b0}.product-story{width:min(1110px,100%);margin:auto}.product-figure{margin:0;--ui-accent:#9cc2de}.screen-frame{background:#11181e;border:1px solid #29333e;border-radius:18px;overflow:hidden;box-shadow:0 35px 100px #90bdea09}.screen-toolbar{height:44px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#1a222b;color:#9ba5b4;font-size:9px;letter-spacing:.12em;border-bottom:1px solid #ffffff0b}.window-dots{color:#55616e;font-size:9px;letter-spacing:4px}.sample-badge{font-size:8px;letter-spacing:.1em;opacity:.75}.product-figure figcaption{text-align:right;font-size:10px;color:#6f747d;padding:15px 2px 0;letter-spacing:.015em}.ui-layout{display:grid;grid-template-columns:165px 1fr;min-height:470px}.ui-sidebar{padding:25px 18px;display:flex;align-items:flex-start;flex-direction:column;gap:8px;background:#0d1319;border-right:1px solid #ffffff08;font-size:11px;color:#768796}.ui-sidebar img{width:34px;height:34px}.ui-sidebar b{font-size:13px;color:#d9e4ed;margin-bottom:22px}.ui-sidebar>span{padding:11px 12px;border-radius:7px;width:100%}.ui-sidebar>span.chosen{color:#d2e2ef;background:#273b4c}.ui-content{padding:30px;min-width:0}.ui-topline{display:flex;justify-content:space-between;font-size:9px;color:#7d8e9d;letter-spacing:.08em;gap:12px}.ui-content h3,.progress-preview h3,.route-summary h3,.receipt-result h3,.closet-top h3,.style-controls h3{font-size:25px;font-weight:500;letter-spacing:-.04em;margin:13px 0 25px;color:#e5ecf2}.ui-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.ui-stats>div{border:1px solid #ffffff0b;padding:15px;border-radius:10px;background:#18222c}.ui-stats small{font-size:8px;color:#7b8b9a;letter-spacing:.1em}.ui-stats b{display:block;font-size:21px;font-weight:500;color:#e3edf6;margin:9px 0}.ui-stats b em{font-size:12px;color:#8396a5;font-style:normal}.ui-stats span{font-size:9px;color:#758b9e}.ui-panels{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}.ui-panel{border:1px solid #ffffff0c;border-radius:10px;background:#141e27;padding:20px;min-width:0}.ui-kicker{font-size:8px;letter-spacing:.15em;color:#7e97ab}.ui-panel h4{font-weight:500;font-size:15px;margin:12px 0 17px}.workout-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid #ffffff09;font-size:10px}.workout-row>span:last-child{margin-left:auto;color:#98aec1}.workout-row b{font-size:11px;display:block;color:#c9d7e1}.workout-row small{display:block;color:#6f8292;margin-top:6px;font-size:9px}.mini-dumbbell{color:#a3c5dc;font-size:17px;padding:7px 4px;background:#203340;border-radius:7px;white-space:nowrap}.exercise-figure{height:105px;display:flex;justify-content:center}.exercise-figure svg{height:100%;width:100%}.set-line{display:flex;justify-content:space-between;font-size:10px;color:#7f94a5;padding:9px 0}.set-line b{color:#c7d7e4;font-size:12px}.ui-cta{margin-top:15px;text-align:center;padding:12px 16px;border-radius:7px;background:#34566e;color:#e5f1f9;font-size:10px;font-weight:600}.story-copy{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:85px 15px 90px}.story-point{display:flex;gap:18px}.point-index{font-size:10px;letter-spacing:.08em;color:var(--accent);padding-top:9px;opacity:.7}.story-point h2{font-size:clamp(23px,2.5vw,31px);font-weight:400;letter-spacing:-.035em;line-height:1.18;margin:0 0 17px;color:#f4f4f7}.story-point p{font-size:15px;line-height:1.8;color:#949aa5;margin:0;max-width:450px}.route-preview{display:grid;grid-template-columns:1.25fr 1fr;align-items:stretch}.route-map{height:100%;width:100%;min-height:300px;object-fit:cover}.route-summary{padding:40px}.ui-row{display:flex;justify-content:space-between;gap:15px;font-size:11px;padding:13px 0;border-bottom:1px solid #ffffff0a;color:#8c9aa6}.ui-row b{font-weight:500;color:#dbe4ed}.sync-pill{font-size:10px;color:#99bccf;display:inline-block;padding:10px 14px;background:#2843514a;border-radius:30px;margin-top:22px}.progress-preview{padding:50px;display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}.progress-preview p{font-size:12px;line-height:1.6;color:#7d8e9d}.metric-pills{display:flex;gap:7px;margin-top:22px}.metric-pills span{font-size:9px;background:#263847;color:#a4bbcd;padding:7px 10px;border-radius:20px}.chart-panel svg{width:100%;margin:20px 0 10px}.last-point{grid-template-columns:1fr;max-width:650px;margin:auto}.last-point .story-point p{max-width:none}.detail-bottom{border-top:1px solid #ffffff1b;padding:65px 0 80px;text-align:center}.return-tree{display:block;font-size:48px;letter-spacing:-.04em;margin:20px 0}.return-tree span{font-size:35px;margin-left:10px;color:var(--accent)}.detail-bottom p{font-size:13px;color:#8a8c95;margin:0}
/* ShoppingPro: green and cream interface, matching the product direction. */
.shopping .screen-frame{background:#f4f5ee;border-color:#536958;color:#233e32;box-shadow:0 25px 100px #b6d7910a}.shopping .screen-toolbar{background:#e6eadd;color:#647362;border-bottom-color:#1e482a17}.shopping .ui-sidebar{background:#e9eee1;color:#798777;border-color:#20482d10}.shopping .ui-sidebar b{color:#254f3c}.shopping .ui-sidebar>span.chosen{background:#d7e4cb;color:#244833}.shopping .ui-content h3{color:#254c39}.shopping .ui-topline{color:#74816c}.shopping .ui-topline span:last-child{color:#5c8150}.shopping-tools{display:flex;align-items:center;gap:10px;margin:22px 0 20px;font-size:11px}.shopping-tools div{flex:1;border:1px solid #bfcdb7;padding:13px 16px;border-radius:9px;color:#7b8874;background:#fff}.shopping-tools span{padding:12px;border:1px solid #ced7c6;border-radius:8px}.shopping .ui-panel{background:#fff;border-color:#dce4d5;color:#274b38}.shopping .ui-kicker{color:#7c8f70}.grocery-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #dfe6d8;padding:15px 0;font-size:11px}.check-box{width:14px;height:14px;border:1px solid #b2c3a8;border-radius:3px}.grocery-icon{font-size:23px}.grocery-row div{flex:1}.grocery-row small{display:block;font-size:9px;color:#91a084;margin-top:3px}.shopping .ui-panel p{font-size:11px;color:#839079;line-height:1.65}.suggestion{padding:17px 0;border-top:1px solid #dfe6d8}.suggestion span{font-size:11px;font-weight:600;display:block}.suggestion b{font-size:10px;font-weight:400;display:block;margin:8px 0;color:#5e7b50}.suggestion small{font-size:9px;color:#90a17e}.shopping .ui-cta{background:#285a40;color:#f5f9ef}.receipt-preview{display:grid;grid-template-columns:.85fr 1fr;gap:55px;padding:50px;align-items:center}.receipt-paper{padding:30px;background:#fff;box-shadow:0 10px 30px #2639211c;transform:rotate(-4deg);font-family:monospace}.receipt-paper>b{display:block;font-size:13px;text-align:center}.receipt-paper>small{display:block;text-align:center;font-size:9px;color:#879480;margin:10px 0 22px}.receipt-paper .ui-row{border:0;color:#64705c;font-size:11px;padding:11px 0}.receipt-paper .ui-row b{color:#36512d;font-family:monospace}.receipt-paper hr{border:0;border-top:1px dashed #b6c4af;margin:15px 0}.barcode{font-size:23px;text-align:center;margin-top:25px;color:#394632}.receipt-result h3{color:#274d38;font-size:32px}.import-line{font-size:13px;color:#5a784c;padding:11px 0}.shopping .sync-pill{background:#dfead4;color:#5d7b4f}
/* MyCloset: warm gallery and illustrated clothing collection. */
.closet .screen-frame{background:#efece8;border-color:#6e655c;color:#4d453e;box-shadow:0 25px 100px #d3bbae0c}.closet .screen-toolbar{background:#e1dcd6;color:#8b8074;border-color:#bcb3a328}.closet-ui{padding:35px}.closet-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.closet .ui-kicker{color:#a49484}.closet-top h3{color:#433d37;font-size:23px;margin-bottom:18px}.closet-add{font-size:10px;padding:10px 16px;border:1px solid #c6b8a9;border-radius:5px;white-space:nowrap}.wardrobe-filters{display:flex;gap:23px;font-size:10px;color:#9f9183;padding:10px 0 25px}.wardrobe-filters b{color:#655244;font-weight:500}.wardrobe-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.wardrobe-item>div{background:#e5e0da;border:1px solid #d8cfc499;border-radius:8px;height:175px;display:flex;justify-content:center;align-items:center}.wardrobe-item svg{width:80%;height:90%}.wardrobe-item b{display:block;font-weight:500;font-size:10px;color:#62574c;margin:13px 0 5px}.wardrobe-item small{font-size:9px;color:#9a8b7b}.style-preview{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:45px}.look-board{background:#e2dcd4;border-radius:10px;padding:25px;display:flex;flex-direction:column;align-items:center}.outfit-assembly{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;gap:0;height:240px}.outfit-assembly svg{max-height:180px;max-width:100%;height:100%}.outfit-assembly svg:first-child{grid-row:span 2}.outfit-assembly svg:last-child{height:90px}.look-caption{font-size:9px;color:#9c8872;margin-top:16px}.style-controls{align-self:center}.style-controls h3{color:#4a4037;font-size:30px}.occasion-pills{display:flex;gap:10px;font-size:10px;margin:20px 0}.occasion-pills>*{padding:9px 13px;border:1px solid #d1c4b5;border-radius:20px;color:#9b8976;font-weight:400}.occasion-pills b{color:#f6eee4;background:#7a6855}.closet .ui-row{color:#a18f7c;border-color:#bfb3a32a}.closet .ui-row b{color:#675848}.closet .ui-cta{background:#786654;color:#fff4e7}.style-controls p{font-size:11px;color:#9c8974;line-height:1.65;margin-top:20px}
@media(min-width:1500px){.energy-network{width:1200px}.energy-card .card-shell{width:240px}.hub-heading{padding-top:20px}}
@media(max-width:850px){.ui-layout{grid-template-columns:125px 1fr}.ui-content{padding:20px}.ui-sidebar{padding:22px 12px}.ui-panels{gap:10px}.ui-panel{padding:14px}.ui-stats{gap:6px}.ui-stats>div{padding:10px}.ui-stats b{font-size:17px}.story-copy{gap:35px;padding:65px 0}.ui-content h3{font-size:21px}.wardrobe-grid{grid-template-columns:repeat(3,1fr)}.route-summary{padding:28px}.receipt-preview{padding:35px;gap:35px}.progress-preview{padding:30px;gap:25px}.style-preview{padding:30px;gap:25px}.card-shell{border-radius:32px}}
@media(max-width:600px){.applications{padding:40px 12px 55px}.applications h1{font-size:27px;max-width:300px;margin:18px auto 0}.hub-heading .eyebrow{font-size:8px}.energy-network{margin-top:55px}.energy-tree{min-height:120px}.card-shell{width:calc(100% - 12px);border-radius:21px;gap:8px}.card-shell img{width:53%}.card-shell h2{font-size:12px}.energy-cards{margin-top:-5px}.explore-label{font-size:8px;letter-spacing:.04em;margin-top:14px}.applications .hub-hint{font-size:11px;max-width:260px;margin-top:36px}.app-detail{padding:0 18px}.detail-hero{padding:22px 4px 40px}.product-identity{margin-top:35px;font-size:16px;gap:9px}.product-identity img{width:36px;height:36px}.development-tag{font-size:7px;padding-left:10px}.detail-hero h1{font-size:42px}.detail-deck{font-size:15px}.screen-toolbar{height:33px;padding:0 12px;font-size:7px}.window-dots{font-size:7px;letter-spacing:2px}.sample-badge{font-size:6px}.screen-frame{border-radius:11px}.ui-layout{display:block;min-height:0}.ui-sidebar{display:none}.ui-content{padding:17px}.ui-content h3{font-size:21px;margin-top:15px}.ui-topline{font-size:7px}.ui-stats small{font-size:6px}.ui-stats b{font-size:16px}.ui-stats span{font-size:7px}.ui-panel{padding:13px}.ui-panels{grid-template-columns:1fr}.training-detail{display:none}.ui-panel h4{font-size:14px}.workout-row{padding:14px 0}.workout-row b{font-size:11px}.story-copy{grid-template-columns:1fr;padding:45px 4px;gap:37px}.story-point{gap:13px}.story-point h2{font-size:25px}.story-point p{font-size:14px;line-height:1.75}.route-preview{grid-template-columns:1fr}.route-map{min-height:200px}.route-summary{padding:25px}.route-summary h3{font-size:24px}.progress-preview{grid-template-columns:1fr;padding:25px;gap:20px}.product-figure figcaption{font-size:8px;line-height:1.6}.receipt-preview{grid-template-columns:1fr;padding:25px;gap:40px}.receipt-paper{width:85%;margin:auto;padding:25px}.receipt-result h3{font-size:28px}.smart-panel{margin-top:4px}.shopping-tools{gap:6px;font-size:9px}.shopping-tools span{padding:11px 9px}.closet-ui{padding:20px}.closet-top{display:block}.closet-top h3{font-size:23px}.closet-add{display:none}.wardrobe-filters{gap:15px;font-size:8px}.wardrobe-grid{gap:10px}.wardrobe-item>div{height:125px}.wardrobe-item b{font-size:8px;line-height:1.5}.wardrobe-item small{font-size:7px}.style-preview{grid-template-columns:1fr;padding:24px}.style-controls h3{font-size:28px}.detail-bottom{padding:45px 0 65px}.return-tree{font-size:40px}.replay-energy{font-size:10px}}
@media(prefers-reduced-motion:reduce){.energy-running *{animation:none!important}.root-halo,.source-core,.terminal-glow,.terminal-core,.energy-card{opacity:1}.energy-card{transform:none}.pipe-fill{stroke-dashoffset:0}.pipe-current{display:none}}

.page h1:focus{outline:none}.explore-label span,.return-tree span,.replay-energy span{font-family:Arial,sans-serif}.card-shell{box-shadow:inset 0 1px 0 #ffffff0d,0 12px 55px color-mix(in srgb,var(--accent) 12%,transparent)}

/* Conception -> development checkpoints -> app cards. */
.development-node{opacity:0}.energy-running .pipe-upper.pipe-fill{animation:charge-line 2s .7s cubic-bezier(.35,0,.2,1) both}.energy-running .pipe-lower.pipe-fill{animation:charge-line 1.1s 2.85s ease-in-out both}.energy-running .development-node{animation:source-rise .5s 2.55s both}.energy-running .development-node .node-halo{animation:source-breathe 3.5s 3s ease-in-out infinite}.energy-running .terminal-glow,.energy-running .terminal-core{animation:terminal-on .65s 3.75s both}.energy-running .pipe-current{animation-duration:4.3s}.energy-running .explore-label{animation-delay:4.8s}.development-node .node-halo{transform-box:fill-box;transform-origin:center}.energy-tree{min-height:0}.wardrobe-item>div.garment-photo{height:auto;aspect-ratio:1;background-image:url('./assets/mycloset-clothing-catalog.png');background-size:300% 200%;background-repeat:no-repeat;border:0;box-shadow:inset 0 0 0 1px #7a6d5810}.wardrobe-item>div.garment-0{background-position:0 0}.wardrobe-item>div.garment-1{background-position:50% 0}.wardrobe-item>div.garment-2{background-position:100% 0}.wardrobe-item>div.garment-3{background-position:0 100%}.wardrobe-item>div.garment-4{background-position:50% 100%}.wardrobe-item>div.garment-5{background-position:100% 100%}.outfit-assembly.photo-outfit{display:block;height:auto;aspect-ratio:1;margin-top:20px}.photo-outfit img{display:block;width:100%;height:100%;object-fit:cover;border-radius:7px}.look-board{padding:20px;background:#e7dfd3}.look-caption{line-height:1.6;text-align:center}@media(max-width:600px){.development-node text{font-size:17px;letter-spacing:0}.development-node circle:nth-child(2){r:10}.energy-network{margin-top:35px}.look-board{padding:14px}}@media(prefers-reduced-motion:reduce){.development-node{opacity:1}.energy-running .pipe-fill{stroke-dashoffset:0}}

/* V28: origin charge, travelling energy, filling checkpoints, then app reveal. */
.pipe-fill{stroke-width:1.9}.pipe-fill.glow{stroke-width:8;opacity:.9}.pipe-current{stroke-width:3;filter:drop-shadow(0 0 5px #fff);stroke-dasharray:.055 .016 .012 .917}.energy-running .root-halo{animation:origin-charge 2.4s ease-in-out both,origin-shimmer 4s 2.4s ease-in-out infinite}.energy-running .source-core{animation:origin-core 2.3s .15s ease-in-out both}.energy-running .pipe-upper.pipe-fill{animation:charge-line 3.12s 2s linear both}.energy-running .pipe-lower.pipe-fill{animation:charge-line 1.68s 7.7s linear both}.energy-running .current-upper{animation:leading-current 3.12s 2s linear both}.energy-running .current-lower{animation:leading-current 1.68s 7.7s linear both}.development-node{opacity:1}.development-node .node-ring{opacity:.16}.development-node .node-halo,.development-node .node-fill{opacity:0;transform-box:fill-box;transform-origin:center}.energy-running .development-node{animation:none}.energy-running .development-node .node-ring{animation:checkpoint-ring 2.2s 5.05s ease-in-out both}.energy-running .development-node .node-halo{animation:checkpoint-glow 2.2s 5.05s ease-in-out both,checkpoint-shimmer 4s 7.25s ease-in-out infinite}.energy-running .development-node .node-fill{animation:checkpoint-fill 2.2s 5.05s ease-in-out both}.energy-running .terminal-glow,.energy-running .terminal-core{animation:terminal-bright .8s 9.2s both}.energy-running .explore-label{animation-delay:10.25s}.card-shell{aspect-ratio:1.16;padding:15px 12px 28px;gap:10px;justify-content:center}.card-shell img{width:48%;height:auto;flex-shrink:0}.card-shell h2{line-height:1.2;flex-shrink:0}
@keyframes origin-charge{0%{opacity:0;transform:scale(.2)}35%{opacity:.12;transform:scale(.4)}75%{opacity:.6;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}
@keyframes origin-core{0%{opacity:0;transform:scale(.2)}50%{opacity:.3;transform:scale(.65)}100%{opacity:1;transform:scale(1)}}
@keyframes origin-shimmer{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.94)}}
@keyframes leading-current{0%{stroke-dashoffset:1;opacity:0}3%{opacity:1}95%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes checkpoint-ring{from{opacity:.16}to{opacity:1}}
@keyframes checkpoint-glow{from{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}
@keyframes checkpoint-fill{0%{opacity:0;transform:scale(0)}20%{opacity:.3;transform:scale(.18)}100%{opacity:1;transform:scale(1)}}
@keyframes checkpoint-shimmer{50%{opacity:.75;transform:scale(.9)}}
@keyframes terminal-bright{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.card-shell{aspect-ratio:1.08;padding:10px 5px 18px;gap:7px}.card-shell img{width:48%}.card-shell h2{font-size:clamp(10px,2.8vw,12px)}.development-node .node-ring{r:10}}
@media(prefers-reduced-motion:reduce){.energy-running *{animation:none!important}.development-node .node-ring,.development-node .node-halo,.development-node .node-fill{opacity:1;transform:none}.root-halo,.source-core{opacity:1;transform:none}.pipe-fill{stroke-dashoffset:0}}

/* V29: energized card edges and compact bilingual navigation. */
.card-shell{border-color:color-mix(in srgb,var(--accent) 32%,transparent);box-shadow:inset 0 0 14px color-mix(in srgb,var(--accent) 7%,transparent),0 0 18px color-mix(in srgb,var(--accent) 13%,transparent),0 0 45px color-mix(in srgb,var(--accent) 8%,transparent)}
.language-switch{margin-left:auto;display:flex;gap:2px;padding:3px;border:1px solid #ffffff24;border-radius:30px;background:#0c0c0e}.language-switch button{border:0;border-radius:22px;background:none;color:#8d8d98;padding:8px 10px;font-size:10px;letter-spacing:.04em;min-height:32px}.language-switch button[aria-pressed="true"]{background:#eee;color:#111}.language-switch button:hover{color:#fff}.language-switch button[aria-pressed="true"]:hover{color:#000}.contact-link span{margin-left:5px}.footer-actions{flex-wrap:wrap}.applications{padding-bottom:76px}.intro-phrase span{opacity:0}
@media(max-width:600px){.site-header{height:118px}.header-inner{align-items:flex-start;padding-top:14px}.language-switch{margin-top:0}nav{top:65px;max-width:calc(100% - 32px)}nav a{padding:9px 17px}.hero,.page,main{min-height:calc(100svh - 118px)}.footer-actions{gap:20px}.language-switch button{padding:8px 11px}.applications{padding-bottom:60px}html[lang="es"] .card-shell h2{font-size:clamp(10px,2.8vw,12px)}}

/* V30: split energy traces follow the actual rounded card perimeter. */
.card-shell{border-color:#ffffff18;box-shadow:inset 0 1px 0 #ffffff0d}
.card-energy{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);overflow:visible;pointer-events:none;fill:none}
.card-trail{stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke;opacity:0}
.trail-core{stroke-width:1.35}.trail-glow{stroke-width:5;filter:blur(3px)}
.card-arrival{fill:#fff;opacity:0;filter:drop-shadow(0 0 4px #fff)}
.energy-running .energy-card{animation:card-materialize .65s var(--delay) ease-out both}
.energy-running .card-trail{animation:card-perimeter 1.9s calc(var(--delay) + .2s) linear both}
.energy-running .card-arrival{animation:card-spark .7s var(--delay) ease-out both}
.card-shell:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;opacity:0;box-shadow:inset 0 0 12px color-mix(in srgb,var(--accent) 5%,transparent),0 0 18px color-mix(in srgb,var(--accent) 12%,transparent),0 0 40px color-mix(in srgb,var(--accent) 6%,transparent)}
.energy-running .card-shell:after{animation:source-rise .6s calc(var(--delay) + 2.1s) both}
.energy-running .trail-glow{animation-name:card-perimeter-glow}
@keyframes card-perimeter{0%{opacity:0;stroke-dashoffset:1}2%{opacity:.85}100%{opacity:.85;stroke-dashoffset:0}}
@keyframes card-perimeter-glow{0%{opacity:0;stroke-dashoffset:1}2%{opacity:.55}100%{opacity:.55;stroke-dashoffset:0}}
@keyframes card-spark{0%{opacity:0;fill:#fff}25%{opacity:1;fill:#fff}65%{opacity:1;fill:var(--accent)}100%{opacity:0;fill:var(--accent)}}
@keyframes card-materialize{from{opacity:0;transform:translateY(-3px) scale(.98)}to{opacity:1;transform:none}}
/* A return visit to this hub stays fully charged for the browser-tab session. */
.energy-complete *{animation:none}
.energy-complete .root-halo,.energy-complete .source-core,.energy-complete .terminal-glow,.energy-complete .terminal-core,.energy-complete .node-ring,.energy-complete .node-halo,.energy-complete .node-fill,.energy-complete .energy-card,.energy-complete .explore-label,.energy-complete .card-shell:after{opacity:1;transform:none}
.energy-complete .pipe-fill,.energy-complete .card-trail{stroke-dashoffset:0}
.energy-complete .trail-core{opacity:.85}.energy-complete .trail-glow{opacity:.55}
.energy-complete .pipe-current,.energy-complete .card-arrival{display:none}
@media(prefers-reduced-motion:reduce){.card-trail{stroke-dashoffset:0}.trail-core{opacity:.85}.trail-glow{opacity:.55}.card-shell:after{opacity:1}.card-arrival{display:none}}

/* V31: one continuous pulse from source to checkpoint to both card edges. */
.card-shell:before{opacity:0}
.energy-running:not(.energy-alive) .energy-card:hover .card-shell{border-color:#ffffff18;box-shadow:inset 0 1px 0 #ffffff0d;transform:none}
.energy-running .card-shell:before{animation:ambient-card .6s calc(var(--delay) + 2.1s) both}
.energy-complete .card-shell:before{opacity:.12}
.card-pulse{stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;stroke-dasharray:.14 1;stroke-dashoffset:.15;opacity:0;filter:drop-shadow(0 0 4px var(--accent));vector-effect:non-scaling-stroke}
.energy-alive .current-upper{display:block;stroke-width:3.6;stroke-dasharray:.09 1;filter:drop-shadow(0 0 6px #fff);animation:pulse-upper 7.6s linear infinite}
.energy-alive .current-lower{display:block;stroke-width:3.6;stroke-dasharray:.13 1;filter:drop-shadow(0 0 6px #fff);animation:pulse-lower 7.6s linear infinite}
.energy-alive .card-pulse{animation:pulse-card 7.6s linear infinite}
.energy-alive .root-halo{animation:pulse-origin 7.6s ease-in-out infinite}
.energy-alive .development-node .node-halo{animation:pulse-checkpoint 7.6s ease-in-out infinite}
@keyframes ambient-card{from{opacity:0}to{opacity:.12}}
@keyframes pulse-origin{0%,100%{opacity:.7;transform:scale(.94)}7%{opacity:1;transform:scale(1.16)}17%,85%{opacity:.8;transform:scale(1)}}
@keyframes pulse-upper{0%,5%{stroke-dashoffset:.1;opacity:0}7%{opacity:.95}38%{stroke-dashoffset:-1;opacity:.95}40%,100%{stroke-dashoffset:-1;opacity:0}}
@keyframes pulse-checkpoint{0%,33%,62%,100%{opacity:.72;transform:scale(.94)}43%,48%{opacity:1;transform:scale(1.18)}}
@keyframes pulse-lower{0%,46%{stroke-dashoffset:.14;opacity:0}48%{opacity:1}65%{stroke-dashoffset:-1;opacity:1}67%,100%{stroke-dashoffset:-1;opacity:0}}
@keyframes pulse-card{0%,64%{stroke-dashoffset:.15;opacity:0}66%{opacity:1}93%{stroke-dashoffset:-1;opacity:1}97%,100%{stroke-dashoffset:-1;opacity:0}}
.gf-preview{display:block;width:100%;border:0;background:#10151b;height:640px}.gf-routes{height:660px}.gf-progress{height:600px}
@media(max-width:600px){.gf-movement{height:760px}.gf-routes{height:700px}.gf-progress{height:820px}.gf-authentic .screen-toolbar{font-size:6px;letter-spacing:.04em}.gf-authentic .sample-badge{display:none}}
@media(prefers-reduced-motion:reduce){.energy-alive *{animation:none!important}.card-pulse,.pipe-current{display:none!important}.card-shell:before{opacity:.12}}