.models-shell{--models-bg:#f7faf9;--models-surface:#fff;--models-surface-raised:#fff;--models-ink:#122847;--models-teal:#35c3bb;--models-yellow:#ffee9f;--models-coral:#ff9b6a;--models-border:color-mix(in srgb, var(--models-ink) 8%, transparent);--models-ink-soft:color-mix(in srgb, var(--models-ink) 68%, transparent);--models-ink-softer:color-mix(in srgb, var(--models-ink) 45%, transparent);min-height:100vh;color:var(--models-ink);background-color:var(--models-bg);background-image:radial-gradient(color-mix(in srgb, var(--models-teal) 8%, transparent) 1px, transparent 1px);background-size:30px 30px;font-family:Arial,Helvetica,sans-serif}html[data-theme=dark] .models-shell{--models-bg:#0a1220;--models-surface:#101b2e;--models-surface-raised:#101b2e;--models-ink:#eef2f7;--models-teal:#4fd8cf;--models-yellow:#ffe98f;--models-border:color-mix(in srgb, var(--models-ink) 12%, transparent);--models-ink-soft:color-mix(in srgb, var(--models-ink) 66%, transparent);--models-ink-softer:color-mix(in srgb, var(--models-ink) 42%, transparent)}.models-shell *,.models-shell :before,.models-shell :after{box-sizing:border-box}.models-shell h1,.models-shell h2,.models-shell h3,.models-shell p{margin:0}.models-shell h1,.models-shell h2,.models-shell h3{color:var(--models-ink);font-family:Archivo,Arial,sans-serif;font-weight:900}.models-shell a{color:inherit;text-decoration:none}.models-header{z-index:40;border-bottom:1px solid var(--models-border);background:color-mix(in srgb, var(--models-bg) 65%, transparent);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:24px;min-height:66px;padding:12px 48px;display:flex;position:sticky;top:0}.models-brand{align-items:center;gap:10px;width:fit-content;display:inline-flex}.models-brand img{display:block}.models-brand strong{font-family:Archivo,Arial,sans-serif;font-size:14px;font-weight:900}.models-eyebrow i,.models-live-dot,.model-live-status i{background:var(--models-teal);width:7px;height:7px;box-shadow:0 0 0 5px color-mix(in srgb, var(--models-teal) 14%, transparent);border-radius:50%;flex:none;display:inline-block}.models-header-tools{justify-content:flex-end;align-items:center;gap:14px;display:flex}.models-header-tools>a{border-radius:999px;padding:12px 20px;font-family:Archivo,Arial,sans-serif;font-size:13px;font-weight:800;transition:color .18s,background .18s,border-color .18s}.models-header-tools>a:hover{color:var(--models-teal);background:color-mix(in srgb, var(--models-teal) 8%, transparent)}.models-site-link,.models-map-link{border:1px solid var(--models-border)}.models-status,.models-language{align-items:center;display:inline-flex}.models-status{color:var(--models-ink-soft);border:1px solid var(--models-border);text-transform:uppercase;border-radius:999px;gap:8px;padding:6px 12px;font-family:Archivo,Arial,sans-serif;font-size:11px}.models-status i{background:var(--models-teal);border-radius:50%;width:6px;height:6px;animation:2.2s ease-out infinite models-ping}.models-language{letter-spacing:.04em;gap:6px;font-size:12.5px;font-weight:800}.models-language a{opacity:.55;padding:4px 2px}.models-language a:hover{opacity:.85}.models-language a[aria-current=true]{opacity:1;text-underline-offset:3px;text-decoration:underline}.models-language>span{opacity:.35}.models-header .natura-theme-toggle{width:36px;height:36px;color:var(--models-ink);border-color:var(--models-border)}.models-hero,.models-library,.model-intro,.model-workspace{width:min(1240px,100% - 64px);margin-inline:auto}.models-hero{grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:48px;padding:54px 0 38px;display:grid}.models-eyebrow{color:var(--models-teal);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:10px;font-family:Archivo,Arial,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.models-eyebrow i{animation:2.2s ease-out infinite models-ping}@keyframes models-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--models-teal) 52%, transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.models-hero h1{letter-spacing:-.02em;max-width:780px;margin-top:12px;font-size:clamp(34px,3.5vw,46px);line-height:1.05}.models-hero-copy>p{max-width:650px;color:var(--models-ink-soft);margin-top:16px;font-size:15px;line-height:1.65}.models-hero-readout{border:1px solid var(--models-border);background:var(--models-surface);border-radius:14px;padding:18px}.models-hero-readout>span,.models-library-heading span,.model-card-meta{text-transform:uppercase;font-family:Archivo,Arial,sans-serif}.models-hero-readout>span{color:var(--models-ink-softer);letter-spacing:.08em;font-size:9px}.models-hero-readout strong{color:var(--models-teal);margin:6px 0 12px;font-family:Archivo,Arial,sans-serif;font-size:21px;display:block}.models-hero-readout div{grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.models-hero-readout i{background:color-mix(in srgb, var(--models-teal) 18%, transparent);border-radius:3px;height:20px;animation:1.8s ease-in-out infinite alternate models-readout}.models-hero-readout i:nth-child(2n){animation-delay:.18s}.models-hero-readout i:nth-child(3n){animation-delay:.36s}@keyframes models-readout{0%{transform-origin:bottom;opacity:.5;transform:scaleY(.35)}to{transform-origin:bottom;opacity:1;transform:scaleY(1)}}.models-library{border-top:1px solid var(--models-border);padding:22px 0 72px}.models-library-heading{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.models-library-heading span{color:var(--models-teal);letter-spacing:.08em;font-size:10px;font-weight:700}.models-library-heading h2{margin-top:5px;font-size:24px}.model-card{border:1px solid var(--models-border);background:var(--models-surface-raised);border-radius:14px;max-width:520px;transition:border-color .2s,transform .2s,box-shadow .2s;box-shadow:0 20px 52px #020a1624}.model-card:hover{border-color:color-mix(in srgb, var(--models-teal) 42%, transparent);transform:translateY(-3px);box-shadow:0 26px 64px #020a162e}.model-card-body{flex-direction:column;min-height:250px;padding:26px;display:flex}.model-card-meta{color:var(--models-teal);letter-spacing:.08em;justify-content:space-between;font-size:9px;font-weight:700;display:flex}.model-card-body h3{margin-top:18px;font-size:clamp(26px,2.5vw,32px);line-height:1.06}.model-card-body p{color:var(--models-ink-soft);margin-top:12px;font-size:14px;line-height:1.65}.model-card-action{background:var(--models-teal);border-radius:9px;justify-content:space-between;align-items:center;margin-top:22px;padding:13px 15px;font-family:Archivo,Arial,sans-serif;font-size:13px;font-weight:800;transition:box-shadow .2s,transform .2s;display:flex;color:#04120f!important}.model-card-action:hover{box-shadow:0 14px 32px color-mix(in srgb, var(--models-teal) 24%, transparent);transform:translateY(-2px)}.model-intro{padding:18px 0 10px}.model-intro-meta{border-bottom:1px solid var(--models-border);color:var(--models-ink-softer);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;padding-bottom:10px;font-family:Archivo,Arial,sans-serif;font-size:9px;font-weight:700;display:flex}.model-intro-meta a{align-items:center;gap:9px;transition:color .18s;display:inline-flex}.model-intro-meta a:hover{color:var(--models-teal)}.model-intro-grid{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);align-items:center;gap:36px;padding-top:14px;display:grid}.model-intro h1{letter-spacing:-.025em;margin-top:7px;font-size:clamp(30px,3vw,40px);line-height:1.03}.model-intro-grid>p{color:var(--models-ink-soft);font-size:14px;line-height:1.55}.model-workspace{padding:14px 0 28px}.model-lab{border:1px solid var(--models-border);background:var(--models-surface-raised);border-radius:16px;grid-template-columns:minmax(0,1fr) 290px;min-height:0;display:grid;overflow:hidden;box-shadow:0 32px 90px #020a163d}.model-viewport{background:#071321;min-width:0;padding:14px 18px 16px;position:relative}.model-viewport-topline{color:#ffffff7a;letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:24px;font-family:Archivo,Arial,sans-serif;font-size:8.5px;font-weight:700;display:flex}.model-live-status{color:#35c3bb;align-items:center;gap:9px;display:inline-flex}.model-live-status i{width:6px;height:6px}.model-lab[data-ready=true] .model-live-status i{animation:2.2s ease-out infinite models-ping}.model-canvas-frame{aspect-ratio:11/4;background-color:#09182a;background-image:linear-gradient(#35c3bb12 1px,#0000 1px),linear-gradient(90deg,#35c3bb12 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #ffffff1f;border-radius:7px;min-height:0;margin:8px 0 0 18px;position:relative;overflow:hidden}.model-canvas-frame canvas{width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.model-axis{z-index:2;color:#ffffff5c;letter-spacing:.06em;text-transform:uppercase;font-family:Archivo,Arial,sans-serif;font-size:8px;position:absolute}.model-axis-y{transform-origin:0 0;top:50%;left:2px;transform:rotate(-90deg)translate(-50%)}.model-axis-x{color:#ffffff5c;letter-spacing:.06em;text-transform:uppercase;justify-content:center;gap:10px;margin:7px 0 0 18px;font-family:Archivo,Arial,sans-serif;font-size:8px;display:flex}.model-flow-direction{z-index:2;color:#ffffffa3;letter-spacing:.08em;align-items:center;gap:5px;font-family:Archivo,Arial,sans-serif;font-size:7px;display:flex;position:absolute;top:14px;left:14px}.model-flow-direction i{background:#ffffff75;width:14px;height:1px;animation:1.4s ease-in-out infinite alternate model-flow-pulse;display:block}.model-flow-direction i:nth-child(2){animation-delay:.15s}.model-flow-direction i:nth-child(3){animation-delay:.3s}@keyframes model-flow-pulse{0%{opacity:.2;transform-origin:0;transform:scaleX(.5)}to{opacity:1;transform-origin:0;transform:scaleX(1)}}.model-loading{z-index:4;color:#fff;-webkit-backdrop-filter:blur(8px);text-align:center;background:#071321e6;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:28px;display:flex;position:absolute;inset:0}.model-loading-mark{align-items:end;gap:5px;height:34px;margin-bottom:6px;display:flex}.model-loading-mark span{background:#35c3bb;border-radius:2px;width:6px;height:100%;animation:.9s ease-in-out infinite alternate model-loading-bars}.model-loading-mark span:nth-child(2){animation-delay:.18s}.model-loading-mark span:nth-child(3){animation-delay:.36s}@keyframes model-loading-bars{0%{transform-origin:bottom;opacity:.35;transform:scaleY(.3)}to{transform-origin:bottom;opacity:1;transform:scaleY(1)}}.model-loading strong{font-family:Archivo,Arial,sans-serif;font-size:16px}.model-loading small{color:#ffffff7a;letter-spacing:.08em;max-width:520px;font-family:Archivo,Arial,sans-serif;font-size:8px;line-height:1.5}.model-loading-error strong{color:#ff9b6a}.model-loading button{color:#04120f;cursor:pointer;background:#35c3bb;border:0;border-radius:7px;margin-top:8px;padding:9px 16px;font-family:Archivo,Arial,sans-serif;font-weight:800}.model-color-scale{color:#ffffff6b;grid-template-columns:auto minmax(120px,220px) auto;justify-content:center;align-items:center;gap:9px;margin:10px 0 0 18px;font-family:Archivo,Arial,sans-serif;font-size:7.5px;display:grid}.model-color-scale i{background:linear-gradient(90deg,#081627,#35c3bb,#ffee9f);border-radius:999px;height:6px}.model-color-scale.field-vorticity i{background:linear-gradient(90deg,#ff9b6a,#ecf2ee,#1b9c94)}.model-metrics{background:#ffffff06;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:repeat(3,1fr);margin:12px 0 0 18px;display:grid}.model-metrics div{padding:9px 12px}.model-metrics div+div{border-left:1px solid #ffffff1a}.model-metrics span,.model-metrics strong{display:block}.model-metrics span{color:#fff6;letter-spacing:.06em;text-transform:uppercase;font-family:Archivo,Arial,sans-serif;font-size:7.5px}.model-metrics strong{color:#35c3bb;margin-top:3px;font-family:Archivo,Arial,sans-serif;font-size:16px}.model-controls{color:var(--models-ink);border-left:1px solid var(--models-border);background:var(--models-surface-raised);padding:16px}.model-controls-heading{border-bottom:1px solid var(--models-border);padding-bottom:12px}.model-controls-heading span,.model-control-group label,.model-control-title,.model-range-labels{letter-spacing:.06em;text-transform:uppercase;font-family:Archivo,Arial,sans-serif;font-size:8.5px;font-weight:700}.model-controls-heading span{color:var(--models-teal)}.model-controls-heading h2{margin-top:5px;font-size:17px}.model-control-group{border:0;border-bottom:1px solid var(--models-border);min-width:0;margin:0;padding:12px 0}.model-control-group label{color:var(--models-ink-soft);justify-content:space-between;align-items:center;display:flex}.model-control-group output{min-width:50px;color:var(--models-teal);border:1px solid color-mix(in srgb, var(--models-teal) 25%, transparent);background:color-mix(in srgb, var(--models-teal) 7%, transparent);text-align:center;border-radius:5px;padding:4px 6px}.model-control-group input[type=range]{appearance:none;background:linear-gradient(90deg, var(--models-teal) 0 var(--range-progress), var(--models-border) var(--range-progress) 100%);border-radius:99px;outline:none;width:100%;height:3px;margin:12px 0 5px}.model-control-group input[type=range]::-webkit-slider-thumb{border:3px solid var(--models-surface-raised);appearance:none;background:var(--models-teal);width:16px;height:16px;box-shadow:0 0 0 1px var(--models-teal);cursor:pointer;border-radius:50%}.model-control-group input[type=range]::-moz-range-thumb{border:3px solid var(--models-surface-raised);background:var(--models-teal);width:11px;height:11px;box-shadow:0 0 0 1px var(--models-teal);cursor:pointer;border-radius:50%}.model-range-labels{color:var(--models-ink-softer);justify-content:space-between;font-size:7px;display:flex}.model-control-title{color:var(--models-ink-soft);margin:0;font-size:8.5px;line-height:1.4}.model-segmented{border:1px solid var(--models-border);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:4px;margin-top:8px;padding:3px;display:grid}.model-choice-control .model-segmented{margin-top:8px}.model-segmented button,.model-presets button,.model-actions button{color:var(--models-ink-soft);cursor:pointer;background:0 0;border:0;font-family:Archivo,Arial,sans-serif;font-size:11px;font-weight:800}.model-segmented button{border-radius:5px;padding:7px 6px}.model-segmented button.is-active{color:#04120f;background:var(--models-teal)}.model-presets>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:8px;display:grid}.model-presets button{border:1px solid var(--models-border);text-align:center;border-radius:6px;min-height:38px;padding:6px 5px;font-size:9px;line-height:1.15;transition:color .16s,border-color .16s,background .16s}.model-presets button:hover{color:var(--models-teal);border-color:color-mix(in srgb, var(--models-teal) 42%, transparent);background:color-mix(in srgb, var(--models-teal) 6%, transparent)}.model-actions{grid-template-columns:1fr auto;gap:7px;padding-top:14px;display:grid}.model-actions button{border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;display:inline-flex}.model-actions button:disabled,.model-control-group button:disabled,.model-control-group input:disabled{cursor:wait;opacity:.5}.model-primary-action{color:#04120f!important;background:var(--models-teal)!important}.model-secondary-action{padding-inline:14px;border:1px solid var(--models-border)!important}@media (width<=1050px){.models-status{display:none}.models-hero{grid-template-columns:1fr 270px;gap:40px}.model-lab{grid-template-columns:1fr}.model-controls{border-top:1px solid var(--models-border);border-left:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}.model-controls-heading,.model-actions{grid-column:1/-1}}@media (width<=760px){.models-header{min-height:58px;padding:10px 12px}.models-site-link,.models-map-link{display:none!important}.models-header-tools{gap:2px}.models-header-tools>a{padding-inline:8px}.models-hero,.models-library,.model-intro,.model-workspace{width:min(100% - 32px,1240px)}.models-hero{grid-template-columns:1fr;gap:24px;padding:38px 0 28px}.models-hero-readout{max-width:380px}.model-card-body{min-height:250px;padding:24px}.model-intro{padding-top:22px}.model-intro-grid{grid-template-columns:1fr;gap:14px}.model-intro h1{font-size:clamp(30px,9vw,40px)}.model-lab{border-radius:12px}.model-viewport{padding:14px 12px 18px}.model-canvas-frame{min-height:245px;margin-left:15px}.model-axis-x,.model-color-scale,.model-metrics{margin-left:15px}.model-metrics strong{font-size:15px}.model-controls{grid-template-columns:1fr;padding:20px}.model-presets>div{grid-template-columns:1fr}.model-presets button{text-align:left}.model-controls-heading,.model-actions{grid-column:auto}}@media (width<=430px){.models-brand strong{font-size:11px}.models-language{font-size:8px!important}.models-hero h1{font-size:34px}.model-viewport-topline>span:last-child{display:none}.model-canvas-frame{min-height:210px}.model-metrics span{font-size:6.5px}.model-metrics div{padding:10px 8px}}@media (prefers-reduced-motion:reduce){.models-shell *,.models-shell :before,.models-shell :after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
