.cravli-landing{--ivory:#f8f5ed;--ink:#191b1a;--blue:#3539f3;--lime:#c7ff47;--aqua:#88eee0;--orange:#ee653f;--ease:cubic-bezier(.22,1,.36,1)}.cravli-landing *{box-sizing:border-box}.cravli-landing{scroll-behavior:smooth;word-break:keep-all;margin:0;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.cravli-landing button,.cravli-landing a{-webkit-tap-highlight-color:transparent}.cravli-landing button{font:inherit;cursor:pointer}.cravli-landing a{color:inherit;text-decoration:none}.cravli-landing button:focus-visible,.cravli-landing a:focus-visible{outline-offset:6px;outline:3px solid #efac6d}.cravli-landing button{color:inherit}.cravli-landing h1,.cravli-landing h2,.cravli-landing h3,.cravli-landing p{margin:0}.cravli-landing .brand{letter-spacing:-.2px;align-items:center;gap:12px;font-size:14px;font-weight:700;display:flex}.cravli-landing .brand svg{flex-shrink:0;width:32px;height:32px}.cravli-landing .brand small{letter-spacing:2px;margin-top:5px;font-size:9px;font-weight:400;display:block}.cravli-landing .nav{z-index:5;justify-content:space-between;align-items:center;padding:28px 5%;display:flex;position:relative}.cravli-landing .nav-right{align-items:center;gap:30px;font-size:13px;display:flex}.cravli-landing .variant-link{opacity:.72;font-size:11px}.cravli-landing .eyebrow{letter-spacing:2.5px;font-size:11px;font-weight:600}.cravli-landing .arrow{font-size:25px}.cravli-landing .preview-label{letter-spacing:1px;font-size:11px}.cravli-landing .footer{justify-content:space-between;gap:24px;padding:25px 5%;font-size:11px;display:flex}.cravli-landing .footer p{opacity:.64}.cravli-landing .tool-button{text-align:left;border:0;width:100%}.cravli-landing .tool-button h3{letter-spacing:-1px;font-size:29px}.cravli-landing .tool-button .card-foot{justify-content:space-between;align-items:center;font-size:12px;display:flex}.cravli-landing .tool-number{letter-spacing:2px;font-size:12px}.cravli-landing dialog{background:var(--ivory);color:var(--ink);border:1px solid #45453f;border-radius:20px;width:calc(100% - 36px);max-width:460px;padding:38px;box-shadow:0 35px 140px #0008}.cravli-landing dialog[open]{animation:smm-dialog-in .3s var(--ease)}.cravli-landing dialog h2{letter-spacing:-1px;margin:28px 0 18px;font-size:31px}.cravli-landing .close-dialog{background:0 0;border:0;font-size:26px;position:absolute;top:14px;right:18px}.cravli-landing .dialog-lead{font-size:18px;font-weight:600}.cravli-landing .dialog-description{color:#626660;margin:12px 0 30px;font-size:15px;line-height:1.8}.cravli-landing .enter{background:var(--ink);color:var(--ivory);border-radius:9px;padding:17px 18px;font-size:14px;display:block}.cravli-landing .dialog-note{color:#676b64;margin-top:14px;font-size:11px}.cravli-landing .dialog-label{letter-spacing:2px;color:#74776f;font-size:10px}@keyframes smm-dialog-in{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@media (width<=768px){.cravli-landing .nav{padding:22px}.cravli-landing .brand{gap:8px;font-size:11px}.cravli-landing .brand small{letter-spacing:1px;font-size:8px}.cravli-landing .brand svg{width:27px;height:27px}.cravli-landing .nav-right{gap:14px;font-size:12px}.cravli-landing .variant-link{font-size:10px}.cravli-landing .footer{flex-direction:column;gap:10px;padding:25px 22px}.cravli-landing dialog{padding:30px 25px}}@media (prefers-reduced-motion:reduce){.cravli-landing{scroll-behavior:auto}.cravli-landing *,.cravli-landing :before,.cravli-landing :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.cravli-landing{--bg:#101110;--text:#eeeee8;--ease:cubic-bezier(.22,1,.36,1);background:var(--bg);color:var(--text);overflow-x:clip}.cravli-landing .texture,.cravli-landing .vignette{pointer-events:none;position:fixed;inset:0}.cravli-landing .texture{z-index:20;opacity:.085;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");background-size:160px 160px}.cravli-landing .vignette{z-index:0;background:radial-gradient(at 50% 38%,#0000,#0003)}.cravli-landing .nav{z-index:3;max-width:1280px;margin:auto;padding:22px 28px}.cravli-landing .brand small{color:#999c91;letter-spacing:1.9px;font-size:8px}.cravli-landing .nav-button{color:#d99a66;background:#080a08a0;border:1px solid #81513444;border-radius:5px;padding:9px 16px;font-size:12px;transition:background .2s,border-color .2s;box-shadow:0 0 13px #d9832910}.cravli-landing .nav-button:hover{background:#23190f;border-color:#a06b3c}.cravli-landing .hero{z-index:1;text-align:center;padding:85px 24px 0;position:relative}.cravli-landing .hero h1{letter-spacing:-2.8px;color:#0000;background:linear-gradient(105deg,#f1f1eb 24%,#777b75 85%);-webkit-background-clip:text;background-clip:text;font-size:clamp(38px,4.7vw,60px);font-weight:750;line-height:1.15}.cravli-landing .hero h1>span{white-space:nowrap}.cravli-landing .lead{color:#949a8e;margin-top:19px;font-size:13px;line-height:1.7}.cravli-landing .orb-stage{isolation:isolate;width:min(530px,100%);height:263px;margin:18px auto 0;scroll-margin-top:20px;position:relative}.cravli-landing .orb-button{outline-offset:-22px;background:0 0;border:0;border-radius:40%;position:absolute;inset:0}.cravli-landing .orb-cluster{pointer-events:none;transform:translate(var(--px,0px),var(--py,0px));transition:transform .65s var(--ease);position:absolute;inset:0}.cravli-landing .side-orb{filter:blur(3px);opacity:.52;background:radial-gradient(circle at 35% 35%,#20231d,#171a16 65%,#111211);border-radius:50%;width:127px;height:127px;position:absolute;top:50%;left:50%;transform:translate(calc(-50% - 166px),-50%)}.cravli-landing .sphere{opacity:0;width:132px;height:132px;transition:opacity .55s ease,transform .8s var(--ease),filter .35s;border-radius:50%;animation:6s ease-in-out infinite smm-float;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.75)}.cravli-landing .sphere.active{opacity:1;transform:translate(-50%,-50%)scale(1)}.cravli-landing .sphere-signal{background:radial-gradient(circle at 40% 40%,#bd4b20,#a13c18 32%,#78321b 65%,#3b231b);box-shadow:0 0 35px #d4522435,0 0 80px #e66f1820,inset -10px -10px 24px #351b1425}.cravli-landing .sphere-signal .sphere-lines{display:none}.cravli-landing .sphere-cycle{background:radial-gradient(circle at 30% 28%,#c8e5a5,#7cae85 29%,#366b56 60%,#142e29 90%);box-shadow:0 0 55px #68c19625,inset -9px -10px 24px #152f2540}.cravli-landing .sphere-cycle:before,.cravli-landing .sphere-cycle:after,.cravli-landing .sphere-cycle .sphere-lines{content:"";border:1px solid #c7ecd081;border-radius:50%;position:absolute;inset:12% 2%;transform:rotate(-28deg)scaleY(.5)}.cravli-landing .sphere-cycle:after{inset:0 26%;transform:rotate(-28deg)}.cravli-landing .sphere-cycle .sphere-lines{inset:0 11%;transform:rotate(-28deg)}.cravli-landing .sphere-record{background:radial-gradient(circle at 32% 26%,#fff4c5,#d7bf79 30%,#8d753d 67%,#403b29);overflow:hidden;box-shadow:0 0 55px #e7bc5f22}.cravli-landing .sphere-record:before,.cravli-landing .sphere-record:after,.cravli-landing .sphere-record .sphere-lines{content:"";border:1px solid #fff3c67a;border-radius:50%;position:absolute;inset:20% -8%;transform:rotate(-35deg);box-shadow:0 8px 10px #4c3d1c20}.cravli-landing .sphere-record:after{inset:35% -8%}.cravli-landing .sphere-record .sphere-lines{inset:5% -8%}.cravli-landing .orb-button:hover .sphere.active{filter:brightness(1.15)}.cravli-landing .orb-caption{color:#e1e3da;letter-spacing:1.4px;margin:5px 0 0;font-size:12px}.cravli-landing .down-button{color:#aab0a0;background:#ffffff06;border:1px solid #ffffff0a;border-radius:50%;place-items:center;width:35px;height:35px;margin:24px auto 0;font-size:20px;transition:background .2s,rotate .5s;display:grid}.cravli-landing .down-button:hover{background:#ffffff12}.cravli-landing .navigation-dots{justify-content:center;gap:0;margin:22px 0 28px;display:flex}.cravli-landing .navigation-dots button{background:0 0;border:0;width:23px;height:24px;padding:6px;position:relative}.cravli-landing .navigation-dots button:before{content:"";background:#7b7f75;border-radius:50%;width:11px;height:11px;transition:background .3s,scale .3s;display:block}.cravli-landing .navigation-dots button[aria-pressed=true]:before{background:#d79567;scale:1.08}.cravli-landing[data-selection="1"] .navigation-dots button[aria-pressed=true]:before{background:#9ccea8}.cravli-landing[data-selection="2"] .navigation-dots button[aria-pressed=true]:before{background:#ddc67e}.cravli-landing .choices{z-index:2;max-width:1000px;margin:0 auto;padding:0 22px 30px;scroll-margin-top:26px;position:relative}.cravli-landing .choices-heading{text-align:center;color:#e0e3d8;margin:0 0 34px;font-size:14px;font-weight:400}.cravli-landing .cards{perspective:1500px;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;padding:8px 0 0;display:grid}.cravli-landing .tool-card{--accent:#ef977b;--bright:#fa754c;min-width:0;height:358px;transition:transform .65s var(--ease),box-shadow .4s,border-color .3s;isolation:isolate;background-position:50%;background-size:cover;border:1px solid #ffffff36;border-radius:8px;flex-direction:column;padding:12px;display:flex;position:relative;transform:rotateY(9deg);box-shadow:0 12px 32px #0005}.cravli-landing .tool-card:nth-child(2){--accent:#9ce6c7;--bright:#63dbae;transform:translateY(-5px)}.cravli-landing .tool-card:nth-child(3){--accent:#f3d78b;--bright:#e4b948;transform:rotateY(-9deg)}.cravli-landing .tool-card:before{content:"";z-index:-1;background:linear-gradient(145deg,#101310f2,#101411d4);border-radius:5px;position:absolute;inset:12px}.cravli-landing .tool-card:hover,.cravli-landing .tool-card:focus-within,.cravli-landing .tool-card.selected{border-color:var(--accent);transform:translateY(-17px)rotateY(0);box-shadow:0 20px 45px #0007}.cravli-landing .tool-card.selected:after{content:"";pointer-events:none;border-radius:8px;position:absolute;inset:0;box-shadow:inset 0 0 20px #ffffff08}.cravli-landing .tool-button{color:#f3f4ea;outline-offset:-3px;background:0 0;border:0;border-radius:5px 5px 0 0;flex:1;padding:24px 23px 18px;position:relative;overflow:hidden}.cravli-landing .card-top{justify-content:space-between;align-items:flex-start;margin-bottom:19px;display:flex}.cravli-landing .tool-icon{color:#f1f4e9;filter:drop-shadow(0 0 8px #ffffff18);width:35px;height:35px}.cravli-landing .tool-number{color:#b8bfae;letter-spacing:0;font-family:monospace;font-size:12px}.cravli-landing .selection-check{color:var(--accent);opacity:0;font-size:12px;position:absolute;top:57px;right:25px}.cravli-landing .selected .selection-check{opacity:1}.cravli-landing .tool-button h3{letter-spacing:-1.8px;background:linear-gradient(120deg,#fff 20%,var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 14px;font-size:34px;font-weight:800;line-height:1.1;position:relative}.cravli-landing .tool-button p{color:#c1c8b7;font-size:12px;line-height:1.8;position:relative}.cravli-landing .card-art{background:repeating-linear-gradient(135deg,transparent 0 12px,var(--accent) 12px 13px,transparent 13px 24px);opacity:.1;width:125px;height:135px;position:absolute;bottom:-12px;right:-24px;-webkit-mask-image:linear-gradient(135deg,#0000,#000);mask-image:linear-gradient(135deg,#0000,#000)}.cravli-landing .card-art i{display:none}.cravli-landing .card-entry{color:#e0e7d8;text-align:left;background:0 0;border:0;border-radius:0 0 5px 5px;align-items:center;gap:8px;width:100%;padding:17px 22px 24px;font-size:11px;display:flex;position:relative}.cravli-landing .card-entry>span:first-child{background:var(--bright);color:#11150f;white-space:nowrap;border-radius:3px;padding:5px 7px;font-weight:700}.cravli-landing .entry-label{letter-spacing:.3px;color:#bbc2b2;font-size:10px}.cravli-landing .card-entry .arrow{color:var(--accent);margin-left:auto;font-size:22px;transition:translate .25s}.cravli-landing .card-entry:hover .arrow{translate:3px -3px}.cravli-landing .card-entry:focus-visible{outline-offset:-4px}.cravli-landing .footnote{color:#969f8c;text-align:center;margin-top:25px;font-size:10px;line-height:1.8}.cravli-landing .footer{color:#87917d;z-index:1;border-top:1px solid #ffffff09;align-items:center;max-width:1280px;margin:auto;padding:23px 28px;font-size:9px;position:relative}.cravli-landing .motion-toggle{color:#9fa892;background:0 0;border:0;padding:8px;font-size:10px}.cravli-landing .footer a{color:#a4ad9b}.cravli-landing .expanded .down-button{rotate:180deg}.cravli-landing .expanded .tool-card{animation:smm-rise .7s var(--ease) both}.cravli-landing .expanded .tool-card:nth-child(2){animation-delay:60ms}.cravli-landing .expanded .tool-card:nth-child(3){animation-delay:.12s}.cravli-landing dialog{color:#edeedf;background:#171c16;border-color:#535d46;border-radius:12px}.cravli-landing dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0009}.cravli-landing dialog .dialog-label{color:#ba926d}.cravli-landing dialog .dialog-description{color:#b2bba5}.cravli-landing dialog .enter{color:#222a1e;background:#e3dfcb}.cravli-landing dialog .dialog-note{color:#9ba68d}.cravli-landing .help-list{color:#bac3ab;margin:24px 0;padding:0;font-size:14px;line-height:1.8;list-style:none}.cravli-landing .help-list li{border-top:1px solid #ffffff17;padding:12px 0}.cravli-landing .help-list strong{color:#e7eadb;display:block}.cravli-landing .help-continue{text-align:left;border:0;width:100%}.cravli-landing.motion-off *,.cravli-landing.motion-off :before,.cravli-landing.motion-off :after{transition:none!important;animation:none!important}@keyframes smm-float{50%{translate:0 -5px}}@keyframes smm-rise{0%{opacity:.3;translate:0 36px}to{opacity:1;translate:0}}@media (width<=768px){.cravli-landing .nav{padding:22px 18px}.cravli-landing .brand{gap:8px;font-size:10px}.cravli-landing .brand svg{width:27px;height:27px}.cravli-landing .brand small{letter-spacing:1.2px;font-size:7px}.cravli-landing .nav-right{gap:8px}.cravli-landing .nav-button{padding:8px 10px;font-size:10px}.cravli-landing .hero{padding:62px 18px 0}.cravli-landing .hero h1{letter-spacing:-2px;font-size:38px;line-height:1.18}.cravli-landing .hero h1>span{display:block}.cravli-landing .lead{max-width:280px;margin:16px auto 0;font-size:11px;line-height:1.8}.cravli-landing .orb-stage{height:224px;margin-top:10px;overflow:clip}.cravli-landing .sphere{width:120px;height:120px}.cravli-landing .side-orb{width:88px;height:88px;transform:translate(calc(-50% - 125px),-50%)}.cravli-landing .side-orb.right{transform:translate(calc(125px - 50%),-50%)}.cravli-landing .orb-caption{letter-spacing:.9px;font-size:10px}.cravli-landing .navigation-dots{margin:18px 0 26px}.cravli-landing .choices{padding:0 27px 24px}.cravli-landing .choices-heading{margin-bottom:30px;font-size:12px}.cravli-landing .cards{perspective:none;grid-template-columns:1fr;gap:25px;max-width:360px;margin:auto}.cravli-landing .tool-card,.cravli-landing .tool-card:nth-child(2),.cravli-landing .tool-card:nth-child(3),.cravli-landing .tool-card:hover,.cravli-landing .tool-card.selected{height:315px;transform:none}.cravli-landing .tool-button{padding:22px 23px 12px}.cravli-landing .card-top{margin-bottom:17px}.cravli-landing .tool-button h3{font-size:31px}.cravli-landing .tool-button h3 br{display:none}.cravli-landing .tool-button p{font-size:13px}.cravli-landing .card-entry{padding:17px 23px 24px}.cravli-landing .card-art{width:160px;height:160px}.cravli-landing .footer{align-items:flex-start;gap:8px;padding:20px 24px}.cravli-landing .footnote{font-size:10px}}@media (prefers-reduced-motion:reduce){.cravli-landing .tool-card:hover{transform:none}}.cravli-landing .tool-card:before{z-index:0;background:linear-gradient(145deg,#111711ed,#111711de)}.cravli-landing .tool-button,.cravli-landing .card-entry{z-index:1}.cravli-landing{position:relative}.cravli-landing .texture{position:absolute}@property --smm-light-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.cravli-landing .tool-card{--accent:#e8bfa5;--bright:#d5a487;--glow:213,157,119;--light-x:78%;--light-y:0%;background:radial-gradient(ellipse at 85% 0%,rgba(var(--glow),.17),transparent 57%),linear-gradient(145deg,#30312f 0%,#1a1d1b 44%,#141715 100%);border:1px solid #ffffff24;border-radius:13px;padding:12px;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 14px 35px #0005}.cravli-landing .tool-card:nth-child(2){--accent:#b9d9ce;--bright:#a1c9b7;--glow:132,189,161}.cravli-landing .tool-card:nth-child(3){--accent:#e5d7b3;--bright:#ccb887;--glow:208,187,125}.cravli-landing .tool-card:before{pointer-events:none;z-index:0;background:linear-gradient(155deg,#ffffff03,#0000 48%);border:1px solid #ffffff07;border-radius:7px;inset:9px}.cravli-landing .tool-card:after,.cravli-landing .tool-card.selected:after{content:"";background:linear-gradient(90deg,transparent,var(--accent),#fff,var(--accent),transparent);opacity:.38;height:1px;box-shadow:0 2px 14px rgba(var(--glow),.35);pointer-events:none;border-radius:0;transition:opacity .35s;position:absolute;top:0;left:30px;right:30px}.cravli-landing .tool-card:hover,.cravli-landing .tool-card:focus-within,.cravli-landing .tool-card.selected{border-color:rgba(var(--glow),.48);box-shadow:inset 0 1px 0 #ffffff21,0 20px 42px #0006,0 0 32px rgba(var(--glow),.07)}.cravli-landing .tool-card.selected:after{opacity:1}.cravli-landing .card-light{pointer-events:none;border-radius:inherit;background:radial-gradient(220px circle at var(--light-x) var(--light-y),rgba(var(--glow),.15),transparent 80%);opacity:.5;z-index:0;transition:opacity .4s;position:absolute;inset:0;overflow:hidden}.cravli-landing .card-light:before{content:"";background:linear-gradient(90deg,transparent,#fff0 25%,rgba(var(--glow),.025) 39%,rgba(var(--glow),.12) 49%,#ffffff10 50%,rgba(var(--glow),.025) 59%,transparent 75%);opacity:0;width:70%;height:190%;position:absolute;top:-40%;left:-75%;transform:rotate(-23deg)translate(-40%)}.cravli-landing .tool-card.selected .card-light,.cravli-landing .tool-card:hover .card-light{opacity:1}.cravli-landing .tool-card.selected .card-light:before{animation:6.5s ease-in-out infinite smm-glass-pass}.cravli-landing .edge-light{pointer-events:none;background:conic-gradient(from var(--smm-light-angle),transparent 0deg,transparent 210deg,rgba(var(--glow),.07) 245deg,var(--accent) 275deg,#fff5d9 280deg,rgba(var(--glow),.2) 290deg,transparent 315deg);opacity:0;z-index:3;border-radius:14px;padding:1px;transition:opacity .4s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.cravli-landing .tool-card.selected .edge-light{opacity:.85;animation:9s linear infinite smm-edge-orbit}.cravli-landing .tool-card:hover .edge-light{opacity:.7}.cravli-landing .tool-button{padding-top:25px}.cravli-landing .tool-icon{color:var(--accent);filter:drop-shadow(0 0 10px rgba(var(--glow),.18));stroke-width:1.4px}.cravli-landing .tool-number{color:#9da69b;letter-spacing:1px;font-size:11px}.cravli-landing .selection-check{color:var(--accent)}.cravli-landing .tool-button h3{background:linear-gradient(120deg,#f7f5ef 30%,var(--accent) 100%);letter-spacing:-1.6px;-webkit-background-clip:text;background-clip:text;font-weight:700}.cravli-landing .tool-button p{color:#b9c0b4}.cravli-landing .card-entry{border-top:1px solid #ffffff12;border-radius:0;width:calc(100% - 26px);margin:0 13px 7px;padding:17px 9px 15px}.cravli-landing .card-entry>span:first-child{color:var(--accent);background:0 0;padding:0;font-size:12px;font-weight:500}.cravli-landing .entry-label{color:#9da598;margin-left:auto;font-size:10px}.cravli-landing .card-entry .arrow{background:#ffffff06;border:1px solid #ffffff25;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:2px;font-size:19px;display:grid}.cravli-landing .card-entry:hover .arrow{background:rgba(var(--glow),.16);border-color:rgba(var(--glow),.45);translate:0 -2px}@keyframes smm-glass-pass{0%,12%{opacity:0;transform:rotate(-23deg)translate(-40%)}20%{opacity:1}62%,to{opacity:0;transform:rotate(-23deg)translate(310%)}}@keyframes smm-edge-orbit{to{--smm-light-angle:360deg}}@media (width<=768px){.cravli-landing .tool-card{border-radius:12px}.cravli-landing .tool-button{padding-top:23px}.cravli-landing .card-entry{padding:16px 9px 15px}}@media (prefers-reduced-motion:reduce){.cravli-landing .card-light:before{display:none}.cravli-landing .edge-light{animation:none!important}}.cravli-landing .nav{max-width:1600px;padding:22px 28px}.cravli-landing .nav-right{gap:20px}.cravli-landing .brand{letter-spacing:0;gap:12px;font-size:13px}.cravli-landing .brand svg{width:31px;height:31px}.cravli-landing .hero{padding:46px 24px 0}.cravli-landing .hero h1{letter-spacing:-2.6px;background-image:linear-gradient(105deg,#f0f0e9 24%,#93948e 80%);font-size:clamp(38px,4.4vw,60px);font-weight:700;line-height:1.2}.cravli-landing .hero .lead{color:#8f9489;margin-top:17px;font-size:13px;line-height:1.7}.cravli-landing .orb-stage{height:265px;margin:25px auto 5px}.cravli-landing .side-orb{filter:blur(5px);opacity:.66;background:radial-gradient(circle at 40% 34%,#242621,#1b1d19 60%,#111211 90%);width:113px;height:113px;transform:translate(calc(-50% - 170px),-50%)}.cravli-landing .side-orb.right{transform:translate(calc(170px - 50%),-50%)}.cravli-landing .orb-caption{letter-spacing:1.6px;color:#c7c8bf;margin-top:6px;font-size:12px}.cravli-landing .down-button{color:#a0a894;background:#24272080;border:1px solid #373b33;width:34px;height:34px;margin:19px auto 0;font-size:18px}.cravli-landing .navigation-dots{gap:2px;margin:17px 0 25px}.cravli-landing .navigation-dots button{width:23px;height:26px;padding:7px}.cravli-landing .navigation-dots button:before{width:9px;height:9px}.cravli-landing .choices{max-width:1020px;padding:0 24px 37px}.cravli-landing .choices-heading{color:#d8dacf;margin:0 0 27px;font-size:13px;font-weight:400}.cravli-landing .cards{perspective:none;gap:34px;padding:0}.cravli-landing .tool-card,.cravli-landing .tool-card:nth-child(2),.cravli-landing .tool-card:nth-child(3){height:288px;transform:none}.cravli-landing .tool-card:hover,.cravli-landing .tool-card:focus-within,.cravli-landing .tool-card.selected{transform:translateY(-9px)}.cravli-landing .tool-button{padding:15px 13px 10px}.cravli-landing .card-top{margin-bottom:26px}.cravli-landing .tool-icon{width:27px;height:27px}.cravli-landing .tool-button h3{letter-spacing:-1px;margin:0 0 12px;font-size:28px;line-height:1.3}.cravli-landing .tool-button h3 br{display:none}.cravli-landing .tool-button p{font-size:13px;line-height:1.75}.cravli-landing .card-entry{padding:12px 0 8px}.cravli-landing .footnote{margin-top:25px;font-size:10px}.cravli-landing .footer{max-width:none;padding:22px 4%}.cravli-landing .texture{opacity:.052}@media (width<=768px){.cravli-landing .nav{padding:21px 19px}.cravli-landing .brand{gap:8px;font-size:10px}.cravli-landing .brand svg{width:26px;height:26px}.cravli-landing .brand small{letter-spacing:1.1px;font-size:7px}.cravli-landing .nav-right{gap:7px}.cravli-landing .nav-button{padding:8px 10px;font-size:10px}.cravli-landing .hero{padding:45px 18px 0}.cravli-landing .hero h1{letter-spacing:-1.8px;font-size:37px;line-height:1.2}.cravli-landing .hero .lead{max-width:280px;margin:16px auto 0;font-size:12px;line-height:1.7}.cravli-landing .orb-stage{height:228px;margin:19px auto 2px}.cravli-landing .side-orb{width:83px;height:83px;transform:translate(calc(-50% - 121px),-50%)}.cravli-landing .side-orb.right{transform:translate(calc(121px - 50%),-50%)}.cravli-landing .orb-caption{letter-spacing:1px;font-size:10px}.cravli-landing .down-button{margin-top:17px}.cravli-landing .navigation-dots{margin:14px 0 24px}.cravli-landing .choices{padding:0 20px 29px}.cravli-landing .choices-heading{margin-bottom:25px;font-size:12px}.cravli-landing .cards{gap:17px;max-width:440px}.cravli-landing .tool-card,.cravli-landing .tool-card:nth-child(2),.cravli-landing .tool-card:nth-child(3){height:245px;transform:none}.cravli-landing .tool-card:hover,.cravli-landing .tool-card:focus-within,.cravli-landing .tool-card.selected{transform:none}.cravli-landing .tool-button{padding:13px 16px 6px}.cravli-landing .card-top{margin-bottom:19px}.cravli-landing .tool-button h3{font-size:28px}.cravli-landing .tool-button p{font-size:13px}.cravli-landing .footer{gap:10px;padding:19px 20px}.cravli-landing .footnote{font-size:10px;line-height:1.6}}.cravli-landing .cards .tool-card{--tone:172,80,51;--accent:#d9a082;--glow:172,80,51;background:radial-gradient(ellipse at 60% 0%,rgba(var(--tone),.25),transparent 63%),#221712;isolation:isolate;border:1px solid #6e4d3e;border-radius:9px;padding:11px;box-shadow:0 10px 30px #0002}.cravli-landing .cards .tool-card:nth-child(2){--tone:59,151,105;--accent:#9bc4aa;--glow:59,151,105;background:radial-gradient(at 60% 0,#48846843,#0000 65%),#14211a;border-color:#425e4c}.cravli-landing .cards .tool-card:nth-child(3){--tone:161,137,53;--accent:#cfc28a;--glow:161,137,53;background:radial-gradient(at 60% 0,#92832c37,#0000 65%),#201e13;border-color:#615b38}.cravli-landing .cards .tool-card:before{z-index:1;background:linear-gradient(150deg,#171612bc,#11161195);border:0;border-radius:7px;inset:11px}.cravli-landing .cards .tool-card:after,.cravli-landing .cards .tool-card.selected:after{display:none}.cravli-landing .cards .tool-card.selected{border-color:rgba(var(--tone),.65);transform:none;box-shadow:0 12px 35px #0003}.cravli-landing .cards .tool-card:hover,.cravli-landing .cards .tool-card:focus-within{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 18px 38px #0005}.cravli-landing .cards .tool-button{z-index:3;color:#eeeae0;background:0 0;padding:16px 15px 9px}.cravli-landing .cards .card-top{border:0;justify-content:space-between;align-items:center;gap:0;height:27px;margin:0 0 27px;padding:0;display:flex}.cravli-landing .cards .tool-icon{color:#d9c7b8;filter:none;stroke-width:1.4px;width:27px;height:27px}.cravli-landing .cards .tool-card:nth-child(2) .tool-icon{color:#c4d4c5}.cravli-landing .cards .tool-card:nth-child(3) .tool-icon{color:#b9b79f}.cravli-landing .cards .tool-number{letter-spacing:1px;color:#b4b1a4;order:initial;margin:0;font-family:Arial,sans-serif;font-size:10px;font-weight:400}.cravli-landing .cards .selection-check{display:none}.cravli-landing .cards .tool-button h3{color:#f0ede4;letter-spacing:-1px;background:0 0;margin:0 0 12px;font-size:28px;font-weight:700;line-height:1.3}.cravli-landing .cards .tool-button p{color:#b9b7aa;font-size:13px;line-height:1.75}.cravli-landing .cards .tool-card:nth-child(3) h3{color:#d0d0bb}.cravli-landing .cards .tool-card:nth-child(3) p{color:#a5a790}.cravli-landing .cards .card-entry{z-index:3;color:#ceccbb;background:0 0;border:0;border-top:1px solid #ffffff16;border-radius:0;width:calc(100% - 30px);min-height:45px;margin:0 15px 9px;padding:13px 0 5px}.cravli-landing .cards .card-entry>span:first-child{color:#ceccbb;background:0 0;padding:0;font-size:11px;font-weight:400}.cravli-landing .cards .card-entry .arrow{color:#ceccbb;background:0 0;border:0;border-radius:0;width:auto;height:auto;margin-left:auto;font-size:22px}.cravli-landing .cards .card-entry:hover{background:0 0}.cravli-landing .cards .card-entry:hover .arrow{color:#fff;background:0 0;border:0;translate:3px -3px}.cravli-landing .card-pattern{border:1px solid rgba(var(--tone),.3);width:290px;height:320px;box-shadow:0 0 0 16px rgba(var(--tone),.08),0 0 0 17px rgba(var(--tone),.14),0 0 0 34px rgba(var(--tone),.045),0 0 0 35px rgba(var(--tone),.09);z-index:0;pointer-events:none;transform-origin:50%;border-radius:16%;animation:12s cubic-bezier(.4,0,.2,1) infinite paused smm-ribbon-drift;position:absolute;top:-55px;right:-60px;transform:rotate(35deg)}.cravli-landing .pattern-1{border-radius:50%;animation-name:smm-cycle-drift;animation-duration:15s;transform:rotate(-25deg)}.cravli-landing .pattern-2{opacity:.7;border-radius:50%;width:230px;height:320px;animation-name:smm-record-drift;animation-duration:13s;right:-5px;transform:rotate(30deg)}.cravli-landing .card-pattern svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cravli-landing .pattern-outline{stroke:rgba(var(--tone),.16);stroke-width:1px}.cravli-landing .pattern-trace{stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:75 900;stroke-dashoffset:0;opacity:0;filter:drop-shadow(0 0 5px rgba(var(--tone),.6));transition:opacity .4s;animation:11s linear infinite paused smm-contour-run}.cravli-landing .cards .selected .card-pattern{animation-play-state:running}.cravli-landing .cards .selected .pattern-trace{opacity:.75;animation-play-state:running}.cravli-landing .cards .card-light{z-index:2;opacity:.25;background:radial-gradient(230px circle at var(--light-x) var(--light-y),rgba(var(--glow),.1),transparent 85%)}.cravli-landing .cards .selected .card-light{opacity:.65}.cravli-landing .cards .card-light:before{background:linear-gradient(90deg,transparent 28%,rgba(var(--glow),.02) 38%,rgba(var(--glow),.12) 50%,rgba(var(--glow),.02) 62%,transparent 72%)}.cravli-landing .cards .selected .card-light:before{animation:8s ease-in-out infinite smm-glass-pass}.cravli-landing .cards .edge-light{z-index:4;opacity:0;border-radius:9px}.cravli-landing .cards .selected .edge-light{opacity:.35;animation-duration:16s}.cravli-landing .icon-motion{transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out infinite paused smm-icon-breathe}.cravli-landing .cards .selected .icon-motion{animation-play-state:running}.cravli-landing .cards .tool-card:nth-child(2) .icon-motion{animation-name:smm-icon-orbit;animation-duration:14s}.cravli-landing .cards .tool-card:nth-child(3) .icon-motion{stroke-dasharray:1;animation-name:smm-icon-write;animation-duration:6s}@keyframes smm-ribbon-drift{0%,to{transform:rotate(35deg)translate(0)}50%{transform:rotate(42deg)translate(-7px,6px)}}@keyframes smm-cycle-drift{0%,to{transform:rotate(-25deg)scale(1)}50%{transform:rotate(-8deg)scale(1.055)}}@keyframes smm-record-drift{0%,to{transform:rotate(30deg)translateY(0)}50%{transform:rotate(24deg)translateY(-11px)}}@keyframes smm-contour-run{to{stroke-dashoffset:-975px}}@keyframes smm-icon-breathe{50%{opacity:.65;transform:scaleY(.88)}}@keyframes smm-icon-orbit{50%{transform:rotate(20deg)}}@keyframes smm-icon-write{0%,8%{stroke-dashoffset:1px;opacity:.5}48%,90%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:1px;opacity:.5}}@media (width<=768px){.cravli-landing .cards .tool-card:hover,.cravli-landing .cards .tool-card:focus-within{transform:none}.cravli-landing .cards .tool-button{padding:14px 16px 8px}.cravli-landing .cards .card-top{margin-bottom:19px}.cravli-landing .cards .tool-button h3{font-size:28px}.cravli-landing .cards .tool-button p{font-size:13px}.cravli-landing .cards .card-entry{width:calc(100% - 32px);min-height:40px;margin:0 16px 7px;padding:12px 0 4px}.cravli-landing .card-pattern{width:275px;right:-2px}.cravli-landing .pattern-2{width:230px}}.cravli-landing.motion-off .card-pattern,.cravli-landing.motion-off .pattern-trace,.cravli-landing.motion-off .icon-motion{animation:none!important}.cravli-landing.motion-off .pattern-trace{opacity:.2}.cravli-landing .cards .tool-card:not(.selected) .icon-motion{stroke-dashoffset:0;animation:none}.cravli-landing{box-sizing:border-box;width:100%;min-height:100svh;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.cravli-landing dialog{overscroll-behavior-y:contain;max-height:calc(100dvh - 32px);overflow-y:auto}