:root{--background:#f5f5f7;--foreground:#111113;--muted:#6e6e73;--hairline:#00000014;--red:#df1917;--blue:#0a84ff;--green:#30d158;--content-max:1120px;--content-pad:clamp(24px, 5.2vw, 72px);--content-inset:max(var(--content-pad), calc((100vw - var(--content-max)) / 2))}@property --progress{syntax:"<number>";inherits:false;initial-value:92}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Pretendard Variable,Pretendard,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{-webkit-user-select:none;user-select:none}.top-nav{z-index:20;width:100%;height:54px;padding:0 var(--content-inset);-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);color:#000000c2;background:#fbfbfdb8;border-bottom:1px solid #ffffff85;justify-content:space-between;align-items:center;font-size:13px;display:flex;position:fixed;top:0;left:0}.top-nav div{gap:34px;display:flex}.brand{color:var(--red);align-items:center;gap:8px;font-weight:700;display:inline-flex}.brand img{border-radius:7px}.brand-switcher{min-width:76px;height:18px;color:var(--red);align-items:center;margin:0;font-size:15px;font-weight:700;line-height:1.1;display:inline-flex;overflow:hidden}.brand-switcher span{transform-origin:50% 70%;animation:1.8s cubic-bezier(.19,1,.22,1) both brandPop;display:inline-block}.opening-hero{min-height:100vh;padding:118px var(--content-inset) 74px;background:linear-gradient(#fff 0%,#fafafa 58%,#f5f5f7 100%);grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);align-items:center;gap:clamp(56px,8vw,120px);display:grid;position:relative;overflow:hidden}.opening-copy{z-index:2;position:relative}.opening-copy,.probability-hero .hero-copy,.feature-dogam .feature-copy,.feature-local .feature-copy{--copy-label-nudge:5px;--copy-body-nudge:2px;text-align:left;justify-self:start;width:min(100%,620px)}.opening-copy h1{color:#111113;letter-spacing:0;word-break:keep-all;overflow-wrap:break-word;max-width:680px;margin:0;font-size:clamp(34px,3.45vw,54px);font-weight:760;line-height:1.2}.opening-copy p{max-width:560px;color:var(--muted);word-break:keep-all;overflow-wrap:break-word;transform:translateX(var(--copy-body-nudge));margin:26px 0 0;font-size:clamp(16px,1.45vw,20px);font-weight:620;line-height:1.55}.review-cloud{perspective:1000px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid;position:relative}.review-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:178px;animation:.9s cubic-bezier(.16,1,.3,1) both reviewFloatIn,5.4s ease-in-out infinite reviewDrift;animation-delay:calc(var(--delay) * .14s), calc(.9s + var(--delay) * .16s);background:#ffffffe0;border:1px solid #00000012;border-radius:26px;padding:22px;box-shadow:0 24px 70px #0000001a}.review-card:nth-child(2n){transform:translateY(38px)}.review-card:nth-child(3n){transform:translateY(-18px)}.review-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.review-card-head strong{font-size:18px;line-height:1.2}.review-percent-ring{background:radial-gradient(circle, #fff 0 55%, transparent 56%), conic-gradient(from -90deg, var(--red) 0 calc(var(--card-progress) * 1%), #df191724 calc(var(--card-progress) * 1%) 100%);width:38px;height:38px;color:var(--red);border-radius:999px;flex:none;place-items:center;font-size:10px;font-weight:700;line-height:1;display:grid}.review-card p{color:#7a7a80;word-break:keep-all;margin:18px 0 0;font-size:13px;font-weight:500;line-height:1.5}.review-metrics{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.review-metrics span{color:#55555a;background:#f3f3f5;border-radius:10px;padding:7px 9px;font-size:12px;font-weight:750}.hero{min-height:100vh;padding:120px var(--content-inset) 72px;background:linear-gradient(#fff 0%,#fff5f5 55%,#ffd9d9 100%);grid-template-columns:minmax(0,1fr) minmax(320px,430px);align-items:center;column-gap:clamp(56px,7vw,104px);display:grid;position:relative;overflow:hidden}.probability-hero{min-height:96vh}.hero-bg{background:radial-gradient(circle at 50% 0,#ff3b3033,#0000 60%);height:48vh;position:absolute;inset:auto -8vw -8vh}.hero-copy,.feature-copy,.section-title{z-index:2;position:relative}.eyebrow{color:var(--red);margin:0 0 18px;font-size:15px;font-weight:700;line-height:1.35}.hero-copy .eyebrow,.feature-copy .eyebrow{transform:translateX(var(--copy-label-nudge,0))}.hero h1,.intro-band h2,.feature-copy h2,.section-title h2,.closing h2{letter-spacing:0;margin:0;font-weight:700;line-height:1.16}.hero h1{word-break:keep-all;overflow-wrap:break-word;max-width:560px;font-size:clamp(24px,3.1vw,48px)}.hero-copy>p:last-child,.feature-copy>p:last-child,.closing p{max-width:560px;color:var(--muted);margin:28px 0 0;font-size:clamp(16px,1.45vw,20px);font-weight:600;line-height:1.45}.hero-copy>p:last-child,.feature-copy>p:last-child{transform:translateX(var(--copy-body-nudge,0))}.probability-orbit{z-index:3;justify-items:center;gap:22px;display:grid;position:relative}.probability-ring,.giant-ring{aspect-ratio:1;background:radial-gradient(circle, #fff 0 46%, transparent 47%), conic-gradient(from -35deg, var(--red) 0 92%, #ff3b301f 92% 100%);border-radius:999px;width:clamp(260px,32vw,460px);animation:6s ease-in-out infinite floatRing;display:block;position:relative;box-shadow:0 36px 90px #ff3b3047,inset 0 -12px 22px #7800001f}.probability-ring{--progress:92;background:radial-gradient(circle, #fff 0 46%, transparent 47%), conic-gradient(from -90deg, var(--red) 0 calc(var(--progress) * 1%), #df191724 calc(var(--progress) * 1%) 100%);transition:--progress .72s}.probability-center{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.probability-center span,.giant-ring span{font-size:clamp(60px,8vw,112px);font-weight:900;line-height:1;display:block;transform:translateY(-.01em)}.probability-ring small,.giant-ring small{color:#7a1a16;white-space:nowrap;font-size:clamp(14px,1.25vw,17px);font-weight:600;line-height:1;position:absolute;top:calc(50% + clamp(34px,4.8vw,66px));left:50%;transform:translate(-50%)}.probability-note{color:#5f1a17;background:#ffffffbd;border:1px solid #ff3b302e;border-radius:999px;padding:12px 18px;font-weight:800;box-shadow:0 18px 40px #00000014}.intro-band{min-height:58vh;padding:100px var(--content-inset);text-align:center;background:#f5f5f7;place-items:center;display:grid}.intro-band h2,.section-title h2{text-align:center;word-break:keep-all;max-width:720px;margin-inline:auto;font-size:clamp(22px,2.8vw,39px)}.feature-section{min-height:112vh;padding:120px var(--content-inset);background:#fff;grid-template-columns:minmax(0,1fr) minmax(280px,390px);align-items:center;gap:clamp(56px,7vw,104px);display:grid;position:relative;overflow:hidden}.feature-copy h2{word-break:keep-all;overflow-wrap:break-word;max-width:560px;font-size:clamp(22px,2.7vw,36px)}.feature-dogam{background:linear-gradient(#fff,#f7f8fb),radial-gradient(circle at 80% 20%,#ff3b3029,#0000 36%)}.feature-local{background:linear-gradient(#f8facd 0%,#f5f8d4 48%,#eef3df 100%);min-height:122vh}.feature-local .terrain{z-index:0;object-fit:cover;object-position:center top;filter:saturate(1.08)contrast(1.04);position:absolute;height:49%!important;top:auto!important;bottom:0!important}.big-pin{left:max(calc(var(--content-inset) + 64px), calc(50vw - 510px));z-index:1;filter:drop-shadow(0 24px 26px #0000003d);width:clamp(190px,18vw,280px);height:auto;animation:4.2s ease-in-out infinite pinFloat;position:absolute;bottom:clamp(78px,10vh,118px)}.feature-local .feature-copy,.feature-local .phone{z-index:2}.feature-matbti{background:radial-gradient(circle at 50% 28%,#30d15824,#0000 34%),linear-gradient(#fff,#f7fff8);flex-direction:column;align-items:center;gap:64px;min-height:118vh;display:flex}.matbti-heading{z-index:2;text-align:center;width:min(100%,760px);position:relative}.matbti-heading h2{text-align:center;word-break:keep-all;margin:0;font-size:clamp(28px,3.4vw,50px);font-weight:760;line-height:1.16}.matbti-heading>p:last-child{max-width:100%;color:var(--muted);text-align:center;white-space:nowrap;margin:22px auto 0;font-size:clamp(16px,1.35vw,20px);font-weight:650;line-height:1.48}.matbti-showcase{z-index:2;grid-template-columns:minmax(170px,240px) minmax(300px,370px) minmax(170px,240px);justify-content:center;align-items:center;gap:clamp(24px,4vw,56px);width:min(100%,1050px);display:grid;position:relative}.matbti-type-column{gap:12px;display:grid}.matbti-type-chip{color:#25272a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #30d1582e;border-radius:18px;gap:4px;padding:13px 15px;transition:color .26s,border-color .26s,background-color .26s,box-shadow .26s;display:grid;transform:translateZ(0);box-shadow:0 18px 45px #1e5a3214}.matbti-type-chip.is-synced{animation:12s infinite matbtiChipSync;animation-delay:calc(var(--active-index) * 4s)}.matbti-type-chip.is-synced strong{animation:12s infinite matbtiCodeSync;animation-delay:calc(var(--active-index) * 4s)}.matbti-type-chip strong{color:#19a84d;font-size:13px;line-height:1;transition:color .26s,opacity .26s}.matbti-type-chip span{color:currentColor;word-break:keep-all;font-size:15px;font-weight:780;line-height:1.22;transition:color .26s}.phone{background:linear-gradient(145deg,#ffffff2e,#0000 28%),linear-gradient(145deg,#2f3135 0%,#15161a 44%,#050506 100%);border:1px solid #ffffff57;border-radius:62px;width:min(100%,390px);height:760px;padding:8px;position:relative;transform:translateZ(0);box-shadow:0 42px 92px #0000003d,0 10px 24px #00000029,inset 0 0 0 1px #ffffff1f,inset 0 -18px 30px #00000057}.phone:before{z-index:0;content:"";background:linear-gradient(#2a2b2f,#0d0e10);border-radius:0 999px 999px 0;width:3px;height:94px;position:absolute;top:118px;right:-3px}.phone:after{z-index:4;content:"";background:#050506;border-radius:999px;width:92px;height:26px;position:absolute;top:23px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff14,0 1px 3px #0000003d}.feature-matbti .phone{z-index:2;justify-self:center;width:min(100%,370px);transform:none}.phone-speaker{z-index:3;background:#050505;border-radius:999px;width:88px;height:24px;position:absolute;top:22px;left:50%;transform:translate(-50%)}.phone-screen{z-index:1;background:#fbfbfd;border-radius:54px;height:100%;padding:46px 22px 24px;position:relative;overflow:hidden}.phone-screen.capture-screen{background:#fff;padding:0}.app-header{color:#171717;align-items:center;gap:10px;font-size:15px;font-weight:900;display:flex}.app-header img{border-radius:10px}.hero-card{background:#fff;border-radius:28px;justify-content:space-between;align-items:center;margin-top:24px;padding:22px;display:flex;box-shadow:0 18px 50px #00000014}.hero-card p{margin:0;font-size:24px;font-weight:900}.dogam-screenshot-slider{height:100%;box-shadow:none;background:#f8f8fa;border-radius:54px;margin:0;position:relative;overflow:hidden}.dogam-screenshot{object-fit:cover;object-position:top center;opacity:0;animation:7s cubic-bezier(.16,1,.3,1) infinite screenshotSlide;animation-delay:calc(var(--screen-index) * 3.5s);transform:translate(42px)scale(.985)}.local-scroll-frame{--visible-screen:732px;background:#f1efe9;border-radius:54px;height:100%;position:relative;overflow:hidden}.matbti-scroll-frame{--visible-screen:732px;background:#f7f8f8;border-radius:54px;height:100%;position:relative;overflow:hidden}.matbti-scroll-image{object-fit:cover;object-position:top center;opacity:0;animation:12s cubic-bezier(.55,0,.2,1) infinite matbtiPushSlide;animation-delay:calc(var(--screen-index) * 4s);transform:translate(34%)scale(.985)}.local-scroll-image{width:100%;height:auto;animation:17s cubic-bezier(.55,0,.2,1) infinite localScreenScroll;display:block;transform:translateY(-2px)}.screenshot-dots{z-index:3;justify-content:center;gap:8px;display:flex;position:absolute;bottom:14px;left:0;right:0}.screenshot-dots span{width:7px;height:7px;animation:7s infinite screenshotDot;animation-delay:calc(var(--screen-index) * 3.5s);background:#0000002e;border-radius:999px}.mini-map{background:#e7f3d8;border-radius:30px;height:420px;margin-top:24px;position:relative;overflow:hidden}.mini-map img:first-child{object-fit:cover}.mini-pin{z-index:3;filter:drop-shadow(0 16px 18px #00000038);position:absolute;top:43%;left:48%}.taste-panel{background:#fff;border-radius:32px;margin-top:28px;padding:28px;box-shadow:0 18px 50px #00000014}.taste-ring{aspect-ratio:1;background:radial-gradient(circle, #fff 0 50%, transparent 51%), conic-gradient(var(--green) 0 87%, #e7f7eb 87% 100%);border-radius:999px;place-items:center;width:190px;margin:0 auto 24px;font-size:46px;font-weight:900;display:grid}.taste-panel p{color:var(--muted);margin:0;font-size:18px;font-weight:700;line-height:1.45}.extra-section{padding:130px var(--content-inset) 150px;background:#f5f5f7}.section-title{text-align:center;margin-bottom:64px}.extra-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.extra-card{border:1px solid var(--hairline);background:#fff;border-radius:34px;flex-direction:column;min-height:590px;padding:18px 18px 32px;display:flex;overflow:hidden;box-shadow:0 18px 60px #00000014}.extra-visual{background:#f1f1f3;border-radius:24px;flex:none;height:330px;position:relative;overflow:hidden}.extra-visual img{object-fit:cover;object-position:top center}.extra-card:first-child .extra-visual img{object-position:center 52%}.extra-card:nth-child(2) .extra-visual img{object-position:center 46%}.extra-card:nth-child(3) .extra-visual img{object-position:center 12%}.extra-card h3{word-break:keep-all;margin:30px 8px 12px;font-size:32px;line-height:1.1}.extra-card p{color:var(--muted);word-break:keep-all;overflow-wrap:break-word;margin:0 8px;font-size:18px;font-weight:650;line-height:1.5}.closing{min-height:100vh;padding:100px var(--content-inset);text-align:center;color:#fff;place-items:center;display:grid;position:relative;overflow:hidden}.closing:after{z-index:1;content:"";background:linear-gradient(90deg,#00000094,#0000001f);position:absolute;inset:0}.closing img{z-index:0;object-fit:cover;object-position:66% center}.closing div{z-index:2;width:min(100%, var(--content-max));justify-items:center;margin:0 auto;display:grid;position:relative}.closing h2{font-size:clamp(24px,3.1vw,45px)}.closing p{color:#ffffffe0;text-align:center;text-wrap:balance;word-break:keep-all;overflow-wrap:normal;max-width:min(760px,100%);margin:24px auto 0}.reveal{animation:both revealUp;animation-timeline:view();animation-range:entry 12% cover 38%}@keyframes revealUp{0%{opacity:0;transform:translateY(42px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floatRing{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes pinFloat{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-22px)rotate(2deg)}}@keyframes brandPop{0%{opacity:0;filter:blur(6px);transform:translateY(18px)scale(.86)}18%,72%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:0;filter:blur(5px);transform:translateY(-18px)scale(1.08)}}@keyframes reviewFloatIn{0%{opacity:0;filter:blur(10px);transform:translateY(78px)scale(.94)rotateX(10deg)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)rotateX(0)}}@keyframes reviewDrift{0%,to{translate:0}50%{translate:0 -10px}}@keyframes localScreenScroll{0%,14%{transform:translateY(-2px)}42%,54%{transform:translateY(-34%)}86%,to{transform:translateY(calc(-100% + var(--visible-screen)))}}@keyframes matbtiPushSlide{0%,to{opacity:0;transform:translate(34%)scale(.985)}7%,28%{opacity:1;transform:translate(0)scale(1)}35%{opacity:0;transform:translate(-34%)scale(.985)}36%,99%{opacity:0;transform:translate(34%)scale(.985)}}@keyframes matbtiChipSync{0%,to{color:#25272a;background:#ffffffc7;border-color:#30d1582e;transform:translateY(0)scale(1);box-shadow:0 18px 45px #1e5a3214}7%,28%{color:#fff;background:linear-gradient(135deg,#18a84c,#0c7f3b);border-color:#ffffff8a;transform:translateY(-3px)scale(1.035);box-shadow:0 26px 56px #0c7f3b42,0 0 0 3px #18a84c24}35%,99%{color:#25272a;background:#ffffffc7;border-color:#30d1582e;transform:translateY(0)scale(1);box-shadow:0 18px 45px #1e5a3214}}@keyframes matbtiCodeSync{0%,to{color:#19a84d;opacity:1}7%,28%{color:#ffffffd6;opacity:.92}35%,99%{color:#19a84d;opacity:1}}@keyframes screenshotSlide{0%,to{opacity:0;transform:translate(42px)scale(.985)}10%,45%{opacity:1;transform:translate(0)scale(1)}55%{opacity:0;transform:translate(-42px)scale(.985)}}@keyframes screenshotDot{0%,55%,to{background:#0000002e;width:7px}10%,45%{background:#df1917;width:20px}}@media (max-width:980px){:root{--content-pad:clamp(22px, 6vw, 44px)}.top-nav{padding:0 var(--content-inset)}.top-nav div{display:none}.hero,.opening-hero,.feature-section,.feature-matbti{grid-template-columns:1fr}.hero,.opening-hero{gap:52px;padding-top:96px}.review-cloud{grid-template-columns:1fr}.review-card:nth-child(n){transform:none}.feature-section{min-height:auto;padding:96px var(--content-inset)}.phone{justify-self:center;height:680px}.local-scroll-frame,.matbti-scroll-frame{--visible-screen:652px}.matbti-showcase{grid-template-columns:1fr;width:min(100%,720px)}.matbti-showcase .phone{order:1}.matbti-type-column{order:2;grid-template-columns:repeat(2,minmax(0,1fr))}.feature-matbti .phone{transform:none}.big-pin{left:calc(var(--content-inset) + 24px);bottom:clamp(72px,11vh,110px)}.extra-grid{grid-template-columns:1fr}.extra-card{min-height:560px}}@media (max-width:560px){:root{--content-pad:22px}.hero h1,.opening-copy h1{font-size:28px}.hero,.opening-hero,.feature-section,.extra-section{padding-left:var(--content-inset);padding-right:var(--content-inset)}.feature-copy h2,.intro-band h2,.section-title h2{font-size:25px}.phone{border-radius:44px;height:620px}.local-scroll-frame,.matbti-scroll-frame{--visible-screen:592px}.matbti-type-column{grid-template-columns:1fr}.matbti-heading>p:last-child{white-space:normal}.phone-screen{border-radius:32px}.extra-card h3{font-size:28px}.extra-visual{height:300px}}