@font-face{font-family:Lilita;src:url('/assets/LilitaOne-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:light;--paper:#faf8f3;--ink:#22221f;--cream:#e7dece;--line:#dcd6ca}*{box-sizing:border-box}body{margin:0;min-width:280px;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #9b8255;outline-offset:5px}svg{display:block}.page{min-height:100svh;display:flex;align-items:center;justify-content:center;position:relative;isolation:isolate;padding:78px 26px 65px;overflow:hidden}.eyebrow{position:absolute;top:max(30px,env(safe-area-inset-top));font-size:9px;font-weight:700;letter-spacing:2.6px}.orbit{position:absolute;z-index:-1;border:1px solid #eae5db;border-radius:50%;width:730px;height:730px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit:after{content:'';position:absolute;inset:20px;border:1px solid #efebe3;border-radius:50%}.profile{max-width:390px;width:100%;text-align:center}.logo{width:104px;height:104px;background:var(--cream);border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;box-shadow:0 6px 18px #22221f06}.logo span{font:400 18px Lilita,Arial,sans-serif;letter-spacing:-.2px;white-space:nowrap}h1{font:400 clamp(35px,7vw,46px)/1.08 Lilita,Arial,sans-serif;letter-spacing:-.6px;margin:0}.subtitle{font-size:12px;color:#75736c;letter-spacing:1px;margin:9px 0 28px}.actions{display:grid;gap:11px}.action{border:1px solid var(--line);border-radius:17px;background:var(--paper);display:flex;align-items:center;text-align:left;gap:19px;width:100%;padding:17px 23px;min-height:79px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.action>svg{width:27px;height:27px;flex:0 0 27px}.action>span{display:grid;gap:5px}.action strong{font:400 23px/1.1 Lilita,Arial,sans-serif;letter-spacing:.1px}.action small{font-size:10px;line-height:1.3;opacity:.65;letter-spacing:.1px}.action--primary{background:var(--ink);border-color:var(--ink);color:var(--paper);box-shadow:0 5px 0 #22221f12}footer{position:absolute;bottom:max(25px,env(safe-area-inset-bottom));left:26px;right:26px;padding-top:18px;border-top:1px solid var(--line);text-align:center;font-size:8px;font-weight:700;letter-spacing:2px}.intro{display:none}.has-js body:not([data-stage="ready"]){overflow:hidden}.has-js .intro{display:block;position:fixed;inset:0;z-index:5;background:var(--paper);pointer-events:none;transition:opacity .55s,visibility .55s}.dedication{position:absolute;left:50%;top:47%;width:min(530px,86vw);opacity:0;filter:blur(6px);transform:translate(-50%,calc(-50% + 20px)) scale(.96);transition:opacity .4s,filter .45s,transform .55s cubic-bezier(.22,.7,.2,1)}.welcome svg{width:100%;overflow:visible}.welcome text{fill:var(--ink);font:400 105px Lilita,Arial,sans-serif;letter-spacing:-.8px}.company{text-align:center;display:grid;gap:13px}.company>span{font:400 clamp(35px,8vw,62px)/1.1 Lilita,Arial,sans-serif;letter-spacing:-.8px}.company small{font-size:clamp(13px,3vw,18px);letter-spacing:2px;color:#75736c}.has-js [data-stage="welcome"] .welcome{opacity:1;filter:none;transform:translate(-50%,-50%) scale(1);animation:welcome-in .35s cubic-bezier(.22,.7,.2,1) both}.has-js [data-stage="company"] .welcome{opacity:0;filter:blur(5px);transform:translate(-50%,calc(-50% - 20px)) scale(.96)}.has-js [data-stage="company"] .company{opacity:1;filter:none;transform:translate(-50%,-50%) scale(1);transition-delay:.1s}.progress{position:absolute;width:40px;height:2px;bottom:15%;left:50%;transform:translateX(-50%);background:var(--line);overflow:hidden}.progress span{display:block;width:100%;height:100%;background:var(--ink);transform-origin:left}.has-js body:not([data-stage="loading"]) .progress span{animation:progress 2.9s linear both}.has-js .page{opacity:0;visibility:hidden;transform:translateY(15px);transition:opacity .6s .1s,transform .7s .1s,visibility 0s .1s}.has-js [data-stage="ready"] .intro{opacity:0;visibility:hidden}.has-js [data-stage="ready"] .company{opacity:0;filter:blur(4px);transform:translate(-50%,calc(-50% - 20px)) scale(1.02)}.has-js [data-stage="ready"] .page{opacity:1;visibility:visible;transform:none}.has-js [data-stage="ready"] .action{animation:arrive .55s both}.has-js [data-stage="ready"] .action:nth-child(2){animation-delay:.06s}.has-js [data-stage="ready"] .action:nth-child(3){animation-delay:.12s}.has-js [data-stage="ready"] .action:nth-child(4){animation-delay:.18s}.detail{border:1px solid var(--line);border-radius:25px;padding:45px 30px 30px;background:var(--paper);color:var(--ink);width:calc(100% - 40px);max-width:390px;text-align:center;box-shadow:0 20px 80px #0002}.detail::backdrop{background:#22221f66;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:15px;border:0;background:transparent;padding:6px;cursor:pointer}.close svg{width:22px;height:22px}.detail__eyebrow{font-size:8px;letter-spacing:2px;color:#75736c}.detail h2{font:400 32px Lilita,Arial,sans-serif;margin:22px 0 16px}.detail p{line-height:1.6;font-size:13px}.detail .detail__note{font-size:10px;color:#75736c;margin:26px 0 0}#service-list:not([hidden]){display:grid;gap:8px}#service-list span{padding:12px;background:var(--cream);border-radius:9px;font-size:12px}
@keyframes welcome-in{from{opacity:0;filter:blur(6px);transform:translate(-50%,calc(-50% + 16px)) scale(.96)}to{opacity:1;filter:none;transform:translate(-50%,-50%) scale(1)}}@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(hover:hover){.action:hover{transform:translateY(-2px);background:#f0ebe1;box-shadow:0 6px 20px #22221f09}.action--primary:hover{background:#363631}}.action:active{transform:translateY(1px)}@media(max-height:730px){.page{padding-top:65px;padding-bottom:58px}.logo{width:78px;height:78px;margin-bottom:13px}.logo span{font-size:13px}h1{font-size:35px}.subtitle{margin:7px 0 19px}.action{min-height:67px;padding:13px 19px;gap:16px}.action strong{font-size:21px}.actions{gap:9px}.eyebrow{top:24px}footer{bottom:18px;padding-top:13px}}@media(max-width:340px){.page{padding-left:21px;padding-right:21px}.action strong{font-size:20px}.action small{font-size:9px}.action{gap:15px;padding-left:18px;padding-right:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.dedication{filter:none!important}}
