/* TUNZA Explore: responsive, lightweight dimensional interface. */
:root[data-tx-experience]{--vx-bg:#f3f7fa;--vx-ink:#143c46;--vx-muted:#526874;--vx-border:#dce7e9;--vx-green:#087c77}
[data-tx-experience] body{background:#f3f7fa;color:#143c46}
[data-tx-experience] .sidebar{background:linear-gradient(175deg,#fff 60%,#edf8f3);border-right:1px solid #d8e7e7}
[data-tx-experience] .nav-item{min-height:50px;border-radius:16px;font-weight:600}
[data-tx-experience] .nav-item.is-active{background:#dcf3ee;color:#075e59;box-shadow:inset 4px 0 #087c77}
[data-tx-experience] .topbar{background:#ffffffed;backdrop-filter:blur(14px)}
[data-tx-experience] .content{padding-top:24px}
[data-tx-experience] .vx-welcome{background:radial-gradient(ellipse at 90% 10%,#366c91 0,transparent 50%),linear-gradient(120deg,#103c4b,#115c64);border:0;padding:42px;min-height:370px;border-radius:30px;box-shadow:0 14px 35px #14475518;color:white;isolation:isolate}
[data-tx-experience] .vx-welcome h1{font:750 clamp(2.1rem,3.8vw,3.65rem)/1.08 'Segoe UI',Arial,sans-serif;color:white;letter-spacing:-.045em;max-width:510px}
[data-tx-experience] .vx-welcome p{color:#e1f2ed;font-size:1rem;max-width:400px;line-height:1.6}
[data-tx-experience] .vx-welcome .vx-eyebrow{color:#b6f0d8;font-size:.72rem}
[data-tx-experience] .vx-welcome .vx-primary{background:#d8f49e;color:#193e2d;box-shadow:0 4px 0 #95b96b;min-height:48px}
[data-tx-experience] .vx-welcome .vx-text{color:white;border:1px solid #ffffff60;margin:8px 0 0 7px}
[data-tx-experience] .vx-section-heading h2,[data-tx-experience] .vx-data-title{font-size:1.3rem;color:#153f4b}
[data-tx-experience] .vx-section-heading>span{font-size:.85rem}
[data-tx-experience] .vx-launch-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
[data-tx-experience] .vx-launch{display:grid;grid-template-columns:80px 1fr;padding:24px 20px;min-height:150px;border-radius:24px;border:1px solid #dae6e8;box-shadow:0 5px 0 #e1eaed;overflow:hidden;background:linear-gradient(140deg,#fff 45%,#edf6f6);transition:transform .2s,box-shadow .2s}
[data-tx-experience] .vx-launch:nth-child(3n+2){background:linear-gradient(140deg,#fff 45%,#f3f5e8)}
[data-tx-experience] .vx-launch:nth-child(3n){background:linear-gradient(140deg,#fff 45%,#f1edfa)}
[data-tx-experience] .vx-launch .vx-art{width:80px;height:80px;filter:drop-shadow(0 8px 5px #17435222);transform:perspective(400px) rotateY(-12deg) rotateX(7deg);transition:transform .25s}
[data-tx-experience] .vx-launch:hover .vx-art{transform:perspective(400px) rotateY(0) translateY(-4px)}
[data-tx-experience] .vx-launch b{font-size:1.05rem;line-height:1.3}
[data-tx-experience] .vx-launch small{font-size:.85rem;max-width:240px;line-height:1.5;color:#526874}
[data-tx-experience] .vx-launch i{font-size:1.2rem;right:16px;top:12px;color:#427481}
[data-tx-experience] .vx-module-title{background:linear-gradient(110deg,#e6f5f3,#f2f4ff);border:1px solid #d3e6e5;padding:28px;border-radius:26px;position:relative;overflow:hidden}
[data-tx-experience] .vx-module-title>.vx-art{width:104px;height:104px;filter:drop-shadow(0 12px 6px #17435224);transform:perspective(500px) rotateY(-12deg)}
[data-tx-experience] .vx-module-title h1{color:#123f50;font-size:2.25rem}
[data-tx-experience] .vx-module-title p{font-size:1rem;color:#466574}
[data-tx-experience] .vx-help{background:white;border:1px solid #92c9c4;color:#145653;border-radius:24px;box-shadow:0 3px 0 #c9e4e0}
[data-tx-experience] .vx-actions>button{min-height:90px;border-radius:20px;box-shadow:0 3px 0 #e3ebed}
[data-tx-experience] .vx-actions b{font-size:.92rem}
[data-tx-experience] .vx-actions .vx-art{width:55px;height:55px}
[data-tx-experience] .panel,[data-tx-experience] .metric-card{border-color:#dce7e9;border-radius:22px}
[data-tx-experience] .metric-card{border-top:4px solid #5daaaa;background:linear-gradient(#fff,#f6fbfb)}
[data-tx-experience] .metric-card>strong{color:#136d71;font-size:2rem}
[data-tx-experience] .vx-panel-toggle{min-height:70px;font-size:1rem;color:#1c5360}
[data-tx-experience] .vx-flow li>div,[data-tx-experience] .vx-flow li>button{background:linear-gradient(135deg,#fff,#edf5f6);border-color:#d6e7e7;border-radius:20px;min-height:108px}
[data-tx-experience] .vx-flow b{font-size:.9rem}
[data-tx-experience] .vx-primary{background:#087c77;box-shadow:0 3px 0 #075650}
[data-tx-experience] button{touch-action:manipulation}
[data-tx-experience] .vx-enabled{min-width:0}
.tx-kicker{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:#227975;text-transform:uppercase}
.tx-learn{margin:32px 0;padding:30px;border:1px solid #d8e5e5;border-radius:28px;background:linear-gradient(120deg,#e7f3ec,#edf2fe);display:grid;grid-template-columns:.8fr 1.5fr;gap:28px;align-items:center}
.tx-learn h2{font-size:1.8rem;line-height:1.18;letter-spacing:-.025em;color:#214d50;margin:10px 0}
.tx-learn p{font-size:.95rem;color:#526874;line-height:1.6}
.tx-learn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tx-learn-cards button{background:#fff;border:1px solid #d3e5e1;border-radius:22px;padding:20px 12px;min-height:175px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;color:#234d55;box-shadow:0 5px 0 #d4e5e2;text-align:center}
.tx-learn-cards button:hover{transform:translateY(-3px)}.tx-learn-cards span{font-size:.75rem;color:#466c70}.tx-learn-cards b{font-size:1rem}.tx-learn-cards .vx-art{width:72px;height:72px}
/* Dimensional farm illustration: all CSS, no video or graphics-library download. */
.tx-landscape{height:320px;width:100%;max-width:540px;position:relative;perspective:900px;margin:auto;pointer-events:none}
.tx-island{position:absolute;left:18%;top:37%;width:67%;height:52%;border-radius:25px;background:#7fb85c;transform:rotateX(54deg) rotateZ(-30deg);box-shadow:0 10px 0 #6c9b4b,0 20px 0 #567c44,0 30px 0 #385d42,0 45px 35px #021d3460;overflow:hidden}
.tx-field{position:absolute;border-radius:8px;background:repeating-linear-gradient(90deg,#b9d574 0 8px,#83b45c 8px 17px);box-shadow:inset 0 0 0 4px #6b9a4a}.tx-field-a{left:5%;top:9%;width:38%;height:34%}.tx-field-b{right:5%;bottom:8%;width:41%;height:38%;background:repeating-linear-gradient(90deg,#ddcc86 0 9px,#b2a058 9px 18px)}.tx-field-c{left:5%;bottom:8%;width:38%;height:40%}
.tx-path{position:absolute;left:45%;height:100%;width:10%;background:#ecddb0;transform:rotate(-4deg)}
.tx-sun{position:absolute;top:9%;right:18%;height:65px;width:65px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff4b3,#ffca66);box-shadow:0 0 0 14px #ffe39712,0 0 45px #ffc95e35}
.tx-cloud{width:88px;height:25px;border-radius:30px;background:#eef8fa;position:absolute;filter:drop-shadow(0 5px 0 #adcbd744);animation:tx-drift 6s ease-in-out infinite alternate}.tx-cloud:before,.tx-cloud:after{content:'';position:absolute;border-radius:50%;background:inherit;width:40px;height:40px;bottom:3px;left:14px}.tx-cloud:after{width:30px;height:30px;left:45px}.tx-cloud-a{top:24%;left:14%}.tx-cloud-b{top:32%;right:7%;transform:scale(.65);animation-delay:-3s}
.tx-house{position:absolute;top:42%;left:48%;height:72px;width:66px;background:linear-gradient(90deg,#fff1c7 60%,#d2ceae 60%);transform:skewY(-7deg);box-shadow:8px 9px 0 #17483e30}.tx-house:before{content:'';position:absolute;top:-35px;left:-9px;border-left:42px solid transparent;border-right:42px solid transparent;border-bottom:38px solid #de8660}.tx-house i{position:absolute;width:16px;height:31px;background:#447784;bottom:0;left:18px}.tx-house b{position:absolute;width:13px;height:15px;background:#8ec8d5;right:5px;top:20px}
.tx-tree{position:absolute;width:10px;height:60px;background:#95724d;top:49%;left:24%;transform:rotate(-3deg)}.tx-tree:before{content:'';position:absolute;width:57px;height:72px;background:linear-gradient(115deg,#8dc77c,#377e60);border-radius:50% 50% 40% 40%;left:-24px;top:-42px;box-shadow:6px 4px 0 #164b3720}.tx-tree-b{left:78%;top:66%;transform:scale(.75)}
.tx-pin{position:absolute;left:43%;top:5%;animation:tx-float 4s ease-in-out infinite}.tx-pin .vx-art{height:60px;width:60px;filter:drop-shadow(0 8px 5px #002f4150)}
.tx-orbit{position:absolute;background:#ffffffed;border:1px solid #fff;border-radius:18px;padding:3px;box-shadow:0 12px 20px #042e4540;transform:rotate(-8deg);animation:tx-float 5s ease-in-out infinite}.tx-orbit .vx-art{width:56px;height:56px}.tx-orbit-a{bottom:6%;left:7%}.tx-orbit-b{right:2%;bottom:16%;animation-delay:-2s}
@keyframes tx-float{50%{translate:0 -9px}}@keyframes tx-drift{to{translate:14px 0}}
#tx-demo{width:min(540px,calc(100vw - 28px));max-height:90dvh;box-sizing:border-box;overflow:auto;padding:26px;border:1px solid #d7e7e5;border-radius:28px;background:linear-gradient(155deg,#fff,#eef8f6);color:#183e49;box-shadow:0 30px 100px #07364145}
#tx-demo::backdrop{background:#082c40a6;backdrop-filter:blur(5px)}
.tx-dialog-top{display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:.76rem;color:#496875}.tx-dialog-top button{width:44px;height:44px;border:1px solid #d0e1e0;border-radius:50%;background:white;font-size:1.6rem;color:#25535b;cursor:pointer;flex-shrink:0}
#tx-demo-content{text-align:center;padding:15px 8px 8px}#tx-demo-content h2{font-size:1.8rem;letter-spacing:-.025em;margin:12px 0}#tx-demo-content>p:not(.tx-kicker){font-size:1.05rem;line-height:1.65;min-height:80px;color:#466472}
.tx-demo-art{width:165px;height:155px;display:grid;place-items:center;margin:auto;position:relative;isolation:isolate}.tx-demo-art:before{content:'';position:absolute;inset:10px;background:#d8efdf;border-radius:45%;transform:rotate(-12deg);z-index:-1}.tx-demo-art[data-stage="1"]:before{background:#e7e2f6;transform:rotate(15deg)}.tx-demo-art[data-stage="2"]:before{background:#f6eacb;transform:rotate(-5deg)}.tx-demo-art .vx-art{width:130px;height:130px;filter:drop-shadow(0 14px 6px #1c65522b);transform:perspective(450px) rotateY(-15deg);animation:tx-float 3s ease-in-out infinite}
.tx-progress{display:flex;gap:8px;justify-content:center;margin:20px auto;width:150px}.tx-progress span{height:6px;flex:1;background:#cfdfdf;border-radius:8px}.tx-progress .done{background:#18877e}
.tx-demo-controls{display:flex;gap:12px}.tx-demo-controls button{min-height:48px;flex:1;border:1px solid #bfd8d5;border-radius:15px;background:white;color:#1c565c;font-weight:700;cursor:pointer}.tx-demo-controls #tx-next{background:#087c77;color:white;border-color:#087c77}.tx-demo-controls button:disabled{opacity:.4;cursor:default}.tx-open-module{display:block;width:100%;margin-top:15px;background:transparent;border:0;min-height:44px;color:#08665e;text-decoration:underline;cursor:pointer;font-weight:650}
#tx-dock{display:none}
[data-tx-experience] #tunza-local-weather{border-radius:26px;overflow:hidden}
[data-tx-experience] #tunza-local-weather .wx-workspace{background:#f3f9f7}
@media(min-width:1450px){[data-tx-experience] .vx-launch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){[data-tx-experience] .vx-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tx-learn{grid-template-columns:1fr}.tx-landscape{height:280px}[data-tx-experience] .vx-welcome{padding:30px}.tx-learn h2{font-size:1.5rem}}
@media(max-width:760px){[data-tx-experience] .vx-welcome{grid-template-columns:1fr;padding:28px 24px 12px;gap:4px}[data-tx-experience] .vx-welcome h1{font-size:2.45rem;max-width:430px}.tx-landscape{height:250px;max-width:380px}[data-tx-experience] .vx-welcome .vx-text{margin-left:0}[data-tx-experience] .vx-launch-grid{gap:12px}[data-tx-experience] .vx-launch{display:flex;flex-direction:column;align-items:flex-start;padding:18px;min-height:190px;gap:12px}[data-tx-experience] .vx-launch small{font-size:.8rem}[data-tx-experience] .vx-launch .vx-art{width:66px;height:66px}[data-tx-experience] .vx-module-title{padding:20px;flex-wrap:wrap;gap:13px}[data-tx-experience] .vx-module-title>.vx-art{width:68px;height:68px}[data-tx-experience] .vx-module-title h1{font-size:1.75rem}[data-tx-experience] .vx-module-title>div{flex:1;min-width:140px}[data-tx-experience] .vx-module-title .vx-help{margin:0;width:100%}[data-tx-experience] .vx-actions{grid-template-columns:repeat(2,minmax(0,1fr))}[data-tx-experience] .vx-actions>button{padding:12px;min-height:85px}[data-tx-experience] .vx-actions .vx-art{width:40px;height:40px}.tx-learn{padding:23px;gap:16px}.tx-learn-cards{grid-template-columns:1fr}.tx-learn-cards button{flex-direction:row;min-height:90px;padding:14px;text-align:left}.tx-learn-cards .vx-art{width:52px;height:52px}.tx-learn-cards span{margin-left:auto;max-width:80px}[data-tx-experience] .content{padding-bottom:105px!important}#tx-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;justify-content:space-around;background:#ffffffed;backdrop-filter:blur(15px);border-top:1px solid #d4e5e3;padding:7px 8px max(8px,env(safe-area-inset-bottom));box-shadow:0 -5px 25px #2249570e}#tx-dock button{flex:1;border:0;background:transparent;border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px;color:#385c65;font-size:.72rem;font-weight:700;min-height:58px;cursor:pointer}#tx-dock .vx-art{width:32px;height:32px}#tx-dock [aria-current=page]{background:#e0f3e9;color:#075e59}[data-tx-experience] .vx-section-heading{flex-wrap:wrap;gap:5px}.tx-dialog-top{font-size:.7rem}#tx-demo{padding:20px}#tx-demo-content h2{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){[data-tx-experience] *,[data-tx-experience] *:before,[data-tx-experience] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-vx-motion=off] .tx-landscape *,html[data-vx-motion=off] .tx-demo-art .vx-art{animation:none!important;transition:none!important}
[data-tx-experience] .vx-options{display:flex}
@media(max-width:760px){[data-tx-experience] .topbar{flex-wrap:wrap;gap:10px;padding:12px 16px}[data-tx-experience] .topbar-actions{gap:6px;flex-wrap:wrap}[data-tx-experience] .vx-options{display:flex}[data-tx-experience] #vx-size{display:none}[data-tx-experience] .topbar-actions select{max-width:120px}[data-tx-experience] #page-title{max-width:230px}}
@media print{#tx-dock,#tx-demo,.tx-learn{display:none!important}}
