.dp-split{gap:var(--sp-7);align-items:center;display:grid}@media (width>=900px){.dp-split{gap:var(--sp-9);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.dp-split-flip>:first-child{order:2}}.dp-part+.dp-part{border-top:1px solid var(--line)}.dp-tags{flex-wrap:wrap;gap:.45rem;padding:0;list-style:none;display:flex}.dp-tags li{border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--fs-meta);color:var(--fg-2);background:color-mix(in srgb, var(--bg-2) 70%, transparent);padding:.4rem .8rem;line-height:1.2}.dp-visual{min-height:18rem;padding:var(--sp-5) 0;place-items:center;display:grid;position:relative}.ui{--ui-ink:#14202b;--ui-ink-2:#4a5661;--ui-line:#e3ddd2;--ui-card:#fff;background:var(--ui-card);color:var(--ui-ink);border-radius:1.1rem;font-size:.8rem;line-height:1.35;box-shadow:inset 0 1px #fffc,0 18px 40px -18px #113e7059,0 2px 8px #14202b0f}.ui-bar{border-bottom:1px solid var(--ui-line);align-items:center;gap:.35rem;padding:.6rem .8rem;display:flex}.ui-bar i{background:#d9d3c8;border-radius:50%;width:.5rem;height:.5rem}.ui-bar span{border-radius:var(--r-pill);color:var(--ui-ink-2);text-align:center;background:#f3efe8;flex:1;margin-left:.4rem;padding:.2rem .7rem;font-size:.72rem}.ui-browser{width:min(100%,26rem)}.ui-site{padding:.9rem 1rem 1.1rem}.ui-nav{color:var(--ui-ink-2);justify-content:space-between;align-items:baseline;font-size:.72rem;display:flex}.ui-nav b{font-family:var(--font-serif);color:var(--ui-ink);font-size:1rem;font-weight:600}.ui-hero{color:#fbfaf7;background:radial-gradient(90% 120% at 90% 10%,#2ee6ee59,#0000 60%),linear-gradient(135deg,#0a3a5c,#06605f);border-radius:.8rem;justify-items:start;gap:.5rem;margin-top:1rem;padding:1.1rem;display:grid}.ui-hero small{letter-spacing:.08em;text-transform:uppercase;opacity:.8;font-size:.66rem}.ui-hero strong{font-family:var(--font-serif);font-size:1.35rem;font-weight:500;line-height:1.1}.ui-cta{border-radius:var(--r-pill);color:#06605f;background:#fbfaf7;padding:.3rem .8rem;font-size:.7rem;font-weight:600}.ui-cards{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.7rem;display:grid}.ui-cards i{background:linear-gradient(160deg,#f1ece3,#e4ddd0);border-radius:.6rem;height:3.2rem}.dp-visual:has(.ui-phone-mini){padding-bottom:4.5rem}.ui-phone-mini{border:.35rem solid #14202b;border-radius:1.3rem;width:7.6rem;font-size:.7rem;position:absolute;bottom:0;right:max(0rem,50% - 15rem);overflow:hidden}.ui-phone-mini .ui-site{padding:.6rem .5rem .7rem}.ui-phone-mini .ui-hero{margin-top:.5rem;padding:.6rem}.ui-phone-mini .ui-hero strong{font-size:.9rem}.ui-phone-mini .ui-cards{grid-template-columns:1fr}.ui-phone-mini .ui-cards i{height:2rem}.ui-shop{width:min(100%,25rem)}.ui-product{grid-template-columns:1fr 1.1fr;gap:1rem;padding:1rem;display:grid}.ui-swatch{--shade:#c9707b;aspect-ratio:4/5;background:radial-gradient(60% 40% at 50% 30%, #ffffff8c, transparent 70%), linear-gradient(160deg, var(--shade), color-mix(in srgb, var(--shade) 60%, #14202b));border-radius:.8rem;transition:background .35s}.ui-pinfo{align-content:start;gap:.35rem;display:grid}.ui-pinfo small{letter-spacing:.08em;text-transform:uppercase;color:var(--ui-ink-2);font-size:.66rem}.ui-pinfo strong{font-family:var(--font-serif);font-size:1.3rem;font-weight:500;line-height:1.1}.ui-price{font-weight:600}.ui-shades{gap:.45rem;margin:.3rem 0 .2rem;display:flex}.ui-shade{--shade:#c9707b;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:2.75rem;height:2.75rem;margin:-.55rem -.5rem;position:relative}.ui-shade:before{content:"";background:var(--shade);border-radius:50%;transition:box-shadow .2s;position:absolute;inset:.6rem;box-shadow:0 0 0 2px #fff}.ui-shade[aria-pressed=true]:before{box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--accent)}.ui-shade:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ui-add{border-radius:var(--r-pill);color:#fff;background:linear-gradient(120deg,#087478,#113e70);justify-self:start;margin-top:.3rem;padding:.4rem .9rem;font-size:.72rem;font-weight:600}.ui-track{color:#083e41;background:#eef6f5;border-radius:.7rem;align-items:center;gap:.5rem;margin:0 1rem 1rem;padding:.55rem .8rem;font-size:.72rem;display:flex}.ui-live,.ui-dot,.ui-sync i{background:#1aa37a;border-radius:50%;flex:none;width:.5rem;height:.5rem;box-shadow:0 0 0 .2rem #1aa37a2e}.ui-app{color:#e9edef;background:#0e1621;width:min(100%,25rem);padding:1rem}.ui-app-head{align-items:center;gap:.5rem;font-size:.8rem;display:flex}.ui-tabs{border-radius:var(--r-pill);background:#182533;gap:.3rem;margin:.8rem 0;padding:.25rem;display:flex}.ui-tabs button{border-radius:var(--r-pill);color:#e9edefb8;min-height:2.75rem;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:1;font-size:.8rem;font-weight:600;transition:background .2s,color .2s}.ui-tabs button[aria-selected=true]{color:#fff;background:linear-gradient(120deg,#087478,#113e70)}.ui-tabs button:focus-visible,.ui-panel:focus-visible{outline:2px solid var(--color-teal-glow);outline-offset:2px}.ui-panel{border-radius:.6rem;min-height:9.5rem}.ui-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.ui-stats span{color:#e9edefb8;background:#182533;border-radius:.6rem;padding:.55rem .6rem;font-size:.7rem;display:grid}.ui-stats b{color:#fff;font-size:1.2rem;font-weight:600}.ui-rows{gap:.35rem;margin:.6rem 0 0;padding:0;list-style:none;display:grid}.ui-rows li{background:#18253399;border-radius:.5rem;grid-template-columns:5.2rem 1fr;gap:.5rem;padding:.45rem .6rem;font-size:.74rem;display:grid}.ui-rows span{color:#2ee6ee;font-weight:600}.ui-bars{align-items:flex-end;gap:.4rem;height:5rem;margin-top:.8rem;display:flex}.ui-bars i{height:var(--h);background:linear-gradient(#2ee6ee,#087478);border-radius:.3rem .3rem .1rem .1rem;flex:1}.ui-note{color:#e9edef99;margin:.7rem 0 0;font-size:.68rem}.ui-system{aspect-ratio:1;color:#e9edef;background:radial-gradient(50% 50%,#2ee6ee24,#0000 70%),#0e1621;width:min(100%,22rem);position:relative}.ui-links{z-index:0;width:100%;height:100%;position:absolute;inset:0}.ui-links path{fill:none;stroke:#2ee6ee73;stroke-width:1.2px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.ui-core,.ui-node{z-index:1;white-space:nowrap;border-radius:var(--r-pill);position:absolute;translate:-50% -50%}.ui-core{background:linear-gradient(120deg,#087478,#113e70);padding:.7rem 1rem;font-size:.85rem;font-weight:600;top:50%;left:50%;box-shadow:0 0 0 .35rem #2ee6ee26}.ui-node{background:#182533;border:1px solid #2ee6ee59;padding:.35rem .7rem;font-size:.72rem}.ui-node-1{top:19.3%;left:20%}.ui-node-2{top:19.3%;left:80%}.ui-node-3{top:50%;left:13%}.ui-node-4{top:50%;left:87%}.ui-node-5{top:80.7%;left:20%}.ui-node-6{top:80.7%;left:80%}.ui-sync{white-space:nowrap;color:#e9edefb3;align-items:center;gap:.4rem;font-size:.68rem;display:flex;position:absolute;bottom:.9rem;left:50%;translate:-50%}.dp-spectrum{counter-reset:lv;gap:0;padding:0;list-style:none;display:grid}.dp-spectrum li{border-top:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:3.2rem 1fr;column-gap:1rem;padding:.9rem 0;display:grid;position:relative}.dp-spectrum b{font-family:var(--font-serif);font-size:1.35rem;font-weight:500;line-height:1.15}.dp-spectrum-d{color:var(--fg-2);font-size:var(--fs-small);grid-column:2}.dp-depth{flex-direction:column-reverse;grid-row:1/span 2;justify-content:center;gap:3px;display:flex}.dp-depth i{background:var(--line);border-radius:3px;height:5px;display:block}.dp-depth i.on{background:linear-gradient(90deg, var(--color-teal-deep), var(--color-navy))}@media (width>=900px){.dp-spectrum{gap:var(--sp-5);grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}.dp-spectrum li{border-top:0;grid-template-rows:auto auto auto;grid-template-columns:1fr;row-gap:.4rem;padding:0 0 .2rem}.dp-depth{height:calc(var(--lv) * 1.4rem + .5rem);border-bottom:1px solid var(--line);flex-direction:column-reverse;grid-row:auto;justify-content:flex-start;margin-bottom:.4rem}.dp-depth i{border-radius:.35rem;height:1.1rem}.dp-depth i:not(.on){display:none}.dp-spectrum-d{grid-column:auto}}.dp-grid{gap:var(--sp-4);grid-template-columns:1fr;padding:0;list-style:none;display:grid}@media (width>=600px){.dp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.dp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.dp-card{padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-2);transition:border-color .25s,box-shadow .25s,translate .25s}.dp-card-t{font-family:var(--font-serif);color:var(--heading);margin:0 0 .4rem;font-size:1.3rem;font-weight:500;line-height:1.2}@media (hover:hover){.dp-card:hover{border-color:var(--accent);translate:0 -2px;box-shadow:0 14px 32px -20px #113e7073}}.dp-cases{gap:var(--sp-6);display:grid}@media (width>=900px){.dp-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}.dp-case{padding:var(--sp-6);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-2)}.dp-case-dl{gap:.2rem 1rem;display:grid}.dp-case-dl dt{font-size:var(--fs-meta);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-top:.8rem;font-weight:700}.dp-case-dl dt:first-child{margin-top:0}.dp-case-dl dd{color:var(--fg-2);margin:0}.dp-close{padding:var(--sp-8) 0 var(--sp-4)}@media (prefers-reduced-motion:reduce){.ui-swatch,.dp-card,.ui-tabs button{transition:none}}@media (forced-colors:active){.ui-shade:before{forced-color-adjust:none;box-shadow:0 0 0 2px canvas}.ui-shade[aria-pressed=true]{outline-offset:-3px;outline:3px solid highlight}.ui-tabs button[aria-selected=true]{outline-offset:-2px;outline:2px solid highlight}}