:root{--red:#c32b1f;--red2:#ce2a1e;--ink:#231815;--charcoal:#343535;--paper:#f6f4f1;--line:#ddd8d2;--muted:#746d68;--soft:#eee9e4;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Pretendard Variable", Pretendard,"Noto Sans KR",Arial,sans-serif;line-height:1.55;background:#fff}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}mark{color:var(--red);background:none}.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}.site-header{position:absolute;z-index:20;top:0;left:50%;transform:translateX(-50%);width:min(calc(100% - 48px),var(--max));height:88px;display:flex;align-items:center;gap:48px;color:#fff;border-bottom:1px solid #ffffff32}.site-header .logo{--logo:var(--logo-w)}.site-header nav{display:flex;gap:34px;margin-left:auto;font-size:14px;font-weight:700}.site-header nav a{opacity:.82}.site-header nav a:hover{opacity:1}.header-cta{padding:11px 18px;border:1px solid #ffffff66;border-radius:99px;font-size:13px;font-weight:800}.hero{position:relative;min-height:780px;color:#fff;overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#0c0c0de8 0%,#151211c2 40%,#211a1830 72%),url("img/hero-diagnosis.webp") center/cover no-repeat;animation:hero-drift 16s ease-in-out infinite alternate}.hero:after{content:"NANO TOOL";position:absolute;right:-20px;bottom:-56px;font-weight:900;font-size:clamp(100px,16vw,260px);letter-spacing:-.08em;color:#ffffff0b;white-space:nowrap}.hero-copy{position:relative;z-index:2;width:min(calc(100% - 48px),var(--max));margin:90px auto 0}.section-kicker{margin:0 0 18px;color:var(--red);font-size:12px;font-weight:900;letter-spacing:.18em}.section-kicker.light{color:#ff857d}.hero h1{margin:0;font-size:clamp(48px,5.5vw,78px);line-height:1.08;letter-spacing:-.06em}.hero h1 .type-line{display:inline-block;position:relative}.hero h1 .type-line:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:3px;background:var(--red2);transform-origin:left;animation:sweep 4s ease-in-out infinite}.hero-desc{margin:28px 0 32px;color:#e6e1de;font-size:17px}.diagnosis-form{display:flex;width:min(620px,100%);padding:7px;background:#fff;border-radius:10px;box-shadow:0 22px 60px #0006}.diagnosis-form input{min-width:0;flex:1;border:0;padding:0 17px;outline:none;color:var(--ink)}.diagnosis-form button,.contact-form button{border:0;background:var(--red);color:#fff;padding:16px 24px;font-weight:900;border-radius:7px;cursor:pointer}.form-note{font-size:12px;color:#c9c2be}.score-preview{position:absolute;z-index:3;right:max(24px,calc((100vw - var(--max))/2));bottom:42px;width:300px;padding:20px;border:1px solid #ffffff33;border-radius:14px;background:#161414d9;backdrop-filter:blur(12px);box-shadow:0 24px 60px #0007}.preview-head{display:flex;justify-content:space-between;font-size:12px}.preview-head b{color:#ff8c84}.score-ring{display:flex;align-items:baseline;margin:16px 0 8px}.score-ring strong{font-size:58px;line-height:1}.score-ring small{color:#a9a19d}.preview-bars{display:flex;gap:8px;height:38px;align-items:end}.preview-bars i{display:block;flex:1;height:var(--score);background:linear-gradient(#e75a50,var(--red));border-radius:4px 4px 1px 1px;animation:bar-rise 2.8s ease-in-out infinite alternate}.preview-labels{display:flex;justify-content:space-around;font-size:10px;color:#aaa19d}.score-preview em,.proof-screen em{position:absolute;right:14px;bottom:12px;padding:3px 7px;border-radius:9px;background:#fff;color:var(--red);font-size:10px;font-style:normal;font-weight:900}.section{padding:120px max(24px,calc((100vw - var(--max))/2))}.section-head{margin-bottom:54px}.split-head{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.section-head h2{margin:0;font-size:clamp(32px,4vw,50px);line-height:1.18;letter-spacing:-.055em}.section-head>p,.split-head>p{color:var(--muted);margin:0}.centered{text-align:center;max-width:760px;margin-left:auto;margin-right:auto}.centered>p:last-child{margin-top:16px}.metric-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:14px}.metric-grid article{min-height:210px;padding:26px;border:1px solid var(--line);border-radius:12px;background:#fff}.metric-visual{position:relative;overflow:hidden;background:var(--paper)!important}.scan-lines{height:92px;background:repeating-linear-gradient(90deg,#d9d1cb 0 1px,transparent 1px 22px),linear-gradient(160deg,transparent 35%,#c32b1f 36% 38%,transparent 39%);animation:scan 6s linear infinite}.metric-grid span,.metric-visual p{font-size:12px;color:var(--muted)}.metric-grid strong{display:block;font-size:28px;margin-top:24px;letter-spacing:-.04em}.metric-card strong b{font-size:50px;color:var(--red)}.metric-grid article>p{font-size:13px;color:var(--muted)}.services{background:var(--paper)}.service-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:510px;padding:30px;border-radius:14px;overflow:hidden;color:#fff;background:#272525}.service-card>span{position:absolute;top:20px;right:24px;color:#ffffff4f;font-size:40px;font-weight:900}.service-card h3{font-size:27px;line-height:1.25;letter-spacing:-.045em;margin:8px 0 22px}.service-card ul{padding:0;margin:0;list-style:none;font-size:13px;color:#d8d1cd}.service-card li+li{margin-top:8px}.service-card li:before{content:"— ";color:#ff8e87}.service-card.geo{background:var(--red)}.service-card.content{background:#e8e2dc;color:var(--ink)}.service-card.content ul{color:#5c544f}.mini-dashboard,.code-sheet,.editor-sheet{height:180px;margin-top:24px;padding:20px;background:#ffffffef;border-radius:9px;box-shadow:0 24px 45px #0002}.mini-dashboard{display:flex;gap:8px;align-items:end}.mini-dashboard i{flex:1;background:#e7bbb7;height:40%;border-radius:4px}.mini-dashboard i:nth-child(2){height:70%;background:#cf6259}.mini-dashboard i:nth-child(3){height:92%;background:var(--red)}.mini-dashboard b{position:absolute;width:120px;height:45px;border-top:3px solid #231815;transform:translate(20px,-60px) rotate(-12deg)}.code-sheet i,.editor-sheet i{display:block;height:8px;background:#dcd6d1;margin:10px 0;border-radius:3px}.code-sheet i:nth-child(2),.code-sheet i:nth-child(5){width:72%;background:#f5aaa4}.editor-sheet button{margin-top:18px;border:0;border-radius:5px;background:#231815;color:#fff;padding:8px 12px;font-size:11px}.pricing{color:#fff;background:#171515}.inverse p{color:#aaa3a0}.inverse mark{color:#ff6d63}.price-layout{display:grid;grid-template-columns:.85fr 1.6fr;gap:16px}.price-feature{position:relative;min-height:480px;padding:40px;border-radius:14px;background:linear-gradient(160deg,#db3b30,var(--red) 65%,#76120c);overflow:hidden}.price-feature:after{content:"0";position:absolute;right:-15px;bottom:-100px;font-size:360px;font-weight:900;color:#ffffff0e}.price-feature h3{font-size:38px;margin:20px 0 0}.price-feature strong{display:block;font-size:76px;letter-spacing:-.06em}.price-feature a{position:absolute;bottom:38px;left:40px;font-weight:800}.price-list{border-top:1px solid #ffffff36}.price-list article{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;border-bottom:1px solid #ffffff24}.price-list span,.price-list p{font-size:12px;color:#aaa3a0;margin:0}.price-list h3{margin:2px 0;font-size:19px}.price-list strong{font-size:22px;color:#ff8178;white-space:nowrap}.price-notice{text-align:right;font-size:12px;color:#aaa3a0}.proof{background:#fff}.proof-board{display:grid;grid-template-columns:.8fr 1.5fr;gap:50px;align-items:center}.proof-list{list-style:none;padding:0;margin:0}.proof-list li{border-bottom:1px solid var(--line)}.proof-list button{display:grid;grid-template-columns:45px 1fr;gap:2px 12px;width:100%;padding:22px 6px;text-align:left;border:0;background:none;color:var(--ink);cursor:pointer}.proof-list span{grid-row:1/3;color:#b8afa9;font-weight:800}.proof-list b{font-size:19px}.proof-list small{color:var(--muted)}.proof-list .active b,.proof-list .active span{color:var(--red)}.proof-screen{position:relative;padding:18px;background:#efeae5;border-radius:15px;box-shadow:0 25px 60px #3e2d2417}.browser-bar{display:flex;gap:6px;align-items:center;padding:10px 12px;background:#2d2927;color:#aaa;font-size:10px;border-radius:8px 8px 0 0}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#c32b1f}.browser-bar i:nth-child(2){background:#a69e98}.browser-bar span{margin-left:10px}.screen-content{padding:36px;background:#fff}.screen-content>p{font-size:11px;color:var(--red);font-weight:900;letter-spacing:.14em}.screen-content h3{font-size:28px;margin:6px 0 26px}.check-row{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line)}.check-row span{color:var(--red);font-size:12px;font-weight:800}.difference{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;padding:110px max(24px,calc((100vw - var(--max))/2));color:#fff;background:linear-gradient(105deg,#1b1716,#33221f);overflow:hidden}.difference h2{font-size:clamp(34px,4vw,52px);line-height:1.2;letter-spacing:-.05em}.difference h2 span{color:#ff766d}.compare-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-cards article{padding:28px;border:1px solid #ffffff24;border-radius:12px;background:#ffffff0c}.compare-cards span{font-size:12px;color:#aca5a1}.compare-cards strong{display:block;margin:28px 0 14px;font-size:25px}.compare-cards p{font-size:13px;color:#bdb5b1}.compare-cards .ours{background:#c32b1f}.compare-cards .ours span,.compare-cards .ours p{color:#fff}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;color:#fff;background:#7e1a14;position:relative;overflow:hidden}.contact:after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 5% 100%,transparent 0 45px,#ffffff0c 46px 47px);pointer-events:none}.contact-copy,.contact-form{position:relative;z-index:1}.contact-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.2;margin:0 0 22px}.contact-copy>p{color:#f0c8c4}.contact-copy dl{margin-top:45px}.contact-copy dl div{display:flex;gap:40px;border-top:1px solid #ffffff30;padding:14px 0}.contact-copy dt{width:55px;color:#e2a8a2}.contact-copy dd{margin:0}.contact-form{padding:34px;border-radius:14px;background:#fff;color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800}.contact-form label:nth-child(n+3){grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;padding:13px;border:1px solid var(--line);border-radius:5px;background:#faf9f8;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--red)}.contact-form .consent{flex-direction:row;font-weight:500;color:var(--muted)}.contact-form .consent input{width:auto}.contact-form button{grid-column:1/-1}.site-footer{display:grid;grid-template-columns:auto 1fr auto;gap:54px;align-items:start;padding:52px max(24px,calc((100vw - var(--max))/2));background:#171515;color:#99918d}.legal p{margin:0 0 5px;font-size:12px}.copyright{font-size:11px;margin:0}.site-footer .logo{margin-top:3px}@keyframes hero-drift{to{transform:scale(1.025) translateX(-.6%)}}@keyframes sweep{0%,20%{transform:scaleX(0)}55%,100%{transform:scaleX(1)}}@keyframes bar-rise{from{transform:scaleY(.78);transform-origin:bottom}to{transform:scaleY(1)}}@keyframes scan{to{background-position:220px 0,0 0}}@media(max-width:800px){.site-header{width:calc(100% - 32px);height:70px}.site-header nav{display:none}.header-cta{margin-left:auto}.hero{min-height:760px;align-items:flex-start}.hero-bg{background-position:63% center}.hero-copy{width:calc(100% - 32px);margin-top:142px}.hero h1{font-size:45px}.hero-desc br{display:none}.diagnosis-form{display:block;background:transparent;padding:0;box-shadow:none}.diagnosis-form input{width:100%;height:56px;border-radius:7px;margin-bottom:8px}.diagnosis-form button{width:100%}.score-preview{position:absolute;left:16px;right:16px;bottom:24px;width:auto;padding:16px}.score-ring{margin:10px 0 5px}.score-ring strong{font-size:40px}.section{padding:84px 20px}.split-head{grid-template-columns:1fr;gap:22px}.section-head{margin-bottom:34px}.metric-grid{grid-template-columns:1fr 1fr}.metric-visual{grid-column:1/-1}.metric-grid article{min-height:170px}.service-strip{grid-template-columns:1fr;gap:12px}.service-card{min-height:470px}.price-layout{grid-template-columns:1fr}.price-feature{min-height:360px}.proof-board{grid-template-columns:1fr;gap:24px}.proof-list{display:grid;grid-template-columns:repeat(3,1fr)}.proof-list li{border:1px solid var(--line)}.proof-list button{display:block;padding:14px}.proof-list small{display:none}.proof-list b{display:block;font-size:14px}.difference{grid-template-columns:1fr;padding:82px 20px;gap:30px}.compare-cards{grid-template-columns:1fr}.contact{grid-template-columns:1fr;gap:38px;padding:82px 20px}.contact-form{grid-template-columns:1fr;padding:24px}.contact-form label{grid-column:1/-1}.site-footer{grid-template-columns:1fr;gap:24px;padding:42px 20px}.copyright{margin-top:6px}}@media(max-width:430px){.site-header .logo{width:128px}.header-cta{font-size:11px;padding:8px 11px}.hero h1{font-size:38px}.hero-desc{font-size:15px}.section-head h2{font-size:31px}.metric-grid{grid-template-columns:1fr}.metric-visual{grid-column:auto}.metric-grid article{min-height:150px}.service-card{padding:24px}.price-feature strong{font-size:62px}.price-list article{padding:17px 4px}.price-list strong{font-size:17px}.proof-list button{padding:10px}.screen-content{padding:24px 18px}.screen-content h3{font-size:23px}.compare-cards article{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-bg,.hero h1 .type-line:after,.preview-bars i,.scan-lines{animation:none!important}}