@font-face{font-family:DM;src:url('/buddy_arrival_02/assets/fonts/dm-sans-latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:Instrument;src:url('/buddy_arrival_02/assets/fonts/instrument-serif-italic-latin.woff2') format('woff2');font-style:italic;font-display:swap}
:root{color-scheme:dark;font-family:DM,sans-serif;color:#ecf4f0;background:#090d12}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0%,#132125 0%,transparent 58%)}
main{max-width:1120px;margin:auto;padding:58px 40px 64px}header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:36px}.brand{font-size:10px;letter-spacing:.23em;color:#9aafa9}h1{font-size:55px;letter-spacing:-.05em;font-weight:400;line-height:1;margin:0}h1 em{font-family:Instrument,serif;font-weight:400;color:#a9e6cf}
.experiments{display:grid;grid-template-columns:1fr 1fr;gap:26px}.experiment{display:block;border:1px solid #ffffff12;border-radius:20px;overflow:hidden;background:#10151b;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s;outline-offset:5px}.experiment:hover{border-color:#a7dac568;transform:translateY(-3px)}.experiment:focus-visible{outline:2px solid #abefd8}.newest{border-color:#a9e6cf45;grid-column:1/-1}.newest .preview{height:260px}
.preview{height:238px;position:relative;background:radial-gradient(ellipse at 50% 50%,#1a1725,transparent 72%),#0b1017;overflow:hidden}.preview canvas{display:block;width:100%;height:100%}.tag{position:absolute;left:22px;top:20px;color:#bde6d7;border:1px solid #bde6d731;padding:5px 8px;border-radius:5px;font-size:8px;letter-spacing:.14em}.caption{display:flex;align-items:center;justify-content:space-between;padding:22px 24px}.caption h2{font-size:19px;font-weight:400;letter-spacing:-.02em;margin:0}.caption>span{font-size:22px;color:#8ca39d}.original{background:radial-gradient(ellipse at center,#132d27,transparent 64%),#080f0f}
.museum{background:#f8f9f7}.art{position:absolute;object-fit:cover;box-shadow:0 3px 8px #102c2420}.art.a{width:30%;height:45%;left:12%;top:15%;transform:rotate(-2deg)}.art.b{width:18%;height:47%;right:14%;top:43%;transform:rotate(2deg)}.art.c{width:12%;height:28%;left:51%;top:26%}.tiny-buddy{position:absolute;left:40%;bottom:10%;width:46px;height:46px;border:1px dotted #69bba4;border-radius:50%;text-align:center;line-height:17px;font-size:44px;color:#498a7a}
@media(min-width:1500px){main{padding-top:90px}.preview{height:280px}}@media(max-width:650px){main{padding:32px 20px 40px}header{margin-bottom:28px}h1{font-size:42px}.experiments{gap:18px;grid-template-columns:1fr}.preview{height:205px}.newest .preview{height:225px}.caption{padding:17px 20px}.caption h2{font-size:18px}.brand{font-size:8px}}
@media(prefers-reduced-motion:reduce){.experiment{transition:none}.experiment:hover{transform:none}}

.chat-preview{background:radial-gradient(ellipse at 50% 33%,#243333,transparent 60%),#0d1519}.chat-orb{position:absolute;left:calc(50% - 40px);top:16%;width:80px;height:80px;border:1px dotted #b4e9d780;border-radius:50%;text-align:center;font-size:70px;line-height:28px;color:#b7efdd;box-shadow:0 0 45px #9de7cb0b}.chat-preview i{position:absolute;left:25%;right:25%;bottom:17%;height:25px;border:1px solid #a5d7cd2b;border-radius:8px;background:#bae7d904}.chat-preview i:nth-of-type(2){left:19%;right:39%;bottom:33%;background:#bea7fa0b}.chat-preview i:nth-of-type(3){left:44%;right:18%;bottom:46%;background:#f7cbbb09}

.living-light{background:radial-gradient(ellipse at 35% 68%,#44244740,transparent 38%),radial-gradient(ellipse at 67% 62%,#11444145,transparent 40%),#0a0e16}
.light-composer{position:absolute;left:50%;top:64%;transform:translate(-50%,-50%);width:min(450px,calc(100% - 68px));height:70px;border:2px solid transparent;border-radius:23px;background:linear-gradient(#0d121b,#0d121b) padding-box,conic-gradient(from 220deg,#ffbcb9,#cd98ff,#b8c5ff,#a9f3db,#ffe8ab,#ffbcb9) border-box;box-shadow:-22px 0 40px -14px #c578f175,22px 0 40px -14px #76eec065,0 9px 30px -12px #ffbfc166;display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 24px}
.light-prompt{width:42%;height:7px;border-radius:8px;background:linear-gradient(90deg,#c0c9d15e,#c0c9d115);position:relative}.light-prompt:after{content:"";position:absolute;left:calc(100% + 10px);top:0;height:7px;width:2px;border-radius:1px;background:#dfd4ecb0}
.light-send{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:24px;line-height:1;background:#d8ece4;color:#142a24;box-shadow:0 0 20px #acf5d522}
.light-orb{position:absolute;left:50%;top:15%;transform:translateX(-50%);width:76px;height:76px;border-radius:50%;background:radial-gradient(circle at 42% 35%,#cfeff519,transparent 65%);box-shadow:0 0 42px #b9d6fc10}.light-orb i{position:absolute;inset:5px;border:2px dotted #d8e4f6a8;border-radius:50%;transform:rotate(-30deg) scaleX(.57);box-shadow:0 0 5px #b1bdff1c}.light-orb i:nth-child(2){transform:rotate(30deg) scaleX(.57);border-color:#bce9dc94}.light-orb i:nth-child(3){transform:rotate(90deg) scaleX(.57);border-color:#e5c9e5bd}

[hidden]{display:none!important}

.personality-feature{grid-column:auto}.personality-feature .preview{height:238px}.personality-preview{background:radial-gradient(ellipse,#24423966,transparent 65%),#0b1116}.personality-orb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);width:132px;height:132px;border:2px dotted #d1ead479;border-radius:50%;box-shadow:0 0 60px #a0e4c70d,inset 0 0 24px #c2ead407}.personality-orb i{position:absolute;inset:8px;border:1px dotted #c4c7f084;border-radius:50%;transform:rotate(30deg) scaleX(.52)}.personality-orb i+i{transform:rotate(-35deg) scaleX(.52)}.personality-orb b{position:absolute;top:47px;left:39px;width:11px;height:20px;border-radius:50px;background:#d3ffea;box-shadow:0 0 13px #b3ffdf66}.personality-orb b+b{left:77px;height:18px;top:45px}@media(max-width:650px){.personality-feature .preview{height:225px}}



.take{grid-column:auto;border-color:#a9e6cf45}.take .preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.take .tag{z-index:1;background:#0b111690}.take .caption p{margin:5px 0 0;font-size:12px;letter-spacing:.01em;color:#93a9a3}

.shapes-preview{display:grid;place-items:center;background:radial-gradient(ellipse at center,#49385f55,transparent 64%)}.shape-symbol{font-size:150px;color:#b3a4da;transform:rotate(-14deg);text-shadow:0 0 40px #a595d644}.shape-face{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-size:44px;letter-spacing:3px;color:#fff}

.onboarding-preview{display:grid;place-items:center;background:radial-gradient(ellipse at center,#20414055,transparent 66%),#0a1016}.onboarding-mark{font-size:150px;line-height:1;color:#a9e6cf;text-shadow:0 0 60px #7fd3b03d}