:root{--ink:#06121d;--deep:#091b27;--panel:#102736;--pale:#c2d2d3;--gold:#eed398;--gold2:#c79d54;--mint:#8ee1c2;--white:#faf7ef;--line:rgba(222,196,139,.27);--radius:18px;--wrap:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans CJK JP","Yu Gothic",Meiryo,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--white);background:var(--ink);line-height:1.85}button,input{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:4px}::selection{background:var(--gold2);color:var(--ink)}
.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;z-index:100;background:#fff;color:#000;padding:8px 16px}.wrap{width:min(var(--wrap),calc(100% - 40px));margin-inline:auto}.eyebrow{font-family:Georgia,serif;font-size:.73rem;letter-spacing:.27em;color:var(--gold);font-weight:bold}.flag{display:inline-flex;gap:8px;align-items:center;color:var(--mint);font-size:.7rem;letter-spacing:.12em}.flag:before{content:"";display:inline-block;width:16px;height:1px;background:currentColor}.section{padding:100px 0;position:relative;border-top:1px solid rgba(226,202,154,.10)}.section-title{font-family:"Noto Serif CJK JP",serif;letter-spacing:.06em;line-height:1.4;font-size:clamp(1.85rem,3.35vw,3.45rem);margin:10px 0 14px}.section-intro{max-width:700px;color:var(--pale);font-size:.96rem;margin:0 0 33px}.muted{color:#a9bdc0}.gold{color:var(--gold)}.mint{color:var(--mint)}
.header{position:absolute;inset:0 0 auto;z-index:30;border-bottom:1px solid rgba(238,211,152,.14);background:linear-gradient(180deg,rgba(2,12,19,.95),rgba(2,12,19,.4))}.header-inner{min-height:77px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{text-decoration:none;font-family:Georgia,serif;font-size:1.1rem;letter-spacing:.17em;color:var(--gold);font-weight:bold;line-height:1.15}.brand small{display:block;font-family:inherit;font-size:.49rem;letter-spacing:.19em;color:#c8c8ac;margin-top:7px}.nav{display:flex;align-items:center;gap:25px}.nav a{text-decoration:none;color:#e5e8e4;font-size:.78rem;letter-spacing:.04em}.nav a:hover{color:var(--gold)}.pill{border:1px solid rgba(142,225,194,.5);background:linear-gradient(105deg,#22674f,#0b3d38);padding:11px 20px;border-radius:99px;text-decoration:none;font-weight:bold;font-size:.79rem;white-space:nowrap}
.hero{min-height:790px;overflow:hidden;background:radial-gradient(ellipse 49% 45% at 75% 48%,rgba(49,122,129,.30),transparent 74%),radial-gradient(ellipse at 10% 90%,rgba(151,91,34,.2),transparent 51%),linear-gradient(#06131e,#071621 67%,#0b1d25);position:relative}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#f1d591 1px,transparent 1.7px),radial-gradient(circle,#cee6d8 .65px,transparent 1.5px);background-size:97px 137px,137px 191px;background-position:15px 27px,40px 85px;opacity:.3;mask-image:linear-gradient(180deg,#000,transparent 90%)}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:155px;background:linear-gradient(transparent,var(--ink));pointer-events:none}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.95fr 1.05fr;gap:35px;align-items:center;min-height:790px;padding-top:96px;padding-bottom:100px}.hero-copy{position:relative;z-index:3}.hero-copy h1{font-family:"Noto Serif CJK JP",serif;font-weight:700;font-size:clamp(2.65rem,5vw,5.4rem);line-height:1.36;letter-spacing:.06em;margin:25px 0}.hero-copy h1 em{font-style:normal;background:linear-gradient(120deg,#fff1bf,var(--gold2));background-clip:text;color:transparent}.hero-lead{color:#d2e1dc;font-size:1.05rem;max-width:460px}.hero-sub{font-size:.88rem;color:#92b2b7;max-width:440px;margin:19px 0 30px}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;text-decoration:none;border:1px solid var(--gold2);border-radius:9px;padding:14px 20px;font-size:.84rem;font-weight:bold;min-height:49px;background:linear-gradient(120deg,#f7dda3,#d4a650);color:#07131b;box-shadow:0 0 25px rgba(204,153,66,.20);transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 0 35px rgba(219,166,71,.43)}.btn-secondary{background:transparent;color:var(--white);border-color:rgba(228,215,181,.5);box-shadow:none}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.hero-note{font-size:.71rem;color:#9cafa9;margin-top:18px}.hero-visual{align-self:stretch;display:grid;place-items:center;position:relative;min-width:0}.portal-wrap{position:relative;width:min(100%,500px);aspect-ratio:1/1.08;display:grid;place-items:center;isolation:isolate}.portal-wrap:before{content:"";position:absolute;bottom:0;width:120%;height:28%;border-radius:50%;background:radial-gradient(ellipse,rgba(231,182,96,.18),transparent 70%);transform:perspective(210px) rotateX(63deg)}.portal{position:relative;z-index:2;width:79%;aspect-ratio:.82;max-height:470px;border-radius:49% 49% 8% 8% / 44% 44% 8% 8%;border:11px double #8d6637;box-shadow:0 0 0 2px #f8e1a1,0 0 24px 2px rgba(246,192,87,.5),0 0 90px rgba(83,162,175,.21),inset 0 0 22px rgba(236,194,106,.65);background:radial-gradient(ellipse at 50% 40%,rgba(127,204,225,.6),transparent 48%),linear-gradient(180deg,#327387 0%,#0d2636 55%,#0b161d 56%,#122b37 100%);overflow:hidden;transition:filter 1s,transform 1s}.portal:before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,225,146,.9);border-radius:inherit;box-shadow:inset 0 0 30px rgba(255,212,114,.27)}.portal:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 33%,rgba(255,255,255,.15) 48%,transparent 55%);mix-blend-mode:screen;animation:glint 9s linear infinite}.portal-wrap.open .portal{filter:brightness(1.4);transform:scale(1.025)}.portal-sign{position:absolute;z-index:5;top:8%;left:50%;transform:translateX(-50%) rotate(-2deg);white-space:nowrap;border:1px solid #f8d390;box-shadow:0 0 20px #a7742b,inset 0 0 15px #7f4b22;border-radius:50% 50% 22% 22%;background:linear-gradient(#27200f,#111416);color:#fae8b3;padding:13px 26px;font:bold clamp(.9rem,2vw,1.4rem) Georgia,serif;letter-spacing:.09em}.city{position:absolute;inset:20% 8% 12%;overflow:hidden}.moon{width:63px;height:63px;border-radius:50%;background:#f3e6c2;position:absolute;top:4%;right:10%;filter:blur(.3px);box-shadow:0 0 35px rgba(255,239,183,.8)}.tower{position:absolute;bottom:15%;height:var(--h);left:var(--x);width:var(--w);background:repeating-linear-gradient(90deg,#081c27 0 8px,#29485b 8px 12px,#0d2230 12px 16px);border:1px solid rgba(205,200,158,.3);box-shadow:inset 0 0 10px #000,0 0 15px rgba(4,10,18,.5)}.tower:after{content:"";position:absolute;inset:5px;background:repeating-linear-gradient(180deg,transparent 0 8px,rgba(255,200,100,.8) 8px 10px,transparent 10px 16px);mask-image:repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 11px);opacity:.7}.kobe-tower{position:absolute;bottom:13%;left:58%;height:49%;width:13px;background:linear-gradient(90deg,#c56032,#edb36a,#d25a33);clip-path:polygon(50% 0,74% 8%,65% 48%,100% 100%,0 100%,35% 48%,26% 8%);box-shadow:0 0 20px #ff9f52}.water{position:absolute;left:0;right:0;bottom:0;height:18%;background:repeating-linear-gradient(174deg,transparent 0 8px,rgba(235,188,92,.39) 9px 11px,transparent 12px 21px),linear-gradient(#1a4558,#071520);border-top:2px solid rgba(246,215,146,.4)}.portal-pillar{position:absolute;z-index:1;bottom:12%;width:17%;height:64%;background:linear-gradient(90deg,#1b2526,#68502a 19%,#283138 39%,#101a23 75%,#926735);border:1px solid rgba(253,217,137,.5);box-shadow:0 0 24px rgba(243,180,72,.25)}.portal-pillar.left{left:2%;transform:skewY(-8deg)}.portal-pillar.right{right:2%;transform:skewY(8deg)}.portal-pillar:before{content:"✧";display:grid;place-items:center;position:absolute;top:8%;left:13%;right:13%;height:20%;color:var(--gold);font-size:2rem;border:1px solid rgba(255,210,111,.5)}.hero-art-label{position:absolute;z-index:4;bottom:3%;right:0;font-size:.7rem;letter-spacing:.12em;color:#98afa8}.hero-orbit{position:absolute;width:92%;height:88%;border:1px dashed rgba(215,193,144,.18);border-radius:50%;transform:rotate(35deg);pointer-events:none}.hero-orbit:after{content:"✦";position:absolute;top:12%;left:15%;color:var(--gold);font-size:25px}.waterfront{height:1px;background:linear-gradient(90deg,transparent,#c6ab70,transparent)}
.story{background:linear-gradient(180deg,#0b1d29,#07131c)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature{background:linear-gradient(140deg,#122938,#0b1924);border:1px solid var(--line);padding:30px;border-radius:var(--radius);position:relative}.feature-label{font-family:Georgia,serif;color:var(--gold);letter-spacing:.13em;font-size:.75rem}.feature h3{font-family:"Noto Serif CJK JP",serif;font-size:1.4rem;line-height:1.6;margin:13px 0}.feature p{color:#b6c9c6;font-size:.89rem;margin:0}.feature .big{font-size:2.8rem;color:var(--gold);line-height:1;margin-bottom:10px}.feature.is-highlight{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:22px;border-color:rgba(142,225,194,.5);background:linear-gradient(110deg,#12313b,#10362f)}.feature.is-highlight h3{margin:4px 0}.feature.is-highlight .ring{width:100px;aspect-ratio:1;border:1px solid var(--mint);border-radius:50%;display:grid;place-items:center;flex:none;font-size:2.5rem;color:var(--mint);box-shadow:0 0 30px rgba(142,225,194,.15)}
.attractions{background:radial-gradient(ellipse at 9% 15%,rgba(201,152,71,.09),transparent 40%),#07131c}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:32px 0 22px}.tab{padding:10px 18px;border-radius:100px;border:1px solid rgba(243,213,161,.28);color:#d1d4cf;background:#10212b;font-weight:bold;font-size:.85rem}.tab[aria-selected="true"]{color:#09232a;background:var(--gold);border-color:var(--gold)}.attraction-panel{display:none;background:linear-gradient(155deg,#0e2632,#08151f);border:1px solid var(--line);border-radius:22px;overflow:hidden}.attraction-panel.active{display:grid;grid-template-columns:1.15fr .85fr;align-items:stretch}.demo{position:relative;min-height:380px;overflow:hidden;background:#102534}.demo-notice{position:absolute;top:12px;left:12px;z-index:9;pointer-events:none;font-size:.67rem;color:#f5efe1;border:1px solid rgba(245,238,213,.34);background:rgba(3,15,24,.76);border-radius:99px;padding:5px 10px}.panel-copy{padding:32px;display:flex;flex-direction:column;justify-content:center}.panel-index{font:italic 2.5rem Georgia,serif;color:var(--gold);opacity:.9}.panel-copy h3{font-family:"Noto Serif CJK JP",serif;font-size:clamp(1.45rem,2vw,2.1rem);line-height:1.45;margin:12px 0}.panel-copy p{color:#b9c9c8;font-size:.89rem}.panel-copy .micro{font-size:.74rem;color:#a6baa9;border-top:1px solid var(--line);padding-top:16px}.source-link{font-size:.78rem;text-decoration:none;color:var(--gold);display:inline-flex;align-items:center;gap:12px;margin-top:12px}.source-link:hover{text-decoration:underline}
/* Slider demo deliberately uses an illustration, not real client photos. */
.scene{position:absolute;inset:0;background:linear-gradient(180deg,#8c6f54 0%,#b19477 39%,#44362b 40%,#171d23 100%)}.scene .wall-lines{position:absolute;inset:0 0 42%;background:repeating-linear-gradient(90deg,transparent 0 78px,rgba(31,25,21,.17) 79px 80px)}.scene .lamp{position:absolute;top:4%;width:4px;height:27%;background:#251c16;left:var(--x)}.scene .lamp:after{content:"";position:absolute;left:-25px;top:85%;height:21px;width:53px;border-radius:0 0 45% 45%;background:#e4ad58;box-shadow:0 0 55px 23px rgba(255,221,128,.31)}.scene .back-shelf{position:absolute;left:6%;right:6%;top:23%;height:18%;border:7px solid #433024;background:repeating-linear-gradient(90deg,#43372d 0 22px,#9a7250 23px 30px,#2d3027 31px 55px)}.scene .counter{position:absolute;left:3%;right:3%;height:31%;top:47%;background:linear-gradient(176deg,#efded3 0 16%,#99928b 17% 26%,#4d291c 27% 71%,#2c1e1e 72%);clip-path:polygon(0 17%,93% 6%,100% 15%,100% 100%,0 100%);box-shadow:0 -6px 20px rgba(255,247,206,.4)}.scene .stool{position:absolute;left:var(--x);bottom:5%;height:16%;width:6%;border-radius:10px 10px 2px 2px;background:linear-gradient(90deg,#16171a,#9a6d40 50%,#221f20)}.scene .stool:after{content:"";position:absolute;left:47%;top:25%;width:4px;height:110%;background:#a5825e}.blueprint{position:absolute;inset:0;background:linear-gradient(45deg,rgba(169,213,220,.1),transparent),repeating-linear-gradient(0deg,transparent 0 32px,rgba(168,209,217,.16) 33px),repeating-linear-gradient(90deg,transparent 0 32px,rgba(168,209,217,.16) 33px),#173c50;clip-path:inset(0 calc(100% - var(--split,50%)) 0 0)}.blueprint svg{width:100%;height:100%;fill:none;stroke:#9de1e5;stroke-width:3}.blueprint .gridlabel{position:absolute;top:40px;left:34px;font:700 20px Georgia,serif;color:#d7f7f6;letter-spacing:.15em}.splitter{position:absolute;top:0;bottom:0;left:var(--split,50%);width:2px;background:var(--gold);box-shadow:0 0 15px var(--gold)}.splitter:after{content:"↔";font:24px Georgia,serif;position:absolute;left:-20px;top:49%;height:40px;width:40px;border-radius:50%;background:#f5dea8;color:#14212b;display:grid;place-items:center;box-shadow:0 0 20px #a6743d}.slider-ui{padding:17px 21px;display:flex;align-items:center;gap:13px;background:#0d2230}.slider-ui span{font-size:.72rem;color:var(--gold);white-space:nowrap}.slider-ui input{flex:1;min-width:80px;accent-color:var(--gold)}
.treasure-stage{background:radial-gradient(circle at 60% 34%,rgba(231,197,119,.20),transparent 35%),#172d35}.treasure-stage .scene{inset:0;opacity:.94}.hotspot{position:absolute;z-index:6;border:2px solid #ffe7a6;border-radius:50%;width:36px;height:36px;background:#0c2e31;color:#fae6ae;font-size:22px;line-height:1;box-shadow:0 0 20px #cbad65;display:grid;place-items:center;animation:pulse 2.7s ease-in-out infinite}.hotspot[aria-pressed="true"]{background:#eed398;color:#132a30;transform:scale(1.14)}.material-box{position:absolute;z-index:7;bottom:15px;left:15px;right:15px;border:1px solid rgba(243,221,175,.75);background:rgba(3,16,23,.92);padding:12px 15px;border-radius:10px;backdrop-filter:blur(10px)}.material-box strong{display:block;color:var(--gold)}.material-box p{margin:3px 0 0;font-size:.78rem;color:#d6e3dd}.hotspot.h1{left:30%;top:49%}.hotspot.h2{left:69%;top:51%}.hotspot.h3{left:48%;top:14%}
.flow-stage{background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(175,219,213,.06) 28px),repeating-linear-gradient(90deg,transparent 0 27px,rgba(175,219,213,.06) 28px),#102a38;padding:20px}.flow-stage svg{display:block;width:100%;height:330px}.flow-stage .architecture{fill:none;stroke:#7b9b95;stroke-width:4}.flow-stage .fixture{fill:#21474b;stroke:#a8b6aa;stroke-width:2}.flow-stage .flow-path{stroke-width:7;fill:none;stroke-linecap:round;stroke-dasharray:11 12;opacity:.15;transition:opacity .25s}.flow-stage .flow-path.on{opacity:1;animation:dash 2.5s linear infinite}.flow-stage .flow-path.customer{stroke:#69d3f5}.flow-stage .flow-path.staff{stroke:#efa565}.flow-buttons{display:flex;gap:9px;flex-wrap:wrap;padding:10px 18px 17px}.toggle{padding:8px 12px;background:transparent;border:1px solid #48636d;border-radius:8px;color:#dfecea;font-size:.8rem}.toggle[aria-pressed="true"]{border-color:var(--gold);background:#283b39}.toggle .dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--c)}
.cases{background:linear-gradient(180deg,#0c2029,#07131c)}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.case{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#0c2330}.case-art{height:190px;position:relative;display:grid;place-items:center;text-align:center;isolation:isolate;overflow:hidden}.case-art:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 10%,rgba(231,180,81,.38),transparent 40%),repeating-linear-gradient(90deg,transparent 0 48px,rgba(240,204,141,.15) 49px,transparent 50px 90px),linear-gradient(135deg,#55412f,#0d2631 75%)}.case:nth-child(2) .case-art:before{background:radial-gradient(ellipse at 50% 20%,rgba(220,230,225,.26),transparent 36%),repeating-linear-gradient(90deg,transparent 0 66px,rgba(219,224,199,.14) 67px,transparent 70px 116px),linear-gradient(135deg,#55645b,#11212c)}.case:nth-child(3) .case-art:before{background:radial-gradient(ellipse at 60% 30%,rgba(180,205,119,.3),transparent 45%),repeating-linear-gradient(90deg,transparent 0 36px,rgba(217,178,128,.12) 37px,transparent 38px 83px),linear-gradient(135deg,#42523e,#132d35)}.case-art:after{content:"";position:absolute;left:0;bottom:0;right:0;height:35%;background:linear-gradient(transparent,#071821)}.case-art span{position:relative;z-index:2;font:italic 2.2rem Georgia,serif;color:#ead8a7;letter-spacing:.05em}.case-art small{position:absolute;bottom:10px;right:12px;z-index:2;font-size:.65rem;color:#d9e2d6}.case-body{padding:22px}.case-body h3{margin:0 0 9px;font-size:1.08rem}.case-body p{font-size:.83rem;color:#acc3c2;margin:0 0 18px;min-height:64px}.case-body a{font-size:.8rem;color:var(--gold);text-decoration:none}.case-body a:hover{text-decoration:underline}
.review{background:radial-gradient(ellipse at 100% 0,rgba(34,104,83,.2),transparent 55%),linear-gradient(#07131c,#09212b)}.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}.journey article{padding:24px 17px;background:#102936;border:1px solid rgba(174,224,199,.22);border-radius:var(--radius);min-height:205px}.journey article .step{font:italic 2rem Georgia,serif;color:var(--mint)}.journey h3{font-size:1.03rem;margin:9px 0}.journey p{font-size:.78rem;color:#bdcfc9;margin:0}.review-note{padding:18px 20px;border-left:2px solid var(--mint);background:rgba(142,225,194,.06);font-size:.83rem;color:#cae0d7}.review-note strong{color:#dcfae8}.footer{padding:55px 0;background:#031018;border-top:1px solid var(--line)}.footer-row{display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap}.footer p{font-size:.77rem;color:#9fb8ba}
@keyframes pulse{50%{box-shadow:0 0 8px #cbad65,0 0 0 8px rgba(242,199,91,.10)}}@keyframes dash{to{stroke-dashoffset:-46}}@keyframes glint{0%,55%{opacity:0;transform:translateX(-130%)}70%{opacity:.6}90%,100%{opacity:0;transform:translateX(130%)}}
@media(max-width:900px){.nav a:not(.pill){display:none}.hero-grid{grid-template-columns:1fr;padding-top:140px;gap:0;min-height:0}.hero{min-height:0}.hero-copy h1{font-size:clamp(2.45rem,7vw,4.5rem)}.hero-visual{min-height:430px}.portal-wrap{width:min(100%,410px)}.attraction-panel.active{grid-template-columns:1fr}.panel-copy{padding:25px}.case-grid{grid-template-columns:1fr}.case{display:grid;grid-template-columns:38% 1fr}.case-art{height:100%;min-height:190px}.case-body p{min-height:0}.journey{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wrap{width:min(100% - 30px,var(--wrap))}.header-inner{min-height:69px}.brand{font-size:.93rem}.brand small{font-size:.39rem}.nav .pill{padding:8px 12px;font-size:.7rem}.hero-grid{padding-top:130px;padding-bottom:40px}.hero-copy h1{font-size:clamp(2.3rem,10.2vw,3.6rem);line-height:1.42;margin:16px 0}.hero-lead{font-size:.95rem}.hero-sub{font-size:.79rem}.hero-actions{gap:8px}.btn{padding:12px 14px;font-size:.78rem;flex:1}.hero-visual{min-height:400px;margin-inline:-10px}.section{padding:70px 0}.section-title{font-size:1.85rem}.story-grid{grid-template-columns:1fr}.feature{padding:24px}.feature.is-highlight{grid-column:1}.feature.is-highlight .ring{width:70px;font-size:2rem}.feature h3{font-size:1.22rem}.tabs{gap:7px}.tab{font-size:.75rem;padding:8px 11px}.demo{min-height:315px}.treasure-stage{min-height:430px}.flow-stage svg{height:295px}.case{grid-template-columns:1fr}.case-art{min-height:170px}.case-body{padding:17px}.journey{gap:9px}.journey article{padding:17px 13px;min-height:204px}.journey h3{font-size:.91rem}.journey p{font-size:.74rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}