:root{--ivory:#f7f3ea;--ink:#151613;--sage:#65785c;--acid:#d8ff52;--line:rgba(21,22,19,.17);--white:#fffdf7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}
.nav{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto;z-index:10}.logo{font-size:42px;font-weight:700;letter-spacing:-4px}.nav nav{display:flex;align-items:center;gap:34px;font-size:14px}.nav-cta{border:1px solid var(--ink);padding:12px 19px;border-radius:100px}
.hero{min-height:840px;padding:155px 5vw 70px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow,.section-no{font-size:12px;letter-spacing:.15em;font-weight:600}.hero h1{font-size:clamp(58px,7.4vw,116px);line-height:.86;letter-spacing:-.075em;margin:28px 0 34px;font-weight:600}.hero h1 em{font-family:"Libre Caslon Display",serif;font-weight:400;color:var(--sage)}.hero-intro{font-size:19px;line-height:1.55;max-width:490px}.store-button{display:inline-flex;align-items:center;gap:12px;margin-top:24px;background:var(--ink);color:white;padding:12px 23px 13px;border-radius:14px;font-size:20px;line-height:1}.store-button small{display:block;font-size:10px;margin-bottom:4px}.apple{font-size:20px}
.hero-stage{height:650px;position:relative;transition:transform .2s ease-out}.map-grid{position:absolute;inset:4% -15% -4% -3%;opacity:.24;background-image:linear-gradient(31deg,transparent 46%,var(--sage) 47%,var(--sage) 48%,transparent 49%),linear-gradient(118deg,transparent 47%,var(--sage) 48%,var(--sage) 49%,transparent 50%);background-size:160px 120px,180px 145px;border-radius:50%}.phone{position:absolute;width:260px;background:#111;border:7px solid #111;border-radius:38px;padding:3px;box-shadow:0 34px 70px rgba(31,36,25,.22);overflow:hidden}.phone img{width:100%;display:block;border-radius:29px}.phone-main{left:32%;top:2%;transform:rotate(4deg);z-index:2}
.polaroid{position:absolute;width:190px;background:#fff;padding:10px 10px 17px;box-shadow:0 18px 38px rgba(18,20,16,.18);z-index:3}.photo{height:185px;display:grid;place-items:center;color:white;font-size:54px;font-weight:700}.sage,.moss{background:#65785c}.night{background:linear-gradient(150deg,#1b2030,#637185 52%,#d6c59b)}.polaroid p{font-family:"Libre Caslon Display",serif;font-size:14px;margin:12px 4px 0}.memory-a{right:0;top:14%;transform:rotate(9deg)}.memory-b{left:2%;bottom:4%;transform:rotate(-11deg)}.hand-note,.final-note{position:absolute;font-family:"Libre Caslon Display",serif;font-style:italic;font-size:21px}.hand-note{right:3%;bottom:14%;transform:rotate(-8deg)}
.pulse{position:absolute;width:34px;height:34px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 20px rgba(216,255,82,.22),0 0 0 42px rgba(216,255,82,.1);animation:pulse 2.7s infinite}.pulse-a{left:21%;top:28%}.pulse-b{right:10%;bottom:31%;animation-delay:.7s}.pulse-c{left:44%;bottom:8%;animation-delay:1.4s}@keyframes pulse{50%{transform:scale(1.18);opacity:.55}}.pin{position:absolute;background:var(--ink);color:white;border-radius:50%;padding:7px;font-size:10px;z-index:1}.pin-a{left:10%;top:15%}.pin-b{right:12%;top:32%}.pin-c{left:38%;bottom:4%}.scroll-mark{position:absolute;bottom:30px;left:5vw;font-size:11px;letter-spacing:.14em}.scroll-mark span{margin-left:15px}
.statement{padding:150px 8vw;text-align:center;border-top:1px solid var(--line)}.statement h2,.download h2{font-size:clamp(50px,7vw,104px);line-height:.95;letter-spacing:-.065em;margin:35px auto;max-width:1050px}.statement h2 span{font-family:"Libre Caslon Display",serif;font-weight:400;color:var(--sage)}.statement>p:last-child{font-size:18px;line-height:1.65;max-width:650px;margin:0 auto}
.feature{min-height:760px;padding:110px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;border-top:1px solid var(--line)}.feature h3{font-size:clamp(42px,5vw,75px);line-height:.97;letter-spacing:-.055em;margin:26px 0}.feature-copy>p:not(.section-no){font-size:18px;line-height:1.65;max-width:530px}.micro-list{margin-top:45px;padding-top:18px;border-top:1px solid var(--line);display:flex;gap:14px;flex-wrap:wrap;font-size:12px;text-transform:uppercase}.micro-list span{color:var(--sage);font-weight:700}
.device-scene{height:610px;position:relative;display:grid;place-items:center}.device-scene .phone{position:relative;width:280px}.tilted{transform:rotate(-8deg)}.tilted-back{transform:rotate(7deg);z-index:2}.orbit{position:absolute;border:1px solid var(--sage);border-radius:50%;width:520px;height:280px;transform:rotate(-35deg)}.orbit-two{width:420px;height:620px;opacity:.35;transform:rotate(28deg)}.metal-tag{position:absolute;right:4%;bottom:12%;width:125px;height:125px;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:700;background:linear-gradient(145deg,#fff,#8f938d 40%,#e9ebe7 64%,#666);box-shadow:0 18px 30px rgba(0,0,0,.2)}
.explore-feature{background:var(--sage);color:white}.explore-feature .section-no{color:var(--acid)}.float-card{right:0;bottom:4%;transform:rotate(-8deg);color:var(--ink)}.categories{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.categories span{border:1px solid rgba(255,255,255,.55);border-radius:100px;padding:9px 17px;font-size:13px}
.manifesto{background:var(--ink);color:white;padding:130px 7vw 40px;min-height:610px;position:relative;overflow:hidden}.manifesto-mark{position:absolute;font-size:32vw;font-weight:700;letter-spacing:-.09em;line-height:.6;color:rgba(255,255,255,.05);left:-2vw;bottom:0}.manifesto blockquote{position:relative;margin:0;font-family:"Libre Caslon Display",serif;font-size:clamp(45px,6.5vw,94px);line-height:1.02;text-align:center}.contrast-strip{position:absolute;bottom:28px;left:5vw;right:5vw;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);padding-top:18px;color:#b8b8b3;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.download{min-height:800px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:100px 8vw;overflow:hidden}.download h2{margin:25px 0;max-width:620px}.download-copy>p:not(.section-no,.availability){font-size:18px}.availability{font-size:12px;opacity:.55}.download-art{height:640px;position:relative;display:grid;place-items:center}.sun{position:absolute;width:530px;height:530px;border-radius:50%;background:var(--acid)}.final-phone{position:relative;width:285px;transform:rotate(4deg);z-index:1}.final-note{right:4%;bottom:12%;z-index:2}.light{background:var(--sage)}
footer{min-height:160px;border-top:1px solid var(--line);padding:38px 5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}.footer-top p{font-family:"Libre Caslon Display",serif;font-size:19px}footer small{grid-column:1/-1;color:#777}.route{position:absolute;border:1px dashed var(--sage);border-radius:50%;opacity:.28}.route-one{width:700px;height:520px;right:-280px;top:-200px;transform:rotate(-20deg)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:850px){.nav{height:68px;padding:0 22px}.nav nav a:not(.nav-cta){display:none}.logo{font-size:35px}.hero{min-height:auto;padding:125px 22px 70px;display:block}.hero h1{font-size:61px}.hero-intro{font-size:16px}.hero-stage{height:570px;margin-top:45px}.phone-main{width:230px;left:24%;top:2%}.memory-a{width:145px;right:-9%;top:18%}.memory-b{width:145px;left:-7%}.photo{height:135px}.hand-note{font-size:16px;right:0}.statement{padding:100px 22px}.statement h2{font-size:49px}.feature{padding:85px 22px;display:flex;flex-direction:column;min-height:auto}.feature-copy{width:100%}.feature h3{font-size:48px}.device-scene{width:100%;height:560px}.explore-feature .device-scene{order:2}.orbit{width:390px}.download{padding:90px 22px;display:block}.download h2{font-size:55px}.download-art{height:570px;margin-top:40px}.sun{width:390px;height:390px}.manifesto{min-height:520px;padding:100px 22px}.contrast-strip span:nth-child(even){display:none}footer{grid-template-columns:1fr 1fr;padding:30px 22px}.footer-top p{display:none}footer small{grid-column:1/-1}.scroll-mark{display:none}}
@media(max-width:430px){.hero h1{font-size:53px}.hero-stage{transform:scale(.92);transform-origin:center top;margin-bottom:-40px}.phone-main{left:18%}.device-scene{transform:scale(.9);margin:-25px 0}.float-card{right:-10%}.final-phone{width:250px}}

/* VIA editorial edition */
.nav{color:white;border-bottom-color:rgba(255,255,255,.18);mix-blend-mode:difference}
.ticker{position:absolute;top:84px;left:0;right:0;height:29px;background:var(--acid);color:var(--ink);z-index:9;overflow:hidden;white-space:nowrap;font-size:10px;font-weight:700;letter-spacing:.13em;display:flex;align-items:center}
.ticker div{animation:marquee 22s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}
.hero{min-height:880px;padding-top:175px;background:var(--ink);color:var(--ivory)}
.hero h1 em{color:var(--acid)}
.issue{display:inline-block;border:1px solid currentColor;border-radius:50%;padding:9px 15px;font-size:10px;letter-spacing:.14em;transform:rotate(-5deg);margin-bottom:16px}
.map-grid{opacity:.38}
.polaroid{color:var(--ink)}
.hand-note{color:var(--acid)}
.chrome-word{position:absolute;right:-2%;top:5%;font-size:clamp(90px,13vw,190px);font-weight:700;letter-spacing:-.09em;line-height:.7;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.25);transform:rotate(90deg);transform-origin:70% 80%;z-index:0}
.sticker{position:absolute;background:var(--acid);color:var(--ink);font-weight:800;font-size:11px;line-height:.9;padding:14px 11px;border-radius:50%;text-align:center;box-shadow:4px 4px 0 white;z-index:5}
.sticker-one{left:17%;top:4%;transform:rotate(-12deg)}
.scroll-mark{color:var(--ivory)}
.statement{padding-bottom:95px}
.statement>p:nth-last-child(2){font-size:18px;line-height:1.65;max-width:650px;margin:0 auto}
.coordinates{margin-top:75px;border-top:1px solid var(--line);padding-top:18px;font-size:10px;letter-spacing:.2em;text-align:left}
.vertical-type{position:absolute;left:1%;top:15%;font-size:10px;letter-spacing:.2em;writing-mode:vertical-rl}
.lime-stamp{position:absolute;right:8%;top:12%;width:118px;height:118px;background:var(--acid);color:var(--ink);border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:800;line-height:.85;transform:rotate(11deg)}
@media(max-width:850px){
  .ticker{top:68px}
  .hero{padding-top:145px}
  .chrome-word{font-size:105px;right:-12%}
  .sticker-one{left:5%;top:1%}
  .lime-stamp{width:84px;height:84px;font-size:11px;right:4%;top:8%}
}

/* ── 이용안내 · 사업자 정보 (전자상거래법 표기) ───────────────── */
body{font-family:"DM Sans","Noto Sans KR",Arial,sans-serif}
.service{border-top:1px solid var(--line);background:var(--white);padding:110px 8vw 90px}
.service-head{max-width:760px}
.service h2{font-size:clamp(38px,4.6vw,64px);line-height:1.02;letter-spacing:-.045em;margin:26px 0 22px}
.service-lead{font-size:17px;line-height:1.7;color:#3a3d36;max-width:640px}
.service-grid{margin-top:60px;display:grid;grid-template-columns:repeat(2,1fr);gap:38px 52px}
.service-grid article{border-top:1px solid var(--line);padding-top:22px}
.service-grid h3{font-size:19px;letter-spacing:-.02em;margin:0 0 14px;font-weight:700}
.service-grid ul{margin:0;padding-left:18px}
.service-grid li{font-size:14.5px;line-height:1.75;color:#3a3d36;margin-bottom:7px}
.service-grid strong{color:var(--ink)}
.text-link{display:inline-block;margin-top:12px;font-size:13px;font-weight:600;border-bottom:1px solid var(--sage);color:var(--sage);padding-bottom:2px}
.service-note{margin-top:52px;border:1px solid var(--line);border-radius:14px;background:var(--ivory);padding:22px 26px}
.service-note p{margin:0;font-size:14px;line-height:1.75;color:#3a3d36}

footer{display:block;min-height:auto;padding:52px 5vw 44px;background:var(--ivory)}
.footer-top{display:flex;align-items:center;gap:28px;flex-wrap:wrap;padding-bottom:30px;border-bottom:1px solid var(--line)}
.footer-top p{margin:0;flex:1 1 240px}
.footer-links{display:flex;gap:22px;font-size:13.5px;flex-wrap:wrap}
.footer-links a{border-bottom:1px solid var(--line);padding-bottom:2px}
.footer-links a:hover{border-bottom-color:var(--ink)}
.biz{display:block;padding:30px 0 22px}
.biz h4{margin:0 0 16px;font-size:11px;letter-spacing:.18em;font-weight:700;color:#6b6f66;text-transform:uppercase}
.biz dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 44px}
.biz dl>div{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:start;gap:12px;font-size:13.5px;line-height:1.6;border-bottom:1px dotted var(--line);padding-bottom:7px}
.biz dt{color:#6b6f66}
.biz dd{min-width:0;margin:0;color:var(--ink);overflow-wrap:anywhere}
.biz .todo{color:#b4442f;font-weight:600}
.biz-note{margin:20px 0 0;font-size:12.5px;line-height:1.7;color:#6b6f66}
footer small{display:block;margin-top:8px;color:#8a8d84;font-size:12px}

@media(max-width:850px){
  .service{padding:80px 22px 70px}
  .service-grid{grid-template-columns:1fr;gap:30px;margin-top:44px}
  .footer-top p{display:none}
  .biz dl{grid-template-columns:1fr}
  .biz dl>div{grid-template-columns:118px minmax(0,1fr)}
}