:root{--blue:#0a83f5;--blue2:#16c7f4;--navy:#071b4b;--ink:#12244b;--muted:#60739a;--sky:#edf8ff;--lime:#d7ff58;--pink:#ff3a70;--white:#fff;--line:#dce9f7;--shadow:0 24px 70px rgba(7,77,159,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,"Noto Sans KR",system-ui,sans-serif;color:var(--ink);background:#fbfdff;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button,select{font:inherit}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-9999px;top:1rem;background:#fff;padding:.8rem 1rem;z-index:100}.skip-link:focus{left:1rem}
.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;max-width:1280px;margin:auto;padding:0 28px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:.68rem}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-size:1.25rem;color:var(--navy)}.brand small{font-size:.59rem;color:#2778d9;letter-spacing:.04em;margin-top:.25rem}.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(140deg,var(--blue),var(--blue2));position:relative;box-shadow:0 8px 22px #0a83f53d}.brand-mark:before{content:"";position:absolute;width:15px;height:21px;border:4px solid #fff;border-right-color:transparent;border-bottom-color:transparent;border-radius:50%;left:10px;top:8px;transform:rotate(-23deg)}.brand-mark span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--pink);right:6px;top:6px}.site-header nav{display:flex;gap:1.7rem;font-weight:700;font-size:.87rem}.site-header nav a:hover{color:var(--blue)}.header-actions{display:flex;align-items:center;gap:.7rem}select{border:1px solid var(--line);border-radius:999px;padding:.68rem 2rem .68rem .85rem;background:#fff;color:var(--ink);max-width:135px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;border-radius:999px;font-weight:800;box-shadow:0 10px 24px #0a83f533}.button-small{padding:.72rem 1.15rem;font-size:.85rem}
.hero{min-height:calc(100svh - 82px);max-width:1280px;margin:auto;padding:54px 36px 82px;display:grid;grid-template-columns:1.07fr .93fr;align-items:center;gap:3rem;position:relative}.hero:before{content:"";position:absolute;width:66vw;height:66vw;max-width:850px;max-height:850px;background:radial-gradient(circle,#d6f6ff 0,#effbff 44%,transparent 70%);right:-24%;top:-27%;z-index:-2}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--blue);font-size:.76rem;font-weight:800;margin:0 0 1.15rem}.hero h1,.section-heading h2,.modes h2,.privacy h2,.safety h2,.legal-notice h2,.download h2{font-size:clamp(2.7rem,5.7vw,5.3rem);line-height:1.01;letter-spacing:-.052em;margin:0;color:var(--navy)}.hero h1 span{color:var(--blue)}.hero-lead{font-size:clamp(1.05rem,1.7vw,1.28rem);max-width:650px;color:var(--muted);margin:1.7rem 0 2rem}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap}.store-button{border:0;display:flex;align-items:center;gap:.75rem;background:var(--navy);color:#fff;border-radius:15px;padding:.75rem 1.18rem;min-width:184px;text-align:left;cursor:pointer;box-shadow:0 13px 28px #071a4a26;transition:.2s transform,.2s box-shadow}.store-button:hover{transform:translateY(-3px);box-shadow:0 18px 34px #071a4a32}.store-button-light{background:#fff;color:var(--navy);border:1px solid var(--line)}.store-button small,.store-button strong{display:block;line-height:1.2}.store-button small{font-size:.66rem}.store-button strong{font-size:1rem}.store-symbol{font-size:1.25rem}.trust-row{display:flex;gap:1.1rem;list-style:none;padding:0;margin:1.65rem 0 0;flex-wrap:wrap;color:var(--navy);font-weight:700;font-size:.82rem}.trust-row li{display:flex;gap:.4rem;align-items:center}.trust-row li>span:first-child{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#dfffd8;color:#087d31}.micro-disclaimer{font-size:.73rem;line-height:1.5;color:#7b879f;max-width:640px;margin:1rem 0 0}.hero-visual{position:relative;display:grid;place-items:center;min-height:620px}.image-halo{position:absolute;width:500px;height:500px;border-radius:50%;background:linear-gradient(145deg,#16c7f4,#0a83f5 56%,#0756c8);box-shadow:var(--shadow)}.phone-card{width:min(365px,78vw);position:relative;z-index:2;transform:rotate(2deg);filter:drop-shadow(0 25px 30px rgba(0,44,104,.23));border-radius:46px;overflow:hidden}.phone-card img{width:100%;height:auto}.floating-note{position:absolute;z-index:3;background:#fff;border:1px solid #ffffffaa;border-radius:17px;padding:.82rem 1rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:.65rem;font-size:.82rem}.floating-note span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:var(--sky);color:var(--blue)}.note-one{left:1%;top:20%}.note-two{right:0;bottom:18%}
.section-pad{max-width:1180px;margin:auto;padding:108px 32px}.section-heading h2,.modes h2,.privacy h2,.safety h2,.legal-notice h2,.download h2{font-size:clamp(2.2rem,4.1vw,4.15rem)}.centre{text-align:center;max-width:790px;margin:0 auto 3.5rem}.centre>p:last-child{font-size:1.05rem;color:var(--muted);max-width:650px;margin:1rem auto 0}.confidence{display:grid;grid-template-columns:1fr 1fr;gap:3rem 5rem}.confidence-copy>p{color:var(--muted);font-size:1.06rem;margin:0 0 1.5rem}.outcome{display:flex;align-items:center;gap:1rem;border-top:1px solid var(--line);padding:1rem 0;font-weight:750}.outcome b{color:var(--blue);font-size:.78rem}
.feature-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:1rem}.feature-card{border:1px solid var(--line);background:#fff;border-radius:28px;padding:2rem;min-height:270px;position:relative;overflow:hidden}.feature-card h3{font-size:1.35rem;line-height:1.22;margin:1rem 0 .8rem;color:var(--navy)}.feature-card p{margin:0;color:var(--muted)}.feature-main{grid-row:span 2;background:linear-gradient(160deg,#f8fcff,#e4f7ff)}.blue-card{background:var(--blue);color:#fff;border-color:var(--blue)}.blue-card h3,.blue-card p{color:#fff}.lime-card{background:var(--lime);border-color:var(--lime)}.wide-card{grid-column:span 2;display:flex;align-items:center;gap:1.3rem;min-height:190px}.icon{width:49px;height:49px;border-radius:15px;display:grid;place-items:center;background:var(--sky);color:var(--blue);font-size:1.55rem;font-weight:800}.blue-card .icon{background:#ffffff24;color:#fff}.lime-card .icon{background:#fff}.mini-route{height:190px;margin-top:1.8rem;border-radius:20px;background:linear-gradient(35deg,#dcefff,#fff);position:relative;overflow:hidden}.mini-route:before,.mini-route:after{content:"";position:absolute;background:#fff;border-radius:999px}.mini-route:before{width:290px;height:48px;transform:rotate(-35deg);left:-40px;top:65px}.mini-route:after{width:230px;height:40px;transform:rotate(42deg);right:-25px;top:70px}.mini-route b{position:absolute;width:22px;height:22px;background:var(--pink);border:5px solid #fff;border-radius:50% 50% 50% 0;transform:rotate(-45deg);right:25%;top:28%;z-index:2}.language-pills{display:flex;margin-left:auto}.language-pills span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--sky);border:3px solid #fff;margin-left:-8px;color:var(--blue);font-size:.7rem;font-weight:800}
.modes{max-width:1180px;border-radius:44px;background:linear-gradient(145deg,#071b4b,#0b4190);color:#fff;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:5rem;padding:78px 88px;margin-top:50px;overflow:hidden}.modes h2,.modes p,.modes h3{color:#fff}.mode-image{width:min(320px,100%);margin:auto;border-radius:34px;overflow:hidden;border:6px solid #fff;box-shadow:0 25px 60px #0005;transform:rotate(-2deg)}.mode-lead{color:#cbdcff!important;font-size:1.05rem}.mode-list{display:grid;gap:.8rem;margin-top:1.7rem}.mode-list article{display:grid;grid-template-columns:44px 1fr;gap:1rem;padding:1rem;border:1px solid #ffffff22;border-radius:18px;background:#ffffff0d}.mode-number{width:44px;height:44px;border-radius:14px;background:var(--lime);color:var(--navy);display:grid;place-items:center;font-weight:800}.mode-list h3{margin:0;font-size:1.05rem}.mode-list p{margin:.2rem 0 0;color:#cbdcff;font-size:.9rem}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.steps article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.7rem}.steps b{color:var(--blue);font-size:.78rem}.steps h3{font-size:1.08rem;color:var(--navy);line-height:1.3;margin:1.3rem 0 .55rem}.steps p{color:var(--muted);font-size:.91rem;margin:0}
.privacy{max-width:1180px;border-radius:44px;background:var(--navy);color:#fff;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:3rem;padding:80px;margin-top:45px;overflow:hidden}.privacy h2,.privacy p{color:#fff}.privacy-copy>p:last-of-type{color:#becceb;font-size:1.04rem;max-width:680px}.light{color:#61d0ff}.privacy-art{min-height:300px;display:grid;place-items:center;position:relative}.shield{width:140px;height:165px;background:linear-gradient(145deg,var(--blue2),var(--blue));clip-path:polygon(50% 0,92% 15%,86% 72%,50% 100%,14% 72%,8% 15%);display:grid;place-items:center;font-size:4rem;font-weight:800;position:relative;z-index:2;filter:drop-shadow(0 20px 30px #0005)}.orbit{position:absolute;border:1px solid #3e5a94;border-radius:50%}.orbit-one{width:240px;height:240px}.orbit-two{width:330px;height:330px}.privacy-points{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.7rem}.privacy-points>span{display:flex;align-items:center;gap:.5rem;background:#ffffff12;border:1px solid #ffffff20;border-radius:999px;padding:.65rem .9rem;font-size:.82rem;font-weight:700}.privacy-points b{color:var(--lime)}.text-link{display:inline-block;color:#75dbff;font-weight:800;margin-top:1.5rem}
.safety{display:flex;gap:1.5rem;align-items:flex-start}.safety h2{font-size:clamp(2rem,3vw,3.4rem);margin-bottom:1rem}.safety p:last-child{max-width:880px;color:var(--muted);margin:0}.safety-icon{flex:0 0 54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#fff0d4;color:#bc7200;font-weight:800;font-size:1.3rem}.legal-notice{display:grid;grid-template-columns:1fr 1fr;gap:4rem;background:#fff8e8;border:1px solid #ffe2a0;border-radius:34px;padding:52px 58px;margin-bottom:100px}.legal-notice h2{font-size:clamp(2rem,3.4vw,3.5rem)}.legal-notice>p{color:#745f35;margin:0;align-self:center}
.download{max-width:1180px;border-radius:44px;background:linear-gradient(135deg,#087cf0,#16c7f4);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:70px 80px;margin-bottom:100px;overflow:hidden}.download h2,.download p{color:#fff}.download-copy>p:not(.eyebrow,.store-note){max-width:620px}.store-note{font-size:.76rem;opacity:.8}.download-route{height:260px;position:relative;border:2px dashed #ffffff70;border-radius:50%;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;transform:rotate(-8deg)}.download-route span,.download-route b{background:#fff;color:var(--blue);padding:.6rem .85rem;border-radius:999px;transform:rotate(8deg)}.download-route i{width:20px;height:20px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 10px #d7ff5838}
.footer{background:#061338;color:#b7c3df;padding:64px max(28px,calc((100vw - 1180px)/2)) 30px}.footer-brand strong{color:#fff}.footer>p{max-width:800px;font-size:.83rem;margin:1.8rem 0}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.85rem;font-weight:800;color:#fff}.footer-links a:hover{color:#61d0ff}.footer-bottom{border-top:1px solid #ffffff1b;padding-top:1.2rem;margin-top:1.5rem;display:flex;justify-content:space-between;gap:1rem;font-size:.74rem}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,140px);background:var(--navy);color:#fff;border-radius:999px;padding:.8rem 1.2rem;z-index:100;box-shadow:var(--shadow);transition:.3s transform;font-size:.86rem}.toast.show{transform:translate(-50%,0)}
.legal-header{position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.legal-header .site-header{height:76px}.legal-main{max-width:920px;margin:auto;padding:70px 28px 110px}.legal-main .legal-kicker{color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.legal-main h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.02;letter-spacing:-.05em;color:var(--navy);margin:.7rem 0 1rem}.legal-main .effective{color:var(--muted);margin-bottom:3rem}.legal-content{background:#fff;border:1px solid var(--line);border-radius:28px;padding:44px 50px;box-shadow:0 20px 60px #0a5aaa0b}.legal-content h2{font-size:1.42rem;color:var(--navy);margin:2.7rem 0 .8rem;line-height:1.3}.legal-content h2:first-child{margin-top:0}.legal-content h3{font-size:1.08rem;color:var(--navy);margin:1.8rem 0 .6rem}.legal-content p,.legal-content li{color:#465979}.legal-content ul{padding-left:1.3rem}.legal-content a{color:var(--blue);text-decoration:underline}.legal-note{background:#eaf7ff;border-left:4px solid var(--blue);padding:1rem 1.2rem;border-radius:0 14px 14px 0;color:#35567f;margin-bottom:2rem}.back-link{color:var(--blue);font-weight:800}
@media(max-width:1100px){.site-header nav{gap:1rem}.hero{gap:1rem}.feature-grid{grid-template-columns:1.1fr 1fr}.feature-main{grid-row:auto;grid-column:span 2}.wide-card{grid-column:span 2}.modes{margin-inline:22px}.privacy{margin-inline:22px}.legal-notice,.download{margin-inline:22px}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:38px}.hero-copy{text-align:center}.hero-lead,.micro-disclaimer{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:590px}.confidence{grid-template-columns:1fr}.modes{grid-template-columns:1fr;gap:3rem;padding:62px}.mode-image{width:290px}.privacy{grid-template-columns:1fr;padding:60px}.privacy-art{min-height:250px}.legal-notice{grid-template-columns:1fr;gap:1.4rem}.download{grid-template-columns:1fr;padding:60px}.download-route{display:none}}
@media(max-width:700px){.site-header{height:70px;padding:0 16px}.brand strong{font-size:1rem}.brand small{font-size:.5rem}.brand-mark{width:35px;height:35px}.header-actions .button{display:none}select{max-width:120px;padding:.55rem 1.6rem .55rem .7rem}.hero{padding:36px 20px 56px}.hero h1{font-size:clamp(2.55rem,11vw,4rem)}.hero-lead{font-size:1rem}.hero-visual{min-height:510px}.image-halo{width:360px;height:360px}.phone-card{width:290px}.floating-note{font-size:.7rem;padding:.55rem .7rem}.note-one{left:-2%;top:16%}.note-two{right:-2%;bottom:14%}.section-pad{padding:75px 20px}.feature-grid{grid-template-columns:1fr}.feature-main,.wide-card{grid-column:auto}.wide-card{display:block}.language-pills{margin:1.5rem 0 0 7px}.modes,.privacy,.legal-notice,.download{border-radius:28px;margin-inline:14px}.modes{padding:52px 24px}.privacy{padding:54px 24px}.privacy-art{min-height:210px}.shield{width:105px;height:125px;font-size:3rem}.orbit-one{width:180px;height:180px}.orbit-two{width:240px;height:240px}.steps{grid-template-columns:1fr}.legal-notice{padding:42px 24px;margin-bottom:72px}.download{padding:52px 24px;margin-bottom:70px}.footer{padding:50px 22px 28px}.footer-bottom{flex-direction:column}.toast{width:calc(100% - 32px);text-align:center;border-radius:16px}.hero-actions .store-button{flex:1;min-width:150px}.trust-row{gap:.7rem}.legal-main{padding:52px 16px 80px}.legal-content{padding:28px 22px;border-radius:20px}}
@media(max-width:480px) and (orientation:portrait){.site-header .brand small{display:none}.hero-actions{display:grid;grid-template-columns:1fr 1fr}.store-button{min-width:0;padding:.68rem .82rem}.store-button strong{font-size:.9rem}.store-button small{font-size:.58rem}.hero-visual{min-height:480px}.phone-card{width:270px}.confidence-copy>p{font-size:1rem}.feature-card{padding:1.55rem}.mode-image{width:250px}}
@media(min-width:560px) and (max-width:950px) and (orientation:landscape){.site-header{height:68px}.hero{min-height:auto;grid-template-columns:1.08fr .92fr;padding:28px 26px 44px}.hero-copy{text-align:left}.hero h1{font-size:2.65rem}.hero-lead{font-size:.95rem;margin:1rem 0}.hero-actions,.trust-row{justify-content:flex-start}.hero-visual{min-height:430px}.phone-card{width:245px}.image-halo{width:340px;height:340px}.floating-note{font-size:.65rem}.micro-disclaimer{margin-left:0}.section-pad{padding-top:72px;padding-bottom:72px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.store-button{transition:none}}