.utm-page{padding-top:26px}.utm-hero-head{text-align:center;margin:0 auto 20px;max-width:1200px}.utm-hero-kicker{margin:0 auto 10px;display:inline-flex;align-items:center;gap:8px;background:#ffffffd9;border:1px solid var(--color-blue-200);color:var(--color-primary);padding:6px 14px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.utm-hero-kicker:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--color-primary);box-shadow:0 0 0 4px #1d4ed81f;flex-shrink:0}.utm-hero-head h1{margin:0;font-family:var(--font-display);font-size:clamp(2.2rem,4.8vw,3.8rem);font-weight:900;line-height:1.02;letter-spacing:-.03em}.utm-hero-head>p{margin:12px auto 0;max-width:780px;color:var(--color-text-secondary);font-size:clamp(.96rem,1.5vw,1.08rem);line-height:1.5}.utm-hero-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:14px}.utm-hero-pills span{padding:7px 13px;border-radius:999px;border:1px solid var(--color-blue-200);background:#ffffffe0;color:var(--color-primary);font-size:.84rem;font-weight:600}.utm-tabs-wrap{display:flex;gap:4px;margin:0 0 14px;background:var(--surface-2);border:1px solid var(--color-border);border-radius:14px;padding:4px}.utm-tabs-wrap button{flex:1;border:0;border-radius:10px;min-height:52px;padding:10px 12px;background:transparent;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.utm-tabs-wrap button:hover{color:var(--color-text);background:#ffffff80}.utm-tabs-wrap button.active{background:var(--surface-1);color:var(--color-primary);box-shadow:0 2px 8px #0f172a14}.utm-tab-icon{font-size:1rem}.utm-main-grid{display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);gap:16px;align-items:start}.utm-left-panel{display:grid;gap:12px;align-content:start}.utm-input-card{border:1px solid var(--color-border);border-radius:14px;background:linear-gradient(155deg,var(--surface-1) 0%,var(--surface-2) 70%);box-shadow:var(--shadow-soft);padding:17px;display:grid;gap:10px}.utm-input-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.utm-input-head h2{margin:0;font-size:1.1rem;font-weight:700}.utm-datum-select{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;color:var(--color-text-secondary);font-weight:600}.utm-datum-select select{border:1px solid var(--color-border);border-radius:8px;padding:5px 8px;font:inherit;font-size:.84rem;background:var(--surface-1);color:var(--color-text)}.utm-field-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.utm-field-label{display:grid;gap:6px;font-size:.84rem;font-weight:700;color:var(--color-text-secondary)}.utm-field-label input,.utm-field-label select{width:100%;border:1px solid var(--color-border);border-radius:10px;padding:11px 12px;font:inherit;font-family:var(--font-mono);font-size:.92rem;background:var(--surface-1);color:var(--color-text)}.utm-field-label input:focus-visible,.utm-field-label select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px;border-color:var(--color-primary)}.utm-optional{font-weight:400;font-size:.78rem;color:var(--color-text-tertiary)}.utm-hemi-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:10px;overflow:hidden;background:var(--surface-1)}.utm-hemi-toggle button{border:0;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:.9rem;font-weight:700;min-width:48px;padding:11px 12px;cursor:pointer;transition:all .15s}.utm-hemi-toggle button+button{border-left:1px solid var(--color-border)}.utm-hemi-toggle button.active{background:var(--color-blue-100);color:var(--color-primary)}.utm-btn-main{width:100%;border:0;border-radius:10px;padding:12px 14px;font:inherit;font-weight:700;font-size:.95rem;cursor:pointer;background:linear-gradient(120deg,var(--color-primary),#2563eb);color:#fff;transition:transform .15s,box-shadow .15s;margin-top:4px}.utm-btn-main:hover{transform:translateY(-1px);box-shadow:0 10px 20px #1d4ed840}.utm-btn-main:active{transform:scale(.98)}.utm-btn-ghost{border:1px solid var(--color-border);border-radius:10px;padding:9px 14px;font:inherit;font-size:.84rem;font-weight:700;cursor:pointer;background:var(--surface-3);color:var(--color-primary);transition:all .15s}.utm-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.utm-results-card{border:1px solid var(--color-border);border-radius:14px;background:linear-gradient(155deg,var(--surface-1) 0%,var(--surface-2) 70%);box-shadow:var(--shadow-soft);padding:17px;animation:utmFadeUp .28s ease both}@keyframes utmFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.utm-results-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:12px}.utm-success-badge{font-size:.88rem;font-weight:700;color:var(--color-success);background:#0f766e14;border:1px solid rgba(15,118,110,.2);border-radius:999px;padding:5px 12px}.utm-precision-select{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;color:var(--color-text-secondary);font-weight:600}.utm-precision-select input[type=range]{width:80px;accent-color:var(--color-primary)}.utm-precision-select span{font-family:var(--font-mono);font-size:.84rem;color:var(--color-primary);font-weight:700;min-width:14px}.utm-result-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.utm-result-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:11px;padding:9px 10px;background:#ffffffd9;transition:border-color .15s}.utm-result-item:hover{border-color:var(--color-border-hover)}.utm-result-inline{min-width:0;display:flex;align-items:center;gap:8px}.utm-result-label{flex-shrink:0;font-size:.78rem;color:var(--color-primary);background:var(--color-blue-100);border-radius:7px;padding:4px 8px;font-weight:700}.utm-result-value{min-width:0;display:block;font-family:var(--font-mono);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-secondary)}.utm-copy-btn{width:32px;height:32px;flex-shrink:0;border:0;border-radius:8px;background:var(--color-blue-50);color:var(--color-text-tertiary);display:grid;place-items:center;cursor:pointer;transition:all .15s}.utm-copy-btn:hover{background:var(--color-blue-100);color:var(--color-primary)}.utm-copy-btn svg{width:15px;height:15px}.utm-map-links{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.utm-map-link{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--color-border);border-radius:9px;padding:7px 12px;font-size:.84rem;font-weight:600;color:var(--color-primary);background:var(--color-blue-50);text-decoration:none;transition:all .15s}.utm-map-link:hover{border-color:var(--color-border-hover);background:var(--color-blue-100)}.utm-output-block{margin-top:14px;padding-top:14px;border-top:1px solid var(--color-border)}.utm-output-title{margin:0 0 10px;font-size:.84rem;font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.utm-map-col :global(.map-shell){height:clamp(450px,58vh,580px);min-height:450px}.utm-seo-wrap{margin-top:80px;display:flex;flex-direction:column;gap:80px;padding-bottom:40px}.utm-feature-section{width:100%}.utm-feature-head{text-align:center;max-width:900px;margin:0 auto 36px}.utm-feature-head h2{margin:0 0 12px;font-size:clamp(1.8rem,3.5vw,2.4rem);font-weight:800;letter-spacing:-.02em;color:var(--color-text);white-space:nowrap}.utm-feature-head p{margin:0;font-size:1.05rem;color:var(--color-text-secondary);line-height:1.6}.utm-what-grid{display:grid;grid-template-columns:minmax(0,55%) minmax(0,45%);gap:32px;align-items:start}.utm-compare-cards{display:grid;gap:16px}.utm-compare-card{border:1px solid var(--color-border);border-radius:16px;background:var(--surface-1);padding:20px 22px;box-shadow:0 4px 10px #0f172a0a;transition:transform .22s,box-shadow .22s}.utm-compare-card:hover{transform:translateY(-2px);box-shadow:0 14px 22px #2563eb17;border-color:var(--color-border-hover)}.utm-compare-card h4{margin:0 0 14px;color:var(--color-primary);font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:var(--color-blue-100);width:fit-content;padding:4px 10px;border-radius:6px}.utm-compare-card ul{margin:0;padding-left:18px;display:grid;gap:6px}.utm-compare-card li{font-size:.92rem;color:var(--color-text-secondary);line-height:1.5}.utm-compare-connector{display:none}.utm-steps-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.utm-step-card{position:relative;background:var(--surface-1);border:1px solid var(--color-border);border-radius:20px;padding:28px 18px 24px;text-align:center;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #00000005;display:flex;flex-direction:column;align-items:center;overflow:hidden}.utm-step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),#60a5fa);opacity:0;transition:opacity .3s}.utm-step-card:hover{transform:translateY(-5px);border-color:var(--color-border-hover);box-shadow:0 20px 25px -5px #2563eb14}.utm-step-card:hover:before{opacity:1}.utm-step-number{width:48px;height:48px;background:linear-gradient(135deg,var(--color-blue-50) 0%,var(--color-blue-100) 100%);color:var(--color-primary);border-radius:14px;display:grid;place-items:center;font-size:1.3rem;font-weight:900;margin-bottom:16px;transition:transform .2s,background .2s;border:1px solid var(--color-blue-200);box-shadow:inset 0 2px 4px #fffc,0 2px 4px #2563eb0d}.utm-step-card:hover .utm-step-number{transform:scale(1.1) rotate(-5deg);background:var(--color-blue-100)}.utm-step-card h4{font-size:.98rem;font-weight:800;margin:0 0 10px;color:var(--color-text)}.utm-step-card p{font-size:.86rem;color:var(--color-text-secondary);margin:0;line-height:1.55}.utm-info-card{background:linear-gradient(155deg,var(--surface-1) 0%,var(--surface-2) 100%);border:1px solid var(--color-border);border-radius:24px;padding:40px;box-shadow:var(--shadow-soft);transition:box-shadow .3s,border-color .3s}.utm-info-card:hover{box-shadow:var(--shadow-strong);border-color:var(--color-border-hover)}.utm-info-card h3{font-size:1.5rem;font-weight:800;margin:0 0 16px;color:var(--color-text);line-height:1.3}.utm-info-card p{font-size:1rem;line-height:1.65;color:var(--color-text-secondary);margin:0 0 16px}.utm-info-card p:last-of-type{margin-bottom:0}.utm-steps-mini{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.utm-step-mini{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}.utm-mini-num{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--color-blue-50),var(--color-blue-100));border:1px solid var(--color-blue-200);color:var(--color-primary);font-size:.78rem;font-weight:900;flex-shrink:0}.utm-step-mini strong{display:block;font-size:.92rem;color:var(--color-text);margin-bottom:2px}.utm-step-mini p{margin:0!important;font-size:.86rem!important;color:var(--color-text-tertiary)!important;line-height:1.4!important}.utm-example-box{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.utm-example-box>div{border:1px solid var(--color-border);border-radius:12px;background:var(--surface-1);padding:10px 14px}.utm-example-box small{display:block;font-size:.74rem;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:5px}.utm-example-box code{font-family:var(--font-mono);font-size:.82rem;color:var(--color-text-secondary)}.utm-adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.utm-adv-card{background:var(--surface-1);border:1px solid var(--color-border);border-radius:20px;padding:28px 24px;transition:all .3s ease;box-shadow:0 4px 6px -1px #00000005;display:flex;flex-direction:column}.utm-adv-card:hover{transform:translateY(-5px);border-color:var(--color-border-hover);box-shadow:0 20px 25px -5px #2563eb14}.utm-adv-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--color-blue-50),var(--color-blue-100));color:var(--color-primary);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border:1px solid var(--color-blue-200);transition:transform .3s}.utm-adv-icon svg{width:24px;height:24px}.utm-adv-card:hover .utm-adv-icon{transform:scale(1.1) rotate(5deg)}.utm-adv-card h4{font-size:1.1rem;font-weight:800;margin:0 0 10px;color:var(--color-text)}.utm-adv-card p{font-size:.93rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.utm-usecases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.utm-usecase-card{position:relative;background:var(--surface-1);border:1px solid var(--color-border);border-radius:20px;padding:24px;display:flex;flex-direction:column;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #00000005}.utm-usecase-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));opacity:0;transition:opacity .3s;z-index:3}.utm-usecase-card:hover{transform:translateY(-6px);border-color:var(--color-border-hover);box-shadow:0 20px 25px -5px #2563eb1a}.utm-usecase-card:hover:before{opacity:1}.utm-usecase-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:skew(-20deg);opacity:0;z-index:2;pointer-events:none}:global([data-theme=dark]) .utm-usecase-shine{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}.utm-usecase-card:hover .utm-usecase-shine{opacity:1;animation:utmGlassShine .8s forwards}@keyframes utmGlassShine{0%{left:-100%}to{left:200%}}.utm-usecase-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;position:relative;z-index:1}.utm-usecase-icon{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-blue-50),var(--color-blue-100));border:1px solid var(--color-blue-200);border-radius:12px;padding:10px;color:var(--color-primary);flex-shrink:0;transition:all .2s}.utm-usecase-icon svg{width:22px;height:22px}.utm-usecase-card:hover .utm-usecase-icon{background:var(--color-blue-100);transform:scale(1.08);box-shadow:0 4px 12px #2563eb26}.utm-usecase-card h3{margin:0;font-size:1.08rem;font-weight:800;color:var(--color-text);transition:color .2s}.utm-usecase-card:hover h3{color:var(--color-primary)}.utm-usecase-card p{margin:0;font-size:.93rem;line-height:1.55;color:var(--color-text-secondary);position:relative;z-index:1}.utm-datum-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.utm-datum-card{border:1px solid var(--color-border);border-radius:20px;background:var(--surface-1);padding:28px 24px;box-shadow:0 4px 6px #00000005;transition:all .25s}.utm-datum-card:hover{border-color:var(--color-border-hover);box-shadow:0 16px 28px #2563eb14;transform:translateY(-3px)}.utm-datum-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.utm-datum-name{font-size:1.3rem;font-weight:900;color:var(--color-text);font-family:var(--font-mono)}.utm-datum-epsg{font-size:.74rem;color:var(--color-text-tertiary);background:var(--surface-3);padding:3px 8px;border-radius:6px;font-family:var(--font-mono)}.utm-datum-badge{margin-left:auto;font-size:.72rem;font-weight:700;background:var(--color-blue-100);color:var(--color-primary);border-radius:999px;padding:3px 10px;border:1px solid var(--color-blue-200)}.utm-datum-card p{font-size:.93rem;line-height:1.6;color:var(--color-text-secondary);margin:0 0 14px}.utm-datum-when{font-size:.82rem;color:var(--color-text-tertiary);background:var(--surface-2);border:1px solid var(--color-border);border-radius:10px;padding:8px 12px;line-height:1.5}.utm-datum-when strong{color:var(--color-text-secondary)}.utm-faq-section{background:transparent}.utm-faq-subtitle{text-align:center;max-width:760px;margin-inline:auto;color:var(--color-text-tertiary)}.utm-faq-shell{max-width:780px;margin:30px auto 0}.utm-faq-list{display:grid;gap:16px}.utm-faq-item{border:1px solid var(--color-border);background:var(--surface-1);border-radius:22px;overflow:hidden;box-shadow:0 8px 20px #0f172a0d;transition:box-shadow .2s}.utm-faq-item.open{box-shadow:0 10px 24px #0f172a14}.utm-faq-summary{width:100%;border:0;background:transparent;font:inherit;font-size:1.02rem;font-weight:500;color:var(--color-text);text-align:left;cursor:pointer;padding:20px 52px 20px 24px;line-height:1.5;position:relative;display:flex;align-items:center}.utm-faq-chevron{position:absolute;right:20px;top:50%;transform:translateY(-62%) rotate(45deg);width:10px;height:10px;border-right:2px solid var(--color-text-tertiary);border-bottom:2px solid var(--color-text-tertiary);transition:transform .18s ease,border-color .18s ease}.utm-faq-item.open .utm-faq-chevron{transform:translateY(-32%) rotate(-135deg);border-color:var(--color-text-secondary)}.utm-faq-answer{margin:0;padding:0 24px 20px;color:var(--color-text-secondary);font-size:.95rem;line-height:1.7}@media(max-width:1200px){.utm-adv-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.utm-main-grid{grid-template-columns:1fr}.utm-map-col :global(.map-shell){height:360px;min-height:360px}.utm-what-grid{grid-template-columns:1fr}.utm-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.utm-info-grid,.utm-datum-grid{grid-template-columns:1fr}.utm-usecases-grid{grid-template-columns:repeat(2,1fr)}.utm-feature-head h2{white-space:normal}.utm-info-card{padding:28px}}@media(max-width:768px){.utm-adv-grid{grid-template-columns:1fr}}@media(max-width:640px){.utm-tabs-wrap{flex-direction:column;border-radius:12px}.utm-field-row2,.utm-example-box,.utm-steps-grid,.utm-usecases-grid,.utm-datum-grid{grid-template-columns:1fr}.utm-faq-shell{margin-top:22px}.utm-faq-list{gap:12px}.utm-faq-item{border-radius:18px}.utm-faq-summary{font-size:.96rem;padding:16px 44px 16px 18px}.utm-faq-answer{padding:0 18px 16px}}[data-theme=dark] .utm-input-card,[data-theme=dark] .utm-results-card,[data-theme=dark] .utm-batch-table-wrap,[data-theme=dark] .utm-info-card,[data-theme=dark] .utm-adv-card,[data-theme=dark] .utm-usecase-card,[data-theme=dark] .utm-datum-card,[data-theme=dark] .utm-code-panel{border-color:var(--color-border);background:linear-gradient(155deg,var(--surface-1),var(--surface-2))}[data-theme=dark] .utm-result-item{background:#0f172a99;border-color:var(--color-border)}[data-theme=dark] .utm-hero-kicker,[data-theme=dark] .utm-hero-pills span{background:#0f1b34d9;border-color:var(--color-border-hover)}[data-theme=dark] .utm-faq-item{border-color:#274161;background:#0d1b33;box-shadow:0 12px 24px #02061773}[data-theme=dark] .utm-faq-summary{color:#d6e3f7}[data-theme=dark] .utm-faq-answer{color:#a9bdd8}[data-theme=dark] .utm-faq-chevron{border-right-color:#8eabc9;border-bottom-color:#8eabc9}[data-theme=dark] .utm-faq-item.open .utm-faq-chevron{border-right-color:#d0e1f7;border-bottom-color:#d0e1f7}[data-theme=dark] .utm-batch-table th,[data-theme=dark] .utm-batch-table td{border-color:var(--color-border)}[data-theme=dark] .utm-code-block{background:#0a1628;border-color:var(--color-border)}[data-theme=dark] .utm-code-tabs{background:var(--surface-2);border-color:var(--color-border)}[data-theme=dark] .utm-datum-epsg{background:var(--surface-3)}[data-theme=dark] .utm-datum-when{background:var(--surface-2);border-color:var(--color-border)}[data-theme=dark] .utm-success-badge{background:#34d3991a;border-color:#34d39940;color:#34d399}[data-theme=dark] .utm-map-link{background:var(--surface-3);border-color:var(--color-border);color:var(--color-primary)}