:root{--julim-primary:#ff5a3c;--julim-primary-dark:#d94628;--julim-paper:#fbfaf7;--julim-ink:#1a1a1a;--julim-sub:#6b6660;--julim-muted:#6b6b6b;--julim-divider:#e8e4dd;--julim-safe:#2d8659;--julim-safe-soft:#e4f1ea;--julim-info:#8a8580;--julim-info-soft:#edebe6;--julim-warn:#b3541e;--julim-warn-soft:#f7e8dc;--shadow-card:0 1px 2px #1a1a1a0a, 0 8px 24px #1a1a1a0f;--shadow-soft:0 1px 0 #1a1a1a0a;--font-sans:"Pretendard Variable", Pretendard, system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--font-display:"Do Hyeon", "Pretendard Variable", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--julim-paper);color:var(--julim-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-display);font-weight:400}.container{max-width:72rem;margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}.container-narrow{max-width:56rem;margin:0 auto;padding-left:1.25rem;padding-right:1.25rem}.paper-grain{background-image:radial-gradient(#1a1a1a06 1px,#0000 1px);background-size:3px 3px}.accent{color:var(--julim-primary)}.reveal{animation:.38s cubic-bezier(.2,.7,.3,1) both reveal}@keyframes reveal{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wobble{transform-origin:50% 60%;animation:6s ease-in-out infinite wobble}@keyframes wobble{0%,to{transform:rotate(-1.2deg)}50%{transform:rotate(1.2deg)}}.inspect-wobble{transform-origin:50% 60%;animation:5s ease-in-out infinite inspect}@keyframes inspect{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.lost-sway{transform-origin:50% 70%;animation:3.4s ease-in-out infinite lostSway}@keyframes lostSway{0%,to{transform:rotate(-3deg)translate(-2px)}50%{transform:rotate(3deg)translate(2px)}}.copied-flash{animation:.9s ease-out copiedFlash}@keyframes copiedFlash{0%{background-color:var(--julim-primary);transform:scale(1)}30%{background-color:#2e7d5b;transform:scale(1.05)}to{background-color:var(--julim-primary);transform:scale(1)}}.flow-arrow{animation:2.6s ease-in-out infinite flowPulse}@keyframes flowPulse{0%,to{opacity:.7}50%{opacity:1}}.live-dot{background-color:var(--julim-safe);border-radius:999px;width:6px;height:6px;animation:2s ease-out infinite livePulse;display:inline-block}@keyframes livePulse{0%{box-shadow:0 0 #2d865980}70%{box-shadow:0 0 0 6px #2d865900}to{box-shadow:0 0 #2d865900}}.site-header{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--julim-divider);background-color:#fbfaf7d9;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;height:4rem;display:flex}.brand{align-items:center;gap:.5rem;display:flex}.brand-name{letter-spacing:-.02em;font-size:1.125rem;font-weight:600}.brand-domain{font-family:var(--font-mono);color:var(--julim-muted);font-size:.875rem}.site-nav{align-items:center;gap:.25rem;font-size:.875rem;display:flex}.site-nav a.nav-link{color:var(--julim-muted);padding:.375rem .5rem;transition:color .16s}.site-nav a.nav-link:hover{color:var(--julim-ink)}.btn-pill{background-color:var(--julim-primary);color:#fff;border-radius:999px;align-items:center;gap:.25rem;margin-left:.5rem;padding:.5rem 1rem;font-weight:500;transition:background-color .16s;display:inline-flex}.btn-pill:hover{background-color:var(--julim-primary-dark)}.hero-grid{grid-template-columns:1fr;align-items:center;gap:2.5rem;padding-top:3.5rem;padding-bottom:4rem;display:grid}.hero-badge{font-family:var(--font-mono);color:var(--julim-muted);border:1px solid var(--julim-divider);background-color:#fff;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.25rem .75rem;font-size:.75rem;display:inline-flex}.hero-badge .dot{background-color:var(--julim-primary);border-radius:999px;width:6px;height:6px}.hero-title{letter-spacing:-.03em;font-size:clamp(3rem,8vw,4.5rem);font-weight:700;line-height:1.05}.hero-sub{color:var(--julim-muted);max-width:28rem;margin-top:1.25rem;font-size:1.125rem;line-height:1.7}.hero-character{justify-content:center;display:flex}.hero-note{color:var(--julim-muted);margin-top:.75rem;font-size:.875rem}.shorten-form{max-width:36rem;margin-top:2rem}.shorten-box{border:1px solid var(--julim-divider);box-shadow:var(--shadow-card);background-color:#fff;border-radius:1rem;flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem;display:flex}.shorten-input{font-family:var(--font-mono);min-width:0;color:var(--julim-ink);background:0 0;border:1px solid #0000;border-radius:.75rem;flex:1;padding:.75rem 1rem;font-size:.9375rem}.shorten-input::placeholder{color:#6b6b6bb3}.shorten-input:focus{border-color:var(--julim-primary);outline:none;box-shadow:0 0 0 3px #ff5a3c2e}.btn-primary{background-color:var(--julim-primary);color:#fff;white-space:nowrap;border-radius:.75rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .16s}.btn-primary:hover{background-color:var(--julim-primary-dark)}.btn-primary:disabled{opacity:.6;cursor:wait}.form-error{font-family:var(--font-mono);color:var(--julim-primary);margin-top:.5rem;font-size:.875rem}.result-section{padding-top:2.5rem;padding-bottom:2.5rem}.result-card{border:1px solid var(--julim-divider);box-shadow:var(--shadow-card);background-color:#fff;border-radius:1rem;padding:1.5rem}.result-head{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.result-status{color:var(--julim-muted);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.result-status .dot{background-color:var(--julim-primary);border-radius:999px;width:8px;height:8px}.result-clear{color:var(--julim-muted);font-size:.875rem;transition:color .16s}.result-clear:hover{color:var(--julim-ink)}.result-grid{grid-template-columns:1fr;align-items:stretch;gap:1.25rem;display:grid}.field-label{color:var(--julim-muted);margin-bottom:.25rem;font-size:.75rem}.original-url{font-family:var(--font-mono);color:#1a1a1acc;word-break:break-all;background-color:var(--julim-paper);border:1px solid var(--julim-divider);border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem}.short-url-row{align-items:center;gap:.5rem;margin-top:1rem;display:flex}.short-url{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:clamp(1.375rem,4vw,1.875rem);font-weight:500;overflow:hidden}.btn-copy{background-color:var(--julim-primary);color:#fff;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background-color .16s}.btn-copy:hover{background-color:var(--julim-primary-dark)}.copy-status{font-family:var(--font-mono);color:var(--julim-muted);height:1rem;margin-top:.5rem;font-size:.75rem}.qr-panel{background-color:var(--julim-paper);border:1px solid var(--julim-divider);border-radius:.75rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-width:8.5rem;padding:.75rem;display:flex}.qr-panel img{border:1px solid var(--julim-divider);background:#fff;border-radius:.25rem;width:6rem;height:6rem}.qr-download{font-family:var(--font-mono);color:var(--julim-primary);font-size:.6875rem}.qr-download:hover{color:var(--julim-primary-dark)}.recent-wrap{margin-top:1.5rem}.recent-title{color:var(--julim-muted);margin-bottom:.5rem;font-size:.875rem}.recent-list{flex-direction:column;gap:.5rem;list-style:none;display:flex}.recent-item{border:1px solid var(--julim-divider);background-color:#fff;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.recent-short{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.recent-orig{color:var(--julim-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.recent-copy{font-family:var(--font-mono);color:var(--julim-primary);flex-shrink:0;font-size:.75rem}.recent-copy:hover{color:var(--julim-primary-dark)}.section{padding-top:3rem;padding-bottom:3rem}.section-head{max-width:42rem;margin-bottom:2.5rem}.section-title{letter-spacing:-.02em;font-size:clamp(1.875rem,5vw,2.25rem);font-weight:700}.section-sub{color:var(--julim-muted);margin-top:.75rem}.card-grid{grid-template-columns:1fr;gap:1rem;list-style:none;display:grid}.feature-card{border:1px solid var(--julim-divider);box-shadow:var(--shadow-soft);background-color:#fff;border-radius:1rem;padding:1.5rem}.feature-icon{background-color:#ff5a3c1a;border-radius:.75rem;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-bottom:1rem;display:flex}.feature-title{margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.feature-body{color:var(--julim-muted);font-size:.875rem;line-height:1.7}.step-num-row{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.step-num{font-family:var(--font-mono);color:var(--julim-muted);font-size:.875rem}.step-line{background-color:var(--julim-divider);flex:1;height:1px}.step-icon{background-color:var(--julim-paper);border:1px solid var(--julim-divider);border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-bottom:.75rem;display:flex}.trust-strip{border-top:1px solid var(--julim-divider);border-bottom:1px solid var(--julim-divider);background-color:#fff}.trust-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding-top:2.5rem;padding-bottom:2.5rem;display:grid}.trust-item{align-items:flex-start;gap:.75rem;display:flex}.trust-icon{background-color:#ff5a3c1a;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.trust-title{font-size:.875rem;font-weight:600}.trust-body{color:var(--julim-muted);margin-top:.25rem;font-size:.75rem}.faq-section{max-width:48rem;margin:0 auto;padding:3.5rem 1.25rem}.faq-list{border-top:1px solid var(--julim-divider);border-bottom:1px solid var(--julim-divider)}.faq-list details{border-bottom:1px solid var(--julim-divider);padding:1.25rem 0}.faq-list details:last-child{border-bottom:none}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;font-weight:500;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-chev{color:var(--julim-muted);font-size:1.5rem;line-height:1;transition:transform .18s}details[open] .faq-chev{transform:rotate(45deg)}.faq-answer{color:var(--julim-muted);margin-top:.75rem;font-size:.875rem;line-height:1.7}.site-footer{border-top:1px solid var(--julim-divider);background-color:#fff}.footer-main{grid-template-columns:1fr;align-items:flex-start;gap:1.5rem;padding-top:3rem;padding-bottom:3rem;display:grid}.footer-tagline{color:var(--julim-muted);max-width:28rem;font-size:.875rem;line-height:1.7}.footer-links{align-items:center;gap:.75rem;font-size:.875rem;display:flex}.footer-links a{color:var(--julim-muted);transition:color .16s}.footer-links a:hover{color:var(--julim-ink)}.footer-bottom{border-top:1px solid var(--julim-divider)}.footer-bottom-inner{font-family:var(--font-mono);color:var(--julim-muted);justify-content:space-between;align-items:center;padding-top:1rem;padding-bottom:1rem;font-size:.75rem;display:flex}.promo-backdrop{z-index:90;background-color:#00000073;justify-content:center;align-items:center;padding:20px;animation:.32s ease-out forwards promoFadeIn;display:flex;position:fixed;inset:0}@keyframes promoFadeIn{0%{opacity:0}to{opacity:1}}.promo-modal-card{background-color:var(--julim-paper);border:1px solid var(--julim-divider);border-top:3px solid var(--julim-primary);border-radius:20px;width:100%;max-width:480px;padding:28px 24px 24px;animation:.38s cubic-bezier(.2,.7,.3,1) forwards promoCardIn;position:relative;box-shadow:0 24px 60px #1a1a1a2e}@keyframes promoCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.promo-close{width:32px;height:32px;color:var(--julim-muted);border-radius:999px;justify-content:center;align-items:center;transition:background-color .16s,color .16s;display:inline-flex;position:absolute;top:12px;right:12px}.promo-close:hover{color:var(--julim-ink);background-color:#1a1a1a0f}.promo-modal-head{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.promo-kicker{font-family:var(--font-mono);color:var(--julim-muted);font-size:.75rem}.promo-modal-title{font-size:1.125rem;font-weight:600;line-height:1.3}.promo-service-card{border:1px solid var(--julim-divider);background-color:#fff;border-radius:.75rem;margin-bottom:1.25rem;padding:1rem}.promo-service-meta{font-family:var(--font-mono);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.75rem;display:flex}.promo-service-name{color:var(--julim-primary)}.promo-service-domain{color:var(--julim-muted)}.promo-service-title{margin-bottom:.25rem;font-size:1rem;font-weight:600}.promo-service-body{color:var(--julim-muted);font-size:.875rem;line-height:1.7}.promo-modal-actions{align-items:center;gap:.5rem;display:flex}.promo-cta{background-color:var(--julim-primary);color:#fff;border-radius:.75rem;flex:1;justify-content:center;align-items:center;padding:.75rem 1rem;font-weight:500;transition:background-color .16s;display:inline-flex}.promo-cta:hover{background-color:var(--julim-primary-dark)}.promo-dismiss{border:1px solid var(--julim-divider);color:var(--julim-muted);border-radius:.75rem;padding:.75rem 1rem;font-weight:500;transition:color .16s}.promo-dismiss:hover{color:var(--julim-ink)}.promo-banner{z-index:80;background-color:var(--julim-paper);border:1px solid var(--julim-divider);border-radius:14px;width:calc(100% - 24px);max-width:800px;animation:.38s cubic-bezier(.2,.7,.3,1) both promoBannerUp;position:fixed;bottom:16px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 14px 36px #1a1a1a24}@keyframes promoBannerUp{0%{opacity:0;transform:translate(-50%)translateY(140%)}to{opacity:1;transform:translate(-50%)translateY(0)}}.promo-banner-inner{align-items:center;gap:14px;padding:12px 16px 12px 18px;display:flex;position:relative}.promo-banner-accent{background-color:var(--julim-primary);border-radius:3px;width:3px;position:absolute;top:10px;bottom:10px;left:0}.promo-banner-copy{flex:1;min-width:0}.promo-banner-meta{font-family:var(--font-mono);align-items:center;gap:.5rem;margin-bottom:2px;font-size:11px;display:flex}.promo-banner-title{text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;overflow:hidden}.promo-banner-cta{background-color:var(--julim-primary);color:#fff;border-radius:.5rem;flex-shrink:0;align-items:center;gap:.25rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;transition:background-color .16s;display:inline-flex}.promo-banner-cta:hover{background-color:var(--julim-primary-dark)}.promo-banner-close{margin-left:2px;position:static}.promo-inline-card{background-color:var(--julim-paper);border:1px solid #f0d8ce;border-radius:16px;align-items:center;gap:14px;margin-top:14px;padding:16px 18px;animation:.42s cubic-bezier(.2,.7,.3,1) .12s both reveal;display:flex}.promo-inline-icon{background-color:#ff5a3c1a;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;display:flex}.promo-inline-body{flex:1;min-width:0}.promo-inline-title{font-size:1rem;font-weight:600;line-height:1.3}.promo-inline-sub{color:var(--julim-muted);margin-top:.25rem;font-size:.875rem;line-height:1.7}.promo-inline-link{color:var(--julim-primary);flex-shrink:0;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;display:inline-flex}.promo-inline-link:hover{color:var(--julim-primary-dark)}.promo-inline-arrow{transition:transform .2s}.promo-inline-link:hover .promo-inline-arrow{transform:translate(3px)}.preview-header{padding-top:2.5rem;padding-bottom:1.5rem}.preview-title{letter-spacing:-.02em;font-size:clamp(2.25rem,6vw,3rem);line-height:1.1}.preview-sub{color:var(--julim-sub);max-width:36rem;margin-top:.75rem;font-size:1.0625rem;line-height:1.7}.preview-card{border:1px solid var(--julim-divider);box-shadow:var(--shadow-card);background-color:#fff;border-radius:1rem;overflow:hidden}.preview-card-top{border-bottom:1px solid var(--julim-divider);padding:1.5rem}.preview-short-url{font-family:var(--font-mono);word-break:break-all;font-size:clamp(1.5rem,5vw,2.25rem);font-weight:500;line-height:1.2}.preview-arrow-row{border-bottom:1px solid var(--julim-divider);background-color:var(--julim-paper);color:var(--julim-muted);justify-content:center;align-items:center;gap:.5rem;padding:1.25rem 0;display:flex}.preview-arrow-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.preview-dest{padding:1.5rem}.dest-domain-row{font-family:var(--font-mono);color:var(--julim-sub);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8125rem;display:flex}.dest-url-box{font-family:var(--font-mono);color:#1a1a1ad9;word-break:break-all;background-color:var(--julim-paper);border:1px solid var(--julim-divider);border-radius:.5rem;margin-top:.5rem;padding:.75rem;font-size:.875rem;line-height:1.6}.badge-row-wrap{border-top:1px solid var(--julim-divider);background-color:#fbfaf799;padding:1.25rem 1.5rem}.badge-row-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.badge-row-label{font-family:var(--font-mono);color:var(--julim-sub);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:500}.badge-row{flex-wrap:wrap;gap:.5rem;display:flex}.badge{border-radius:999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-safe{background-color:var(--julim-safe-soft);color:var(--julim-safe);border:1px solid #2d865940}.badge-info{background-color:var(--julim-info-soft);color:var(--julim-info);border:1px solid #8a858040}.badge-warn{background-color:var(--julim-warn-soft);color:var(--julim-warn);border:1px solid #b3541e4d}.badge-plain{border:1px solid var(--julim-divider);color:var(--julim-sub);background-color:#fff}.preview-meta-grid{grid-template-columns:1fr;align-items:stretch;gap:1rem;padding-top:1.5rem;padding-bottom:1.5rem;display:grid}.meta-card{border:1px solid var(--julim-divider);box-shadow:var(--shadow-soft);background-color:#fff;border-radius:1rem;padding:1.5rem}.meta-dl{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.meta-dl dt{color:var(--julim-muted);margin-bottom:.25rem;font-size:.75rem}.meta-dl dd{font-size:.875rem;font-weight:500}.inspector-card{background-color:var(--julim-paper);border:1px solid var(--julim-divider);border-radius:1rem;justify-content:center;align-items:center;min-width:10.5rem;padding:1rem;display:none}.preview-cta-row{flex-direction:column;gap:.75rem;padding-bottom:1.5rem;display:flex}.btn-continue{background-color:var(--julim-primary);color:#fff;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1.0625rem;font-weight:600;transition:background-color .16s;display:inline-flex}.btn-continue:hover{background-color:var(--julim-primary-dark)}.btn-ghost{border:1px solid var(--julim-divider);color:var(--julim-muted);background-color:#fff;border-radius:.875rem;justify-content:center;align-items:center;padding:1rem 1.5rem;font-weight:500;transition:color .16s;display:inline-flex}.btn-ghost:hover{color:var(--julim-ink)}.report-line{text-align:center;color:var(--julim-muted);padding-bottom:2.5rem;font-size:.8125rem}.report-line a{color:var(--julim-primary)}.nf-wrap{text-align:center;max-width:44rem;margin:0 auto;padding:3rem 1.25rem 4rem}.nf-title{letter-spacing:-.02em;margin-top:1.5rem;font-size:clamp(2.25rem,7vw,3.5rem);line-height:1.1}.nf-sub{color:var(--julim-sub);margin-top:1rem;font-size:1.0625rem;line-height:1.7}.nf-cards{text-align:left;grid-template-columns:1fr;gap:.75rem;margin-top:2rem;display:grid}.nf-card{border:1px solid var(--julim-divider);background-color:#fff;border-radius:.875rem;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex}.nf-card-title{font-size:.9375rem;font-weight:600}.nf-card-body{color:var(--julim-muted);margin-top:.125rem;font-size:.8125rem;line-height:1.6}.nf-cta-row{flex-direction:column;gap:.75rem;margin-top:2rem;display:flex}.knot-tip{border:1px solid var(--julim-divider);text-align:left;background-color:#fff;border-radius:1rem;align-items:flex-start;gap:.875rem;margin-top:2.5rem;padding:1.25rem 1.5rem;display:flex}.knot-tip-kicker{font-family:var(--font-mono);color:var(--julim-primary);margin-bottom:.25rem;font-size:11px}.knot-tip-body{color:var(--julim-sub);font-size:.875rem;line-height:1.7}.knot-tip-refresh{font-family:var(--font-mono);color:var(--julim-muted);flex-shrink:0;margin-left:auto;font-size:.75rem}.knot-tip-refresh:hover{color:var(--julim-ink)}.legal-wrap{max-width:44rem;margin:0 auto;padding:3rem 1.25rem 4rem}.legal-title{letter-spacing:-.02em;font-size:2rem;font-weight:700}.legal-updated{font-family:var(--font-mono);color:var(--julim-muted);margin-top:.5rem;font-size:.8125rem}.legal-body{flex-direction:column;gap:1.75rem;margin-top:2rem;display:flex}.legal-body h2{margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.legal-body p,.legal-body li{color:var(--julim-sub);font-size:.9375rem;line-height:1.8}.legal-body ul{padding-left:1.25rem}@media (min-width:640px){.shorten-box{flex-direction:row}.trust-grid{grid-template-columns:repeat(4,1fr)}.preview-cta-row{flex-direction:row}.btn-continue{flex:1}.nf-cta-row{flex-direction:row;justify-content:center}.nf-cards{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.hero-grid{grid-template-columns:1fr 1fr;gap:1.5rem;padding-top:6rem;padding-bottom:6rem}.hero-character{order:0;justify-content:flex-end}.card-grid{grid-template-columns:repeat(3,1fr)}.result-grid{grid-template-columns:1fr auto}.footer-main{grid-template-columns:auto 1fr auto}.preview-meta-grid{grid-template-columns:1fr auto}.inspector-card{display:flex}}@media (max-width:767px){.hero-character{order:-1}.hero-character svg{width:240px;height:240px}}@media (max-width:640px){.promo-backdrop{align-items:flex-end;padding:0}.promo-modal-card{border-radius:20px 20px 0 0;max-width:100%;padding:22px 18px 20px;animation:.36s cubic-bezier(.2,.7,.3,1) forwards promoSheetUp}@keyframes promoSheetUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.promo-banner{width:auto;animation:.36s cubic-bezier(.2,.7,.3,1) both promoBannerUpMobile;bottom:8px;left:8px;right:8px;transform:none}@keyframes promoBannerUpMobile{0%{opacity:0;transform:translateY(140%)}to{opacity:1;transform:translateY(0)}}.promo-banner-inner{gap:10px;padding:10px 12px 10px 14px}.promo-inline-card{flex-direction:column;align-items:flex-start;gap:10px}}