/* Interface refinements: restrained copper, readable contrast and useful live product detail. */
.brand-symbol{width:42px;height:42px;flex:none;margin-inline-end:11px;border-radius:12px}.brand{letter-spacing:-.055em}.brand-word{font-weight:680!important}.brand-word em{font-style:normal;font-weight:450;color:var(--muted)}
.hero{background:radial-gradient(ellipse at 82% 35%,#e6c8a921,transparent 58%),linear-gradient(180deg,var(--surface),var(--bg));border-bottom:1px solid var(--line)}.hero-grid{gap:60px;padding-block:80px 76px}.hero h1{font-size:clamp(3.3rem,5.6vw,5.2rem);line-height:1.04;letter-spacing:-.055em}.hero-description{font-size:1.13rem;line-height:1.7}.hero .button:not(.secondary){background:#a56331;border-color:#a56331;box-shadow:0 5px 15px #9a633020}.hero .button:not(.secondary):hover{background:#8e5124}.radar-card{border-radius:22px;box-shadow:0 25px 75px #19313f12;border-color:#d6dfe3}.radar-visual{aspect-ratio:1;height:auto}.radar-caption{padding-top:0}.hero-block-strip{padding:20px 26px;background:var(--navy);color:#fff}.hero-block-strip .label{color:#bccbd3}.hero-block-strip .network-blocks{margin:14px 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hero-block-strip .block{background:#ffffff0a;border-color:#ffffff22;border-top-color:#d7985e;padding:14px 5px}.hero-block-strip .block small{color:#c1cbd0}.hero-block-strip .block strong{font-size:.8rem}.hero .radar-bottom{padding-block:17px}.principles{background:var(--surface)}
.feature-card{transition:transform .2s,border-color .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-3px);border-color:#c7a37f;box-shadow:0 14px 40px #1427300a}.feature-icon{border:1px solid #d9c3ad;background:var(--accent-pale);color:#996337}.price-card{border-radius:18px}.price-card.featured{box-shadow:0 16px 50px #172f3f12;transform:translateY(-5px)}.price-card .check-list{gap:13px}.price-card .price{letter-spacing:-.06em}.check-list li{align-items:flex-start}.price-card .check-list .icon{margin-top:2px}.price-card .price-note{min-height:38px}.section-heading.centered p{max-width:660px;margin-inline:auto}
.workspace .sidebar{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 12px;align-self:start;position:sticky;top:20px}.workspace .sidebar a{border-radius:9px}.workspace .sidebar a.active{background:var(--navy);color:#fff}.workspace .sidebar-label{padding:8px 12px 18px;letter-spacing:.09em}.workspace-content .panel{box-shadow:0 4px 24px #17303d04}.workspace-content>.workspace-heading{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:28px}.workspace-heading h1{font-size:2.25rem}.workspace-content .form-grid{gap:20px 28px}.workspace-content .stat-card{border-top:3px solid var(--accent)}.dashboard-customize{padding:16px 22px;margin-bottom:20px}.dashboard-customize summary{cursor:pointer;font-size:.875rem;color:var(--muted)}.dashboard-customize[open] summary{margin-bottom:18px}.dashboard-customize form{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.network-blocks{min-height:98px}.block-arrived{animation:block-arrived .75s ease-out}@keyframes block-arrived{from{transform:translateY(-10px);background:#f5ddc5}to{transform:translateY(0)}}.legal-copy h2{margin-top:36px;font-size:1.35rem;line-height:1.3;letter-spacing:-.025em}.legal-copy h2:first-child{margin-top:0}.legal-copy p{font-size:.98rem;line-height:1.85}.legal-identity{padding:24px;background:var(--bg);border-radius:12px}.legal-identity h2{margin:0}.legal-identity h3{font-size:1rem;margin-top:20px}.legal-copy .notice{font-size:.85rem}.contact-form{margin-top:28px}.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.privacy-footer{padding:0 0 24px}.privacy-footer button,.cookie-actions .text-link{border:0;background:transparent;color:var(--muted);padding:6px 0;font-size:.8rem}
.cookie-banner{position:fixed;inset:auto 24px 20px;z-index:100;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 45px #091d3326;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1050px;margin-inline:auto}.cookie-banner strong{font-size:.875rem}.cookie-banner p{font-size:.8rem;line-height:1.6;max-width:580px;margin-top:4px}.cookie-actions{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:wrap;flex-shrink:0;max-width:340px}.cookie-dialog{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:32px;max-width:560px;width:calc(100% - 32px);max-height:85vh;overflow:auto;box-shadow:0 25px 100px #0003}.cookie-dialog::backdrop{background:#132e3b66;backdrop-filter:blur(3px)}.cookie-dialog h2{font-size:1.7rem;margin-bottom:16px}.cookie-dialog p{margin-bottom:18px}.cookie-dialog .panel{margin:20px 0;padding:20px}.cookie-dialog .panel p{font-size:.875rem;margin-top:8px}.cookie-dialog .pill{font-size:.75rem}
[data-theme=dark] .hero{background:radial-gradient(ellipse at 80% 35%,#ac733c0d,transparent 60%),var(--bg)}[data-theme=dark] .radar-card{border-color:var(--line)}[data-theme=dark] .hero-block-strip{background:#0b1921}[data-theme=dark] .brand-word em{color:#b8c5ce}[data-theme=dark] .feature-icon{color:#edbe8d;background:#b57c4220;border-color:#b57c4250}.text-link[type=button]{font-family:inherit}
@media(max-width:900px){.hero-grid{gap:30px;padding-block:45px}.cookie-banner{align-items:flex-start;gap:20px}.cookie-actions{max-width:250px}.workspace .sidebar{position:static}.brand-symbol{width:36px;height:36px}}
@media(max-width:600px){.hero h1{font-size:3.25rem}.cookie-banner{inset:auto 12px 12px;padding:16px;display:block}.cookie-actions{max-width:none;justify-content:flex-start;margin-top:12px}.cookie-actions .button{padding:8px 12px}.price-card.featured{transform:none}.hero-block-strip{padding:18px}.workspace-heading h1{font-size:1.9rem}.legal-copy{padding:22px}.legal-copy h2{font-size:1.15rem}.dashboard-customize form{display:block}.cookie-dialog{padding:24px}}
@media(prefers-reduced-motion:reduce){.block-arrived{animation:none}.feature-card:hover,.price-card.featured{transform:none}}
.hero-grid{padding-block:54px}.radar-visual{aspect-ratio:1;height:auto;overflow:visible}.hero .radar-caption h2{font-size:1.5rem}.hero .card-heading{padding-block:22px}.cookie-float{position:fixed;left:auto;right:var(--cookie-right,12px);bottom:var(--cookie-bottom,12px);width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--muted);z-index:85;box-shadow:0 3px 12px #14273012}.cookie-float:hover{color:var(--accent);border-color:var(--accent)}.cookie-banner-open .cookie-float{visibility:hidden}.site-footer{padding-bottom:0}.mobile-app-nav{display:none}
@media(max-width:600px){.site-header{position:sticky;top:0;background:var(--surface)}.header-inner{height:68px}.brand{font-size:1.45rem}.brand-symbol{width:32px;height:32px}.header-actions{gap:10px}.header-actions>.button{display:none}.container{width:calc(100% - 36px)}.hero-grid{padding-block:32px 38px;gap:32px}.hero h1{font-size:clamp(2.7rem,11vw,3.5rem)}.hero-description{font-size:1rem;line-height:1.7}.hero-actions{gap:16px;flex-wrap:wrap}.hero-actions>.button{width:100%;border-radius:12px}.hero-note{margin-top:24px}.hero .radar-card{border-radius:18px}.hero .radar-visual{height:auto}.radar-bottom{flex-wrap:wrap;gap:10px}.mobile-app-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;inset-inline:0;background:var(--surface);border-top:1px solid var(--line);padding:10px 8px calc(10px + env(safe-area-inset-bottom));z-index:70;box-shadow:0 -4px 18px #10263208}.mobile-app-nav a{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--muted);font-size:.61rem;line-height:1.3;text-align:center}.mobile-app-nav a.active{color:var(--accent)}.mobile-app-nav .icon{width:21px;height:21px}.workspace-body .site-footer{padding-bottom:calc(85px + env(safe-area-inset-bottom))}.workspace-body .cookie-float{bottom:var(--cookie-bottom,calc(80px + env(safe-area-inset-bottom)))}.workspace-body .cookie-banner{bottom:calc(82px + env(safe-area-inset-bottom))}.workspace .sidebar{position:static;display:flex;flex-wrap:nowrap;overflow:auto;gap:5px;padding:8px;border-radius:12px;max-width:100%}.workspace .sidebar .sidebar-label,.workspace .sidebar form{display:none}.workspace .sidebar a{flex-shrink:0;white-space:nowrap;font-size:.75rem;padding:9px}.workspace .sidebar a .icon{display:none}.workspace{gap:20px}.workspace-content .panel{border-radius:16px}.workspace-heading h1{font-size:1.8rem}input,textarea,select{font-size:16px}.cookie-float{left:auto;right:var(--cookie-right,12px);bottom:var(--cookie-bottom,12px);width:36px;height:36px}}
.widget-preview{margin:16px 0;max-width:420px}.widget-preview iframe{display:block;max-width:100%;border:0;border-radius:18px}

.widget-builder-grid{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:32px;align-items:start;margin:24px 0}.widget-preview-area{min-width:0}.widget-preview{max-width:100%}.widget-preview iframe{max-width:100%}.widget-color-input{display:flex;align-items:center;gap:12px}.widget-color-input input{width:64px;height:42px;padding:4px;cursor:pointer}.widget-color-input output{font-size:.85rem;font-variant-numeric:tabular-nums}.widget-code{font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical;min-height:85px;overflow-wrap:anywhere}.widget-controls .form-grid{gap:14px}.widget-preview-area>.label{margin-bottom:12px;display:block}@media(max-width:850px){.widget-builder-grid{grid-template-columns:1fr;gap:24px}.widget-controls .form-grid{grid-template-columns:1fr 1fr}}

.radar-center{line-height:1}.radar-center svg{display:block;width:39px;height:39px;overflow:visible}@media(max-width:850px){.radar-center svg{width:32px;height:32px}}
.widget-color-input input[type=text]{width:120px;padding:9px 12px;cursor:text;font-family:ui-monospace,monospace}
.fee-strip strong>[data-live-fee]{display:inline;font:inherit;color:inherit;margin:0;font-variant-numeric:tabular-nums}
.widget-code{direction:ltr;unicode-bidi:plaintext}
[data-live-congestion]{--traffic:#39765e;--traffic-pale:#39765e35}[data-live-congestion="moderate"]{--traffic:#a57132;--traffic-pale:#a5713235}[data-live-congestion="high"]{--traffic:#b55b51;--traffic-pale:#b55b5135}[data-live-congestion="unknown"]{--traffic:#7d8b92;--traffic-pale:#7d8b9230}.radar-card[data-live-congestion] .radar-ring{border-color:var(--traffic-pale)}.radar-card[data-live-congestion] .radar-point{background:var(--traffic)}.radar-card[data-live-congestion] .radar-sweep{background:conic-gradient(from 0deg,transparent 260deg,var(--traffic-pale) 355deg,transparent 360deg)}.radar-card[data-live-congestion] .radar-center{border-color:var(--traffic);box-shadow:0 0 0 9px var(--traffic-pale)}.congestion-panel{border-inline-start:3px solid var(--traffic)}.congestion-panel h2{font-size:1.35rem;margin-bottom:10px}