:root{color-scheme:light;--ink:#173746;--muted:#526872;--teal:#087d80;--paper:#f7faf7;--line:#dbe6df}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 85% 40%,#dcefeb 0,transparent 47%),var(--paper);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:3px solid var(--teal);outline-offset:6px}
.page{max-width:1280px;margin:auto;padding:0 64px}
.header{display:flex;align-items:center;justify-content:space-between;padding:36px 0}
.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:20px;font-weight:750;letter-spacing:.15em}
.brand-mark{width:39px;height:35px;fill:none;stroke:var(--teal);stroke-width:3;stroke-linecap:round}
.status{display:flex;align-items:center;gap:9px;border:1px solid #d0e0d7;border-radius:30px;padding:9px 15px;font-size:12px;font-weight:600;color:#3f6555;background:#ffffff70}
.status>span{width:6px;height:6px;border-radius:50%;background:#39816c}
.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:68px;min-height:630px;padding:36px 0 70px}
.eyebrow{font-size:10px;font-weight:750;letter-spacing:.19em;color:var(--teal);margin:0 0 26px}
h1{font-size:clamp(40px,4.3vw,61px);line-height:1.09;letter-spacing:-.055em;font-weight:650;margin:0 0 24px}
h1 span{color:var(--teal)}
.intro{font-size:19px;line-height:1.5;max-width:390px;margin:0 0 15px}
.description{max-width:430px;font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 29px}
.contact{display:inline-flex;align-items:center;gap:30px;text-decoration:none;background:var(--teal);color:white;border-radius:7px;padding:15px 21px;font-size:13px;font-weight:650;transition:background .15s}
.contact:hover{background:#07686a}
.contact svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.email{font-size:12px;margin:15px 0 0;color:var(--muted)}
.email a{text-decoration:none}
.email a:hover{text-decoration:underline}
.visual{position:relative;isolation:isolate;padding:25px 12px}
.orbit{position:absolute;z-index:-1;border:1px solid #c5dfd8;border-radius:50%;inset:40px -28px;transform:rotate(-28deg)}
.orbit-two{inset:9px 3px;transform:rotate(23deg);opacity:.6}
.workspace{position:relative;background:#ffffff9c;border:1px solid #ffffff;border-radius:17px;padding:24px;box-shadow:0 22px 65px #244d3d0c}
.workspace-top{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.16em;font-weight:750;color:#56756b;margin-bottom:20px}
.workspace-dot{width:5px;height:5px;background:#50a28b;border-radius:50%}
.knowledge-card,.answer-card,.agents-card{border:1px solid #dfe8e2;background:#fff;border-radius:9px;padding:17px}
.knowledge-card{display:flex;align-items:center;gap:12px}
.card-number{font-size:9px;color:#53766a;letter-spacing:.06em;font-weight:650}
.knowledge-card svg{width:27px;height:27px;fill:none;stroke:#659987;stroke-width:1.5;stroke-linecap:round;margin-left:auto;flex-shrink:0}
h2{font-size:13px;line-height:1.5;font-weight:650;letter-spacing:-.01em;margin:0}
.knowledge-card p{font-size:10px;line-height:1.6;color:var(--muted);margin:4px 0 0}
.connector{height:18px;width:1px;background:#bcd6c9;margin:auto}
.answer-card{background:#eaf5ee;border-color:#c9e1d4;padding:19px 21px}
.answer-card>.card-number{float:right}
.answer-card h2{font-size:17px}
.answer-card p{font-size:12px;line-height:1.8;color:#47655a;margin:8px 0 15px}
.source-label{display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:600;color:#315b49;background:#ffffffa8;border:1px solid #d3e5da;border-radius:5px;padding:7px 9px}
.agents-title{display:flex;align-items:center;gap:12px}
.departments{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}
.departments span{display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:9px;font-weight:650;padding:10px 3px;background:#f1eef8;color:#625178}
.departments span:nth-child(2){background:#e8f3f6;color:#3c6674}
.departments span:nth-child(3){background:#f7f0e6;color:#806137}
.departments span:nth-child(4){background:#eaf2e8;color:#4a6b42}
.concept-note{text-align:center;font-size:10px;letter-spacing:.02em;color:#5c786b;margin:17px 0 0}
.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;gap:20px}
.principles p{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:550;margin:0}
.principle-icon{font-size:9px;color:var(--teal);border:1px solid #cfdfd5;border-radius:50%;width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
footer{display:flex;justify-content:space-between;gap:20px;color:#5b7168;font-size:10px;letter-spacing:.025em;padding:27px 0 35px}
@media(min-width:1450px){.hero{min-height:690px}}
@media(max-width:960px){.page{padding:0 36px}.hero{gap:30px;min-height:590px}.workspace{padding:17px}.knowledge-card{padding:12px;gap:9px}.intro{font-size:17px}.description{font-size:13px}.principles p{font-size:11px;gap:8px}}
@media(max-width:700px){.page{padding:0 25px}.header{padding:25px 0}.brand{font-size:16px;gap:8px}.brand-mark{width:32px}.status{font-size:10px;padding:8px 11px}.hero{grid-template-columns:1fr;gap:22px;padding:42px 0 40px;min-height:0}.eyebrow{font-size:9px;margin-bottom:22px}h1{font-size:clamp(38px,9.3vw,60px);margin-bottom:22px}.intro{font-size:18px;max-width:350px}.description{font-size:14px}.visual{max-width:430px;width:100%;margin:8px auto 0;padding:20px 8px}.orbit{display:none}.workspace{padding:21px}.knowledge-card{padding:17px}.knowledge-card p{font-size:10px}.principles{grid-template-columns:1fr;gap:17px;padding:24px 0}.principles p{font-size:12px}footer{font-size:9px;flex-direction:column;gap:10px;padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){.contact{transition:none}}

.source-label svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}

/* Companion collection */
.hero{grid-template-columns:1fr 1.12fr;gap:46px;min-height:610px}
.companion-hero{background:#fffefa;border:1px solid #e3e8df;border-radius:28px;box-shadow:0 28px 80px #184c4310;overflow:hidden;transform:rotate(-1deg)}
.collection-label{display:flex;align-items:center;gap:10px;padding:25px 25px 0;font-size:9px;letter-spacing:.16em;color:#54756d;font-weight:700}
.collection-label span{width:6px;height:6px;background:#089394;border-radius:50%}
.lineup{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}
.hero-caption{border-top:1px solid #e9ede5;margin:0 25px;padding:19px 0;display:flex;justify-content:space-between;gap:12px;font-size:11px}.hero-caption span{color:#657970}.hero-caption a{color:var(--teal);font-weight:650;text-decoration:none}
.companions-section{padding:70px 0 60px;border-top:1px solid var(--line);scroll-margin-top:25px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:35px}.section-heading .eyebrow{margin-bottom:16px}.section-heading h2,.buddy-story h2{font-size:clamp(30px,3vw,42px);line-height:1.15;letter-spacing:-.04em;font-weight:600}.section-heading>p{max-width:330px;color:var(--muted);font-size:14px;line-height:1.8;margin:0}
.companion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.companion-card{border:1px solid #e0e8df;background:#fffefa;border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}.companion-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #1737460b}
.portrait{width:100%;aspect-ratio:1672/1411.5;background-image:url('/assets/companions.png');background-size:300% 200%;background-repeat:no-repeat}.portrait-0{background-position:0 0}.portrait-1{background-position:50% 0}.portrait-2{background-position:100% 0}.portrait-3{background-position:0 100%}.portrait-4{background-position:50% 100%}.portrait-5{background-position:100% 100%}
.companion-info{padding:4px 23px 25px}.character-type{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);font-weight:650}.companion-info h3{font-size:27px;letter-spacing:-.03em;margin:7px 0 9px}.companion-info p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 14px;min-height:43px}.voice{font-size:10px;color:#55766e;border-top:1px solid #e7ece3;padding-top:12px;display:block}.design-note{font-size:11px;color:#61756d;line-height:1.7;margin-top:23px}
.buddy-story{display:grid;grid-template-columns:1fr 1.3fr;align-items:center;gap:45px;padding:30px 0 75px}.buddy-story img{width:100%;height:auto;border:1px solid #d5e7e0;border-radius:16px}.buddy-story .eyebrow{margin-bottom:16px}.buddy-story p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8}.text-link{font-size:12px;color:var(--teal);text-decoration:none;font-weight:650}
@media(max-width:960px){.hero{gap:25px}.companion-grid{gap:15px}.companion-info{padding:4px 17px 20px}.buddy-story{gap:25px}.collection-label{font-size:8px;padding:20px 17px 0}}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:35px;padding-top:35px}.companion-hero{transform:none}.companions-section{padding:45px 0 35px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:20px}.companion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.companion-info{padding:3px 12px 18px}.companion-info h3{font-size:24px}.companion-info p{font-size:12px;min-height:60px}.character-type{font-size:8px}.voice{font-size:9px;line-height:1.6}.buddy-story{grid-template-columns:1fr;padding:15px 0 45px;gap:25px}.hero-caption{font-size:10px}.design-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.companion-card{transition:none}.companion-card:hover{transform:none}}

/* Immersive ocean launch direction */
body{background:#f3fafb}.page{max-width:none;padding:0}.header{max-width:1320px;margin:auto;padding:23px 40px;background:#ffffffd9}.brand{font-size:23px;color:#103951}.header-nav{display:flex;gap:27px;align-items:center}.header-nav>a{font-size:12px;text-decoration:none;color:#345c6b}.hero{position:relative;display:block;isolation:isolate;min-height:760px;padding:105px max(40px,calc((100vw - 1240px)/2)) 165px;background:linear-gradient(90deg,#effbfff2 0%,#effbffdb 27%,#effbff85 46%,#effbff00 69%),url('/assets/ocean-hero.png') center/cover no-repeat;border-top:1px solid #d4e9ee;border-bottom:1px solid #c7e6ee;overflow:hidden}.hero-copy{position:relative;z-index:1;max-width:600px}.hero h1{font-size:clamp(51px,5.2vw,78px);line-height:1.02;letter-spacing:-.055em;color:#103951}.hero h1 span{color:#007c9c}.hero .eyebrow{color:#076885;font-size:11px;letter-spacing:.2em}.hero .intro{font-size:21px;max-width:480px;color:#234e63}.hero .description{color:#2e5669;max-width:440px;font-size:15px;text-shadow:0 1px 10px #fff}.contact{background:#007e9e;border-radius:8px;box-shadow:0 9px 26px #006d8a29}.hero .email{color:#315d70}.hero-platform{position:absolute;bottom:42px;left:max(40px,calc((100vw - 1240px)/2));right:max(40px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hero-platform span{padding:24px 18px;text-align:center;border:1px solid #ffffffce;background:#f5fdffe0;backdrop-filter:blur(18px);border-radius:12px;color:#16566d;letter-spacing:.12em;font-size:10px;font-weight:700;box-shadow:0 12px 32px #003b5a12}.scene-caption{position:absolute;right:24px;bottom:14px;color:#245c75;font-size:8px;letter-spacing:.15em;background:#f4fcffb0;padding:5px 8px;border-radius:3px}.companions-section,.identity-section,.principles,footer{max-width:1240px;margin-left:auto;margin-right:auto}.companions-section{padding:85px 0 65px;border:0}.section-heading h2{font-size:clamp(33px,3.4vw,49px);color:#103951}.section-heading .eyebrow{color:#087d99}.companion-grid{gap:24px}.companion-card{border-color:#d5e8ed;background:#fff;border-radius:20px;box-shadow:0 12px 35px #164a6608}.companion-info h3{color:#103951}.character-type{color:#007e9e}.identity-section{padding:50px 0 65px;border-top:1px solid #d5e7ed}.identity-section>a{display:block;background:white;border:1px solid #d5e7ed;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #164a660d}.identity-section img{display:block;width:100%;height:auto}.principles{border-color:#d5e7ed;padding:30px 0}footer{padding:28px 0 35px}.companion-hero{display:none}
@media(max-width:1320px){.companions-section,.identity-section,.principles,footer{margin-left:40px;margin-right:40px}}
@media(min-width:1700px){.hero{min-height:850px;padding-top:140px}}
@media(max-width:900px){.header-nav{gap:17px}.header-nav>a{font-size:11px}.hero{padding-top:80px;min-height:720px;background-position:60% center}.hero-copy{max-width:500px}.hero h1{font-size:61px}.hero-platform span{font-size:8px;letter-spacing:.08em}.hero .description{max-width:375px}}
@media(max-width:700px){.header{padding:20px}.brand{font-size:18px}.header-nav>a{display:none}.header-nav{gap:0}.hero{min-height:790px;padding:45px 24px 295px;background:linear-gradient(180deg,#f1fbfffa 0%,#f1fbfff5 35%,#f1fbff60 64%,#f1fbff00 85%),url('/assets/ocean-hero.png') 65% bottom/auto 100% no-repeat}.hero h1{font-size:clamp(46px,12vw,68px)}.hero .eyebrow{font-size:9px;letter-spacing:.12em}.hero .intro{font-size:18px;max-width:330px}.hero .description{font-size:13px;line-height:1.75;max-width:330px}.hero-platform{left:18px;right:18px;bottom:33px;gap:6px}.hero-platform span{font-size:7px;letter-spacing:.015em;padding:15px 7px;border-radius:8px;line-height:1.65}.scene-caption{font-size:6px;right:14px;bottom:7px}.companions-section,.identity-section,.principles,footer{margin-left:22px;margin-right:22px}.companions-section{padding:50px 0 40px}.section-heading h2{font-size:35px}.companion-grid{gap:12px}.identity-section{padding:35px 0}.identity-section>a{border-radius:12px}.principles{padding:25px 0}footer{padding-bottom:25px}}

.capabilities{max-width:1240px;margin:15px auto 70px;padding:55px;border:1px solid #295d78;border-radius:24px;background:radial-gradient(ellipse at 90% 10%,#086b86,transparent 65%),#0a2c46;color:white;display:grid;grid-template-columns:1.2fr 1fr;gap:55px;box-shadow:0 20px 60px #103e5d20}.capabilities .eyebrow{color:#7cdee7;margin-bottom:20px}.capabilities h2{font-size:36px;line-height:1.16;letter-spacing:-.035em}.capabilities p:not(.eyebrow){color:#c4dce7;font-size:14px;line-height:1.8;max-width:470px}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:center}.team-grid span{border:1px solid #75c7da45;background:#d8f7ff0b;padding:20px 15px;border-radius:10px;font-size:12px;color:#e0f8fc}.capabilities h2{color:white}@media(max-width:1320px){.capabilities{margin-left:40px;margin-right:40px}}@media(max-width:700px){.capabilities{margin:0 22px 40px;padding:28px;grid-template-columns:1fr;gap:15px}.capabilities h2{font-size:29px}.capabilities p:not(.eyebrow){font-size:13px}.team-grid span{padding:17px 12px;font-size:11px}}