:root{--ink: #171817;--muted: #666963;--paper: #f3f3ef;--surface: #ffffff;--line: #d9dbd4;--lime: #c9ff4a;--lime-dark: #93bd27;--purple: #6956e8;--purple-soft: #eeebff;--green: #13875f;--green-soft: #e4f6ed;--dark: #191b1a;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans: Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", Arial, sans-serif;--display: "Arial Narrow", Pretendard, "Apple SD Gothic Neo", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(105,86,232,.3);outline-offset:3px}svg{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.site-header{height:72px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,24,23,.12);position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font:700 15px/1 var(--display);letter-spacing:.14em}.brand-mark{width:27px;height:27px;display:flex;align-items:flex-end;justify-content:center;gap:2px;padding:5px;color:var(--ink);background:var(--lime);border-radius:50%;transform:rotate(-8deg)}.brand-mark span{display:block;width:3px;background:currentColor;border-radius:3px}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:11px}.header-meta{display:flex;align-items:center;gap:9px;color:#4e504c;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.live-dot,.collector-status i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #13875f1f}.header-divider{height:16px;width:1px;margin:0 5px;background:var(--line)}.hero{min-height:580px;padding:108px clamp(24px,8vw,130px) 95px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(23,24,23,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,24,23,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,#000,transparent 70%)}.eyebrow,.kicker,.step-label{position:relative;z-index:1;font:500 10px/1.4 var(--mono);letter-spacing:.12em;color:#696b66}.eyebrow span,.step-label span{color:var(--purple);font-weight:500}.hero h1{max-width:820px;margin:24px 0 25px;position:relative;z-index:1;font:600 clamp(55px,7.3vw,104px) / .98 var(--display);letter-spacing:-.055em}.hero h1 em{color:var(--purple);font-style:normal}.hero-copy{margin:0;position:relative;z-index:1;color:var(--muted);font-size:17px;line-height:1.85}.hero-tags{display:flex;gap:8px;margin-top:34px;position:relative;z-index:1}.hero-tags span{padding:8px 12px;border:1px solid #cdd0c8;border-radius:3px;background:#ffffff8c;color:#555853;font:500 10px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase}.orbit-art{position:absolute;top:45px;right:-90px;width:570px;height:570px}.orbit{position:absolute;border:1px solid rgba(105,86,232,.28);border-radius:50%;transform:rotate(-28deg)}.orbit-one{inset:80px 15px}.orbit-two{inset:38px 95px}.planet{width:76px;height:76px;display:grid;place-items:center;position:absolute;border:1px solid var(--ink);border-radius:50%;background:var(--surface);box-shadow:9px 9px 0 var(--ink);font:600 28px/1 var(--display)}.planet-a{top:112px;left:80px}.planet-b{right:91px;bottom:106px;color:#fff;background:var(--purple);border-color:var(--purple);box-shadow:9px 9px 0 var(--lime)}.orbit-label{position:absolute;top:48%;left:45%;padding:6px 8px;color:#5443cc;background:var(--purple-soft);font:500 9px/1 var(--mono);letter-spacing:.1em;transform:rotate(-28deg)}.studio-section,.results-section{padding:105px clamp(24px,5vw,76px)}.section-heading{max-width:1280px;margin:0 auto 36px;display:flex;justify-content:space-between;align-items:flex-end}.section-heading>div:first-child{position:relative}.section-number{position:absolute;top:-4px;left:-44px;color:#a4a79f;font:500 10px/1 var(--mono)}.section-heading h2{margin:8px 0 0;font:600 clamp(30px,3.6vw,48px) / 1.1 var(--display);letter-spacing:-.035em}.section-heading>p{margin:0;color:var(--muted);font-size:13px;line-height:1.75;text-align:right}.lab-shell{max-width:1280px;margin:0 auto;border:1px solid #bfc2ba;background:var(--surface);box-shadow:14px 14px #17181712}.lab-topbar{height:48px;padding:0 17px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);background:#f8f8f5;color:#777a74;font:500 10px/1 var(--mono);letter-spacing:.05em}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#c3c6bf}.window-dots i:first-child{background:var(--purple)}.secure-label{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:var(--green)}.lab-grid{display:grid;grid-template-columns:minmax(300px,.68fr) minmax(560px,1.32fr)}.setup-panel,.journey-panel{padding:42px}.setup-panel{border-right:1px solid var(--line);background:#fbfbf8}.setup-panel h3,.journey-panel h3{margin:10px 0 8px;font:600 24px/1.2 var(--display);letter-spacing:-.02em}.panel-copy{margin:0 0 27px;color:var(--muted);font-size:12px;line-height:1.7}form label{display:flex;align-items:center;gap:6px;margin:16px 0 8px;font-size:12px;font-weight:600}form label span{padding:3px 5px;color:#6956e8;background:var(--purple-soft);border-radius:2px;font:500 8px/1 var(--mono)}.input-wrap{position:relative}.input-wrap input{width:100%;height:48px;padding:0 45px 0 14px;border:1px solid #cdd0c8;border-radius:0;background:var(--surface);color:var(--ink);font-size:13px;transition:border-color .16s,box-shadow .16s}.input-wrap input::placeholder{color:#a1a49d}.input-wrap input:focus{border-color:var(--purple);box-shadow:inset 3px 0 0 var(--purple);outline:none}.input-shield{position:absolute;top:50%;right:14px;color:#93978f;transform:translateY(-50%)}.form-error{min-height:18px;margin:8px 0 0;color:#b93e47;font-size:10px;line-height:1.4}.primary-button{width:100%;height:52px;margin-top:11px;display:flex;align-items:center;justify-content:space-between;padding:0 17px 0 20px;border:1px solid var(--ink);border-radius:0;color:#fff;background:var(--ink);cursor:pointer;font-size:13px;font-weight:600;transition:transform .15s,background .15s}.primary-button span{width:29px;height:29px;display:grid;place-items:center;color:var(--ink);background:var(--lime);border-radius:50%}.primary-button:hover:not(:disabled){background:#302e65;transform:translateY(-2px)}.primary-button:disabled{cursor:wait;opacity:.8}.primary-button.loading span svg{animation:travel .7s infinite alternate ease-in-out}@keyframes travel{to{transform:translate(4px)}}.privacy-note{display:flex;gap:10px;margin-top:23px;padding-top:20px;border-top:1px solid var(--line);color:#70736d}.privacy-note>svg{flex:0 0 auto;margin-top:2px;color:var(--green)}.privacy-note p{margin:0;font-size:10px;line-height:1.65}.privacy-note strong{color:#3c3f3a;font-size:11px}.journey-panel{min-height:510px;display:flex;flex-direction:column}.journey-header{display:flex;justify-content:space-between;align-items:flex-start}.icon-button,.secondary-button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:0;background:transparent;color:#5e615c;cursor:pointer;font:500 10px/1 var(--mono)}.icon-button{padding:8px 10px}.icon-button:disabled{opacity:.35;cursor:default}.empty-state{margin:auto;text-align:center}.empty-visual{width:240px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.empty-visual span{width:53px;height:53px;display:grid;place-items:center;border:1px solid #aeb2aa;border-radius:50%;color:#6d706a;background:#f6f6f2;font:600 17px/1 var(--display)}.empty-visual i{width:90px;height:1px;position:relative;border-top:1px dashed #afb2ab}.empty-visual i:after{content:"";width:6px;height:6px;position:absolute;top:-4px;right:0;border-top:1px solid #afb2ab;border-right:1px solid #afb2ab;transform:rotate(45deg)}.empty-state strong{font:600 16px/1.4 var(--display)}.empty-state p{margin:9px 0 0;color:#858881;font-size:11px;line-height:1.7}.run-state{margin-top:34px;animation:reveal .45s ease-out both}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}}.journey-track{display:grid;grid-template-columns:1fr 114px 1fr;align-items:center}.origin-card{min-width:0;padding:22px;border:1px solid #cdd0c8;background:#fbfbf8}.source-card{border-top:3px solid var(--ink)}.destination-card{border-top:3px solid var(--purple)}.origin-top{display:flex;align-items:center;justify-content:space-between}.origin-letter{width:31px;height:31px;display:grid;place-items:center;color:#fff;background:var(--ink);border-radius:50%;font:600 13px/1 var(--display)}.destination-card .origin-letter{background:var(--purple)}.event-status,.table-pass{display:inline-flex;align-items:center;gap:4px;color:var(--green);font:500 8px/1 var(--mono)}.event-status svg,.table-pass svg{width:12px;height:12px;padding:1px;border-radius:50%;color:#fff;background:var(--green);stroke-width:2.5}.origin-domain{margin:19px 0 4px;color:#7a7d77;font:500 9px/1 var(--mono)}.origin-card h4{margin:0 0 8px;font:600 18px/1.3 var(--display)}.origin-card>code{color:var(--purple);font:500 9px/1 var(--mono)}.origin-card dl{margin:20px 0 0;padding-top:14px;border-top:1px solid var(--line)}.origin-card dl div{display:flex;justify-content:space-between;gap:12px;margin-top:7px}.origin-card dt{color:#93968f;font:500 8px/1.3 var(--mono)}.origin-card dd{margin:0;overflow:hidden;color:#3e413c;font:500 9px/1.3 var(--mono);text-overflow:ellipsis;white-space:nowrap}.handoff{height:70px;display:flex;align-items:center;justify-content:center;position:relative}.handoff-line{width:100%;border-top:1px dashed var(--purple)}.handoff-chip{position:absolute;top:6px;padding:5px 7px;color:#5948cb;background:var(--purple-soft);font:500 7px/1 var(--mono);letter-spacing:.08em}.handoff-arrow{width:27px;height:27px;display:grid;place-items:center;position:absolute;color:#fff;background:var(--purple);border-radius:50%}.handoff-arrow svg{width:13px}.conversion-strip{min-height:78px;margin-top:20px;padding:14px 16px;display:flex;align-items:center;gap:13px;border:1px solid #cdd0c8;border-left:3px solid var(--lime-dark);background:#fbfbf8}.conversion-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;color:#536c16;background:var(--lime)}.conversion-strip>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.conversion-strip span,.conversion-count span{color:#898c85;font:500 8px/1 var(--mono);letter-spacing:.07em}.conversion-strip strong{font:600 13px/1 var(--mono)}.conversion-count{margin-left:auto;padding-left:20px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:4px}.conversion-count strong{color:var(--purple);font-size:18px}.pass-pill{display:inline-flex;align-items:center;gap:4px;padding:7px 8px;color:var(--green)!important;background:var(--green-soft);border-radius:2px}.pass-pill svg{width:11px}.results-section{padding-top:20px}.results-section[hidden],.run-state[hidden]{display:none}.results-heading{padding-top:80px;border-top:1px solid var(--line)}.result-actions{display:flex;align-items:center;gap:14px}.result-actions>span{color:#888b84;font:500 9px/1 var(--mono)}.secondary-button{padding:10px 12px;background:var(--surface);transition:border-color .15s,color .15s}.secondary-button:hover{color:var(--purple);border-color:var(--purple)}.score-card,.proof-grid,.inspector{max-width:1280px;margin-left:auto;margin-right:auto}.score-card{min-height:120px;padding:26px 32px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:var(--dark);border-left:5px solid var(--lime)}.score-card--failed{border-left-color:#ff7c86}.score-card--failed .score-icon,.score-card--failed .score-intro p{color:#ff9aa2}.score-intro{display:flex;align-items:center;gap:18px}.score-icon{width:54px;height:54px;display:grid;place-items:center;border:1px solid #5a5e58;border-radius:50%;color:var(--lime)}.score-icon svg{width:27px;height:27px}.score-intro p{margin:0 0 7px;color:var(--lime);font:500 9px/1 var(--mono);letter-spacing:.1em}.score-intro h3{margin:0;font:500 22px/1.2 var(--display)}.score-total{display:flex;align-items:center;gap:8px}.score-total strong{font:600 48px/1 var(--display)}.score-total span{color:#9da19a;font:500 9px/1.35 var(--mono)}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #cdd0c8}.proof-card{min-height:325px;padding:28px;position:relative;border-right:1px solid #cdd0c8;border-bottom:1px solid #cdd0c8;background:var(--surface)}.proof-index{position:absolute;top:28px;right:28px;color:#aaada6;font:500 9px/1 var(--mono)}.proof-icon{width:55px;height:55px;margin-bottom:28px;display:grid;place-items:center;border:1px solid;border-radius:50%}.proof-icon svg{width:23px;height:23px}.continuity{color:var(--purple);background:var(--purple-soft);border-color:#cbc4fb;transform:rotate(-25deg)}.continuity svg{transform:rotate(25deg)}.once{color:#5c721e;background:#efffc5;border-color:#c4de7b;font:600 16px/1 var(--mono)}.privacy{color:var(--green);background:var(--green-soft);border-color:#a8d8c5}.proof-card>p{margin:0 0 6px;color:#8b8e87;font:500 8px/1 var(--mono);letter-spacing:.1em}.proof-card>h3{margin:0 0 22px;font:600 19px/1.2 var(--display)}.check-row{min-height:37px;display:flex;align-items:center;gap:8px;border-top:1px solid #ecece8}.check-row>span{width:15px;height:15px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--green)}.check-row svg{width:10px;height:10px;stroke-width:2.5}.check-row p{margin:0;color:#62655f;font-size:10px}.check-row strong{margin-left:auto;color:var(--green);font:500 8px/1 var(--mono)}.inspector{margin-top:22px;border:1px solid #c5c8c0;background:var(--surface)}.inspector-bar{min-height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:#222423}.inspector-bar>div{display:flex;align-items:center;gap:10px}.terminal-icon{color:var(--lime);font:500 12px/1 var(--mono)}.inspector-bar strong{font:500 9px/1 var(--mono);letter-spacing:.1em}.inspector-bar small{color:#8f938c;font:400 8px/1 var(--mono)}.collector-status{display:flex;align-items:center;gap:8px;color:var(--lime);font:500 8px/1 var(--mono)}.collector-status i{background:var(--lime);box-shadow:0 0 0 3px #c9ff4a1f}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{height:38px;padding:0 16px;text-align:left;color:#90938c;background:#f5f5f1;border-bottom:1px solid var(--line);font:500 8px/1 var(--mono);letter-spacing:.08em}td{height:48px;padding:0 16px;color:#60635d;border-bottom:1px solid #eeeeea;font-size:10px}td:first-child{color:#a5a8a1;font-family:var(--mono)}td code{color:#3d403b;font:500 9px/1 var(--mono)}.payload-bar{min-height:42px;padding:0 16px;display:flex;align-items:center;gap:18px;color:#858881;background:#f8f8f5;font:500 7px/1 var(--mono);letter-spacing:.07em}.payload-bar code{padding:5px 7px;color:var(--purple);background:var(--purple-soft);font:inherit}.toast{position:fixed;right:24px;bottom:24px;z-index:20;padding:13px 17px;color:#fff;background:var(--dark);border-left:3px solid var(--lime);box-shadow:0 8px 30px #0000002e;font-size:11px;opacity:0;pointer-events:none;transform:translateY(10px);transition:.18s ease}.toast.visible{opacity:1;transform:translateY(0)}.scope-section{padding:110px clamp(24px,8vw,130px);border-top:1px solid var(--line);background:var(--surface)}.scope-section>*{max-width:1100px;margin-left:auto;margin-right:auto}.scope-section h2{margin-top:13px;font:600 clamp(37px,5vw,66px) / 1.08 var(--display);letter-spacing:-.045em}.scope-list{margin-top:70px;border-top:1px solid var(--ink)}.scope-list>div{min-height:92px;display:grid;grid-template-columns:70px 1fr;align-items:center;border-bottom:1px solid var(--line)}.scope-list>div>span{color:var(--purple);font:500 10px/1 var(--mono)}.scope-list p{margin:0;display:grid;grid-template-columns:minmax(180px,.38fr) 1fr;align-items:center;color:var(--muted);font-size:13px}.scope-list strong{color:var(--ink);font:600 18px/1.3 var(--display)}.scope-disclaimer{margin-top:32px;padding-left:18px;border-left:2px solid var(--lime-dark);color:#858881;font-size:10px;line-height:1.7}footer{min-height:120px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;color:#a6aaa2;background:var(--dark);font:500 8px/1 var(--mono);letter-spacing:.08em}.footer-brand{color:#fff}footer p{margin:0}@media(max-width:1020px){.orbit-art{right:-230px;opacity:.65}.lab-grid{grid-template-columns:1fr}.setup-panel{border-right:0;border-bottom:1px solid var(--line)}.journey-panel{min-height:500px}.proof-card{padding:24px 20px}}@media(max-width:760px){.site-header{height:62px}.header-meta .header-divider,.header-meta span:last-child{display:none}.hero{min-height:520px;padding-top:84px}.hero h1{font-size:clamp(48px,14vw,76px)}.hero-copy{font-size:14px}.orbit-art{top:200px;right:-330px;opacity:.38}.hero-tags{flex-wrap:wrap}.desktop-only{display:none}.studio-section,.results-section{padding-left:16px;padding-right:16px}.section-heading{display:block}.section-number{display:none}.section-heading>p{margin-top:16px;text-align:left}.setup-panel,.journey-panel{padding:28px 20px}.secure-label{display:none}.journey-track{grid-template-columns:1fr}.handoff{height:75px}.handoff-line{width:1px;height:100%;border-top:0;border-left:1px dashed var(--purple)}.handoff-arrow{transform:rotate(90deg)}.handoff-chip{top:26px;margin-left:80px}.conversion-strip{flex-wrap:wrap}.pass-pill{margin-left:50px}.proof-grid{grid-template-columns:1fr}.proof-card{min-height:300px}.results-heading{padding-top:60px}.result-actions{margin-top:18px;justify-content:space-between}.score-card{padding:22px}.score-total{display:none}.score-intro h3{font-size:18px}.payload-bar{align-items:flex-start;flex-direction:column;gap:9px;padding:13px 16px}.scope-section{padding:85px 24px}.scope-list>div{grid-template-columns:45px 1fr;padding:18px 0}.scope-list p{grid-template-columns:1fr;gap:6px}footer{min-height:150px;flex-direction:column;justify-content:center;gap:18px;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
