*{box-sizing:border-box;margin:0;padding:0}html{width:100vw;max-width:100vw;overflow-x:hidden}img,canvas{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}body{background:#fff;width:100vw;max-width:100vw;min-height:400vh;overflow:hidden auto}#app{width:100vw;min-height:400vh;position:relative}.login-layer{-webkit-font-smoothing:antialiased;justify-content:center;align-items:flex-start;min-height:400vh;padding-top:60px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;display:flex}.goddess-wrap{transform-origin:50%;z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.goddess{object-fit:contain;filter:drop-shadow(0 30px 60px #0000002e);width:85vw;max-width:1200px;max-height:90vh;animation:5s ease-in-out infinite goddess-float;display:block}.o-wrap{transform-origin:50%;z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes goddess-float{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}.scroll-indicator{z-index:9;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:36px;left:50%;transform:translate(-50%)}.scroll-chevron{animation:1.8s ease-in-out infinite chevron-bob;display:block}@keyframes chevron-bob{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.75;transform:translateY(7px)}}.story-overlay{z-index:5;opacity:0;pointer-events:none;background:radial-gradient(60% 60%,#0000 0%,#f8f6f49e 58%,#f5f3f1f5 100%);transition:opacity .1s linear;position:fixed;inset:0}.story-panel{z-index:8;opacity:0;pointer-events:none;-webkit-font-smoothing:antialiased;max-width:420px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;position:fixed;top:50%;overflow:hidden}.sp-left{text-align:left;left:7vw;transform:translateY(-50%)}.sp-right{text-align:left;right:auto;transform:translateY(-50%)}.sp-center{text-align:center;max-width:480px;left:50%;transform:translate(-50%,-50%)}.sp-otopia-logo{filter:brightness(0)saturate()invert(44%)sepia(60%)saturate(800%)hue-rotate(220deg)brightness(95%);width:100%;height:auto;margin-bottom:20px;display:block}.sp-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#00000059;margin-bottom:20px;font-size:11px;font-weight:500}.sp-headline{color:#000000d1;letter-spacing:.01em;white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,sans-serif;font-size:clamp(24px,3.4vw,40px);font-weight:300;line-height:1.25}.sp-title{color:#000000d1;letter-spacing:.01em;margin-bottom:20px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,sans-serif;font-size:clamp(28px,4vw,46px);font-weight:300;line-height:1.25}.sp-body{color:#0000006b;letter-spacing:.01em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,sans-serif;font-size:clamp(15px,1.5vw,19px);font-weight:300;line-height:1.6}.sp-cta-panel{flex-direction:column;align-items:center;gap:0;display:flex}.sp-o-mark{filter:brightness(0)saturate()invert(44%)sepia(60%)saturate(800%)hue-rotate(220deg)brightness(95%);width:110px;height:auto;margin-bottom:24px}.sp-cta-brand{color:#000000d1;letter-spacing:.01em;margin-bottom:10px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,sans-serif;font-size:clamp(28px,3.6vw,44px);font-weight:300;line-height:1.2}.sp-cta-sub{color:#00000059;letter-spacing:.14em;text-transform:uppercase;margin-bottom:36px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,sans-serif;font-size:clamp(11px,1vw,13px);font-weight:300}.sp-cta-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.sp-btn-ghost{all:unset;cursor:pointer;color:#000000bf;letter-spacing:.03em;box-sizing:border-box;background:#0000000a;border:1px solid #0000002e;border-radius:14px;padding:13px 28px;font-family:inherit;font-size:14px;font-weight:600;transition:background .18s,border-color .18s,color .18s}.sp-btn-ghost:hover{color:#1a1a1a;background:#00000014;border-color:#0000004d}.sp-btn-primary{all:unset;cursor:pointer;color:#fff;letter-spacing:.03em;box-sizing:border-box;background:#8b72ffe6;border-radius:14px;padding:13px 28px;font-family:inherit;font-size:14px;font-weight:600;transition:background .18s,box-shadow .18s;box-shadow:0 4px 24px #8b72ff73}.sp-btn-primary:hover{background:#7b62ee;box-shadow:0 6px 32px #8b72ff99}.sp-btn-demo{color:#0006;letter-spacing:.04em;padding:13px 4px;font-size:13px;font-weight:600;text-decoration:none;transition:color .18s}.sp-btn-demo:hover{color:#1a1a1a}.sp-manifesto{text-align:center;width:90vw;max-width:580px;left:50%;transform:translate(-50%,-50%)}.sp-manifesto-headline{color:#00000061;letter-spacing:.01em;margin-bottom:28px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,sans-serif;font-size:clamp(15px,1.6vw,20px);font-weight:300;line-height:1.4}.sp-manifesto-list{flex-direction:column;gap:2px;list-style:none;display:flex}.sp-manifesto-list li{color:#000000d1;letter-spacing:.01em;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,sans-serif;font-size:clamp(22px,3.2vw,44px);font-weight:300;line-height:1.22}.contact-form{flex-direction:column;gap:10px;width:100%;margin-top:4px;display:flex}.cf-row{gap:12px;display:flex}.cf-row .cf-field{flex:1}.cf-field{flex-direction:column;gap:5px;display:flex}.cf-lbl{letter-spacing:.12em;text-transform:uppercase;color:#00000061;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,sans-serif;font-size:10px;font-weight:400}.cf-input{all:unset;box-sizing:border-box;color:#1a1a1a;letter-spacing:.01em;background:#00000008;border:1px solid #00000017;border-radius:100px;width:100%;padding:10px 16px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:14px;font-weight:400;transition:border-color .18s,background .18s}.cf-segment{background:#0000000a;border:1px solid #00000017;border-radius:100px;padding:3px;display:flex}.cf-seg-opt{flex:1;position:relative}.cf-seg-opt input{opacity:0;width:0;height:0;position:absolute}.cf-seg-opt span{text-align:center;color:#00000080;cursor:pointer;white-space:nowrap;border-radius:100px;padding:7px 10px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:13px;font-weight:400;transition:background .18s,color .18s,box-shadow .18s;display:block}.cf-seg-opt input:checked+span{color:#fff;background:#8b72ffe6;font-weight:500;box-shadow:0 2px 12px #8b72ff59}.cf-input::placeholder{color:#00000040}.cf-input:focus{background:#8b72ff0a;border-color:#8b72ff73;outline:none}.cf-btn{all:unset;box-sizing:border-box;cursor:pointer;color:#fff;letter-spacing:.03em;text-align:center;background:#8b72ffe6;border-radius:100px;width:100%;margin-top:6px;padding:13px 28px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:14px;font-weight:600;transition:background .18s,box-shadow .18s;box-shadow:0 4px 24px #8b72ff73}.cf-btn:hover{background:#7b62ee;box-shadow:0 6px 32px #8b72ff99}.cf-msg{text-align:center;min-height:18px;font-size:13px}@media (width<=768px){.story-panel{max-width:92vw}.sp-center{width:92vw;max-width:92vw}.sp-o-mark{width:72px;margin-bottom:16px}.sp-cta-brand{font-size:clamp(24px,7vw,36px)}.sp-cta-sub{margin-bottom:20px}.cf-row{flex-direction:column}.cf-segment{border-radius:16px;flex-wrap:wrap}.cf-seg-opt{flex:calc(50% - 3px)}.cf-seg-opt span{border-radius:12px;padding:9px 4px;font-size:12px}.sp-manifesto-list li{font-size:clamp(20px,6.5vw,36px)}}@media (orientation:landscape) and (height<=600px){.sp-left,.sp-right{overflow:hidden;width:38vw!important;max-width:38vw!important}.sp-headline,.sp-title{line-height:1.3;white-space:normal!important;font-size:clamp(11px,1.6vw,16px)!important}.sp-otopia-logo{width:40%;margin-bottom:8px}}@media (width<=768px) and (orientation:portrait){.sp-left,.sp-right{top:18%}.sp-left{text-align:center;left:50%}.sp-headline{white-space:normal;font-size:clamp(22px,7vw,34px)}.sp-title{font-size:clamp(22px,7vw,34px)}}