:root{--ink:#020510;--navy:#06152f;--white:#f5f9ff;--muted:#95a9c4;--cyan:#4de6ff;--blue:#315dff;--violet:#7c45ff}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:Manrope,sans-serif;font-size:16px;overflow-x:hidden}a{color:inherit}.v-header{position:fixed;z-index:20;top:0;left:0;right:0;height:90px;padding:0 clamp(22px,4vw,72px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #fff1a;background:#020510d9;backdrop-filter:blur(18px)}.odyssial-logo img{display:block;width:clamp(150px,13vw,220px);max-height:50px;object-fit:contain}.v-header p{margin:0;color:#8195b2;font-size:14px;font-weight:800;letter-spacing:.16em}.back{justify-self:end;text-decoration:none;color:#b8c7da;font-size:14px;font-weight:800;letter-spacing:.1em}.back span{margin-left:10px;color:var(--cyan)}
.v-hero{position:relative;height:100svh;min-height:720px;overflow:hidden;display:flex;align-items:center;background:radial-gradient(circle at 76% 47%,#1538ad55,transparent 30%),radial-gradient(circle at 20% 42%,#0b789255,transparent 28%),linear-gradient(120deg,#020c1a,#040616 55%,#12052d)}.v-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020510bd,transparent 30% 72%,#02051099),radial-gradient(circle at center,transparent,#020510c4 95%);pointer-events:none}.grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#70eaff17 1px,transparent 1px),linear-gradient(90deg,#70eaff17 1px,transparent 1px);background-size:7.5vw 7.5vw;mask-image:radial-gradient(circle at center,#000,transparent 82%)}.route-orbit{position:absolute;right:8%;top:50%;width:min(50vw,720px);aspect-ratio:1;border:1px solid #67eaff3d;border-radius:50%;transform:translateY(-50%);animation:float 7s ease-in-out infinite}.route-orbit:before,.route-orbit:after{content:"";position:absolute;border:1px solid #765fff35;border-radius:50%}.route-orbit:before{inset:13%}.route-orbit:after{inset:30%;border-color:#fff3}.route-orbit i{position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff,0 0 44px var(--cyan)}.route-orbit b{position:absolute;inset:-9%;border:1px dashed #54e5ff2b;border-radius:50%;animation:spin 18s linear infinite}.route-orbit span{position:absolute;inset:47%;border-radius:50%;background:#fff;box-shadow:0 0 28px #fff,0 0 90px var(--blue)}@keyframes float{50%{transform:translateY(calc(-50% - 18px))}}@keyframes spin{to{transform:rotate(360deg)}}.v-intro{position:relative;z-index:4;margin-left:clamp(24px,7vw,135px);max-width:760px}.v-intro>span,.section-index{color:var(--cyan);font-size:14px;font-weight:800;letter-spacing:.18em}.v-intro h1{margin:24px 0 16px;font-size:clamp(100px,14vw,235px);line-height:.8;letter-spacing:-.085em;font-weight:700}.v-intro h1 sup{color:var(--cyan);font-size:.26em;vertical-align:top;text-shadow:0 0 18px var(--cyan)}.v-intro p{margin:0;color:#b8c7da;font-size:clamp(19px,1.5vw,26px);line-height:1.5}.vessel-study{position:absolute;z-index:3;right:4%;bottom:7%;width:min(46vw,720px);opacity:.74;filter:drop-shadow(0 0 25px #3ddfff33)}.vessel-study svg{width:100%;height:auto}.vessel-study path,.vessel-study circle{fill:none;stroke:url(#vLine);stroke-width:3;stroke-linecap:round}.vessel-study .sail{fill:#315dff12}.vessel-study .waterline{stroke-dasharray:9 14;animation:water 5s linear infinite}.scan{position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,#fff,var(--cyan),transparent);box-shadow:0 0 22px var(--cyan);animation:scan 4s ease-in-out infinite}@keyframes scan{50%{top:100%;opacity:.3}}@keyframes water{to{stroke-dashoffset:-92}}.scroll-note{position:absolute;z-index:5;left:clamp(24px,7vw,135px);bottom:42px;color:#637895;font-size:14px;font-weight:800;letter-spacing:.14em}
.origin,.role{position:relative;padding:140px clamp(24px,7vw,135px);background:#f4f7fb;color:#071225}.origin-title{display:flex;align-items:end;justify-content:space-between;margin:55px 0 90px}.origin-title h2,.return-copy h2,.role h2{margin:0;font-size:clamp(62px,8vw,132px);line-height:.94;letter-spacing:-.07em;font-weight:500}.origin-title p{max-width:330px;color:#60708b;font-size:18px;line-height:1.6}.formula{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:28px;align-items:stretch}.formula>div{min-height:250px;padding:36px;border:1px solid #d4dbe7;border-radius:24px;background:#fff;box-shadow:0 18px 50px #10213b0c}.formula>i{align-self:center;color:#72829a;font-size:32px;font-style:normal}.formula span{display:block;margin-bottom:54px;font-size:clamp(24px,2.2vw,36px);font-weight:700;letter-spacing:-.04em}.formula small{color:#64748b;font-size:15px;line-height:1.7}.formula .result{color:#fff;border-color:#315dff;background:linear-gradient(145deg,#1536a0,#32129a)}.formula .result small{color:#cbd7ef}
.return{position:relative;min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(125deg,#020817,#070a20 54%,#160a32)}.return-visual{position:relative;min-height:720px;overflow:hidden;background:radial-gradient(circle at 58% 48%,#244bd45a,transparent 30%)}.return-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#62e8ff10 1px,transparent 1px),linear-gradient(90deg,#62e8ff10 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle at center,#000,transparent 78%)}.return-visual .horizon{position:absolute;left:8%;right:8%;top:58%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),#fff,var(--cyan),transparent);box-shadow:0 0 18px var(--cyan)}.ithaca-ring{position:absolute;left:55%;top:58%;width:min(38vw,520px);aspect-ratio:1;border:1px solid #60e8ff66;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 100px #315dff55,inset 0 0 80px #42ddff18}.ithaca-ring:before,.ithaca-ring:after{content:"";position:absolute;border:1px solid #7561ff55;border-radius:50%}.ithaca-ring:before{inset:15%}.ithaca-ring:after{inset:31%;border-color:#fff5}.ithaca-ring i{position:absolute;left:50%;top:50%;width:4px;height:68%;background:linear-gradient(transparent,#fff,var(--cyan),transparent);transform:translate(-50%,-50%);box-shadow:0 0 18px var(--cyan)}.return-visual svg{position:absolute;z-index:3;left:2%;right:2%;bottom:12%;width:96%}.return-visual svg path{fill:none;stroke:#4de6ff88;stroke-width:3;stroke-dasharray:5 13}.return-visual svg circle{fill:#fff;stroke:var(--cyan);stroke-width:4;filter:drop-shadow(0 0 10px var(--cyan))}.return-copy{display:flex;flex-direction:column;justify-content:center;padding:100px clamp(35px,6vw,110px)}.return-copy h2{margin:30px 0 42px;font-size:clamp(56px,6vw,98px)}.return-copy p{max-width:630px;color:#a6b6cb;font-size:17px;line-height:1.85}
.role{background:#fff}.role h2{margin:52px 0 90px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8e0ea}.role-grid article{padding:42px 40px 50px 0;border-right:1px solid #d8e0ea}.role-grid article+article{padding-left:40px}.role-grid article:last-child{border-right:0}.role-grid span{color:#2b6dff;font-size:14px;font-weight:800}.role-grid h3{margin:50px 0 20px;font-size:30px;letter-spacing:-.04em}.role-grid p{color:#65758d;font-size:16px;line-height:1.75}footer{min-height:260px;padding:60px clamp(24px,7vw,135px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid #fff16;background:#020510}footer img{width:210px}footer p{color:#8498b3;font-size:14px;font-weight:800;letter-spacing:.15em}footer>span{justify-self:end;color:#627691;font-size:14px;font-weight:800;letter-spacing:.13em}
@media(max-width:900px){.v-header{grid-template-columns:1fr auto}.v-header p{display:none}.v-intro{margin-left:30px}.vessel-study{right:-11%;width:62vw}.formula{grid-template-columns:1fr}.formula>i{text-align:center}.return{grid-template-columns:1fr}.return-visual{min-height:560px}.role-grid{grid-template-columns:1fr}.role-grid article,.role-grid article+article{padding:36px 0;border-right:0;border-bottom:1px solid #d8e0ea}footer{grid-template-columns:1fr auto}footer p{display:none}}
@media(max-width:560px){.v-header{height:78px}.odyssial-logo img{width:150px}.back{font-size:0}.back span{font-size:20px}.v-hero{min-height:680px}.v-intro{margin:0 20px}.v-intro h1{font-size:22vw}.vessel-study{right:-22%;bottom:16%;width:90vw}.route-orbit{right:-35%;width:95vw}.scroll-note{left:20px;bottom:25px;font-size:14px}.origin,.role{padding:95px 20px}.origin-title{display:block;margin:40px 0 55px}.origin-title h2,.return-copy h2,.role h2{font-size:14vw}.origin-title p{margin-top:24px}.formula>div{min-height:210px;padding:28px}.formula span{margin-bottom:35px}.return-visual{min-height:440px}.ithaca-ring{width:75vw}.return-copy{padding:85px 20px}.role h2{margin:40px 0 55px}footer{padding:50px 20px;min-height:190px}footer img{width:155px}footer>span{font-size:14px;text-align:right}}
.role .role-lead{max-width:760px;margin:-55px 0 82px;color:#65758d;font-size:18px;line-height:1.75}@media(max-width:560px){.role .role-lead{margin:-25px 0 55px;font-size:16px}}
.vessel-study{width:min(52vw,820px);right:2%;bottom:4%;opacity:.88}.vessel-study .ancient-vessel path,.vessel-study .ancient-vessel circle{vector-effect:non-scaling-stroke}.vessel-study .square-sail{fill:url(#sailLight);stroke-width:3}.vessel-study .sail-fold{stroke-width:1;opacity:.55}.vessel-study .rigging{stroke-width:1;opacity:.58}.vessel-study .yard,.vessel-study .rail,.vessel-study .keel{stroke-width:3}.vessel-study .hull{fill:#07162bb8;stroke-width:3}.vessel-study .curved-stern,.vessel-study .curved-prow{stroke-width:4}.vessel-study .rower-ports circle{fill:#071022;stroke:#8ff3ff;stroke-width:2}.vessel-study .oar-bank path{stroke-width:2;transform-origin:450px 350px;animation:oars 2.3s ease-in-out infinite}.vessel-study .bow-eye{fill:#5de8ff1a;stroke-width:2}.vessel-study .bow-pupil{fill:#fff;stroke:#4de6ff;filter:drop-shadow(0 0 8px #4de6ff)}.vessel-study .digital-keel{stroke:#56e9ff;stroke-width:2;stroke-dasharray:7 13;animation:digitalRoute 5s linear infinite}.vessel-study .data-nodes circle{fill:#fff;stroke:#4de6ff;stroke-width:2;filter:drop-shadow(0 0 8px #4de6ff)}@keyframes oars{50%{transform:rotate(3deg) translateY(-3px)}}@keyframes digitalRoute{to{stroke-dashoffset:-100}}@media(max-width:900px){.vessel-study{right:-10%;width:67vw}}@media(max-width:560px){.vessel-study{right:-28%;bottom:12%;width:105vw}}
.vessial-hero-logo{display:block;width:min(58vw,720px);height:auto;margin:28px 0 12px;filter:drop-shadow(0 18px 45px #315dff32)}.v-intro>p{font-size:clamp(18px,1.25vw,22px);letter-spacing:.02em}.vessial-visit{display:inline-flex;align-items:center;gap:18px;margin-top:34px;padding:16px 24px;border:1px solid #66e9ff70;border-radius:999px;background:linear-gradient(115deg,#173ba8cc,#5222c9cc);box-shadow:0 14px 45px #1538ad52;color:#fff;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.12em;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.vessial-visit:hover{transform:translateY(-3px);border-color:#8df1ff;box-shadow:0 20px 55px #315dff73}.vessial-visit span{color:var(--cyan);font-size:18px}.origin-mark{width:min(33vw,360px)}.origin-mark img{display:block;width:100%;height:auto}.origin-mark p{margin:18px 0 0;max-width:none;text-align:right}
@media(max-width:900px){.vessial-hero-logo{width:min(66vw,620px)}.origin-mark{width:min(38vw,320px)}}
@media(max-width:560px){.vessial-hero-logo{width:88vw;margin:24px 0 10px}.vessial-visit{margin-top:26px;padding:14px 18px;letter-spacing:.08em}.origin-mark{width:100%;margin-top:28px}.origin-mark p{text-align:left}}