.kr-demo{position:relative;padding:110px 26px 130px;background:#fcf8f2;color:#25172a;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}
.kr-demo__inner{max-width:1180px;margin:auto}.kr-demo__heading{text-align:center;max-width:720px;margin:0 auto 65px}.kr-demo__eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:#9587a7}.kr-demo__heading h2{margin:17px 0 18px;font-size:clamp(40px,4.8vw,62px);line-height:1.03;letter-spacing:-.055em}.kr-demo__heading p{max-width:525px;margin:0 auto;color:#766c7b;font-size:17px;line-height:1.6}
.kr-demo__stage{position:relative;display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.kr-demo__story{max-width:430px;padding:30px 0}.kr-demo__story-label{display:flex;align-items:center;gap:8px;color:#91849e;font-size:11px;letter-spacing:.12em;font-weight:800}.kr-demo__story-label i,.kr-demo__pulse{width:7px;height:7px;border-radius:50%;background:#af9ac9}.kr-demo__story h3{margin:23px 0 17px;font-size:34px;line-height:1.13;letter-spacing:-.045em}.kr-demo__story>p{max-width:390px;color:#796e7d;font-size:15px;line-height:1.7}.kr-demo__features{display:grid;gap:3px;margin-top:32px}.kr-demo__features button{width:100%;padding:14px 5px;display:grid;grid-template-columns:42px 1fr 24px;gap:14px;align-items:center;text-align:left;border:0;border-bottom:1px solid rgba(55,39,57,.09);background:transparent;color:#25172a;font:inherit;cursor:pointer;transition:transform .25s ease}.kr-demo__features button:hover{transform:translateX(5px)}.kr-demo__features button:focus-visible,.kr-demo__keyboard button:focus-visible{outline:2px solid #6b79d9;outline-offset:3px}.kr-demo__feature-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#fff0db;color:#eb8b38;font-size:19px}.kr-demo__feature-icon--blue{background:#e7f3ff;color:#609cdd}.kr-demo__feature-icon--lavender{background:#eeeafc;color:#8b7acb}.kr-demo__features strong,.kr-demo__features small{display:block}.kr-demo__features strong{font-size:14px;letter-spacing:-.01em}.kr-demo__features small{margin-top:3px;color:#998e9b;font-size:12px}.kr-demo__features b{color:#bdb1bf;font-size:15px}.kr-demo__caption{display:flex;align-items:center;gap:9px;margin-top:29px;color:#a398a4;font-size:11px}.kr-demo__pulse{background:#69bdb0;box-shadow:0 0 0 4px rgba(105,189,176,.12)}
.kr-demo__visual{position:relative;min-height:660px;display:grid;place-items:center}.kr-demo__orb{position:absolute;inset:6% -10%;background:radial-gradient(ellipse at 38% 46%,rgba(255,149,55,.43),transparent 46%),radial-gradient(ellipse at 67% 60%,rgba(127,154,255,.4),transparent 48%),radial-gradient(ellipse at 64% 31%,rgba(255,190,183,.33),transparent 42%);filter:blur(32px);animation:kr-orb 15s ease-in-out infinite;pointer-events:none}@keyframes kr-orb{50%{transform:translate3d(10px,-8px,0) scale(1.03)}}
.kr-demo__phone{position:relative;width:min(100%,380px);border:1px solid rgba(53,79,94,.14);border-radius:22px;overflow:hidden;background:#e7eff4;box-shadow:0 25px 75px rgba(61,46,78,.18),0 4px 14px rgba(61,46,78,.08)}.kr-demo__header{height:65px;display:flex;align-items:center;gap:10px;padding:0 16px;background:#fff;border-bottom:1px solid #e7edef}.kr-demo__back{color:#8a9da8;font-size:24px}.kr-demo__avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#50c5f5,#6a6fe7);color:#fff;font-weight:800;font-size:20px}.kr-demo__identity{flex:1;line-height:1.2}.kr-demo__identity strong{display:block;font-size:14px;color:#26313a}.kr-demo__identity small{color:#8fa1ab;font-size:11px}.kr-demo__dots{color:#9baeb8;font-size:20px}.kr-demo__chat{height:420px;padding:15px;background:#dfedeb;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.4) 0 2px,transparent 3px),radial-gradient(circle at 75% 65%,rgba(255,255,255,.3) 0 3px,transparent 4px),linear-gradient(145deg,#dcece5,#dce9f3);background-size:58px 58px,90px 90px,auto;overflow:auto}.kr-demo__date{width:max-content;margin:0 auto 10px;padding:3px 10px;border-radius:10px;background:rgba(102,139,150,.36);color:white;font-size:10px}.kr-demo__message{padding:14px 15px 9px;border-radius:15px 15px 15px 4px;background:white;color:#354049;font-size:13px;line-height:1.5;box-shadow:0 2px 5px rgba(59,90,100,.08)}.kr-demo__message>strong{display:block;color:#4199c6;font-size:13px}.kr-demo__message p{margin:7px 0 10px}.kr-demo__detail{margin-top:6px;padding:9px 10px;border-radius:8px;background:#f5f8fa}.kr-demo__detail small,.kr-demo__detail span{display:block}.kr-demo__detail small{margin-bottom:3px;color:#91a5af;font-size:9px;font-weight:800;letter-spacing:.07em}.kr-demo__detail span{color:#46535d;font-size:12px}.kr-demo__time{text-align:right;color:#a7bac4;font-size:10px}.kr-demo__time span{color:#72b3d6}.kr-demo__outgoing{width:max-content;max-width:84%;margin:0 0 8px auto;padding:8px 11px;border-radius:13px 13px 3px 13px;background:#d0f0c5;color:#30483b;font-size:12px;box-shadow:0 2px 4px rgba(59,90,100,.08)}.kr-demo__outgoing small{display:block;margin-top:2px;text-align:right;color:#83ab91;font-size:9px}.kr-demo__keyboard{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:5px}.kr-demo__keyboard button{min-height:37px;padding:8px 5px;border:1px solid rgba(255,255,255,.66);border-radius:7px;background:rgba(255,255,255,.8);color:#468eb8;font-family:inherit;font-weight:650;font-size:12px;line-height:1.2;cursor:pointer;transition:background .2s,transform .2s}.kr-demo__keyboard button:hover{background:#fff}.kr-demo__keyboard button:active{transform:scale(.97)}.kr-demo__keyboard button:last-child:nth-child(odd){grid-column:1/-1}.kr-demo__composer{height:51px;display:flex;align-items:center;gap:12px;padding:0 17px;background:white;color:#a1afb8;font-size:12px}.kr-demo__clip{font-size:23px}.kr-demo__send{margin-left:auto;color:#72abd0;font-size:17px}.kr-demo__thread--enter .kr-demo__message,.kr-demo__thread--enter .kr-demo__keyboard{animation:kr-enter .38s cubic-bezier(.22,1,.36,1) both}.kr-demo__thread--enter .kr-demo__keyboard{animation-delay:.08s}@keyframes kr-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.kr-demo__float{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid rgba(255,255,255,.9);border-radius:14px;background:rgba(255,255,255,.83);box-shadow:0 12px 30px rgba(69,48,86,.12);backdrop-filter:blur(14px);animation:kr-float 7s ease-in-out infinite}.kr-demo__float>span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#f8e5d4;color:#ed8c39}.kr-demo__float b,.kr-demo__float small{display:block;white-space:nowrap}.kr-demo__float b{font-size:11px}.kr-demo__float small{color:#9a8e9d;font-size:10px}.kr-demo__float--top{top:60px;right:0}.kr-demo__float--bottom{bottom:70px;left:0;animation-delay:-3s}.kr-demo__float--bottom>span{background:#e5f3e8;color:#62aa7a}@keyframes kr-float{50%{transform:translateY(-8px)}}.kr-demo__cursor{position:absolute;z-index:3;right:10%;bottom:120px;display:flex;align-items:center;gap:4px;animation:kr-cursor 2.8s ease-in-out infinite;pointer-events:none}.kr-demo__cursor svg{width:22px;height:27px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.18))}.kr-demo__cursor span{padding:5px 8px;border-radius:8px;background:#25172a;color:#fff;font-size:10px}.kr-demo--interacted .kr-demo__cursor{display:none}@keyframes kr-cursor{0%,100%{transform:translate(0,0)}50%{transform:translate(-13px,-10px)}}
@media(max-width:900px){.kr-demo__stage{gap:20px}.kr-demo__float--top{right:-8px}.kr-demo__float--bottom{left:-5px}}
@media(max-width:700px){.kr-demo{padding:75px 20px 85px}.kr-demo__heading{margin-bottom:30px}.kr-demo__heading h2{font-size:42px}.kr-demo__stage{grid-template-columns:1fr;gap:0}.kr-demo__story{max-width:520px;margin:auto;padding:20px 0}.kr-demo__story h3{font-size:30px}.kr-demo__visual{min-height:615px;margin:0 auto;width:100%;max-width:500px}.kr-demo__phone{width:min(100%,350px)}.kr-demo__chat{height:400px}.kr-demo__float--top{top:38px;right:0}.kr-demo__float--bottom{bottom:45px;left:0}.kr-demo__cursor{right:4%;bottom:100px}}
@media(prefers-reduced-motion:reduce){.kr-demo__orb,.kr-demo__float,.kr-demo__cursor,.kr-demo__thread--enter .kr-demo__message,.kr-demo__thread--enter .kr-demo__keyboard{animation:none}.kr-demo__features button,.kr-demo__keyboard button{transition:none}}
.kr-value,.kr-cases{position:relative;overflow:hidden;background:#fcf8f2;color:#25172a;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.kr-value{padding:110px 25px 65px}.kr-value__inner,.kr-cases__inner{max-width:1120px;margin:auto}.kr-value__intro{max-width:730px;margin:0 auto 65px;text-align:center}.kr-value__intro>span,.kr-cases__heading>span,.kr-cases__loop>div>span{color:#9a8da8;font-size:11px;font-weight:800;letter-spacing:.14em}.kr-value__intro h2,.kr-cases__heading h2{margin:18px 0;font-size:clamp(41px,4.8vw,62px);line-height:1.04;letter-spacing:-.055em}.kr-value__intro>p,.kr-cases__heading>p{max-width:610px;margin:0 auto;color:#7d7280;font-size:16px;line-height:1.65}.kr-value__columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.kr-value__column{padding:40px;border-radius:24px;background:#f3eee8;border:1px solid rgba(87,60,74,.06)}.kr-value__column--creator{background:#f0eef6}.kr-value__tag{width:max-content;padding:7px 10px;border-radius:7px;background:#fff7ee;color:#a47856;font-size:10px;font-weight:800;letter-spacing:.09em}.kr-value__column--creator .kr-value__tag{color:#796eac;background:#faf8ff}.kr-value__column h3{max-width:390px;margin:24px 0 12px;font-size:29px;line-height:1.12;letter-spacing:-.04em}.kr-value__column>p{max-width:410px;color:#817784;font-size:14px;line-height:1.65}.kr-value__column ul{list-style:none;padding:8px 0 0;margin:25px 0 0;border-top:1px solid rgba(37,23,42,.09)}.kr-value__column li{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid rgba(37,23,42,.08)}.kr-value__column li>span{padding-top:3px;color:#ab9aab;font-size:11px}.kr-value__column li b,.kr-value__column li small{display:block}.kr-value__column li b{font-size:13px}.kr-value__column li small{margin-top:4px;color:#968b96;font-size:12px;line-height:1.5}
.kr-value__friction{margin-top:70px;padding:40px 0;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:40px;align-items:center;border-top:1px solid rgba(37,23,42,.1);border-bottom:1px solid rgba(37,23,42,.1)}.kr-value__friction>div>span{color:#a69aaa;font-size:10px;font-weight:800;letter-spacing:.12em}.kr-value__friction h3{margin:11px 0;font-size:27px;letter-spacing:-.04em}.kr-value__friction p{color:#8a808b;font-size:13px;line-height:1.6}.kr-value__questions p{margin:7px 0;padding:10px 14px;border-radius:10px;background:#f3eee9;color:#6e606e;font-size:12px}.kr-value__answer{padding-left:20px;border-left:2px solid #b3a4d1}.kr-value__answer b,.kr-value__answer small{display:block}.kr-value__answer b{font-size:15px;line-height:1.35}.kr-value__answer small{margin-top:8px;color:#998e9a;font-size:12px;line-height:1.55}
.kr-cases{padding:95px 25px 110px}.kr-cases__heading{text-align:center;max-width:700px;margin:0 auto 55px}.kr-cases__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.kr-cases__grid article{display:flex;flex-direction:column;min-height:330px;padding:27px;border:1px solid rgba(44,30,47,.08);border-radius:20px;background:rgba(255,255,255,.68);box-shadow:0 12px 35px rgba(54,35,55,.035)}.kr-cases__top{display:flex;align-items:center;gap:10px}.kr-cases__avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:18px;color:white;background:#9c8ac2}.kr-cases__avatar--two{background:#e3a762}.kr-cases__avatar--three{background:#83b4bd}.kr-cases__top b,.kr-cases__top small{display:block}.kr-cases__top b{font-size:13px}.kr-cases__top small{margin-top:3px;color:#aaa0aa;font-size:9px;letter-spacing:.06em}.kr-cases__grid h3{margin:35px 0 9px;font-size:19px;line-height:1.2;letter-spacing:-.025em}.kr-cases__grid article>p{margin:0;color:#8b808d;font-size:13px;line-height:1.6}.kr-cases__grid blockquote{margin:20px 0;padding:13px;border-radius:10px;background:#f5f1ef;color:#675a68;font-size:12px;line-height:1.5}.kr-cases__result{margin-top:auto;padding-top:15px;color:#9383a4;font-size:10px;font-weight:800;letter-spacing:.07em}.kr-cases__result span{float:right;font-size:15px}.kr-cases__loop{display:flex;justify-content:space-between;gap:35px;align-items:center;margin-top:70px;padding:43px;border-radius:24px;background:radial-gradient(ellipse at 15% 45%,rgba(255,177,111,.3),transparent 40%),radial-gradient(ellipse at 85% 50%,rgba(165,176,255,.3),transparent 44%),#f4f0ee}.kr-cases__loop h3{margin:12px 0 0;font-size:28px;line-height:1.15;letter-spacing:-.04em}.kr-cases__loop ol{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;margin:0;padding:0;list-style:none}.kr-cases__loop li{color:#685d6b;font-size:12px;white-space:nowrap}.kr-cases__loop li b{margin-right:7px;color:#a395a9;font-size:10px}.kr-cases__footnote{margin:16px 0 0;color:#a49aa4;font-size:11px;line-height:1.5}
@media(max-width:800px){.kr-value__friction{grid-template-columns:1fr;gap:12px}.kr-value__answer{margin-top:10px}.kr-cases__grid{grid-template-columns:1fr}.kr-cases__grid article{min-height:0}.kr-cases__loop{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.kr-value{padding:75px 20px 30px}.kr-value__intro{margin-bottom:38px}.kr-value__intro h2,.kr-cases__heading h2{font-size:40px}.kr-value__columns{grid-template-columns:1fr;gap:12px}.kr-value__column{padding:28px}.kr-value__column h3{font-size:26px}.kr-value__friction{margin-top:45px;padding:30px 0}.kr-cases{padding:70px 20px 80px}.kr-cases__heading{margin-bottom:35px}.kr-cases__loop{margin-top:40px;padding:28px}.kr-cases__loop ol{grid-template-columns:1fr;gap:9px}}

/* Product demonstration: one focused, interactive Telegram experience. */
.kr-demo{padding:110px 24px 125px;background:#fcf8f2}
.kr-demo__inner{max-width:1180px}
.kr-demo__heading{max-width:730px;margin:0 auto 56px}
.kr-demo__heading h2{font-size:clamp(43px,5.2vw,68px);line-height:1.02;letter-spacing:-.055em}
.kr-demo__heading p{max-width:550px;color:#746b79;font-size:18px;line-height:1.55}
.kr-demo__stage{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:24px;min-height:660px;padding:35px 65px;border:1px solid rgba(255,255,255,.92);border-radius:34px;background:linear-gradient(145deg,rgba(245,240,236,.95),rgba(239,237,244,.8));box-shadow:inset 0 1px 0 #fff,0 25px 70px rgba(57,39,68,.06);overflow:hidden}
.kr-demo__orb{z-index:-1;inset:0 -5% -5% 35%;opacity:.8;filter:blur(42px);background:radial-gradient(ellipse at 30% 55%,rgba(255,179,101,.36),transparent 46%),radial-gradient(ellipse at 70% 55%,rgba(136,155,255,.36),transparent 48%)}
.kr-demo__story{max-width:430px;padding:30px 0}
.kr-demo__story-label{font-size:10px;letter-spacing:.13em;color:#8d8096}
.kr-demo__story h3{margin:19px 0 14px;font-size:clamp(30px,3vw,40px);letter-spacing:-.045em}
.kr-demo__story>p{min-height:72px;color:#716877;font-size:16px;line-height:1.6}
.kr-demo__features{display:flex;align-items:center;gap:3px;width:max-content;max-width:100%;padding:4px;margin-top:30px;border:1px solid rgba(100,86,117,.1);border-radius:14px;background:rgba(255,255,255,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.kr-demo__features button{width:auto;min-height:43px;display:flex;align-items:center;gap:7px;padding:0 13px;border:0;border-radius:10px;color:#766d7c;font:inherit;font-size:12px;transition:background .25s,color .25s,box-shadow .25s}
.kr-demo__features button:hover{transform:none;color:#25172a}
.kr-demo__features button[aria-pressed="true"]{color:#25172a;background:#fff;box-shadow:0 2px 8px rgba(44,32,48,.09)}
.kr-demo__features button span{color:#aaa0b0;font-size:10px}
.kr-demo__features button strong{font-size:12px}
.kr-demo__caption{margin-top:23px;color:#8b808e;font-size:11px}
.kr-demo__visual{min-height:590px;display:grid;place-items:center}
.kr-demo__device{position:relative;width:min(100%,370px);padding:6px;border-radius:34px;background:linear-gradient(145deg,#fff,#dedbe4 55%,#faf9fc);box-shadow:0 24px 55px rgba(43,35,54,.17),0 5px 12px rgba(43,35,54,.08),inset 0 0 0 1px rgba(114,109,123,.18)}
.kr-demo__phone{width:100%;border-radius:28px;box-shadow:none;border:1px solid rgba(71,75,86,.11)}
.kr-demo__header{height:65px}.kr-demo__chat{height:390px}.kr-demo__message{font-size:13px}.kr-demo__keyboard button{min-height:40px}
.kr-demo__instruction{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:7px;align-items:center;color:#8d8290;font-size:11px;white-space:nowrap}
.kr-demo__instruction span{color:#b09ec0;font-size:16px}.kr-demo--interacted .kr-demo__instruction{opacity:0}
@media(max-width:800px){.kr-demo__stage{padding:30px 35px;gap:15px}.kr-demo__features button{padding:0 9px}}
@media(max-width:700px){.kr-demo{padding:80px 17px 90px}.kr-demo__heading{margin-bottom:36px}.kr-demo__heading h2{font-size:43px}.kr-demo__heading p{font-size:16px}.kr-demo__stage{grid-template-columns:1fr;gap:0;padding:32px 20px 25px;border-radius:27px}.kr-demo__orb{inset:35% -15% 0}.kr-demo__story{padding:6px 0 15px}.kr-demo__story h3{font-size:30px}.kr-demo__story>p{min-height:0;font-size:14px}.kr-demo__features{margin-top:22px}.kr-demo__features button{min-height:43px;padding:0 11px}.kr-demo__visual{min-height:545px;max-width:400px}.kr-demo__device{width:min(100%,340px)}.kr-demo__chat{height:365px}.kr-demo__instruction{bottom:0}}

/* Feature showcase based on the supplied Framer component. */
.kr-demo{padding:112px 24px 125px;background:radial-gradient(ellipse 150% 104% at 50% 0%,#030404 0%,#030404 20%,#0a1700 34%,#254c0a 58%,#538449 87%,#8fbf86 100%);color:#fff}
.kr-demo__inner{max-width:1200px}
.kr-demo__heading{max-width:700px;margin:0 auto 72px}
.kr-demo__eyebrow{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.06);backdrop-filter:blur(5px);color:rgba(255,255,255,.86);font-size:11px;letter-spacing:.04em}
.kr-demo__heading h2{margin:24px 0 16px;color:#fff;font-size:clamp(46px,5.2vw,70px);letter-spacing:-.055em}
.kr-demo__heading p{color:rgba(255,255,255,.62);font-size:17px}
.kr-demo__stage{min-height:590px;grid-template-columns:minmax(270px,.8fr) minmax(420px,1.2fr);gap:48px;padding:50px 55px;border:1px solid rgba(255,255,255,.12);border-radius:40px;background:rgba(8,18,10,.27);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden}
.kr-demo__story{max-width:none;padding:0}
.kr-demo__features{display:flex;flex-direction:column;align-items:stretch;gap:13px;width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.kr-demo__features button{position:relative;display:block;width:100%;min-height:0;padding:17px 22px;text-align:left;border:0;border-radius:25px;background:rgba(255,255,255,.08);box-shadow:none;color:#fff;overflow:hidden;transition:background .3s ease}
.kr-demo__features button:hover{background:rgba(255,255,255,.13);color:#fff}
.kr-demo__features button[aria-pressed="true"]{color:#e3ff48;background:rgba(255,255,255,.1);box-shadow:none}
.kr-demo__features button .kr-feature__heading{position:relative;display:flex;align-items:center;gap:13px;color:inherit;font-size:inherit}
.kr-feature__heading i{width:23px;font-style:normal;font-size:23px;line-height:1;text-align:center;color:inherit}
.kr-demo__features button strong{color:inherit;font-size:17px;font-weight:650;letter-spacing:-.02em}
.kr-feature__detail{position:relative;display:none;opacity:0}
.kr-feature__detail>span,.kr-feature__detail>b{overflow:hidden}
.kr-demo__features button[aria-pressed="true"] .kr-feature__detail{display:block;opacity:1;padding:14px 0 2px 36px;animation:kr-feature-enter .35s ease both}
@keyframes kr-feature-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.kr-feature__detail>span{display:block;max-width:300px;color:rgba(255,255,255,.68);font-size:14px;line-height:1.55}
.kr-feature__detail>b{display:block;margin-top:15px;color:#fff;font-size:12px;font-weight:700}
.kr-feature__progress{position:absolute;left:0;top:0;bottom:0;width:3px;background:transparent;overflow:hidden}
.kr-feature__progress:after{content:"";position:absolute;top:0;left:0;width:100%;height:0;background:#e3ff48}
.kr-demo--playing .kr-demo__features button[aria-pressed="true"] .kr-feature__progress:after{animation:kr-progress 8s linear forwards}
@keyframes kr-progress{to{height:100%}}
.kr-demo__caption{color:rgba(255,255,255,.58);margin:23px 5px 0}
.kr-demo__pulse{background:#e3ff48;box-shadow:0 0 0 4px rgba(227,255,72,.1)}
.kr-demo__visual{min-height:480px;max-width:none}
.kr-demo__device{width:min(100%,520px);padding:1px;border-radius:29px;background:rgba(255,255,255,.2);box-shadow:0 30px 80px rgba(0,0,0,.25),0 5px 18px rgba(0,0,0,.14)}
.kr-demo__phone{border-radius:28px}
.kr-demo__header{height:67px;padding:0 20px}
.kr-demo__chat{height:370px;padding:20px 24px}
.kr-demo__message{max-width:440px}
.kr-demo__instruction{bottom:-17px;color:rgba(255,255,255,.58);font-size:11px}
.kr-demo__keyboard button{min-height:40px}
@media(max-width:850px){.kr-demo__stage{grid-template-columns:1fr 1fr;gap:25px;padding:38px 30px}.kr-demo__features button{padding:16px 18px}.kr-demo__visual{min-height:460px}}
@media(max-width:700px){.kr-demo{padding:80px 18px 90px}.kr-demo__heading{margin-bottom:40px}.kr-demo__heading h2{font-size:46px}.kr-demo__heading p{font-size:15px}.kr-demo__stage{grid-template-columns:1fr;gap:25px;padding:24px 20px 40px;border-radius:28px}.kr-demo__features button{min-height:0;padding:15px 18px}.kr-demo__features button strong{font-size:16px}.kr-feature__detail>span{font-size:13px}.kr-demo__visual{width:100%;max-width:none;min-height:0;margin:0}.kr-demo__device{width:100%;max-width:430px}.kr-demo__chat{height:350px;padding:15px}.kr-demo__instruction{bottom:-23px}.kr-demo__caption{margin-bottom:2px}}
@media(prefers-reduced-motion:reduce){.kr-feature__detail,.kr-demo__features button{transition:none}.kr-feature__detail,.kr-feature__progress:after{animation:none!important}}

.kr-process{padding:120px 24px;background:#f5f1eb;color:#25172a;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.kr-process__inner{max-width:1120px;margin:auto}
.kr-process__intro{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:end;margin-bottom:56px}
.kr-process__eyebrow,.kr-process__trust>div>span{color:#8b7a86;font-size:11px;font-weight:700;letter-spacing:.1em}
.kr-process__intro h2{margin:20px 0 0;font-size:clamp(38px,4.5vw,58px);line-height:1.06;letter-spacing:-.045em}
.kr-process__intro>p{max-width:390px;margin:0 0 3px;color:#706773;font-size:16px;line-height:1.65}
.kr-process__steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(37,23,42,.15);border-bottom:1px solid rgba(37,23,42,.15)}
.kr-process__steps article{min-width:0;padding:28px 24px 34px 0}
.kr-process__steps article:not(:first-child){border-left:1px solid rgba(37,23,42,.1);padding-left:24px}
.kr-process__steps article>span{color:#938592;font-size:10px;font-weight:700;letter-spacing:.08em}
.kr-process__steps h3{margin:54px 0 10px;font-size:19px;letter-spacing:-.025em}
.kr-process__steps p{margin:0;color:#776e79;font-size:13px;line-height:1.65}
.kr-process__trust{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:96px;padding:56px;border-radius:28px;background:#211d25;color:#f8f6f3}
.kr-process__trust>div>span{color:#aaa0ae}
.kr-process__trust h3{max-width:430px;margin:20px 0 16px;font-size:clamp(31px,3.2vw,42px);line-height:1.08;letter-spacing:-.04em}
.kr-process__trust>div>p{max-width:410px;color:#c1b9c3;font-size:14px;line-height:1.7}
.kr-process__rules p{display:grid;grid-template-columns:120px 1fr;gap:16px;margin:0;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:13px;line-height:1.55}
.kr-process__rules p:first-child{padding-top:0}
.kr-process__rules p b{font-weight:600;color:#fff}
.kr-process__rules p span{color:#bdb5c0}
.kr-process__rules a{display:inline-flex;gap:20px;margin-top:24px;color:#e7e1e9;font-size:12px;font-weight:600;text-decoration:none}
.kr-process__rules a:hover{text-decoration:underline}
@media(max-width:850px){.kr-process__steps{grid-template-columns:repeat(2,1fr)}.kr-process__steps article:nth-child(3){border-left:0;padding-left:0;border-top:1px solid rgba(37,23,42,.1)}.kr-process__steps article:nth-child(4){border-top:1px solid rgba(37,23,42,.1)}.kr-process__trust{gap:35px;padding:40px}}
@media(max-width:600px){.kr-process{padding:80px 20px}.kr-process__intro{grid-template-columns:1fr;gap:20px;margin-bottom:38px}.kr-process__intro h2{font-size:39px}.kr-process__intro>p{font-size:15px}.kr-process__steps article{padding-top:22px;padding-bottom:26px}.kr-process__steps article:not(:first-child){padding-left:15px}.kr-process__steps article:nth-child(3){padding-left:0}.kr-process__steps h3{margin-top:30px;font-size:17px}.kr-process__steps p{font-size:12px}.kr-process__trust{grid-template-columns:1fr;gap:24px;margin-top:55px;padding:28px;border-radius:20px}.kr-process__rules p{grid-template-columns:105px 1fr;gap:10px}}

/* Full-width section backgrounds; content remains within the reading grid. */
.kr-value,.kr-process,.kr-demo,.kr-cases{box-sizing:border-box;width:100%;max-width:none;align-self:stretch}
.kr-value,.kr-cases{background:#f3f4f3}
.kr-process{background:#eef0ef}
.kr-value__column{background:#e9ebea}
.kr-value__column--creator{background:#e8eaf0}
.kr-value__tag{background:#f7f8f7;color:#6e7472}
.kr-value__questions p{background:#e9ebea}
.kr-cases__grid article{background:rgba(255,255,255,.65)}
.kr-cases__grid blockquote{background:#eff0ef}
.kr-cases__loop{background:linear-gradient(115deg,#e8ebea,#e7eaf0)}
.kr-demo{background:linear-gradient(to bottom,#eef0ef 0%,rgba(238,240,239,0) 7%,rgba(243,244,243,0) 90%,#f3f4f3 100%),radial-gradient(ellipse 150% 104% at 50% 0%,#030404 0%,#030404 20%,#0a1700 34%,#254c0a 58%,#538449 87%,#8fbf86 100%)}
@media(max-width:700px){.kr-demo{background:linear-gradient(to bottom,#eef0ef 0%,rgba(238,240,239,0) 4%,rgba(243,244,243,0) 94%,#f3f4f3 100%),radial-gradient(ellipse 160% 100% at 50% 0%,#030404 0%,#0a1700 32%,#254c0a 62%,#7fab78 100%)}}
.kr-faq{width:100%;align-self:stretch;box-sizing:border-box;padding:110px 24px;background:#edf0ee;color:#25172a;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.kr-faq__inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.kr-faq__heading span{color:#908792;font-size:11px;font-weight:700;letter-spacing:.1em}
.kr-faq__heading h2{margin:18px 0;font-size:clamp(38px,4vw,54px);line-height:1.08;letter-spacing:-.045em}
.kr-faq__heading p{max-width:310px;color:#716b74;font-size:15px;line-height:1.6}
.kr-faq__list{border-top:1px solid rgba(37,23,42,.16)}
.kr-faq__list details{border-bottom:1px solid rgba(37,23,42,.13)}
.kr-faq__list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:15px;font-weight:650;cursor:pointer;list-style:none}
.kr-faq__list summary::-webkit-details-marker{display:none}
.kr-faq__list summary span{display:grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid rgba(37,23,42,.15);border-radius:50%;color:#6c626d;font-size:17px;font-weight:400;transition:transform .25s}
.kr-faq__list details[open] summary span{transform:rotate(45deg)}
.kr-faq__list details p{max-width:590px;margin:0 0 22px;color:#716b74;font-size:14px;line-height:1.65}
@media(max-width:700px){.kr-faq{padding:75px 20px}.kr-faq__inner{grid-template-columns:1fr;gap:30px}.kr-faq__heading h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){.kr-faq__list summary span{transition:none}}

/* Editorial rhythm and material treatments, shared across the landing pages. */
.kr-value,.kr-process,.kr-cases,.kr-faq{line-height:1.6}
.kr-value{padding-top:128px;padding-bottom:88px}
.kr-value__intro,.kr-cases__heading{margin-bottom:72px}
.kr-value__intro h2,.kr-process__intro h2,.kr-cases__heading h2,.kr-faq__heading h2{line-height:1.08}
.kr-value__intro>p,.kr-process__intro>p,.kr-cases__heading>p{font-size:17px;line-height:1.68;color:#665f6a}
.kr-value__columns{gap:24px}
.kr-value__column{padding:44px 48px 40px;border-radius:28px;border:1px solid rgba(255,255,255,.9);background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(233,238,237,.48));box-shadow:inset 0 0 0 3px rgba(120,132,133,.09),inset 0 1px 0 #fff,0 12px 36px rgba(46,55,56,.045);backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);transition:box-shadow .3s ease,background-color .3s ease}
.kr-value__column--creator{background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(225,230,242,.53))}
.kr-value__column h3{margin-top:28px;margin-bottom:16px;font-size:30px;line-height:1.16}
.kr-value__column>p{font-size:15px;line-height:1.7;color:#6e6671}
.kr-value__column ul{margin-top:32px;padding-top:8px}
.kr-value__column li{gap:18px;padding:18px 0}
.kr-value__column li>span{font-size:12px;color:#867b88}
.kr-value__column li b{font-size:14px}
.kr-value__column li small{margin-top:5px;font-size:13px;line-height:1.6;color:#746d76}
.kr-value__friction{margin-top:88px;gap:48px;padding:48px 0}
.kr-value__friction p,.kr-value__answer small{font-size:14px;line-height:1.65;color:#726a73}
.kr-value__questions p{padding:12px 16px;background:rgba(255,255,255,.48);border:1px solid rgba(104,111,112,.11);border-radius:12px}
.kr-process{padding-top:128px;padding-bottom:128px}
.kr-process__intro{margin-bottom:64px}
.kr-process__steps article{padding-top:32px;padding-bottom:40px}
.kr-process__steps h3{margin:36px 0 12px;font-size:20px}
.kr-process__steps p{font-size:14px;line-height:1.7;color:#6e6871}
.kr-process__trust{gap:80px;padding:60px;border:1px solid rgba(255,255,255,.18);border-radius:32px;background:linear-gradient(145deg,rgba(31,29,38,.97),rgba(39,44,47,.96));box-shadow:inset 0 0 0 3px rgba(255,255,255,.035),inset 0 1px 0 rgba(255,255,255,.13)}
.kr-process__trust>div>p{font-size:15px;line-height:1.75}
.kr-process__rules p{padding:18px 0;font-size:14px;line-height:1.6}
.kr-process__rules a{min-height:44px;align-items:center;font-size:13px}
.kr-demo__stage{border:1px solid rgba(255,255,255,.2);background:rgba(8,18,10,.24);box-shadow:inset 0 0 0 3px rgba(255,255,255,.035),inset 0 1px 0 rgba(255,255,255,.11)}
.kr-demo__features button{border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 2px rgba(255,255,255,.025);min-height:56px}
.kr-demo__features button[aria-pressed="true"]{border-color:rgba(227,255,72,.16);box-shadow:inset 0 0 0 2px rgba(255,255,255,.035)}
.kr-feature__detail>span{font-size:14px;line-height:1.65;color:rgba(255,255,255,.77)}
.kr-demo__keyboard button{min-height:44px}
.kr-feature__progress:after{height:100%;transform:scaleY(0);transform-origin:top}
@keyframes kr-progress-transform{to{transform:scaleY(1)}}
.kr-demo--playing .kr-demo__features button[aria-pressed="true"] .kr-feature__progress:after{animation:kr-progress-transform 8s linear forwards}
.kr-cases{padding-top:112px;padding-bottom:120px}
.kr-cases__grid{gap:20px;grid-template-columns:1.12fr 1fr 1fr}
.kr-cases__grid article{min-height:360px;padding:32px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(235,239,238,.52));box-shadow:inset 0 0 0 3px rgba(120,132,133,.08),inset 0 1px 0 #fff,0 10px 32px rgba(46,55,56,.04);backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%);transition:box-shadow .3s ease}
.kr-cases__top b{font-size:14px}.kr-cases__top small{font-size:10px;color:#716c75}
.kr-cases__grid h3{margin-top:36px;font-size:20px;line-height:1.25}
.kr-cases__grid article>p{font-size:14px;line-height:1.7;color:#706b74}
.kr-cases__grid blockquote{padding:16px;font-size:13px;line-height:1.55;background:rgba(237,240,239,.75)}
.kr-cases__result{font-size:11px;color:#756a7e}
.kr-cases__loop{margin-top:80px;padding:48px;border-radius:28px;border:1px solid rgba(255,255,255,.92);background:linear-gradient(120deg,rgba(255,255,255,.64),rgba(226,231,236,.66));box-shadow:inset 0 0 0 3px rgba(120,132,133,.08),inset 0 1px 0 #fff}
.kr-cases__loop li{font-size:13px}
.kr-faq{padding-top:128px;padding-bottom:128px}
.kr-faq__inner{gap:104px}
.kr-faq__heading p{font-size:16px;line-height:1.65}
.kr-faq__list summary{min-height:68px;padding:20px 0;font-size:16px;line-height:1.4}
.kr-faq__list details p{font-size:15px;line-height:1.7;color:#625c66}
.kr-faq__list details[open] p{animation:kr-answer-in .28s cubic-bezier(.22,1,.36,1) both}
@keyframes kr-answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
[data-kr-reveal="pending"]{opacity:0;transform:translate3d(0,12px,0)}
[data-kr-reveal="visible"]{opacity:1;transform:translate3d(0,0,0);transition:opacity .55s cubic-bezier(.22,1,.36,1) var(--kr-reveal-delay,0ms),transform .55s cubic-bezier(.22,1,.36,1) var(--kr-reveal-delay,0ms)}
[data-kr-reveal="pending"]:focus-within{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){.kr-value__column:hover,.kr-cases__grid article:hover{box-shadow:inset 0 0 0 3px rgba(105,122,126,.12),inset 0 1px 0 #fff,0 18px 45px rgba(46,55,56,.08)}}
@media(max-width:800px){.kr-cases__grid{grid-template-columns:1fr}.kr-cases__grid article{min-height:0}.kr-faq__inner{gap:48px}}
@media(max-width:600px){
  .kr-value,.kr-process,.kr-cases,.kr-faq{padding-top:80px;padding-bottom:80px}
  .kr-value__intro,.kr-cases__heading{margin-bottom:40px}
  .kr-value__column{padding:28px 24px;border-radius:22px}
  .kr-value__column h3{font-size:26px}
  .kr-value__column>p{font-size:14px}
  .kr-value__friction{gap:20px;margin-top:48px;padding:32px 0}
  .kr-process__steps{grid-template-columns:1fr}
  .kr-process__steps article,.kr-process__steps article:not(:first-child),.kr-process__steps article:nth-child(3),.kr-process__steps article:nth-child(4){padding:22px 0;border-left:0;border-top:1px solid rgba(37,23,42,.1)}
  .kr-process__steps article:first-child{border-top:0}
  .kr-process__steps h3{margin:14px 0 8px}
  .kr-process__steps p{font-size:14px}
  .kr-process__trust{gap:28px;padding:30px 24px;border-radius:24px}
  .kr-process__rules p{grid-template-columns:1fr;gap:5px}
  .kr-cases__grid article{padding:28px 24px}
  .kr-cases__loop{margin-top:48px;padding:30px 24px;border-radius:22px}
  .kr-faq__inner{gap:32px}
}
@media(prefers-reduced-motion:reduce){[data-kr-reveal="pending"],[data-kr-reveal="visible"]{opacity:1;transform:none;transition:none}.kr-faq__list details[open] p{animation:none}.kr-value__column,.kr-cases__grid article{transition:none}}

/* Hero-led typography and cool-toned presentation. */
.kr-value__intro h2,.kr-process__intro h2,.kr-demo__heading h2,.kr-cases__heading h2,.kr-faq__heading h2{
  font-family:"RecifeText SemiBold",Georgia,serif;
  font-size:clamp(38px,4vw,54px);
  font-weight:400;
  line-height:1.12;
  letter-spacing:-.035em;
}
.kr-process__trust h3,.kr-cases__loop h3{font-family:"RecifeText SemiBold",Georgia,serif;font-weight:400;line-height:1.17;letter-spacing:-.03em}
.kr-demo{
  background:linear-gradient(to bottom,#eef0ef 0%,rgba(238,240,239,0) 7%,rgba(243,244,243,0) 91%,#f3f4f3 100%),radial-gradient(ellipse 145% 105% at 50% 0%,#11121a 0%,#161b25 26%,#213940 58%,#729fa3 100%);
}
.kr-demo__stage{background:rgba(18,27,35,.48);border-color:rgba(211,237,241,.18)}
.kr-demo__features button[aria-pressed="true"]{color:#aee5ef;border-color:rgba(174,229,239,.2)}
.kr-feature__progress:after{background:#aee5ef}
.kr-demo__pulse{background:#aee5ef;box-shadow:0 0 0 4px rgba(174,229,239,.12)}
.kr-demo__caption{color:rgba(245,251,252,.72)}
.kr-demo__features button[aria-pressed="true"] .kr-feature__detail>span{color:rgba(245,251,252,.78)}
.kr-cases__avatar{background-image:url('/kolrelay/assets/web3-pfp-sprite.webp');background-size:300% 200%;color:transparent;font-size:0}
.kr-cases__avatar--one{background-position:0 0}.kr-cases__avatar--two{background-position:50% 0}.kr-cases__avatar--three{background-position:50% 100%}
.kr-cases__rating{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin-bottom:10px;padding:5px 8px;border:1px solid rgba(126,119,150,.14);border-radius:999px;background:rgba(255,255,255,.58);color:#77717f;font-size:10px;font-weight:600;line-height:1.2}
.kr-cases__stars{color:#8a83b2;font-size:12px;letter-spacing:1.5px;white-space:nowrap}
.kr-cases__result{text-decoration:none;transition:color .2s ease}
.kr-cases__result span{display:inline-block;transition:transform .2s ease}
.kr-cases__result:hover,.kr-cases__result:focus-visible{color:#514a87}
.kr-cases__result:hover span,.kr-cases__result:focus-visible span{transform:translate(2px,-2px)}
.kr-cases__result:focus-visible{outline:2px solid #788bbf;outline-offset:4px;border-radius:4px}
@media(prefers-reduced-motion:reduce){.kr-cases__result,.kr-cases__result span{transition:none}}
.kr-demo__avatar{overflow:hidden;background:#25172a}
.kr-demo__avatar img{display:block;width:100%;height:100%;object-fit:cover}
.kolrelay-route-nav .kolrelay-nav-link[aria-current="page"]{background:rgba(86,77,135,.08);color:#40345f}
.kolrelay-route-nav .kolrelay-nav-link:focus-visible{outline:2px solid rgba(101,101,173,.7);outline-offset:2px}
/* A measured reading rhythm: headings lead, copy follows and surfaces arrive quietly. */
.kr-value{padding-top:112px;padding-bottom:96px}
.kr-process{padding-top:112px;padding-bottom:112px}
.kr-cases{padding-top:112px;padding-bottom:104px}
.kr-faq{padding-top:112px;padding-bottom:112px}
.kr-value__intro,.kr-cases__heading{margin-bottom:64px}
[data-kr-reveal="pending"]{opacity:0;transform:translate3d(0,var(--kr-reveal-distance,8px),0)}
[data-kr-reveal="visible"]{opacity:1;transform:translate3d(0,0,0);transition:opacity var(--kr-reveal-duration,560ms) cubic-bezier(.22,1,.36,1) var(--kr-reveal-delay,0ms),transform var(--kr-reveal-duration,560ms) cubic-bezier(.22,1,.36,1) var(--kr-reveal-delay,0ms)}
[data-kr-motion="heading"]{--kr-reveal-distance:8px;--kr-reveal-duration:600ms}
[data-kr-motion="copy"]{--kr-reveal-distance:4px;--kr-reveal-duration:520ms}
[data-kr-motion="card"]{--kr-reveal-distance:14px;--kr-reveal-duration:620ms}
[data-kr-motion="step"]{--kr-reveal-distance:6px;--kr-reveal-duration:480ms}
[data-kr-motion="panel"]{--kr-reveal-distance:10px;--kr-reveal-duration:600ms}
[data-kr-reveal="pending"]:focus-within{opacity:1;transform:none}
@media(max-width:800px){[data-kr-motion="card"]{--kr-reveal-delay:0ms !important}}
@media(max-width:600px){.kr-value,.kr-process,.kr-cases,.kr-faq{padding-top:72px;padding-bottom:72px}.kr-value__intro,.kr-cases__heading{margin-bottom:36px}}
@media(prefers-reduced-motion:reduce){[data-kr-reveal="pending"],[data-kr-reveal="visible"]{opacity:1;transform:none;transition:none}}
/* CSS remains the fallback if the Motion bundle cannot load. */
html[data-kolrelay-motion-ready="true"] [data-kr-reveal="visible"]{transition:none}
html[data-kolrelay-motion-ready="true"] .kr-demo__thread--enter .kr-demo__message,
html[data-kolrelay-motion-ready="true"] .kr-demo__thread--enter .kr-demo__keyboard{animation:none}
html[data-kolrelay-motion-ready="true"] .kr-faq__list details[open] p{animation:none}
html[data-kolrelay-motion-ready="true"] .kr-cases__result span{transition:none}
html[data-kolrelay-motion-ready="true"] .kr-cases__result:hover span,
html[data-kolrelay-motion-ready="true"] .kr-cases__result:focus-visible span{transform:none}
html[data-kolrelay-motion-ready="true"] .kolrelay-hero-letter{opacity:1;transform:none;animation:none}
@media(max-width:700px){
  .kr-value__intro h2,.kr-process__intro h2,.kr-demo__heading h2,.kr-cases__heading h2,.kr-faq__heading h2{font-size:clamp(34px,9vw,40px);line-height:1.14}
  .kr-demo{background:linear-gradient(to bottom,#eef0ef 0%,rgba(238,240,239,0) 4%,rgba(243,244,243,0) 94%,#f3f4f3 100%),radial-gradient(ellipse 160% 100% at 50% 0%,#11121a 0%,#1b2931 40%,#729fa3 100%)}
}