@font-face{font-family:Manrope;src:url('assets/Manrope-Bold.ttf');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('assets/Manrope-Regular.ttf');font-weight:700;font-display:swap}:root{--bg:#101112;--ink:#f5f4f0;--muted:#aaaab0;--purple:#beabff;--border:#ffffff21}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--purple);outline-offset:7px}.skip{position:fixed;top:-80px;background:var(--purple);color:#101112;padding:12px;z-index:30}.skip:focus{top:10px}.progress{position:fixed;height:3px;top:0;background:var(--purple);width:0;z-index:25}header{height:100px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{font-size:28px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px}.brand-dot{font-size:12px;align-self:flex-start;margin-top:7px;letter-spacing:0}.mark{display:grid;place-items:center;width:31px;height:35px;background:var(--purple);color:var(--bg);font-size:31px;border-radius:8px;font-style:italic;line-height:1}nav{display:flex;gap:35px;align-items:center;font-size:14px}nav a{transition:color .2s}nav a:hover{color:var(--purple)}.contact-nav{border:1px solid #66666b;padding:10px 19px;border-radius:30px}.contact-nav span{margin-left:24px}.hero{padding:32px 5% 0;overflow:hidden}.hero-top,.hero-foot,.section-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1.5px}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:6px;height:6px;background:var(--purple)}.edition{color:#909095}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;min-height:690px;align-items:center;gap:25px}.hero h1{font-size:clamp(58px,6.6vw,105px);letter-spacing:-.065em;line-height:1.04;margin:38px 0 26px;font-weight:700}.hero h1>span:not(.period){color:var(--purple)}.period{color:var(--purple)}.hero-copy p{color:#b7b6bc;font-size:16px;line-height:1.85;margin-bottom:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:34px;border:0;padding:17px 23px;border-radius:40px;cursor:pointer;font-size:14px;font-weight:700;transition:transform .25s,background .25s}.button:hover{transform:translateY(-4px)}.primary{background:var(--purple);color:#171322}.button span{font-size:22px;line-height:1}.hero-visual{height:620px;position:relative;perspective:1200px}.orbit{width:600px;height:390px;position:absolute;border:1px solid #b9a2ff29;border-radius:50%;left:-10%;top:100px;transform:rotate(-38deg)}.orbit-two{transform:rotate(42deg);width:550px;height:500px;top:80px}.phone{position:absolute;border:6px solid #38343d;box-shadow:0 30px 70px #0009;border-radius:35px;overflow:hidden;width:236px;height:476px}.future-phone{background:#f8f2ec;color:#383032;left:0;top:80px;z-index:2;transform:rotate(-12deg);animation:float-future 7s ease-in-out infinite}.phone-top{display:flex;justify-content:space-between;font-size:10px;padding:12px 17px}.phone-brand{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;gap:6px;margin-top:5px}.phone-brand img{width:23px;height:23px;border-radius:7px}.phone h2{font-size:20px;line-height:1.3;text-align:center;margin:20px 5px 3px;letter-spacing:-.8px}.phone p{font-size:11px;text-align:center;margin:0 0 17px;color:#847475}.portrait{display:block;width:90%;height:178px;object-fit:cover;margin:auto;border-radius:12px}.mini-timeline{display:flex;justify-content:center;gap:7px;margin:15px 0;font-size:8px}.mini-timeline span{padding:4px 7px}.mini-timeline .selected{background:#dec5bc;border-radius:20px}.phone-caption{font-size:14px;text-align:center;line-height:1.5}.phone-bottom{position:absolute;bottom:7px;width:65px;height:3px;border-radius:10px;background:#444;left:50%;transform:translateX(-50%)}.reef-phone{right:0;top:140px;transform:rotate(12deg);border-color:#263d43;animation:float-reef 8s ease-in-out infinite}.reef-phone>img{width:100%;height:100%;object-fit:cover}.reef-overlay{position:absolute;inset:auto 0 0;padding:65px 18px 28px;background:linear-gradient(transparent,#032736);display:flex;flex-direction:column}.reef-overlay strong{font-size:32px;letter-spacing:-2px}.reef-overlay span{font-size:10px}.visual-label{position:absolute;right:0;top:46px;font-size:11px;letter-spacing:2px;color:#97949e}.star{position:absolute;color:var(--purple);font-size:96px;line-height:1;top:20px;left:29%;animation:rotate 30s linear infinite}.floating-tag{position:absolute;bottom:2px;left:18%;z-index:3;padding:12px 19px;background:#232226;border:1px solid #5e566e;border-radius:10px;font-size:13px;transform:rotate(-5deg)}.floating-tag span{color:var(--purple);margin-right:12px}.hero-foot{padding:30px 0 24px;color:#98989d;letter-spacing:.3px}.hero-foot a{color:#e4e2e9;font-size:11px;letter-spacing:1.5px}.hero-foot a span{margin-left:14px}.ticker{border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;padding:22px 0;margin-top:22px}.ticker>div{width:max-content;font-size:19px;letter-spacing:2px;animation:ticker 40s linear infinite}.ticker span{color:var(--purple);margin:0 44px}.section{padding:100px 5%}.section-label{color:#9c9ba4;padding-bottom:37px;border-bottom:1px solid var(--border)}.studio-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;margin-top:58px}h2{font-size:clamp(32px,4vw,58px);line-height:1.17;letter-spacing:-2px;font-weight:700}.studio h2{margin:0}.studio h2 span{color:var(--purple)}.studio p{color:var(--muted);margin-top:0;max-width:530px}.studio .large-copy{font-size:22px;line-height:1.6;color:#ecebf0}.studio-principles{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.studio-principles span{border:1px solid var(--border);border-radius:25px;font-size:12px;padding:7px 13px}.apps{padding-top:30px}.apps h2{margin:40px 0 22px}.apps h2 span{color:#99989d}.app-choices{display:flex;gap:30px;font-size:14px}.app-choices a{border-bottom:1px solid var(--purple);padding:8px 0}footer{margin:0 5%;padding:75px 0 25px;border-top:1px solid var(--border)}footer>p{font-size:14px;color:var(--muted)}footer>a{font-size:clamp(36px,7vw,95px);letter-spacing:-4px;color:var(--purple);font-weight:700}footer>div{display:flex;justify-content:space-between;margin-top:60px;font-size:12px;color:#aaa}body.paused *,body.paused *:before,body.paused *:after{animation-play-state:paused!important}@keyframes float-future{50%{transform:translateY(-17px) rotate(-8deg)}}@keyframes float-reef{50%{transform:translateY(15px) rotate(8deg)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ticker{to{transform:translateX(-50%)}}@media(min-width:1600px){header,.hero,.section,footer{max-width:1500px;margin-left:auto;margin-right:auto}.hero-visual{max-width:580px}}@media(max-width:1000px){.hero-grid{min-height:640px}.hero-visual{transform:scale(.85);transform-origin:center;width:430px;margin-left:-35px}.hero h1{font-size:70px}.studio-grid{gap:5%}}@media(max-width:760px){header{height:80px}.brand{font-size:24px}nav{gap:17px}nav>a:first-child{display:none}.contact-nav{padding:7px 12px}.contact-nav span{display:none}.edition{display:none}.hero-grid{grid-template-columns:1fr;gap:0}.hero h1{font-size:clamp(55px,12vw,85px);margin-top:35px}.hero-visual{transform:scale(.87);width:430px;justify-self:center;margin:-25px 0 -20px;height:620px;transform-origin:center}.hero-copy p{font-size:16px}.hero-foot>span:first-child{display:none}.section{padding:65px 6%}.studio-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.section-label{font-size:10px;gap:25px}.section-label>span:last-child{text-align:right}.studio .large-copy{font-size:20px}h2{letter-spacing:-1.5px}.apps{padding-top:20px}footer>a{letter-spacing:-2px}footer>div{gap:20px;flex-wrap:wrap}.ticker{margin-top:0}}@media(max-width:390px){.hero-visual{transform:scale(.72);margin:-50px 0 -65px}.brand{font-size:21px}nav{font-size:12px;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Product stories */
.product{margin:0 5% 28px;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:730px;scroll-margin-top:30px}.product-copy{padding:65px 11%;align-self:center}.product-eyebrow{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1.4px;margin-bottom:35px}.product h2{font-size:clamp(36px,4.1vw,64px);line-height:1.12;letter-spacing:-2.8px;margin:0 0 25px}.product h2 em{font-style:normal}.product-copy>p{max-width:440px;font-size:16px;line-height:1.85}.future-product{background:#ece5dd;color:#302b2b}.future-product h2 em{color:#987464}.future-product .product-eyebrow{color:#746359}.feature-lines{margin:30px 0;border-top:1px solid #33262220}.feature-lines>div{border-bottom:1px solid #33262220;padding:13px 0;font-size:14px}.feature-lines span{font-size:11px;color:#9a8074;margin-right:16px}.dark-button{background:#2b282b;color:#fff;margin-top:5px;font-size:13px}.product-copy .product-note{font-size:12px;color:#76695f;line-height:1.6;margin-top:20px;max-width:370px}.future-stage{padding:65px 11% 50px 6%;align-self:center;perspective:1000px}.stage-heading{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;margin-bottom:28px;color:#826c5b}.stage-heading>span:last-child{font-size:36px;line-height:1}.memory-card{background:#faf8f3;padding:14px 14px 20px;box-shadow:0 20px 55px #4d302526;transform:rotate(3deg);transition:transform .6s}.memory-card:hover{transform:rotate(0deg) translateY(-8px)}.memory-photo{height:300px;overflow:hidden}.memory-photo img{width:100%;height:100%;object-fit:cover;transition:opacity .2s,transform .7s}.memory-photo img.changing{opacity:0;transform:scale(1.06)}.memory-caption{display:flex;justify-content:space-between;align-items:center;padding:24px 5px 5px;font-size:15px;line-height:1.5}.memory-number{font-size:26px;color:#b6a99c}.timeline-control{display:flex;justify-content:space-between;margin:48px -5px 0;position:relative;gap:5px}.timeline-control:before{content:'';position:absolute;height:1px;background:#ad9581;top:8px;left:15%;right:15%}.timeline-control button{border:0;background:none;position:relative;cursor:pointer;color:#7a6a60;font-size:12px;padding:0 4px;min-height:50px}.timeline-control button>span{display:block;width:15px;height:15px;background:#ece5dd;border:1px solid #ad9581;border-radius:50%;margin:0 auto 14px;transition:background .3s,box-shadow .3s}.timeline-control button.active{color:#302b2b;font-weight:700}.timeline-control button.active>span{background:#94705c;box-shadow:0 0 0 5px #94705c20}.stage-note{text-align:center;font-size:12px;color:#8c7767;margin-top:25px}.reef-product{background:#082e34;color:#f0ffff}.reef-product h2 em{color:#8be4cf}.reef-product .product-eyebrow{color:#a3c4c5}.reef-product .product-copy>p{color:#b5d1d3}.reef-scene{position:relative;min-height:760px;overflow:hidden;background:#064759;display:grid;place-items:center}.reef-background{position:absolute;width:100%;height:120%;object-fit:cover;top:-10%;opacity:.6;animation:water-drift 16s ease-in-out infinite}.reef-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#082e34),linear-gradient(0deg,#082e3466,transparent 25%);pointer-events:none}.reef-screen-wrap{position:relative;width:250px;height:553px;border:6px solid #35666b;border-radius:32px;overflow:hidden;box-shadow:0 30px 70px #001d32aa;z-index:1;transform:rotate(-5deg);transition:transform 1s;animation:reef-display 9s ease-in-out infinite}.reef-screen-wrap img{width:100%;height:100%;object-fit:cover;transition:opacity .25s}.reef-screen-wrap img.changing{opacity:0}.depth-lines{position:absolute;inset:55px auto 55px 25px;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#a1d9dd99;z-index:1;border-left:1px solid #abeced44;padding-left:10px}.scene-badge{position:absolute;bottom:35px;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:2;background:#07383dbb;backdrop-filter:blur(12px);border:1px solid #99ddd244;border-radius:30px;padding:11px 17px;font-size:10px;letter-spacing:1px}.scene-badge>span:first-child{color:#8be4cf;margin-right:10px;font-size:17px}.mode-control{display:flex;border:1px solid #ffffff30;border-radius:30px;padding:5px;width:fit-content;margin:28px 0 24px;gap:4px}.mode-control button{border:0;background:transparent;color:#c0d7d8;border-radius:30px;padding:10px 17px;cursor:pointer;font-size:13px;transition:background .3s,color .3s}.mode-control button.active{background:#8be4cf;color:#082e34}.mode-description{min-height:146px;max-width:440px}.mode-description h3{font-size:18px;margin:0 0 9px}.mode-description p{font-size:14px;color:#b5d1d3;line-height:1.8;margin:0}.reef-meta{display:flex;gap:20px;font-size:11px;color:#95bab7}.reef-meta span{padding-top:14px;border-top:1px solid #88ccc344}.approach-title{display:flex;gap:10%;justify-content:space-between;align-items:center}.approach-title h2{font-size:44px}.approach-title h2 span{color:var(--purple)}.approach-title>p{max-width:355px;color:var(--muted);font-size:16px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:35px}.process-grid article{border-top:1px solid var(--border);padding-top:25px}.process-no{font-size:12px;color:var(--purple)}.process-grid h3{font-size:22px;letter-spacing:-.7px;margin:20px 0 12px}.process-grid p{font-size:14px;color:#a4a3ab;max-width:310px;line-height:1.9}.closing-banner{display:flex;justify-content:space-between;align-items:center;padding:0 5% 55px;overflow:hidden}.closing-banner>span:first-child{font-size:clamp(75px,15vw,230px);font-weight:700;line-height:1.25;letter-spacing:-.065em;color:#d7cef1}.closing-banner>span:last-child{font-size:clamp(70px,15vw,210px);color:var(--purple);animation:rotate 35s linear infinite}.motion-toggle{position:fixed;bottom:18px;right:20px;z-index:20;border:1px solid #8886a266;background:#25232dee;color:#e7dfff;border-radius:30px;font-size:12px;padding:10px 16px;cursor:pointer;backdrop-filter:blur(15px)}.motion-toggle span{margin-left:6px}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}.process-grid article:nth-child(2){transition-delay:.12s}.process-grid article:nth-child(3){transition-delay:.24s}.hero-copy{animation:enter-copy 1s .05s both}.hero-visual{animation:enter-visual 1.3s .1s both}.hero-visual:before{content:'';position:absolute;width:85%;height:80%;top:10%;left:10%;background:radial-gradient(ellipse,#ab87ff18,transparent 65%);border-radius:50%;pointer-events:none}.hero-visual .orbit-one{animation:orbit-breathe 12s ease-in-out infinite}.hero-visual .orbit-two{animation:orbit-breathe-alt 15s ease-in-out infinite}@keyframes enter-copy{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}@keyframes enter-visual{from{opacity:0;translate:45px 25px}to{opacity:1;translate:0 0}}@keyframes water-drift{50%{transform:translateY(4%) scale(1.05)}}@keyframes reef-display{50%{transform:translateY(-14px) rotate(2deg)}}@keyframes orbit-breathe{50%{transform:rotate(-28deg) scale(1.08)}}@keyframes orbit-breathe-alt{50%{transform:rotate(28deg) scale(.93)}}body.paused{scroll-behavior:auto}body.paused .reveal{opacity:1;transform:none;transition:none}body.paused .phone,body.paused .hero-visual{translate:none!important}@media(max-width:1100px){.product-copy{padding:50px 8%}.future-stage{padding-right:8%}.product h2{font-size:44px}.product-eyebrow{font-size:9px;letter-spacing:.7px}.memory-photo{height:260px}.memory-caption{font-size:13px}.approach-title h2{font-size:36px}}@media(max-width:760px){.product{grid-template-columns:1fr;margin:0 5% 22px;min-height:0;border-radius:20px}.product-copy{padding:40px 8%}.product h2{font-size:42px;letter-spacing:-2px}.product-eyebrow{font-size:9px;margin-bottom:28px;flex-wrap:wrap;gap:8px}.future-stage{padding:15px 10% 40px}.memory-photo{height:280px}.memory-caption{font-size:14px}.reef-scene{min-height:620px;order:2}.reef-scene:after{background:linear-gradient(#082e34,transparent 20%)}.reef-screen-wrap{width:218px;height:484px}.reef-product .product-copy{order:1}.mode-description{min-height:130px}.approach-title{display:block}.approach-title h2{font-size:34px}.approach-title>p{max-width:100%}.process-grid{grid-template-columns:1fr;gap:20px}.process-grid p{max-width:100%}.closing-banner{padding-bottom:35px}.motion-toggle span{display:none}.motion-toggle{width:40px;height:40px;padding:0}.memory-photo{height:260px}.scene-badge{bottom:24px;font-size:9px}.product-copy>p{font-size:15px}.hero-grid{overflow:visible}.hero-visual{max-width:none}.process-grid h3{font-size:22px}.app-choices{margin-bottom:15px}}@media(prefers-reduced-motion:reduce){.js-motion .reveal{opacity:1;transform:none}.motion-toggle{display:none}}

.memory-photo{height:auto;aspect-ratio:16/10}

.product-links{margin:14px 0 0;font-size:.9rem;opacity:.8}
.product-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.reef-product .button.primary{margin-top:22px;display:inline-flex}
.reef-product .product-copy{padding-bottom:44px}
.reef-product .product-links{margin-top:16px}
.lang-switch{font-size:.8rem;letter-spacing:.08em;opacity:.7;padding:6px 4px}
.lang-switch:hover{opacity:1}