.odiin .hero{text-align:center;--glow-c1:88, 101, 242;--glow-c2:64, 156, 255;--glow-strength:.45;background:#fff;padding:0;position:relative;overflow:visible}.odiin .hero-pin{height:190vh;position:relative}.odiin .hero-pin-sticky{height:100vh;position:sticky;top:0;overflow:visible}.odiin .hero-head{z-index:20;text-align:center;padding:0 24px;position:absolute;top:clamp(88px,13vh,150px);left:0;right:0}.odiin .hero-head h1{margin-bottom:20px}.odiin .hero .lead{max-width:none;margin:0 auto 26px}@media (min-width:1025px){.odiin .hero .lead{white-space:nowrap}}.odiin .hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.odiin .hero-cta .btn{border-radius:12px;padding:15px 30px;font-size:15px}.odiin .hero-shot{z-index:1;width:100%;max-width:min(1180px,150vh - 240px);padding:0 24px;position:absolute;top:50%;left:50%}.odiin .hero-shot[data-tilt]{perspective:1500px;perspective-origin:50%;transform:translate(-50%, calc(-50% + var(--yoff,0px))) scale(var(--sc,1));transform-origin:50%}.odiin .hero-shot[data-tilt] .browser{transform-origin:50% 100%;transform:rotateX(var(--tilt,0deg)) translateY(var(--ty,0px));image-rendering:auto}.odiin .hero-shot .browser{z-index:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#fcfdff8c 0%,#eef1f673 100%);border:none;border-radius:22px;padding:14px;position:relative;overflow:visible;box-shadow:0 36px 80px #141c2e1f,0 10px 26px #141c2e0f}.odiin .hero-shot .browser:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:linear-gradient(150deg,#969ca873,#969ca80d 38%,#969ca80a 62%,#969ca861);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.odiin .hero-shot .br-body{z-index:1;border:1px solid #141c2e12;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 1px 3px #141c2e0f}.odiin .od-shot{width:100%;height:auto;display:block}.odiin .hero-glow{z-index:0;pointer-events:none;position:absolute;inset:-20% -14% 0;overflow:hidden;-webkit-mask:radial-gradient(82% 66% at 50% 44%,#000 26%,#0000 86%);mask:radial-gradient(82% 66% at 50% 44%,#000 26%,#0000 86%)}.odiin .hero-glow .blob{filter:blur(58px);will-change:transform;border-radius:50%;width:52vw;max-width:760px;height:52vw;max-height:760px;position:absolute}.odiin .hero-glow .blob-1{background:radial-gradient(circle at 50% 50%, rgba(var(--glow-c2), calc(var(--glow-strength) * 1)) 0%, rgba(var(--glow-c2), 0) 64%);animation:18s ease-in-out infinite odBlobA;top:14%;left:-6%}.odiin .hero-glow .blob-2{background:radial-gradient(circle at 50% 50%, rgba(var(--glow-c1), calc(var(--glow-strength) * .95)) 0%, rgba(var(--glow-c1), 0) 64%);animation:22s ease-in-out infinite odBlobB;top:-2%;right:-8%}.odiin .hero-glow .blob-3{background:radial-gradient(circle at 50% 50%, rgba(var(--glow-c1), calc(var(--glow-strength) * .8)) 0%, rgba(var(--glow-c1), 0) 66%);width:42vw;max-width:600px;height:42vw;max-height:600px;animation:15s ease-in-out infinite odBlobC;top:30%;left:30%}@keyframes odBlobA{0%{transform:translate(0)scale(1)}25%{transform:translate(58vw,6%)scale(1.12)}50%{transform:translate(78vw,-4%)scale(.96)}75%{transform:translate(24vw,10%)scale(1.06)}to{transform:translate(0)scale(1)}}@keyframes odBlobB{0%{transform:translate(0)scale(1)}30%{transform:translate(-50vw,8%)scale(1.1)}55%{transform:translate(-74vw,-2%)scale(.94)}80%{transform:translate(-20vw,-10%)scale(1.05)}to{transform:translate(0)scale(1)}}@keyframes odBlobC{0%{transform:translate(0)scale(1)}33%{transform:translate(-34vw,-12%)scale(1.14)}66%{transform:translate(30vw,12%)scale(.9)}to{transform:translate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.odiin .hero-pin{height:auto}.odiin .hero-pin-sticky{height:auto;padding:40px 0 0;position:static}.odiin .hero-head{padding:0 24px;position:static}.odiin .hero-shot{margin:40px auto 0;position:static}.odiin .hero-shot[data-tilt],.odiin .hero-shot[data-tilt] .browser{transform:none!important}.odiin .hero-glow .blob{animation:none}}@media (max-width:560px){.odiin .hero-pin{height:auto}.odiin .hero-pin-sticky{flex-direction:column;height:auto;padding:52px 0 103px;display:flex;position:static;overflow:visible}.odiin .hero-shot{order:-1;max-width:100%;margin:0 auto;padding:0 20px;position:static}.odiin .hero-head{order:1;margin-top:28px;padding:0 20px;position:static}.odiin .hero-shot[data-tilt]{perspective:none;transform:none!important}.odiin .hero-shot[data-tilt] .browser{transform:none!important}.odiin .hero-shot .browser{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#fff3;border-radius:13px;flex-flow:column;flex:none;place-content:center;align-items:center;gap:10px;width:100%;height:min-content;padding:3px;display:flex;position:relative;overflow:visible;box-shadow:0 .557334px 1.672px -.5px #011b2e0d,0 1.69015px 5.07046px -1px #011b2e0d,0 4.46786px 13.4036px -1.5px #011b2e0f,0 14px 42px -2px #011b2e12}}
.odiin .ai{background:#fff}.odiin .ai .sec-head{margin-bottom:8px}.odiin .ai-grid{grid-template-columns:1fr;justify-items:center;gap:56px;margin-top:56px;display:grid}.odiin .ai-ring{aspect-ratio:1;width:540px;max-width:92vw;height:540px;margin:0 auto;position:relative}.odiin .ai-ring-svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.odiin .ai-track{fill:none;stroke:#cfd6e2;stroke-width:1.5px;stroke-dasharray:3 5;transform-origin:270px 270px;animation:22s linear infinite odAiRot}@keyframes odAiRot{to{transform:rotate(360deg)}}.odiin .ai-prog{display:none}.odiin .ai-core{z-index:2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:200px;height:200px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.odiin .ai-core-t{color:var(--ink);letter-spacing:-.01em;font-size:21px;font-weight:800}.odiin .ai-core-sub{color:var(--gray-2);letter-spacing:.01em;margin-top:2px;font-size:13px;font-weight:600}.odiin .ai-node{cursor:pointer;z-index:3;width:120px;height:120px;transform:rotate(var(--ang)) translate(178px) rotate(calc(-1 * var(--ang)));transition:background .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);background:#f5f7fb;border:1px solid #0000;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:-60px 0 0 -60px;display:flex;position:absolute;top:50%;left:50%}.odiin .ai-node .ic{place-items:center;display:grid}.odiin .ai-node .ic svg{fill:none;stroke:#8a93a3;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px;transition:stroke .4s var(--ease)}.odiin .ai-node .ic svg.ai-mon [stroke-width],.odiin .ai-node .ic svg.ai-mag [stroke-width],.odiin .ai-node .ic svg.ai-focus-svg [stroke-width]{stroke-width:13px}.odiin .ai-node .lb{color:var(--gray-2);transition:color .4s var(--ease);text-align:center;white-space:nowrap;font-size:14px;font-weight:700}.odiin .ai-chevs{z-index:1;transform-origin:50%;animation:22s linear infinite odAiRot;position:absolute;inset:0}.odiin .ai-chev{color:#b3bccb;width:24px;height:24px;transform:rotate(var(--ang)) translate(178px) rotate(90deg);margin:-12px 0 0 -12px;position:absolute;top:50%;left:50%}.odiin .ai-chev svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.odiin .ai-node{cursor:pointer}.odiin .ai-node.active:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--nc,var(--blue)) 30%, transparent) 0%, transparent 70%);z-index:-1;opacity:0;border-radius:50%;animation:2.4s ease-out infinite odAiGlow;position:absolute;inset:-22px}@keyframes odAiGlow{0%{opacity:.5;transform:scale(.9)}70%{opacity:0;transform:scale(1.25)}to{opacity:0}}.odiin .ai-node.active{background:var(--nc,var(--blue));border-color:var(--nc,var(--blue));box-shadow:0 18px 40px color-mix(in srgb, var(--nc,var(--blue)) 34%, transparent)}.odiin .ai-node.active .ic{animation:odAiPop .5s var(--ease)}.odiin .ai-node.active .ic svg{stroke:#fff}.odiin .ai-node.active .lb{color:#fff;font-weight:800}.odiin .ai-node.active:after{content:"";border:2px solid var(--nc,var(--blue));opacity:0;border-radius:50%;animation:2.4s ease-out infinite odAiRipple;position:absolute;inset:-7px}.odiin .ai-node.n0{--nc:#3568ee}.odiin .ai-node.n1{--nc:#7027e7}.odiin .ai-node.n2{--nc:#fcba37}.odiin .ai-node.n3{--nc:#5bbc60}.odiin .ai-node.n2.active .lb{color:#fff}.odiin .ai-node.n2.active .ic svg{stroke:#fff}.odiin .ai-node.n2.active .ai-focus{fill:#fff}@keyframes odAiRipple{0%{opacity:.5;transform:scale(.96)}70%{opacity:0;transform:scale(1.14)}to{opacity:0}}@keyframes odAiPop{0%{transform:scale(.78)}60%{transform:scale(1.12)}to{transform:scale(1)}}.odiin .ai-node.n0 .ic svg.ai-mon{width:38px;height:38px}.odiin .ai-node.n0.active .ai-graph{stroke-dasharray:200;stroke-dashoffset:200px;animation:3.2s ease-in-out infinite odAiDraw}@keyframes odAiDraw{0%{stroke-dashoffset:200px;opacity:0}6%{opacity:1}58%{stroke-dashoffset:0;opacity:1}82%{stroke-dashoffset:0;opacity:1}93%{stroke-dashoffset:0;opacity:0}to{stroke-dashoffset:0;opacity:0}}.odiin .ai-node.n1 .ic svg.ai-mag{width:40px;height:40px}.odiin .ai-dotmx circle{fill:#8a93a3;opacity:.28}.odiin .ai-node.active .ai-dotmx circle{fill:#fff}.odiin .ai-node.n1.active .ai-dotmx circle{animation:2.7s ease-in-out infinite odAiDotMx;animation-delay:calc(var(--di) * .18s)}@keyframes odAiDotMx{0%{opacity:.3}12%{opacity:1}34%{opacity:.3}to{opacity:.3}}.odiin .ai-node.n2 .ic svg.ai-focus-svg{width:40px;height:40px}.odiin .ai-focus,.odiin .ai-focus-ring{transform-box:fill-box;transform-origin:50%}.odiin .ai-focus{fill:#8a93a3}.odiin .ai-node.active .ai-focus{fill:#fff}.odiin .ai-node.n2.active .ai-focus{animation:2.4s ease-in-out infinite odAiFocus}.odiin .ai-node.n2.active .ai-focus-ring{animation:2.4s ease-in-out infinite odAiFocusRing}@keyframes odAiFocus{0%,to{opacity:.35;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}@keyframes odAiFocusRing{0%,to{opacity:.6;transform:scale(.86)}50%{opacity:1;transform:scale(1.04)}}.odiin .ai-node.n3.active .ic svg{animation:.9s ease-in-out infinite odAiRun}@keyframes odAiRun{0%,to{transform:translate(-1.5px)}50%{transform:translate(2.5px)}}.odiin .ai-track,.odiin .ai-chevs,.odiin .ai-node.active:after,.odiin .ai-node.active:before,.odiin .ai-node.active .ic,.odiin .ai-node.n0.active .ai-graph,.odiin .ai-node.n0.active .ai-graph-dot,.odiin .ai-node.n1.active .ai-dotmx circle,.odiin .ai-node.n2.active .ai-focus,.odiin .ai-node.n2.active .ai-focus-ring,.odiin .ai-node.n3.active .ic svg{animation-play-state:paused}.odiin .ai-ring.ai-live .ai-track,.odiin .ai-ring.ai-live .ai-chevs,.odiin .ai-ring.ai-live .ai-node.active:after,.odiin .ai-ring.ai-live .ai-node.active:before,.odiin .ai-ring.ai-live .ai-node.active .ic,.odiin .ai-ring.ai-live .ai-node.n0.active .ai-graph,.odiin .ai-ring.ai-live .ai-node.n0.active .ai-graph-dot,.odiin .ai-ring.ai-live .ai-node.n1.active .ai-dotmx circle,.odiin .ai-ring.ai-live .ai-node.n2.active .ai-focus,.odiin .ai-ring.ai-live .ai-node.n2.active .ai-focus-ring,.odiin .ai-ring.ai-live .ai-node.n3.active .ic svg{animation-play-state:running}@media (max-width:920px){.odiin .ai-ring{width:360px;height:360px}.odiin .ai-node{width:96px;height:96px;transform:rotate(var(--ang)) translate(120px) rotate(calc(-1 * var(--ang)));margin:-48px 0 0 -48px}.odiin .ai-chev{transform:rotate(var(--ang)) translate(120px) rotate(90deg)}.odiin .ai-node .ic svg{width:26px;height:26px}.odiin .ai-node .lb{font-size:13px}.odiin .ai-core{width:150px;height:150px}}
.odiin #features .eyebrow{color:#007bff;letter-spacing:1px;text-transform:none;background:#fff;border:0;border-radius:0;padding:0;font-size:12px;font-weight:700;line-height:2}.odiin .wd-rows{flex-direction:column;gap:160px;margin-top:72px;display:flex}.odiin .wd-row{grid-template-columns:1fr 1.12fr;align-items:center;gap:64px;display:grid}.odiin .wd-row.flip{grid-template-columns:1.12fr 1fr}.odiin .wd-row.flip .wd-text{order:2;padding-left:48px}.odiin .wd-row.flip .wd-media{order:1}.odiin .wd-badge{align-items:center;gap:10px;margin-bottom:20px;display:inline-flex}.odiin .wd-num{background:var(--blue);color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:800;line-height:1;display:flex}.odiin .wd-label{color:var(--blue);letter-spacing:-.01em;align-items:center;font-size:14px;font-weight:800;line-height:1;display:flex}.odiin .wd-text h3{margin-bottom:16px;font-size:clamp(23px,2.5vw,30px);line-height:1.3}.odiin .wd-desc{color:var(--gray);max-width:440px;margin-bottom:26px;font-size:16px;font-weight:500}.odiin .wd-iconlist{flex-direction:column;gap:13px;display:flex}.odiin .wd-iconlist .it{color:var(--ink);align-items:center;gap:13px;font-size:15px;font-weight:600;display:flex}.odiin .wd-iconlist .ic{background:var(--blue-soft);border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.odiin .wd-iconlist .ic svg{width:19px;height:19px;stroke:var(--blue);fill:none;stroke-width:1.9px}.odiin .wd-ops{flex-direction:column;gap:13px;display:flex}.odiin .wd-ops .it{color:var(--gray);align-items:center;gap:13px;font-size:14px;font-weight:600;display:flex}.odiin .wd-ops .tag{text-align:center;letter-spacing:-.01em;border-radius:9px;flex:none;width:84px;padding:7px 0;font-size:12.5px;font-weight:800}.odiin .wd-ops .tag.c{color:#1d4ed8;background:#eaf0ff}.odiin .wd-ops .tag.s{color:#c2410c;background:#fff1e8}.odiin .wd-ops .tag.f{color:#047857;background:#ecfdf5}.odiin .wd-steps{flex-direction:column;gap:15px;display:flex}.odiin .wd-steps .it{color:var(--ink);align-items:flex-start;gap:12px;font-size:14.5px;font-weight:600;line-height:22px;display:flex}.odiin .wd-steps .no{color:var(--blue);font-variant-numeric:tabular-nums;letter-spacing:.02em;flex:none;width:22px;font-size:14.5px;font-weight:800;line-height:22px}.odiin .wd-pills{flex-direction:column;gap:9px;display:flex}.odiin .wd-pills .it{color:var(--ink);align-items:center;gap:11px;padding:5px 0;font-size:14px;font-weight:700;display:flex}.odiin .wd-pills .it .dm{background:#10b981;border-radius:2px;flex:none;width:7px;height:7px;transform:rotate(45deg)}.odiin .wd-win{border:1px solid var(--line);box-shadow:var(--shadow-md);transition:transform .4s var(--ease), box-shadow .4s var(--ease);background:#fff;border-radius:16px;overflow:hidden}.odiin .wd-media:hover .wd-win{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.odiin .wd-winbar{border-bottom:1px solid var(--line);background:#f4f6fa;align-items:center;gap:7px;height:32px;padding:0 16px;display:flex}.odiin .wd-winbar i{background:#d4dae6;border-radius:50%;width:11px;height:11px}.odiin .wd-winbody{background:linear-gradient(#fbfcfe,#fff);flex-direction:column;justify-content:center;min-height:248px;padding:28px;display:flex}.odiin .wd-winbody.shot{min-height:0;padding:0}.odiin .wd-winbody.shot img{width:100%;height:auto;display:block}.odiin .wd-report{flex-direction:column;gap:18px;display:flex}.odiin .wd-rep-top{align-items:center;gap:18px;display:flex}.odiin .wd-gauge{flex:none;width:92px;height:92px;position:relative}.odiin .wd-gauge svg{width:100%;height:100%;transform:rotate(-90deg)}.odiin .wd-gauge .g-track{stroke:#eef1f7}.odiin .wd-gauge .g-prog{stroke:url(#odRepGrad);stroke-linecap:round;stroke-dasharray:var(--circ);stroke-dashoffset:var(--circ);transition:stroke-dashoffset 1.4s var(--ease)}.odiin .wd-media.play .wd-gauge .g-prog{stroke-dashoffset:var(--dash)}.odiin .wd-gauge .g-center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.odiin .wd-gauge .g-score{letter-spacing:-.03em;color:var(--ink);font-size:25px;font-weight:800;line-height:1}.odiin .wd-gauge .g-unit{color:var(--gray-2);letter-spacing:0;white-space:nowrap;text-align:center;text-overflow:ellipsis;max-width:84px;margin-top:3px;font-size:9px;font-weight:700;overflow:hidden}.odiin .wd-rep-meta{flex:1;min-width:0}.odiin .wd-rep-meta .rt{color:var(--ink);font-size:13.5px;font-weight:800}.odiin .wd-rep-meta .rs{color:var(--gray-2);margin-top:7px;font-size:11.5px;font-weight:600;line-height:1.55}.odiin .wd-rep-list{border-top:1px solid var(--line);flex-direction:column;gap:13px;padding-top:16px;display:flex}.odiin .wd-score2{align-items:center;gap:11px;display:flex}.odiin .wd-score2 .s-dot{border-radius:50%;flex:none;width:8px;height:8px}.odiin .wd-score2 .s-l{min-width:60px;color:var(--ink);font-size:12px;font-weight:800}.odiin .wd-score2 .s-tag{letter-spacing:.02em;border-radius:5px;padding:2px 7px;font-size:9.5px;font-weight:800}.odiin .wd-score2 .track{background:#eef1f7;border-radius:6px;flex:1;height:7px;overflow:hidden}.odiin .wd-score2 .track i{width:0;height:100%;transition:width 1.1s var(--ease);border-radius:6px;display:block}.odiin .wd-media.play .wd-score2 .track i{width:var(--w)}.odiin .wd-score2 .s-n{text-align:right;letter-spacing:-.02em;min-width:26px;color:var(--ink);font-size:14px;font-weight:800}.odiin .wd-score2.c-cloud .s-dot,.odiin .wd-score2.c-cloud .track i{background:#1d4ed8}.odiin .wd-score2.c-cloud .s-tag{color:#1d4ed8;background:#eaf0ff}.odiin .wd-score2.c-sec .s-dot,.odiin .wd-score2.c-sec .track i{background:#c2410c}.odiin .wd-score2.c-sec .s-tag{color:#c2410c;background:#fff1e8}.odiin .wd-score2.c-fin .s-dot,.odiin .wd-score2.c-fin .track i{background:#047857}.odiin .wd-score2.c-fin .s-tag{color:#047857;background:#ecfdf5}.odiin .wd-ait-head{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.odiin .wd-ait-head .ttl{align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.odiin .wd-ait-head .ttl svg{width:16px;height:16px;stroke:var(--blue);fill:none;stroke-width:1.9px}.odiin .wd-ait-apply{color:#fff;background:var(--blue);white-space:nowrap;border-radius:8px;padding:7px 12px;font-size:11px;font-weight:700}.odiin .wd-ait-banner{color:#4b5563;background:linear-gradient(90deg,#eef2ff,#fdf1f8);border:1px solid #e7e9f5;border-radius:10px;align-items:center;gap:9px;margin-bottom:14px;padding:10px 13px;font-size:11.5px;font-weight:600;line-height:1.4;display:flex}.odiin .wd-ait-banner .sp{color:var(--blue);flex:none;font-size:13px}.odiin table.wd-ait{border-collapse:collapse;width:100%;font-size:12px}.odiin table.wd-ait th{text-align:left;color:var(--gray-2);border-bottom:1px solid var(--line);padding:0 6px 10px;font-size:10.5px;font-weight:700}.odiin table.wd-ait td{color:#374151;border-bottom:1px solid #f3f4f8;padding:11px 6px;font-weight:600}.odiin table.wd-ait tr:last-child td{border-bottom:0}.odiin table.wd-ait .ix{color:var(--gray-2);width:18px;font-weight:700}.odiin .wd-ait .pri{font-size:11px;font-weight:800}.odiin .wd-ait .pri.high{color:#e5484d}.odiin .wd-ait .pri.mid{color:#f5a623}.odiin .wd-ait .act-cell{text-align:right;white-space:nowrap}.odiin .wd-ait .act-btn{color:var(--blue);border:1px solid var(--blue-line);background:#fff;border-radius:7px;padding:4px 9px;font-size:10.5px;font-weight:700}.odiin .wd-ait .act-ic{border:1px solid var(--line);width:18px;height:18px;color:var(--gray-2);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:inline-grid}.odiin .wd-cmp{flex-direction:column;display:flex}.odiin .wd-cmp-chips{flex-wrap:wrap;gap:9px;margin-bottom:22px;display:flex}.odiin .wd-cmp-chips span{color:#4b5563;background:#eef1f6;border-radius:9px;padding:7px 13px;font-size:12px;font-weight:700}.odiin .wd-cmp-rows{flex-direction:column;gap:6px;display:flex}.odiin .wd-cmp-row{border-radius:10px;grid-template-columns:62px 1fr auto;align-items:center;gap:14px;padding:9px 12px;display:grid}.odiin .wd-cmp-row .nm{color:var(--ink);font-size:14px;font-weight:800}.odiin .wd-cmp-row .track{background:#eceef3;border-radius:99px;height:11px;overflow:hidden}.odiin .wd-cmp-row .fill{width:0;height:100%;transition:width 1.05s var(--ease);background:#c6cee0;border-radius:99px}.odiin .wd-cmp-row .amt{color:var(--ink);letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:800}.odiin .wd-cmp-row.best{background:#ecfdf5}.odiin .wd-cmp-row.best .nm{color:#047857}.odiin .wd-cmp-row.best .fill{background:#10b981}.odiin .wd-media.play .wd-cmp-row .fill{width:var(--w)}.odiin .wd-cmp-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:18px;padding-top:18px;display:flex}.odiin .wd-cmp-foot .lab{color:var(--ink);font-size:14px;font-weight:700}.odiin .wd-cmp-foot .save{color:#047857;background:#ecfdf5;border-radius:99px;padding:8px 15px;font-size:13px;font-weight:800}@media (max-width:860px){.odiin .wd-row,.odiin .wd-row.flip{grid-template-columns:1fr;gap:30px}.odiin .wd-row .wd-text,.odiin .wd-row.flip .wd-text{order:1;padding-left:0}.odiin .wd-row .wd-media,.odiin .wd-row.flip .wd-media{order:2}.odiin .wd-rows{gap:64px;margin-top:44px}}
.odiin .bn{background:#fff;padding:104px 0 208px}.odiin .bn-head{text-align:center;max-width:640px;margin:0 auto}.odiin .bn-head h2{font-size:clamp(26px,3.4vw,40px);line-height:1.22}.odiin .bn-head p{color:var(--gray);white-space:nowrap;margin-top:16px;font-size:clamp(15px,1.5vw,18px);line-height:1.6}html[lang=en] .odiin .bn-head p,html[lang=ja] .odiin .bn-head p{white-space:normal}.odiin .bn-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px;display:grid}.odiin .bn-card{border:1px solid var(--line);transition:transform .3s var(--ease), box-shadow .3s var(--ease), border-color .3s var(--ease);background:#fff;border-radius:18px;padding:30px 26px 32px}.odiin .bn-card:hover{box-shadow:var(--shadow-md);border-color:var(--blue-line);transform:translateY(-6px)}.odiin .bn-ic{background:var(--blue-soft);width:46px;height:46px;transition:transform .3s var(--ease);border-radius:13px;place-items:center;margin-bottom:20px;display:grid}.odiin .bn-card:hover .bn-ic{transform:scale(1.06)}.odiin .bn-ic svg{width:23px;height:23px;stroke:var(--blue);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.odiin .bn-card h3{color:var(--ink);letter-spacing:-.01em;margin-bottom:10px;font-size:18px;font-weight:800}.odiin .bn-card p{color:var(--gray);font-size:14px;line-height:1.62}@media (max-width:900px){.odiin .bn-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.odiin .bn-grid{grid-template-columns:1fr 1fr;gap:14px}.odiin .bn{padding:72px 0 140px}.odiin .bn-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:26px 14px;display:flex}.odiin .bn-ic{margin:0 0 14px}.odiin .bn-card p{display:none}.odiin .bn-card h3{white-space:pre-line;margin-bottom:0;font-size:15px;line-height:1.35}}
.odiin .cta{text-align:center;background:radial-gradient(900px 520px at 50% -10%, #2e90fa29, transparent 60%), linear-gradient(180deg, #0e1424 0%, var(--navy) 100%);padding:120px 0;position:relative;overflow:hidden}.odiin .cta-net{pointer-events:none;z-index:0;opacity:.9;width:100%;height:100%;position:absolute;inset:0}.odiin .cta-net-lines path{stroke-width:1.4px;stroke:#7fc0ff}@media (prefers-reduced-motion:no-preference){.odiin .cta-net-nodes circle{animation:3.6s ease-in-out infinite odCtaPulse}.odiin .cta-net-nodes circle:nth-child(2){animation-delay:.5s}.odiin .cta-net-nodes circle:nth-child(3){animation-delay:1s}.odiin .cta-net-nodes circle:nth-child(4){animation-delay:1.5s}.odiin .cta-net-nodes circle:nth-child(5){animation-delay:2s}}@keyframes odCtaPulse{0%,to{opacity:inherit}50%{opacity:.35}}.odiin .cta-inner{z-index:1;max-width:760px;position:relative}.odiin .cta h2{color:#fff;margin:0 auto 18px}.odiin .cta p{color:#ffffffb3;max-width:720px;margin:0 auto 36px;font-size:17px;line-height:1.65}.odiin .cta-btns{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.odiin .cta-btns .btn{padding:15px 30px;font-size:15.5px}.odiin .cta-btns .btn-primary{background:#1e40af;box-shadow:0 14px 36px #2e90fa47}.odiin .cta-btns .btn-primary:hover{background:#1a3a9e;box-shadow:0 18px 44px #2e90fa5c}@media (max-width:880px){.odiin .cta{padding:84px 0}}
.odiin .cm-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .28s var(--ease);background:#0d14268c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.odiin .cm-overlay[hidden]{display:none}.odiin .cm-overlay.show{opacity:1}.odiin .cm-dialog{opacity:0;width:100%;max-width:600px;max-height:calc(100dvh - 48px);transition:transform .32s var(--ease), opacity .32s var(--ease);background:#fff;border-radius:24px;flex-direction:column;margin:auto;padding:34px;display:flex;transform:translateY(16px)scale(.97);box-shadow:0 40px 100px #0a143273}.odiin .cm-overlay.show .cm-dialog{opacity:1;transform:none}.odiin .cm-head{flex:none;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.odiin .cm-head h3{color:var(--ink);letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.3}.odiin .cm-x{border:1px solid var(--line);width:40px;height:40px;color:var(--gray);cursor:pointer;transition:.2s var(--ease);background:#fff;border-radius:11px;flex:none;place-items:center;display:grid}.odiin .cm-x:hover{border-color:var(--blue-line);color:var(--blue);background:var(--blue-soft)}.odiin .cm-x svg{width:18px;height:18px}.odiin .cm-form{flex-direction:column;flex:auto;gap:16px;min-height:0;display:flex}.odiin .cm-body{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:auto;gap:16px;min-height:0;margin:0 -6px;padding:2px 6px;display:flex;overflow:visible auto}.odiin .cm-body::-webkit-scrollbar{width:0;height:0}.odiin .cm-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.odiin .cm-field{flex-direction:column;gap:8px;display:flex}.odiin .cm-field>span{color:var(--ink-2);font-size:13.5px;font-weight:700}.odiin .cm-field input,.odiin .cm-field textarea{width:100%;color:var(--ink);background:var(--bg-soft);border:1px solid var(--line);transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);border-radius:12px;padding:13px 14px;font-family:inherit;font-size:14.5px}.odiin .cm-field textarea{resize:vertical;min-height:96px}.odiin .cm-field input::placeholder,.odiin .cm-field textarea::placeholder{color:var(--gray-2)}.odiin .cm-field input:focus,.odiin .cm-field textarea:focus{border-color:var(--blue);background:#fff;outline:none;box-shadow:0 0 0 3px #2e90fa29}.odiin .cm-dd{position:relative}.odiin .cm-dd.open{z-index:30}.odiin .cm-dd-btn{width:100%;color:var(--ink);background:var(--bg-soft);border:1px solid var(--line);cursor:pointer;transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;font-family:inherit;font-size:14.5px;display:flex}.odiin .cm-dd-btn svg{width:18px;height:18px;color:var(--gray);transition:transform .25s var(--ease);flex:none}.odiin .cm-dd.open .cm-dd-btn{border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #2e90fa29}.odiin .cm-dd.open .cm-dd-btn svg{transform:rotate(180deg)}.odiin .cm-dd-list{z-index:20;border:1px solid var(--line);background:#fff;border-radius:13px;max-height:220px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #14285029}.odiin .cm-dd-list[hidden]{display:none}.odiin .cm-dd-list li{color:var(--ink-2);cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease);border-radius:9px;padding:10px 12px;font-size:14px;font-weight:600}.odiin .cm-dd-list li:hover{background:var(--blue-soft);color:var(--blue-700)}.odiin .cm-dd-list li.sel{background:var(--blue-soft);color:var(--blue-700);font-weight:700}.odiin .cm-submit{background:#2e90fa;flex:none;width:100%;margin-top:0;padding:15px;font-size:15.5px;box-shadow:0 14px 36px #2e90fa47}.odiin .cm-submit:hover{background:#1570ef;box-shadow:0 18px 44px #2e90fa5c}.odiin .cm-done[hidden]{display:none}.odiin .cm-done{color:#085d3a;background:#e6f8ee;border:1px solid #b6ecc9;border-radius:13px;align-items:center;gap:14px;padding:18px;font-size:14px;line-height:1.5;display:flex}.odiin .cm-done b{color:#027a48}.odiin .cm-done-ic{background:#12b76a;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}.odiin .cm-done-ic svg{stroke:#fff;width:18px;height:18px}@media (min-width:561px){.odiin .cm-dialog{max-height:none}.odiin .cm-body{overflow:visible}}@media (max-width:560px){.odiin .cm-dialog{border-radius:20px;padding:20px 18px}.odiin .cm-head{margin-bottom:14px}.odiin .cm-form,.odiin .cm-body{gap:12px}.odiin .cm-row{grid-template-columns:1fr;gap:12px}.odiin .cm-field{gap:6px}.odiin .cm-field input,.odiin .cm-field textarea,.odiin .cm-dd-btn{padding:11px 13px}.odiin .cm-field textarea{min-height:72px}.odiin .cm-submit{padding:13px}.odiin .cm-head h3{font-size:19px}}
.odiin footer{background:var(--bg-soft);border-top:1px solid var(--line);color:var(--gray);padding:40px 0;font-size:13.5px}.odiin .foot-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.odiin .foot-brand{letter-spacing:.04em;color:var(--ink);font-size:24px;font-weight:900}.odiin .foot-nav{flex-wrap:wrap;align-items:center;gap:28px;font-size:14px;font-weight:600;display:flex}.odiin .foot-nav a{color:var(--ink-2);transition:color .2s var(--ease)}.odiin .foot-nav a:hover{color:var(--blue)}.odiin .foot-copy{color:var(--gray-2);font-size:13px;font-weight:500}@media (max-width:680px){.odiin .foot-row{flex-direction:column;align-items:flex-start;gap:18px}.odiin .foot-nav{gap:18px}.odiin .foot-copy{width:100%}}
@media (max-width:920px){.odiin .pad{padding:80px 0}}@media (max-width:768px){.odiin .hero .lead{font-size:15px}.odiin .sec-head{margin-bottom:40px}.odiin .pad{padding:68px 0}}@media (max-width:560px){.odiin .wrap{padding:0 24px}.odiin #engine,.odiin #features,.odiin #benefits{scroll-margin-top:40px}.odiin .hero-head{padding:28px 24px 0}.odiin .wd-text h3{font-size:22px}.odiin .wd-desc{font-size:15px}.odiin .hero .lead,.odiin .ai .lead,.odiin .ai .sec-head h2,.odiin #features .lead,.odiin .wd-desc,.odiin .bn-head p{white-space:pre-line}.odiin .wd-rows .wd-row .wd-text{display:contents}.odiin .wd-rows .wd-row .wd-badge{order:1}.odiin .wd-rows .wd-row .wd-media{order:2}.odiin .wd-rows .wd-row .wd-text h3{order:3}.odiin .wd-rows .wd-row .wd-desc{order:4}.odiin .wd-rows .wd-row .wd-iconlist,.odiin .wd-rows .wd-row .wd-ops,.odiin .wd-rows .wd-row .wd-steps,.odiin .wd-rows .wd-row .wd-pills{order:5}.odiin .wd-rows .wd-row{row-gap:0}.odiin .wd-rows .wd-row .wd-badge,.odiin .wd-rows .wd-row .wd-text h3,.odiin .wd-rows .wd-row .wd-desc{margin-bottom:0}.odiin .wd-rows .wd-row .wd-media{margin-top:12px}.odiin .wd-rows .wd-row .wd-text h3{margin-top:20px}.odiin .wd-rows .wd-row .wd-desc{margin-top:8px}.odiin .wd-rows .wd-row .wd-iconlist,.odiin .wd-rows .wd-row .wd-ops,.odiin .wd-rows .wd-row .wd-steps,.odiin .wd-rows .wd-row .wd-pills{margin-top:20px}@supports selector(:has(*)){.odiin .wd-rows .wd-row .wd-text>*{opacity:0;transition:opacity .65s var(--ease), transform .65s var(--ease);transform:translateY(28px)}.odiin .wd-rows .wd-row:has(.wd-media.in) .wd-text>*{opacity:1;transform:none}}.odiin .wd-winbar{height:27px}html:not([lang=en]) .odiin .wd-rows .wd-row:last-child .wd-text h3 br{display:none}.odiin .wd-winbody{min-height:0;padding:20px}.odiin .wd-cmp-row{grid-template-columns:52px 1fr auto;gap:10px}.odiin .ai-core-t{font-size:18px}.odiin .topbtn{width:48px;height:48px;bottom:16px;right:16px}html[lang=en] .odiin .hero-head h1 br{display:none}}@media (min-width:561px) and (max-width:1366px){html[lang=en] .odiin .hero .lead{white-space:pre-line}}@media (min-width:561px) and (max-width:1200px){.odiin .wrap{padding:0 24px}.odiin .hero-shot{padding:0 48px}}