@font-face{font-family:Disp;font-weight:700;font-display:swap;src:url(/fonts/port/Genki-B.woff2) format("woff2")}@font-face{font-family:Body;font-weight:400;font-display:swap;src:url(/fonts/port/Tps-R.woff2) format("woff2")}:root{--paper:#F8F7F2;--navy:#0B213D;--blue:#145ECB;--blue-lit:#468AED;--white:#FFFFFF;--lime:#D9F45B;--muted:#5C6B7E;--line:#DEDCD3;--disp:"Disp","PingFang TC",sans-serif;--body:"Body","PingFang TC",sans-serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,monospace;--w:min(1300px,100% - clamp(20px,3.4vw,56px));--e:cubic-bezier(.22,1,.36,1);--t:.45s}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font-family:var(--body);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,figure,table{margin:0;padding:0}ul,ol{list-style:none}img{display:block;max-width:100%;height:auto}a{color:inherit}.w{width:var(--w);margin-inline:auto}.u-nums{font-variant-numeric:tabular-nums}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.dsp{font-family:var(--disp);font-weight:700;letter-spacing:-.03em;line-height:1.08}.d0{font-size:clamp(2.1rem,1rem + 4.6vw,4.4rem)}.d1{font-size:clamp(1.7rem,1rem + 2.6vw,2.9rem)}.lab{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--blue)}.note{font-size:.85rem;color:var(--muted);line-height:1.75}.seg{display:inline-block}html.js .rv .seg{opacity:0;transform:translateY(.36em)}html.js .rv[data-in] .seg{opacity:1;transform:none;transition:transform .6s var(--e) calc(var(--c,0) * .13s),opacity .4s ease-out calc(var(--c,0) * .13s)}html.js .st{opacity:0;transform:translateY(18px)}html.js .st[data-in]{opacity:1;transform:none;transition:opacity .5s var(--e) calc(var(--i,0) * 70ms),transform .55s var(--e) calc(var(--i,0) * 70ms)}@media(prefers-reduced-motion:reduce){html.js .rv .seg,html.js .st{opacity:1!important;transform:none!important;transition:none}}.star{display:inline-block;color:var(--blue);font-family:var(--disp)}html.js .star{animation:port-pulse 2.4s var(--e) infinite alternate}@keyframes port-pulse{0%{transform:scale(.82) rotate(0)}to{transform:scale(1.1) rotate(90deg)}}@media(prefers-reduced-motion:reduce){html.js .star{animation:none}}.cursor{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:60;width:60px;height:60px;border-radius:50%;background:var(--blue);color:var(--white);display:grid;place-items:center;font-size:.68rem;font-family:var(--mono);pointer-events:none;opacity:0;transform:translate(-50%,-50%);scale:.3;transition:opacity .3s var(--e),scale .3s var(--e);will-change:transform,scale}.cursor[data-on]{opacity:1;scale:.45}.cursor[data-big]{scale:1}@media(hover:none),(pointer:coarse){.cursor{display:none}}@media(prefers-reduced-motion:reduce){.cursor{display:none}}.nav{position:sticky;inset-block-start:0;z-index:40;background:var(--paper);border-block-end:1px solid var(--line)}.nav .w{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-block:13px}.nav .mark{font-family:var(--disp);font-weight:700;font-size:1rem;letter-spacing:-.02em}.nav ul{display:flex;gap:clamp(12px,2vw,26px);font-size:.8rem}.nav a{text-decoration:none;color:var(--muted);transition:color var(--t) var(--e)}.nav a:hover,.nav a[data-on]{color:var(--navy)}@media(max-width:700px){.nav ul{display:none}}header[id],section[id]{scroll-margin-block-start:64px}.bar{background:var(--navy);color:var(--paper);font-size:.76rem;padding-block:9px}.bar .w{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.bar a{color:var(--lime);text-decoration:none}.hero{position:relative;min-height:100svh;display:grid;align-content:center;color:var(--paper);overflow:hidden;isolation:isolate;padding-block:clamp(40px,6vw,90px)}.hero .bg{position:absolute;inset:0;z-index:-3;background:url(/templates/port/nt11-800.webp) center/cover no-repeat}@media(min-width:900px){.hero .bg{background-image:url(/templates/port/nt11-1600.webp)}}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0;transition:opacity 1.2s var(--e)}.hero video[data-on]{opacity:1}html.js .boot-i{opacity:0;transform:translateY(18px)}html.js[data-boot] .boot-i{opacity:1;transform:none;transition:opacity .7s var(--e) calc(var(--b,0) * .11s),transform .8s var(--e) calc(var(--b,0) * .11s)}html.js .hero .bg{transform:scale(1.12)}html.js[data-boot] .hero .bg{transform:none;transition:transform 1.8s var(--e)}@media(prefers-reduced-motion:reduce){html.js .boot-i{opacity:1!important;transform:none!important;transition:none}html.js .hero .bg{transform:none}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.cards .card,.legs li,.ask details,.fgrid>div,.stats div,.chans li,.bento .card2,.dots span{animation:mv-rise linear both;animation-timeline:view();animation-range:entry 4% entry 78%}}}@keyframes mv-rise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:#0b213dad}.hero .in{width:var(--w);margin-inline:auto}.hero h1{max-width:15ch}.hero h1 em{font-style:normal;color:var(--lime)}.hero .sub{margin-block-start:clamp(16px,2vw,26px);max-width:30em;color:#f8f7f2d1;font-size:1.02rem}.hero .cta{display:inline-flex;align-items:center;gap:10px;margin-block-start:clamp(20px,2.6vw,34px);background:var(--lime);color:var(--navy);text-decoration:none;border-radius:6px;padding:14px 26px;font-family:var(--disp);font-weight:700;font-size:.94rem;transition:transform var(--t) var(--e)}.hero .cta:hover{transform:translateY(-2px)}.hero .chip{position:absolute;inset-block-end:clamp(18px,3vw,42px);inset-inline-start:0;width:var(--w);margin-inline:auto;font-size:.72rem;letter-spacing:.08em;color:#f8f7f2db}.hero .chip span{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(248,247,242,.34);padding:8px 16px}.hero .chip i{width:7px;height:7px;background:var(--lime);display:block}.stats{display:flex;flex-wrap:wrap;gap:clamp(20px,4vw,72px);padding-block:clamp(26px,3.4vw,48px);border-block-end:1px solid var(--line)}.stats b{font-family:var(--disp);font-weight:700;font-size:clamp(2.4rem,1.4rem + 4vw,6.5rem);line-height:1;letter-spacing:-.04em;display:block}.stats span{font-size:.8rem;color:var(--muted)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.hero .shot img,.cards img{animation:port-push linear both;animation-timeline:view();animation-range:cover 0% cover 76%}}}@keyframes port-push{0%{transform:scale(1.1)}to{transform:scale(1)}}.tapes{background:var(--navy);color:var(--paper);padding-block:14px;overflow:hidden;margin-block:clamp(22px,3vw,44px);display:grid;gap:8px}.tapes p{display:flex;gap:2.2em;white-space:nowrap;font-size:.95rem}.tapes .a{font-family:var(--disp);font-weight:700;font-size:1.1rem}.tapes i{font-style:normal;color:var(--blue)}html.js .tapes .a{animation:port-roll 24s linear infinite}html.js .tapes .b{animation:port-roll 34s linear infinite reverse}@keyframes port-roll{0%{transform:none}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){html.js .tapes .a,html.js .tapes .b{animation:none}}.band{background:var(--blue);color:var(--white);padding-block:clamp(44px,7vw,100px)}.band .in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(20px,4vw,60px);align-items:center}.band .lab{color:#fff}.band h2{margin-block:12px 14px}.band p{color:#ffffffdb;max-width:26em}.band .cta2{display:inline-flex;align-items:center;gap:10px;margin-block-start:20px;background:var(--white);color:var(--navy);text-decoration:none;border-radius:8px;padding:12px 22px;font-family:var(--disp);font-weight:700;font-size:.9rem;transition:transform var(--t) var(--e)}.band .cta2:hover{transform:translateY(-2px)}.chans{background:var(--white);color:var(--navy);border-radius:18px;padding:clamp(20px,2.4vw,30px)}.chans p{color:var(--muted);font-size:.86rem;margin-block:8px 18px;max-width:none}.chans ul{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;text-align:center}.chans li{font-size:.68rem;color:var(--muted)}.chans i{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:50%;background:var(--paper);margin-block-end:8px;transition:transform var(--t) var(--e)}.chans li:hover i{transform:translateY(-3px)}.chans svg{width:46%;height:46%;stroke:var(--blue);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.dots{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:clamp(20px,2.6vw,34px)}.dots span{width:clamp(36px,4vw,52px);aspect-ratio:1;border-radius:50%;overflow:hidden;border:2px solid rgba(255,255,255,.5);display:block}.dots span i{display:block;width:100%;height:100%;background-position:center;background-size:cover}.dots .more{width:auto;aspect-ratio:auto;border:0;border-radius:0;display:flex;align-items:center;font-size:.8rem;color:#fff}@media(max-width:900px){.band .in{grid-template-columns:minmax(0,1fr)}.chans ul{grid-template-columns:repeat(3,minmax(0,1fr))}}.bento{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(14px,2vw,26px);margin-block-start:clamp(20px,3vw,40px)}.bento .big{position:relative;overflow:hidden;border-radius:16px;min-height:340px;display:grid;align-content:end;padding:clamp(20px,2.6vw,34px);color:var(--white)}.bento .big .bg{position:absolute;inset:0;z-index:-2;background:url(/templates/port/nt15-1600.webp) center/cover no-repeat}.bento .big:after{content:"";position:absolute;inset:0;z-index:-1;background:#0b213d9e}.bento .big b{font-family:var(--disp);font-weight:700;line-height:1;letter-spacing:-.04em;font-size:clamp(2.6rem,1.6rem + 4vw,5.4rem);color:var(--lime)}.bento .big p{margin-block-start:10px;color:#ffffffdb;max-width:22em}.bento .big small{display:block;margin-block-start:8px;font-size:.74rem;color:#fff9}.bento .col{display:grid;gap:clamp(14px,2vw,26px)}.bento .card2{background:var(--white);border-radius:16px;padding:clamp(18px,2.2vw,28px)}.bento .card2 span{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;color:var(--blue)}.bento .card2 h3{font-family:var(--disp);font-weight:700;font-size:clamp(1.1rem,1rem + .9vw,1.5rem);margin-block:10px 8px;line-height:1.25}.bento .card2 p{font-size:.86rem;color:var(--muted)}@media(max-width:900px){.bento{grid-template-columns:minmax(0,1fr)}}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px);margin-block-start:clamp(20px,3vw,40px)}.card{position:relative;overflow:hidden;background:var(--white);transition:transform var(--t) var(--e)}.card:hover{transform:translateY(-4px)}.card figure{margin:0;overflow:hidden}.card img{width:100%;aspect-ratio:4/3;object-fit:cover}.card .tx{padding:clamp(16px,2vw,24px)}.card h3{font-family:var(--disp);font-weight:700;font-size:1.08rem;margin-block-end:8px}.card p{font-size:.88rem;color:var(--muted)}.card .more{position:absolute;inset:0;background:var(--navy);color:var(--paper);display:grid;align-content:center;gap:10px;padding:clamp(18px,2.4vw,30px);opacity:0;transition:opacity var(--t) var(--e)}.card:hover .more,.card:focus-within .more{opacity:1}.card .more b{font-family:var(--disp);font-weight:700;font-size:1.04rem}.card .more span{font-size:.88rem;color:#f8f7f2c7}@media(max-width:860px){.cards{grid-template-columns:minmax(0,1fr)}.card .more{position:static;opacity:1}}.track{background:var(--navy);color:var(--paper);padding-block:clamp(40px,6vw,90px)}.track .lab,.track .no{color:var(--blue-lit)}.pick>input{position:absolute;width:1px;height:1px;clip-path:inset(50%);opacity:0}.pick{display:grid;gap:clamp(16px,2.4vw,30px);margin-block-start:clamp(18px,2.4vw,32px)}.tabs{display:flex;flex-wrap:wrap;gap:8px}.tabs label{cursor:pointer;border:1px solid rgba(248,247,242,.4);padding:10px 22px;font-size:.86rem;transition:background-color var(--t) var(--e),color var(--t) var(--e),border-color var(--t) var(--e)}.tabs label:hover{border-color:var(--blue)}.panes{display:grid}.pane{grid-area:1/1;opacity:0;pointer-events:none;transition:opacity .3s var(--e);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:clamp(18px,3vw,50px)}.pane figure{margin:0;overflow:hidden}.pane figure img{width:100%;aspect-ratio:4/3;object-fit:cover}.legs{display:grid}.legs li{display:grid;grid-template-columns:2.2em minmax(0,1fr) auto;gap:14px;align-items:baseline;padding-block:11px;border-block-start:1px solid rgba(248,247,242,.2)}.legs li:last-child{border-block-end:1px solid rgba(248,247,242,.2)}.legs .no{font-family:var(--mono);font-size:.74rem;color:var(--blue-lit);font-variant-numeric:tabular-nums}.legs .dy{font-family:var(--mono);font-size:.86rem;justify-self:end;color:#f8f7f2c2}.sum{display:flex;flex-wrap:wrap;gap:clamp(16px,3vw,40px);margin-block-start:20px}.sum b{font-family:var(--disp);font-weight:700;font-size:clamp(1.8rem,1.2rem + 2vw,3rem);line-height:1;display:block;letter-spacing:-.03em}.sum span{font-size:.78rem;color:#f8f7f2b3}#m-a:checked~.panes .t-a,#m-b:checked~.panes .t-b,#m-c:checked~.panes .t-c{opacity:1;pointer-events:auto}#m-a:checked~.tabs label[for=m-a],#m-b:checked~.tabs label[for=m-b],#m-c:checked~.tabs label[for=m-c]{background:var(--blue);border-color:var(--blue)}@media(max-width:860px){.pane{grid-template-columns:minmax(0,1fr)}}.ask{margin-block-start:clamp(18px,2.4vw,32px);display:grid}.ask details{border-block-start:1px solid var(--line);padding-block:clamp(14px,1.8vw,22px)}.ask details:last-of-type{border-block-end:1px solid var(--line)}.ask summary{cursor:pointer;font-family:var(--disp);font-weight:700;font-size:1.04rem;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center}.ask summary::-webkit-details-marker{display:none}.ask summary:after{content:"";flex:none;width:12px;height:12px;border-inline-end:2px solid var(--blue);border-block-end:2px solid var(--blue);transform:rotate(45deg) translate(-3px,-3px);transition:transform .24s var(--e)}.ask details[open] summary:after{transform:rotate(225deg) translate(-3px,-3px)}.ask p{margin-block-start:10px;font-size:.9rem;color:var(--muted);max-width:52em}footer{margin-block-start:clamp(40px,6vw,90px);border-block-start:1px solid var(--line);padding-block:clamp(36px,5vw,80px) clamp(56px,6vw,84px)}.fgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,48px)}.fgrid h3{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--blue);margin-block-end:12px}.fgrid li,.fgrid li a{font-size:.82rem;color:var(--muted);text-decoration:none;padding-block:3px;display:block}.fmk{font-family:var(--disp);font-weight:700;letter-spacing:-.04em;line-height:.96;font-size:clamp(2.2rem,1rem + 6vw,5.6rem);margin-block-start:clamp(30px,4vw,64px)}.fbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block-start:clamp(18px,2.4vw,30px);padding-block-start:16px;border-block-start:1px solid var(--line);font-size:.78rem;color:var(--muted)}@media(max-width:820px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}