@layer site{:root{--off-white:#f3f6f7;--white:#fff;--navy:#0b1f33;--sunken:#e9eff2;--hairline:#d6dee3;--input-line:#c3cfd7;--slate:#5b6b78;--muted:#4a5a67;--body:#2c3e4f;--ocean:#135e96;--ocean-hover:#0e4a78;--ocean-soft:#e7f0f7;--ocean-soft-text:#0f4f80;--sea-glass:#3aa6a0;--sea-glass-soft:#e3f2f1;--sea-glass-text:#1b6f6a;--band:#0b1f33;--band-surface:#12304b;--band-border:#2f4a63;--band-muted:#8fa6b8;--band-amber:#ffc266;--band-live:#7fd6d0;--delayed:#c77700;--delayed-soft:#fff4e0;--delayed-text:#8a4a00;--completed-soft:#e3f2e9;--completed-text:#23613c;--scheduled:#135e96;--scheduled-soft:#e7f0f7;--scheduled-text:#0f4f80;--cancelled:#6b7782;--cancelled-soft:#eef1f3;--cancelled-text:#4a5763;--completed:#2e7d4f;--storm:#c62828;--storm-soft:#fbe4e4;--storm-text:#a31f1f;--water:#e7f0f7;--water-deep:#d5e6f2;--shadow-xs:0 1px 2px #0b1f330f;--shadow-sm:0 2px 6px #0b1f3314;--shadow-plane:0 12px 22px #0b1f3359;--ease:cubic-bezier(.2, .8, .2, 1);--out:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(16px, 4vw, 56px);--maxw:1360px;--f-display:"Geist DiveHive", "Noto Sans JP DiveHive", "Noto Sans SC DiveHive", "Noto Sans KR DiveHive", "Noto Sans Thai DiveHive", ui-sans-serif, system-ui, sans-serif;--f-label:"Barlow Condensed DiveHive", "Geist DiveHive", "Noto Sans JP DiveHive", "Noto Sans SC DiveHive", "Noto Sans KR DiveHive", "Noto Sans Thai DiveHive", sans-serif;--f-mono:"Geist Mono DiveHive", ui-monospace, monospace;interpolate-size:allow-keywords}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--off-white);color:var(--navy);font:400 17px/1.55 var(--f-display);font-feature-settings:"ss01";-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--ocean);color:#fff}img,svg{max-width:100%;display:block}a{color:var(--ocean);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--navy)}:focus-visible{outline:2px solid var(--ocean);outline-offset:2px;border-radius:2px}h1,h2,h3,h4,p{margin:0}.wrap{max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.label{font:600 13px/1.2 var(--f-label);text-transform:uppercase;letter-spacing:.14em}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.tnum{font-variant-numeric:tabular-nums}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}astro-static-slot,astro-slot{display:contents}.skip-link{z-index:40;background:var(--navy);color:#fff;border-radius:6px;padding:12px 16px;font-weight:600;text-decoration:none;position:absolute;top:-64px;left:8px}.skip-link:focus{color:#fff;top:8px}.btn{white-space:nowrap;height:48px;font:700 15px/1 var(--f-display);cursor:pointer;transition:background .12s var(--ease), color .12s var(--ease);border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--ocean);color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f}.btn-primary:hover{background:var(--ocean-hover);color:#fff}.btn-ghost{color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--input-line);background:0 0}.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--navy);color:var(--navy)}.btn .i-arrow{transition:translate .2s var(--out)}.btn:hover .i-arrow{translate:3px}.field{border:1.5px solid var(--input-line);height:48px;font:400 16px var(--f-display);color:var(--navy);background:#fff;border-radius:6px;min-width:0;padding:0 14px}.field::placeholder{color:var(--slate)}.field:focus{outline:2px solid var(--ocean);outline-offset:1px;border-color:var(--ocean)}.hex{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.ml{color:inherit;transition:background-size .3s var(--out,ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;text-decoration:none}.ml:hover{background-size:100% 1.5px}.more{font:600 15px/1 var(--f-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ocean);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.more.spaced{margin-top:22px}.more .i{width:16px;height:16px;transition:translate .2s var(--out,ease)}.more:hover{color:var(--ocean-hover)}.more:hover .i{translate:3px}.sh .w{overflow-clip-margin:.18em;vertical-align:top;margin-bottom:-.06em;padding-bottom:.06em;display:inline-block;overflow:clip}.sh .w>span{display:inline-block}html.motion .sh:not(.in) .w>span{translate:0 110%}.sh.in .w>span{animation:m-surface .9s var(--out) calc(var(--i) * 55ms) backwards}@keyframes m-rise{0%{opacity:0;translate:0 28px}}@keyframes m-fade{0%{opacity:0}}@keyframes m-pop{0%{opacity:0;scale:.5}}@keyframes m-line{0%{transform:scaleX(0)}}@keyframes m-row{0%{opacity:0;translate:-10px}}@keyframes m-focus{0%{opacity:0;filter:blur(6px);translate:0 36px}}@keyframes m-surface{0%{translate:0 110%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes menu-in{0%{opacity:0;transform:translateY(-8px)}}.i{width:20px;height:20px;-webkit-mask:var(--i) center/contain no-repeat;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;background:currentColor;flex:none;display:inline-block}.i-ship{--i:url(/icons/ship.svg)}.i-calendar{--i:url(/icons/calendar.svg)}.i-people{--i:url(/icons/people.svg)}.i-doc{--i:url(/icons/document-text.svg)}.i-shield{--i:url(/icons/shield-tick.svg)}.i-book{--i:url(/icons/book-open.svg)}.i-monitor{--i:url(/icons/monitor.svg)}.i-scan{--i:url(/icons/scan-barcode.svg)}.i-teacher{--i:url(/icons/teacher.svg)}.i-wind{--i:url(/icons/wind.svg)}.i-card{--i:url(/icons/card.svg)}.i-box{--i:url(/icons/box.svg)}.i-home{--i:url(/icons/home-2.svg)}.i-chart{--i:url(/icons/presention-chart.svg)}.i-discover{--i:url(/icons/discover.svg)}.i-map{--i:url(/icons/map-1.svg)}.i-user{--i:url(/icons/user.svg)}.i-arrow{--i:url(/icons/arrow-right-02.svg)}.i-tick{--i:url(/icons/tick-circle.svg)}.i-clock{--i:url(/icons/clock.svg)}.i-drop{--i:url(/icons/drop.svg)}.i-wrench{--i:url(/icons/wrench.svg)}.i-ticket{--i:url(/icons/ticket.svg)}.i-sms{--i:url(/icons/sms.svg)}.i-award{--i:url(/icons/award.svg)}.i-nature{--i:url(/icons/global-nature.svg)}.i-health{--i:url(/icons/health.svg)}.i-link{--i:url(/icons/link-2.svg)}.i-repeat{--i:url(/icons/repeat.svg)}.i-gallery{--i:url(/icons/gallery.svg)}.i-location{--i:url(/icons/location.svg)}.i-notif{--i:url(/icons/notification.svg)}.i-import{--i:url(/icons/clipboard-import.svg)}.i-menu{--i:url(/icons/menu.svg)}.i-x{--i:url(/icons/close-3.svg)}.i-printer{--i:url(/icons/printer.svg)}.i-warning{--i:url(/icons/warning-2.svg)}.i-call{--i:url(/icons/call.svg)}.i-mobile{--i:url(/icons/mobile.svg)}.i-setting{--i:url(/icons/setting-2.svg)}.i-clip{--i:url(/icons/clipboard-text.svg)}.i-info{--i:url(/icons/info-circle.svg)}.i-card2{--i:url(/icons/personalcard.svg)}.i-close{--i:url(/icons/close-circle.svg)}.i-wallet{--i:url(/icons/empty-wallet.svg)}.i-receipt{--i:url(/icons/receipt-2.svg)}.i-recv{--i:url(/icons/money-recive.svg)}.i-pct{--i:url(/icons/percentage-circle.svg)}.i-refund{--i:url(/icons/money-change.svg)}.i-copy{--i:url(/icons/copy.svg)}.i-edit{--i:url(/icons/edit-2.svg)}.i-search{--i:url(/icons/search-normal.svg)}.i-add{--i:url(/icons/add.svg)}.i-moon{--i:url(/icons/moon.svg)}.i-sun{--i:url(/icons/sun.svg)}.i-export{--i:url(/icons/clipboard-export.svg)}.i-trash{--i:url(/icons/trash.svg)}.i-useradd{--i:url(/icons/user-add.svg)}.i-up{--i:url(/icons/arrow-up-02.svg)}.i-arrow-up{--i:url(/icons/arrow-up-01.svg)}.i-down{--i:url(/icons/arrow-down-02.svg)}.i-left{--i:url(/icons/arrow-left-02.svg)}.i-grid{--i:url(/icons/grids-4.svg)}.i-rows{--i:url(/icons/row-vertical.svg)}.site-head{z-index:20;border-bottom:1px solid var(--hairline);background:#fffffff5;position:sticky;top:0}.site-head>.wrap{align-items:center;gap:32px;height:64px;display:flex}.site-head .lockup{width:auto;height:24px}.site-head nav{align-self:stretch;display:flex}.nav{align-items:stretch;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav>li{align-items:center;display:flex}.nav a{font:600 16px/1 var(--f-label);text-transform:uppercase;letter-spacing:.08em;color:var(--navy);border-radius:6px;padding:8px 12px;text-decoration:none;display:block}.nav a:hover,.nav a[aria-current],.nav .has-mega:hover .nav-more,.nav .has-mega:focus-within .nav-more,.nav .nav-more.is-current{background:var(--ocean-soft);color:var(--ocean-soft-text)}.head-end{align-items:center;gap:12px;margin-left:auto;display:flex}.head-end .btn{height:40px;font-size:14px}.lang{font:600 14px/1 var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);padding:8px;text-decoration:none}.menu-btn{display:none}.head-end .menu-btn{width:40px;height:40px;padding:0}.menu-btn .i{width:22px;height:22px}.menu-btn .i-x{width:17px;height:17px}.menu-btn[aria-expanded=true]{box-shadow:inset 0 0 0 1.5px var(--navy)}.lang-switch{position:relative}.lang-switch summary{cursor:pointer;list-style:none}.lang-switch summary::-webkit-details-marker{display:none}.lang-switch ul{z-index:2;border:1px solid var(--hairline);background:#fff;border-radius:8px;min-width:180px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 28px #0b1f3324}.lang-switch li a{color:var(--navy);border-radius:6px;padding:10px 12px;font-size:15px;text-decoration:none;display:block}.lang-switch li a:hover,.lang-switch li a[aria-current]{background:var(--ocean-soft);color:var(--ocean-soft-text)}.nav .nav-more{cursor:default;font:600 16px/1 var(--f-label);text-transform:uppercase;letter-spacing:.08em;color:var(--navy);background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.nav .nav-more .i{width:12px;height:12px;transition:rotate .2s var(--ease)}.nav .has-mega.open .nav-more .i,.nav .has-mega:hover .nav-more .i{rotate:180deg}.nav .mega-toggle{width:26px;height:32px;color:var(--slate);cursor:pointer;background:0 0;border:0;border-radius:0 6px 6px 0;place-items:center;padding:0 4px 0 0;display:inline-grid}.nav .has-mega>a{border-radius:6px 0 0 6px;padding-right:4px}.nav .has-mega:is(:hover,:focus-within,.open):not(.dismissed)>a,.nav .has-mega:is(:hover,:focus-within,.open):not(.dismissed)>.mega-toggle,.nav .has-mega>a[aria-current],.nav .has-mega>a[aria-current]+.mega-toggle{background:var(--ocean-soft);color:var(--ocean-soft-text)}.nav .mega-toggle .i{width:12px;height:12px;transition:rotate .2s var(--ease)}.has-mega.open .mega-toggle .i,.has-mega:hover .mega-toggle .i{rotate:180deg}.mega{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:#fff;padding:28px 0 32px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 16px 32px #0b1f331f}.has-mega:hover .mega,.has-mega:focus-within .mega,.has-mega.open .mega{display:block}.has-mega.dismissed .mega{display:none!important}html.motion .has-mega .mega{animation:menu-in .18s var(--ease)}.mega-in{grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:56px;display:grid}.mega-group h3{color:var(--slate);border-bottom:1.5px solid var(--navy);margin-bottom:14px;padding-bottom:10px}.mega-group ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.mega-in-flat{grid-template-columns:minmax(0,1fr)}.mega-in-flat .mega-group ul{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}.mega-in-flat.flat-2 .mega-group ul{grid-template-columns:repeat(2,minmax(0,1fr))}.mega-in-flat .mega-group li a[aria-current]{background:var(--ocean-soft)}.mega-group.g2 ul{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}.mega-group li a{text-transform:none;letter-spacing:0;font:400 14px/1.3 var(--f-display);color:var(--navy);border-radius:6px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 -8px;padding:8px;display:grid}.mega-group li a:hover{background:var(--ocean-soft);color:var(--navy)}.mega-group .mk{background:var(--navy);color:#fff;place-items:center;width:30px;height:34px;transition:background .2s;display:grid}.mega-group .mk .i{width:15px;height:15px}.mega-group li a:hover .mk{background:var(--ocean)}.mega-group .tx b{font:700 15px/1.2 var(--f-display);letter-spacing:-.01em;display:block}.mega-group .tx small{color:var(--slate);margin-top:2px;font-size:13px;display:block}.mega-group em{font:600 11px var(--f-label);letter-spacing:.08em;text-transform:uppercase;color:var(--slate);font-style:normal}.nav .mega-group a.more{font:600 15px/1 var(--f-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ocean);background:0 0;margin-top:16px;padding:0;display:inline-flex}.nav .mega-group a.more:hover{color:var(--ocean-hover);background:0 0}.mega-in-spot{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));gap:48px}.mega-spot h3{color:var(--slate);border-bottom:1.5px solid var(--navy);margin-bottom:14px;padding-bottom:10px}.mega-spot-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.nav .mega .spot a{text-transform:none;letter-spacing:0;font:400 14px/1.3 var(--f-display);padding:14px 16px}.nav .mega .spot a:hover{filter:brightness(.96)}.nav .mega .spot a.tone-sea,.nav .mega .spot a.tone-sea:hover,.nav .mega .spot a.tone-sea[aria-current]{background:var(--sea-glass-soft);color:var(--sea-glass-text)}.nav .mega .spot a.tone-navy,.nav .mega .spot a.tone-navy:hover,.nav .mega .spot a.tone-navy[aria-current]{background:var(--navy);color:#fff}.nav .mega .spot a.tone-ocean,.nav .mega .spot a.tone-ocean:hover,.nav .mega .spot a.tone-ocean[aria-current]{background:var(--ocean-soft);color:var(--navy)}@media (width<=1100px){.nav{display:none}.menu-btn{display:inline-flex}}@media (width<=560px){.lang-switch{display:none}.head-end{gap:8px}.head-end .btn-primary{height:40px;padding:0 12px;font-size:13px}}@supports (animation-timeline:scroll()){.site-head:after{content:"";background:var(--sea-glass);transform-origin:0;height:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}html.motion .site-head:after{animation:linear both m-progress;animation-timeline:scroll(root)}@keyframes m-progress{to{transform:scaleX(1)}}html.motion .site-head{animation:linear both m-head;animation-timeline:scroll(root);animation-range:0 160px}@keyframes m-head{to{box-shadow:0 6px 18px #0b1f3312}}}@supports not (animation-timeline:scroll()){html.motion .site-head:after{content:"";background:var(--sea-glass);transform-origin:0;height:2px;transform:scaleX(var(--sp,0));position:absolute;bottom:-1px;left:0;right:0}html.motion .site-head{box-shadow:0 6px 18px rgba(11, 31, 51, calc(.07 * var(--sh,0)))}}.menu-sheet{z-index:19;background:var(--off-white);overscroll-behavior:contain;padding:20px 0 calc(32px + env(safe-area-inset-bottom));interpolate-size:allow-keywords;position:fixed;inset:65px 0 0;overflow-y:auto}.menu-sheet[hidden]{display:none}html.motion .menu-sheet:not([hidden]){animation:menu-in .22s var(--ease)}html.menu-open{overflow:hidden}.menu-sheet ul{margin:0;padding:0;list-style:none}.menu-sheet a{text-decoration:none}.ms-sec{margin-bottom:26px;display:block}html.motion .menu-sheet:not([hidden]) .ms-sec{animation:ms-rise .32s var(--out) backwards}html.motion .menu-sheet:not([hidden]) .ms-sec:nth-child(2){animation-delay:35ms}html.motion .menu-sheet:not([hidden]) .ms-sec:nth-child(3){animation-delay:70ms}html.motion .menu-sheet:not([hidden]) .ms-sec:nth-child(4){animation-delay:.105s}html.motion .menu-sheet:not([hidden]) .ms-sec:nth-child(5){animation-delay:.14s}@keyframes ms-rise{0%{opacity:0;transform:translateY(8px)}}.ms-label{font:600 13px var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin:0 0 10px}.ms-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ms-tiles a{border:1px solid var(--hairline);height:100%;min-height:72px;color:var(--navy);transition:border-color .2s var(--ease);background:#fff;border-radius:6px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.ms-tiles .mk{background:var(--navy);color:#fff;place-items:center;width:30px;height:34px;margin-bottom:8px;transition:background .2s;display:grid}.ms-tiles .mk .i{width:15px;height:15px}.ms-tiles b{font:700 17px/1.2 var(--f-display);letter-spacing:-.01em}.ms-tiles small{color:var(--slate);font-size:13px;line-height:1.35}.ms-tiles a:hover,.ms-tiles a[aria-current]{border-color:var(--navy)}.ms-tiles a:hover b,.ms-tiles a[aria-current] b{color:var(--ocean)}.ms-tiles a:hover .mk,.ms-tiles a[aria-current] .mk{background:var(--ocean)}.ms-groups{border-top:1px solid var(--hairline)}.ms-group{border-bottom:1px solid var(--hairline)}.ms-group summary{cursor:pointer;min-height:56px;font:700 17px/1.2 var(--f-display);letter-spacing:-.01em;color:var(--navy);justify-content:space-between;align-items:center;gap:12px;list-style:none;display:flex}.ms-group summary::-webkit-details-marker{display:none}.ms-group summary:hover{color:var(--ocean)}.ms-group summary .i{width:18px;height:18px;color:var(--slate);transition:rotate .2s var(--ease)}.ms-group[open] summary .i{color:var(--ocean);rotate:180deg}.ms-panel{padding:0 0 16px}.ms-panel ul{gap:0;display:grid}.ms-group.g2 .ms-panel ul{grid-template-columns:1fr;column-gap:24px}.ms-panel li a{min-height:44px;font:400 15px/1.3 var(--f-display);color:var(--body);align-items:center;gap:12px;padding:4px 0;display:flex}.ms-panel li a .i{width:18px;height:18px;color:var(--ocean);flex:none}.ms-panel li a span{flex:1;min-width:0}.ms-panel li a em{font:600 11px var(--f-label);letter-spacing:.08em;text-transform:uppercase;color:var(--slate);font-style:normal}.ms-panel li a:hover,.ms-panel li a[aria-current]{color:var(--ocean)}.ms-panel a.more{min-height:44px;font:600 15px/1 var(--f-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ocean);align-items:center;gap:8px;margin-top:4px;display:inline-flex}.ms-panel a.more .i{width:14px;height:14px}.ms-panel a.more:hover{color:var(--ocean-hover)}@supports selector(::details-content){html.motion .ms-group::details-content{height:0;transition:height .26s var(--ease), content-visibility .26s allow-discrete;overflow:clip}html.motion .ms-group[open]::details-content{height:auto}}.ms-spot{gap:10px;display:grid}.ms-more{grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.ms-more a{border-bottom:1px solid var(--hairline);min-height:48px;color:var(--body);align-items:center;font-size:16px;display:flex}.ms-more a:hover,.ms-more a[aria-current]{color:var(--ocean)}.menu-foot{border-top:1px solid var(--hairline);flex-direction:column;gap:12px;margin-bottom:0;padding-top:20px;display:flex}.menu-foot .btn{width:100%;height:56px;font-size:16px}.menu-lang{flex-wrap:wrap;gap:4px 16px;display:flex}.menu-lang a{min-height:48px;color:var(--body);align-items:center;font-size:16px;text-decoration:none;display:inline-flex}.menu-lang a:hover,.menu-lang a[aria-current]{color:var(--ocean)}@media (width>=640px){.ms-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.ms-group.g2 .ms-panel ul{grid-template-columns:1fr 1fr}.ms-spot{grid-template-columns:repeat(3,minmax(0,1fr))}.ms-spot.spot a{align-items:flex-start}.ms-more{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1101px){.menu-sheet{display:none}}.spot a{height:100%;min-height:64px;transition:filter .2s var(--ease);border-radius:6px;align-items:center;gap:14px;padding:14px 16px;display:flex}.spot a>.i:first-child{flex:none;width:24px;height:24px}.spot a>.i:last-child{width:16px;height:16px;transition:translate .2s var(--ease);flex:none}.spot a:hover>.i:last-child{translate:3px}.spot .tx{flex:1;min-width:0}.spot b{font:700 17px/1.2 var(--f-display);letter-spacing:-.01em;display:block}.spot small{margin-top:2px;font-size:13px;line-height:1.35;display:block}.spot .tone-sea{background:var(--sea-glass-soft);color:var(--sea-glass-text)}.spot .tone-sea small{color:var(--sea-glass-text)}.spot .tone-navy{background:var(--navy);color:#fff}.spot .tone-navy>.i:first-child{color:var(--band-live)}.spot .tone-navy small{color:var(--band-muted)}.spot .tone-ocean{background:var(--ocean-soft);color:var(--navy)}.spot .tone-ocean>.i:first-child{color:var(--ocean)}.spot .tone-ocean small{color:var(--slate)}.spot a[aria-current]{outline:2px solid var(--ocean);outline-offset:-2px}.site-foot{border-top:1px solid var(--hairline);background:#fff;padding:56px 0 32px;font-size:15px}.foot-grid{grid-template-columns:1.4fr repeat(4,1fr);gap:32px;display:grid}.foot-grid h3{font:600 13px/1.2 var(--f-label);text-transform:uppercase;letter-spacing:.14em;color:var(--slate);margin-bottom:12px}.foot-grid ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.foot-grid a{color:var(--navy);text-decoration:none}.foot-grid a:hover{color:var(--ocean)}.foot-logo{width:auto;height:24px}.foot-tag{color:var(--slate);max-width:32ch;margin-top:14px}.seller{border-top:1px solid var(--hairline);color:var(--slate);flex-wrap:wrap;gap:8px 24px;margin-top:40px;padding-top:20px;font-size:14px;display:flex}.seller b{color:var(--navy);font-weight:600}.seller b a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--hairline);text-decoration-color:var(--hairline);text-underline-offset:3px}.seller b a:hover{color:var(--ocean);text-decoration-color:currentColor}@media (width>=1101px){.foot-grid:has(>:nth-child(7)){grid-template-columns:1.2fr repeat(6,1fr);gap:28px}}@media (width<=1100px){.foot-grid{grid-template-columns:1fr 1fr;gap:36px 32px}.foot-grid>:first-child{border-bottom:1px solid var(--hairline);grid-column:1/-1;align-items:center;gap:24px;padding-bottom:28px;display:flex}.foot-tag{max-width:52ch;margin-top:0}}@media (width<=560px){.foot-grid{grid-template-columns:1fr}.foot-grid>:first-child{display:block}.foot-tag{margin-top:14px}}.consent{width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--navy);background:#fff;border:0;border-radius:10px;padding:0;box-shadow:0 24px 48px #0b1f3347}.consent::backdrop{background:#0b1f338c}html.motion .consent[open]{animation:menu-in .22s var(--ease)}.consent form{gap:18px;padding:24px;display:grid}.consent .c-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.consent h2{font:750 22px/1.2 var(--f-display);letter-spacing:-.02em}.consent .c-x{width:40px;height:40px;color:var(--slate);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;margin:-8px -8px -8px 0;display:inline-flex}.consent .c-x:hover{background:var(--sunken);color:var(--navy)}.consent .c-x .i{width:16px;height:16px}.consent p{color:var(--body);font-size:15.5px;line-height:1.55}.consent .c-rows{border:1px solid var(--hairline);border-radius:8px;margin:0;padding:0;list-style:none}.consent .c-rows li{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px 16px;display:grid}.consent .c-rows li+li{border-top:1px solid var(--hairline)}.consent .c-t b{font-weight:600;display:block}.consent .c-t small{color:var(--slate);font-size:13.5px}.consent .c-sw{background:var(--input-line);border-radius:10px;width:36px;height:20px;position:relative}.consent .c-sw:after{content:"";width:14px;height:14px;box-shadow:var(--shadow-xs);transition:translate .15s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.consent .c-sw[data-on]{background:var(--sea-glass-text)}.consent .c-sw[data-on]:after{translate:16px}.consent .c-st{min-width:64px;font:600 13px var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}.consent .c-act{grid-template-columns:1fr 1fr;gap:8px;display:grid}.consent .c-link{justify-self:start;font-size:14.5px}@media (width<=420px){.consent .c-act{grid-template-columns:1fr}.consent .c-st{display:none}}.consent-banner{z-index:30;width:min(520px,100vw - 32px);color:var(--navy);border:1px solid var(--hairline);background:#fff;border-radius:10px;gap:12px;padding:20px;display:grid;position:fixed;bottom:16px;left:16px;box-shadow:0 16px 36px #0b1f3338}.consent-banner[hidden]{display:none}html.motion .consent-banner:not([hidden]){animation:menu-in .3s var(--ease)}.consent-banner h2{font:750 18px/1.2 var(--f-display);letter-spacing:-.02em}.consent-banner p{color:var(--body);font-size:14.5px;line-height:1.5}.consent-banner .c-act{grid-template-columns:1fr 1fr;gap:8px;display:grid}.consent-banner .btn{height:44px}@media (width<=420px){.consent-banner .c-act{grid-template-columns:1fr}}.fhead{background:var(--band);color:#fff;position:relative;overflow:hidden}.fhead:after{content:"";background:linear-gradient(90deg, transparent, var(--band-border) 20%, var(--band-border) 80%, transparent);height:1px;position:absolute;inset:auto 0 0}.fhead .wrap{grid-template-columns:minmax(0,1fr) minmax(0,600px);align-items:center;gap:56px;padding-top:72px;padding-bottom:88px;display:grid}.crumb{font:600 13px var(--f-label);letter-spacing:.14em;text-transform:uppercase;color:var(--band-muted);flex-wrap:wrap;gap:8px;display:flex}.crumb-item{gap:8px;display:inline-flex}.crumb a{color:var(--band-muted);text-decoration:none}.crumb a:hover{color:#fff}.inc{background:var(--band-surface);height:28px;box-shadow:inset 0 0 0 1px var(--band-border);font:600 13px var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:var(--band-live);border-radius:4px;align-items:center;gap:8px;margin-top:20px;padding:0 10px;display:inline-flex}.inc .i{width:15px;height:15px}.fhead h1{font:800 clamp(42px, 5vw, 72px)/.97 var(--f-display);letter-spacing:-.04em;text-wrap:balance;color:#fff;margin-top:18px}.fhead .lede{color:#c5d3de;max-width:46ch;margin-top:22px;font-size:19px}.fhead .lede a{color:#fff}.acts{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.fhead .btn-ghost{color:#fff;box-shadow:inset 0 0 0 1.5px var(--band-border)}.fhead .btn-ghost:hover{color:#fff;box-shadow:inset 0 0 0 1.5px #fff}@media (width<=1180px){.fhead .wrap{grid-template-columns:minmax(0,1fr)}}.fhead-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.fhead-backdrop{position:absolute;inset:0;overflow:hidden}.fhead-bg.flip{transform:scaleX(-1)}.fhead.has-bg:before{content:"";z-index:1;background:linear-gradient(90deg,#0b1f33eb 0%,#0b1f33b8 38%,#0b1f332e 75%,#0b1f331a 100%),linear-gradient(#0000 65%,#0b1f338c);position:absolute;inset:0}.fhead.has-bg{align-items:center;min-height:calc(94svh - 64px);display:flex}.fhead.has-bg .wrap{z-index:2;width:100%;position:relative}@media (width<=1180px){.fhead.has-bg:before{background:linear-gradient(#0b1f33e0 0%,#0b1f33b3 60%,#0b1f3373 100%)}}@property --fhead-drift{syntax:"<number>";inherits:false;initial-value:1.02}@property --fhead-dive{syntax:"<number>";inherits:false;initial-value:1}@keyframes fhead-drift{0%{--fhead-drift:1.02}to{--fhead-drift:1.11}}.fhead.has-bg .fhead-bg{transform-origin:50% 45%;scale:calc(var(--fhead-drift) * var(--fhead-dive));animation:26s ease-in-out infinite alternate fhead-drift}@supports (animation-timeline:scroll()){@keyframes fhead-porthole{to{clip-path:inset(0 4% 8% round 32px)}}@keyframes fhead-dive{to{--fhead-dive:1.22}}.fhead.has-bg{clip-path:inset(0);animation:linear both fhead-porthole;animation-timeline:scroll(root);animation-range:0 85vh}.fhead.has-bg .fhead-bg{animation:26s ease-in-out infinite alternate fhead-drift,linear both fhead-dive;animation-timeline:auto,scroll(root);animation-range:normal,0 100vh}}@media (prefers-reduced-motion:reduce){.fhead.has-bg,.fhead.has-bg .fhead-bg{animation:none}}.fhead-descent{z-index:3;justify-content:center;height:0;display:flex;position:relative}.fhead-descent a{border-radius:16px;justify-content:center;width:32px;height:112px;display:flex;position:absolute;top:-56px}.fhead-descent a:focus-visible{outline:2px solid var(--ocean);outline-offset:4px}.fhead-descent .line{background:linear-gradient(180deg, #fff0 0%, #ffffffb3 40%, var(--navy) 48%, var(--navy) 85%, #0b1f3300 100%);width:1px;height:100%}.fhead-descent .bead{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--sea-glass);width:10px;height:11.5px;margin-left:-5px;animation:2.4s cubic-bezier(.16,1,.3,1) infinite fhead-descent;position:absolute;top:8px;left:50%}.fhead-descent a:hover .bead{animation-duration:1.6s}@keyframes fhead-descent{0%{opacity:0;transform:translateY(0)}12%{opacity:1}70%{opacity:1}to{opacity:0;transform:translateY(88px)}}@media (width<=720px){.fhead-descent a{top:-72px}}@media (prefers-reduced-motion:reduce){.fhead-descent .bead{opacity:1;animation:none;top:64px}}.sec{padding:104px 0}.sec.flush{padding-top:0}.sec-head{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:44px;display:flex}.sec-head h2,.chap h2,.princ h2,.close h2{font:800 clamp(32px, 3.4vw, 48px)/1.02 var(--f-display);letter-spacing:-.035em;text-wrap:balance}.sec-head h2{max-width:18ch}.sec-head p{max-width:46ch;color:var(--body)}.sec-head p a,.sec-lede a{color:var(--ocean);font-weight:600}@media (width<=640px){.sec-head{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:32px}}main[data-page=home] .sec-head{margin-bottom:40px}@media (width<=720px){main[data-page=home] .sec{padding:72px 0}main[data-page=home] .sec-head{flex-direction:column;align-items:flex-start;gap:32px;margin-bottom:40px}}.gband{color:#c5d3de;background:linear-gradient(140deg,#0b1f33,#12304b 60%,#1b6f6a);border-radius:12px;align-items:center;gap:32px;padding:32px;display:grid}.gband h3{color:#fff}.gband.figure{grid-template-columns:auto minmax(0,1fr);gap:40px}.gband.figure .big{font:800 clamp(64px, 8vw, 104px)/.9 var(--f-display);letter-spacing:-.05em;color:var(--band-live)}.gband.figure h3{font:800 26px var(--f-display);letter-spacing:-.02em}.gband.figure p{max-width:60ch;margin-top:8px;font-size:16px}.gband.action{grid-template-columns:minmax(0,1fr) auto}.gband.action h3{font:800 clamp(26px, 2.6vw, 34px)/1.05 var(--f-display);letter-spacing:-.03em}.gband.action p{max-width:56ch;margin-top:8px;font-size:16px}.gband.action .btn{white-space:nowrap}@media (width<=960px){.gband.action{grid-template-columns:1fr}}@media (width<=640px){.gband.figure{grid-template-columns:1fr;gap:12px;padding:24px}}.sec.pt-0{padding-top:0}.sec.pt-24{padding-top:24px}.chap{border-top:1px solid var(--hairline);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:72px;padding:72px 0;display:grid}.chap>*{min-width:0}.chap:nth-of-type(2n) .ctext{order:2}.chap.wide{grid-template-columns:minmax(0,1.4fr) minmax(0,.85fr)}.chap.narrow{grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr)}.chap .kick{color:var(--slate);font:600 14px var(--f-label);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:14px;display:flex}.chap .kick .mk{background:var(--navy);color:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-items:center;width:28px;height:32px;display:grid}.chap .kick .mk .i{width:15px;height:15px}.chap h2{max-width:16ch}.chap .ctext>p{color:var(--body);max-width:48ch;margin-top:16px}.pts{border-top:1.5px solid var(--navy);margin:24px 0 0;padding:0;list-style:none}.pts li{border-bottom:1px solid var(--hairline);color:var(--body);grid-template-columns:24px 1fr;gap:12px;padding:12px 0;font-size:15px;display:grid}.pts li .i{width:18px;height:18px;color:var(--ocean);margin-top:3px}.pts b{color:var(--navy);font-weight:600}.chap-links{flex-wrap:wrap;gap:4px 20px;margin:20px 0 0;display:flex}.chap-links a{align-items:center;gap:6px;min-height:32px;font-weight:600;text-decoration:none;display:inline-flex}.chap-links a .i{width:14px;height:14px;transition:translate .2s var(--out)}.chap-links a:hover{text-decoration:underline}.chap-links a:hover .i{translate:3px}.surf{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);background:#fff;border-radius:6px;overflow:hidden}.sband{background:var(--band);color:#fff;border-bottom:3px solid var(--sea-glass);font:600 15px var(--f-label);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.sband span{align-items:center;gap:8px;display:flex}.sband .mono{font:500 13px var(--f-mono);letter-spacing:0;text-transform:none;color:var(--band-muted)}html.motion .chap.rv:not(.in) .cvis{opacity:0}.chap.in .cvis{animation:m-focus .9s var(--out) backwards}@media (width<=960px){.chap,.chap.wide,.chap.narrow{grid-template-columns:1fr;gap:40px}.chap:nth-of-type(2n) .ctext{order:0}}.wrap.chaps-lead{padding-top:32px}.dlist{border-top:1.5px solid var(--navy);margin:28px 0 0;padding:0;list-style:none}.dlist li{border-bottom:1px solid var(--hairline);grid-template-columns:28px 1fr;gap:12px;padding:14px 0;font-size:16px;display:grid}.dlist.water li{border-bottom-color:#c9dcea}.dlist li .i{color:var(--ocean);margin-top:2px}.dlist b{font-weight:600}.trows{display:grid}.trows.two{border-top:1.5px solid var(--navy);grid-template-columns:1fr 1fr;gap:0 40px}.trow{border-bottom:1px solid var(--hairline);color:var(--navy);grid-template-columns:44px minmax(0,1fr) 28px;align-items:center;gap:16px;padding:18px 0;text-decoration:none;display:grid}.trow.has-tag{grid-template-columns:44px minmax(0,1fr) auto 28px;gap:18px}.trow .mk{background:var(--navy);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-items:center;width:40px;height:46px;transition:background .2s;display:grid}.trow .mk .i{color:#fff;width:19px;height:19px}.trow .tx b{font:700 19px/1.15 var(--f-display);letter-spacing:-.02em;display:block}.trow .tx .d{color:var(--body);margin-top:3px;font-size:14px;display:block}.trows:not(.two) .trow .tx b{font-size:21px}.trows:not(.two) .trow .tx .d{max-width:62ch;margin-top:4px;font-size:15px}.trow .tx .keys{font:600 12px var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-top:6px;display:block}.tg{height:24px;font:600 11px var(--f-label);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:4px;align-items:center;padding:0 8px;display:inline-flex}.tg.base{background:var(--sea-glass-soft);color:var(--sea-glass-text)}.tg.mod{color:#4a5763;background:#eef1f3}.trow .go{width:28px;height:28px;box-shadow:inset 0 0 0 1.5px var(--input-line);border-radius:50%;place-items:center;transition:background .2s,box-shadow .2s;display:grid}.trow .go .i{width:14px;height:14px;color:var(--navy);transition:translate .2s var(--out)}.trow:hover .tx b{color:var(--ocean)}.trow:hover .mk{background:var(--ocean)}.trow:hover .go{background:var(--navy);box-shadow:none}.trow:hover .go .i{color:#fff;translate:2px}.trow:focus-visible{outline:2px solid var(--ocean);outline-offset:4px;border-radius:4px}html.motion .rv:not(.in) .trow{opacity:0}.rv.in .trow{animation:m-row .45s var(--out) calc(.3s + var(--k,0) * 90ms) backwards}@media (width<=960px){.trows.two{grid-template-columns:1fr}}.faq .wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:start;gap:64px;display:grid}.faq h2{font:800 clamp(32px, 3.4vw, 48px)/1.02 var(--f-display);letter-spacing:-.035em;max-width:12ch}.faq.wide-title h2{max-width:none}.faq .lede{color:var(--body);margin-top:16px}.qa{border-top:1.5px solid var(--navy)}.qa details{border-bottom:1px solid var(--hairline)}.qa summary{cursor:pointer;font:700 18px/1.3 var(--f-display);letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"";background:var(--ocean);width:18px;height:18px;transition:transform .22s var(--ease);flex:none;-webkit-mask:url(/icons/add.svg) 50%/contain no-repeat;mask:url(/icons/add.svg) 50%/contain no-repeat}.qa details[open] summary:after{transform:rotate(45deg)}.qa summary:hover{color:var(--ocean)}.qa p{color:var(--body);max-width:64ch;padding:0 0 20px}.qa details::details-content{block-size:0;transition:block-size .32s var(--out), content-visibility .32s allow-discrete;overflow:hidden}.qa details[open]::details-content{block-size:auto}@media (width<=1100px){.faq.wide-title .wrap{grid-template-columns:1fr;gap:32px}}@media (width<=960px){.faq .wrap{grid-template-columns:1fr}}.close{isolation:isolate;background:var(--water);border-top:1px solid #c9dcea;padding:88px 0 96px;position:relative;overflow:hidden}.close .wrap{grid-template-columns:minmax(0,1fr) minmax(0,560px);align-items:center;gap:64px;display:grid}.close h2{font-size:clamp(36px,4vw,56px)}.close.large h2{font:800 clamp(36px, 4vw, 60px)/.98 var(--f-display);letter-spacing:-.04em;text-wrap:balance}.close p{color:var(--body);margin-top:16px}.close form{border:1px solid var(--hairline);box-shadow:var(--shadow-sm);background:#fff;border-radius:6px;gap:12px;padding:24px;display:grid}.close .row{gap:8px;display:flex}.close .row .field{flex:1}.close small{color:var(--slate);font-size:13px}.close:before{content:"";z-index:-1;pointer-events:none;opacity:.9;background:radial-gradient(38% 46% at 20% 30%,#ffffffbf,#0000 70%),radial-gradient(30% 40% at 75% 70%,#3aa6a02e,#0000 70%),radial-gradient(26% 34% at 55% 15%,#135e961a,#0000 70%);position:absolute;inset:-20%}html.motion .close:before{animation:22s ease-in-out infinite alternate paused m-caustic}html.motion .close.live:before{animation-play-state:running}@keyframes m-caustic{50%{transform:translate(4%,-3%)rotate(4deg)scale(1.06)}to{transform:translate(-3%,4%)rotate(-3deg)scale(1.02)}}@media (width<=1100px){.close.large .wrap{grid-template-columns:1fr}}@media (width<=960px){.close .wrap{grid-template-columns:1fr}}.close.ruled .row{border-bottom:1px solid var(--hairline);align-items:center;padding:18px 0}.close.ruled-first .row{padding-top:4px}.close.plain{background:0 0;border-top:0}.close.plain h2{font:800 clamp(36px, 4vw, 56px)/.98 var(--f-display);letter-spacing:-.04em;text-wrap:wrap}@media (width>=901px) and (width<=960px){.close.plain .wrap{grid-template-columns:minmax(0,1fr) minmax(0,560px)}}@media (width<=640px){.close .row{flex-direction:column}.close .row .field{flex:none}}.waterline.hero{z-index:5}.waterline{border-bottom:1px solid var(--hairline);background:#fff;position:relative}.waterline:after{content:"";background:var(--sea-glass);height:3px;position:absolute;bottom:-1px;left:0;right:0}.waterline form{grid-template-columns:auto minmax(220px,1fr) auto;align-items:center;gap:12px;min-height:96px;padding:20px 0;display:grid}.waterline form.with-roles{grid-template-columns:auto auto minmax(220px,1fr) auto;min-height:104px}.waterline .what{margin-right:16px}.waterline.hero .what{flex-direction:column;gap:4px;display:flex}.waterline .what b{font:800 20px/1.1 var(--f-display);letter-spacing:-.02em;display:block}.waterline .what span{color:var(--slate);font-size:14px}.waterline .note{color:var(--slate);grid-column:2/-1;margin-top:-4px;font-size:13px}.waterline .note b{color:var(--navy);font-weight:600}.roles{border:1.5px solid var(--input-line);border-radius:6px;min-width:0;height:48px;margin:0;padding:3px;display:flex;overflow:hidden}.roles .role{display:flex}.roles input{opacity:0;pointer-events:none;position:absolute}.roles label{font:600 15px/1 var(--f-label);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-left:1px solid var(--hairline);color:var(--muted);white-space:nowrap;align-items:center;padding:0 14px;display:flex}.roles .role:first-of-type label{border-left:0}.roles label{border-radius:3px}.roles input:checked+label{background:var(--navy);color:#fff}.roles .role:has(input:checked) label{border-left-color:#0000}.roles .role:has(input:checked)+.role label{border-left-color:#0000}.roles input:focus-visible+label{outline:2px solid var(--ocean);outline-offset:-3px}html.motion .waterline:not(.hero):after{transform-origin:0;animation:m-line 1.1s var(--out) .9s backwards}html.motion .waterline.hero:not(.go):after{opacity:0}html.motion .waterline.hero.go:after{transform-origin:0;animation:m-line 1.1s var(--out) var(--wl,1.1s) backwards}@media (width<=1100px){.waterline form.with-roles{grid-template-columns:1fr 1fr;padding:20px 0}.waterline form.with-roles .what{grid-column:1/-1;margin:0}.waterline form.with-roles .roles{grid-column:1/-1}.waterline form.with-roles .roles .role{flex:1 1 0}.waterline form.with-roles .roles label{flex:1;justify-content:center}.waterline .note{grid-column:1/-1}}@media (width<=960px){.waterline form{grid-template-columns:1fr}}@media (width<=720px){.waterline form.with-roles{grid-template-columns:1fr}.roles{grid-template-columns:1fr 1fr;height:auto;display:grid;overflow-x:auto}.roles .role:nth-of-type(n+3) label{border-top:1px solid var(--hairline)}.roles label{border-left:0;justify-content:center;height:44px}.roles .role:nth-of-type(2n) label{border-left:1px solid var(--hairline)}}.pshots{width:100%;max-width:280px;margin-inline:auto;position:relative}.pshots.n2{grid-template-columns:repeat(12,minmax(0,1fr));max-width:460px;padding-bottom:8px;display:grid}.pshots.n2 .pshot:first-child{z-index:1;grid-area:1/1/auto/8}.pshots.n2 .pshot:last-child{z-index:2;grid-area:1/6/auto/13;margin-top:18%}.pshot{margin:0}.pshot-frame{background:#1a2733;border-radius:34px;padding:8px;box-shadow:0 24px 48px #0b1f3352,inset 0 0 0 1px #ffffff14}.pshot-screen{aspect-ratio:390/844;background:var(--off-white);border-radius:27px;position:relative;overflow:hidden;container-type:inline-size}.pshot-screen img{object-fit:cover;width:100%;height:100%}.pshot-ph{color:var(--navy);background:#fff;flex-direction:column;display:flex;position:absolute;inset:0}.pshot-bar{background:var(--water);border-bottom:1px solid #c9dcea;height:15%}.pshot-lines{opacity:.9;gap:14px;padding:18px 16px;display:grid}.pshot-lines i{background:var(--sunken);border-radius:6px;height:12px;display:block}.pshot-lines i:nth-child(2){width:78%}.pshot-lines i:nth-child(3){width:90%}.pshot-lines i:nth-child(4){width:54%}.pshot-name{text-align:center;gap:6px;margin-top:auto;margin-bottom:14%;padding:0 14px;display:grid}.pshot-name b{font:800 clamp(12px, 8cqi, 20px)/1.1 var(--f-display);letter-spacing:-.02em;text-wrap:balance}.pshot-name small{font:600 clamp(8px, 4.5cqi, 11px) var(--f-label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.pshots.wide{max-width:640px}.pshots.wide.n2{grid-template-columns:repeat(12,minmax(0,1fr));padding-bottom:8px;display:grid}.pshots.wide.n2 .pshot{grid-row:1}.pshots.dd .pshot:first-child{z-index:1;grid-column:1/11}.pshots.dd .pshot:last-child{z-index:2;grid-column:3/13;margin-top:26%}.pshots.dp .pshot:first-child{z-index:1;grid-column:1/12}.pshots.dp .pshot:last-child{z-index:2;grid-column:9/13;margin-top:38%}.pshots.pd .pshot:first-child{z-index:2;grid-column:1/5;margin-top:30%}.pshots.pd .pshot:last-child{z-index:1;grid-column:4/13;margin-top:0}.pshot[data-frame=desktop] .pshot-frame{background:#e9eff4;border-radius:12px;padding:0;overflow:hidden;box-shadow:0 24px 48px #0b1f3347,0 0 0 1px #0b1f3324}.pshot-chrome{background:#dbe5ed;border-bottom:1px solid #c9dcea;align-items:center;gap:6px;height:22px;padding:0 10px;display:flex}.pshot-chrome i{background:#a9bccb;border-radius:50%;width:8px;height:8px}.pshot[data-frame=desktop] .pshot-screen{aspect-ratio:1440/900;border-radius:0}.pshot[data-frame=tv] .pshot-frame{border-radius:10px;padding:5px}.pshot[data-frame=tv] .pshot-screen{aspect-ratio:16/9;border-radius:6px}.pshot-stand{clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);background:#1a2733;width:22%;height:10px;margin:0 auto;display:block}.pshot[data-frame=desktop] .pshot-bar,.pshot[data-frame=tv] .pshot-bar{height:12%}.pshot[data-frame=desktop] .pshot-name,.pshot[data-frame=tv] .pshot-name{margin-bottom:18%}.pshot[data-frame=desktop] .pshot-name b,.pshot[data-frame=tv] .pshot-name b{font-size:clamp(13px,1.4vw,18px)}.pshots.n3{grid-template-columns:repeat(12,minmax(0,1fr));max-width:560px;padding-bottom:8px;display:grid}.pshots.n3 .pshot{grid-area:1/span 4}.pshots.n3 .pshot:nth-child(2){margin-top:12%}.pshots.n3 .pshot:nth-child(3){margin-top:24%}.pshots.n3.wide{max-width:680px}.pshots.m-ddp .pshot:first-child{z-index:1;grid-column:1/10}.pshots.m-ddp .pshot:nth-child(2){z-index:2;grid-area:2/5/auto/13;margin-top:-6%}.pshots.m-ddp .pshot:nth-child(3){z-index:3;grid-area:2/1/auto/5;margin-top:-2%}.pshots.m-pdp .pshot:first-child{z-index:2;grid-area:1/1/span 2/5;align-self:start;margin-top:0}.pshots.m-pdp .pshot:nth-child(2){z-index:1;grid-area:1/4/auto/13;margin-top:0}.pshots.m-pdp .pshot:nth-child(3){z-index:3;grid-area:2/8/auto/12;margin-top:-4%}@media (width<=960px){.pshots{max-width:260px}.pshots.n2{max-width:400px}.pshots.wide{max-width:560px}.pshots.n3{max-width:400px}.pshots.n3.wide{max-width:560px}}@media (width<=720px){.pshots.wide{max-width:100%}.pshots.n3,.pshots.n3.wide{flex-direction:column;align-items:center;gap:20px;padding-bottom:0;display:flex}.pshots.n3 .pshot,.pshots.n3 .pshot:nth-child(n){align-self:center;width:100%;margin-top:0}.pshots.n3 .pshot[data-frame=phone]{max-width:240px}.pshot-name small{font-size:10px}}}