/* Selected direction 03: editorial website. Scoped to the public page. */ body[data-design=kontorika]{--paper:#f1eee5;--ink:#393f39;--muted:#626a5e;--accent:#8a6348;--soft:#e7e6d8;--line:#bec2b1;--forest:#566348;--sage:#e3e5d5;--peach:#e8dece;--pink:#8a6348;--pink-dark:#6f4d35;background:var(--paper);color:var(--ink)} #landing .ko-website{font-family:var(--sans);color:var(--ink);background:var(--paper)} #landing .ko-website :is(h1,h2,h3,h4,p){margin:0} #landing .ko-website h3{font-family:var(--sans);font-weight:400} #landing .ko-website em{font-style:normal;color:var(--accent)} #landing .ko-website .ds-wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto} #landing .ko-website .ds-nav{height:96px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)} #landing .ko-website .ds-brand{display:block;flex-shrink:0;width:218px} #landing .ko-website .ds-brand img{display:block;width:100%;height:auto;mix-blend-mode:multiply} #landing .ko-website .ds-nav nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:11px;color:var(--muted)} #landing .ko-website .ds-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:58px;padding:14px 25px;border:1px solid var(--ink);border-radius:100px;background:var(--ink);color:var(--paper);font-size:14px;font-weight:500;white-space:nowrap;transition:transform .18s,filter .18s} #landing .ko-website .ds-cta:hover{transform:translateY(-2px);filter:brightness(1.1)} #landing .ko-website .ds-cta svg{width:19px;height:23px} #landing .ko-website .ds-cta b{font-weight:400;font-size:20px;margin-left:10px} #landing .ko-website .ds-nav .ds-nav-start{font-size:11px;min-height:43px;padding:10px 18px;gap:9px} #landing .ko-website .ds-nav .ds-nav-start svg{width:14px;height:17px} #landing .ko-website .ds-nav .ds-nav-start b{font-size:17px;margin-left:5px} #landing .ko-website .ds-hero{padding-block:65px 55px} #landing .ko-website .ds-hero h1{font:400 88px/.99 var(--serif);letter-spacing:-.042em} #landing .ko-website .ds-hero h1 em, #landing .ko-website .ds-section h2 em, #landing .ko-website .ds-closing h2 em{font-style:normal;color:var(--accent)} #landing .ko-website .ds-eyebrow{font-size:10px;letter-spacing:.12em;line-height:1.8;font-weight:500;color:var(--accent)} #landing .ko-website .ds-hero .ds-eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:26px} #landing .ko-website .ds-hero-lead{font-size:18px;line-height:1.8;font-weight:350;color:var(--muted);margin-top:26px} #landing .ko-website .ds-hero .ds-cta{margin-top:28px} #landing .ko-website .ds-hero-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:17px} #landing .ko-website .ds-domains{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;font-size:10px;color:var(--muted);margin-top:21px} #landing .ko-website .ds-domains span+span::before{content:'·';color:var(--accent);margin-right:18px} #landing .ko-website .ds-wave{display:flex;align-items:center;justify-content:center;gap:6px;height:60px} #landing .ko-website .ds-wave i{display:block;background:currentColor;width:4px;height:17px;border-radius:4px} #landing .ko-website .ds-wave i:nth-child(2n){height:33px} #landing .ko-website .ds-wave i:nth-child(3n){height:45px} #landing .ko-website .ds-wave i:nth-child(5){height:58px} #landing .ko-website .ds-hero-support{position:relative;padding:5px 0 5px 5px} #landing .ko-website .ds-voice-disc{width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 28% 20%,#fff0d3,#e7cbb0 43%,#b18e77 83%);box-shadow:inset -12px -12px 20px #82675730,0 18px 50px #a27e6c20;position:relative;z-index:2;color:#886449} #landing .ko-website .ds-voice-disc::before{content:'';position:absolute;inset:-21px;border:1px solid #d8cdb9;border-radius:50%} #landing .ko-website .ds-voice-disc small{font-size:8px;line-height:1.7;text-align:center;margin-top:16px;color:#937358} #landing .ko-website .ds-voice-disc .ds-wave{transform:scale(.7);height:45px} #landing .ko-website .ds-hero-layers{margin:-74px 0 0 98px;background:#fffdf7;border:1px solid #dfd9cb;padding:25px 24px 16px;border-radius:12px;box-shadow:0 17px 45px #73614b0d;position:relative;z-index:1} #landing .ko-website .ds-hero-layers>p{font-size:7px;letter-spacing:.1em;color:#aa967a;text-align:right;margin-bottom:17px} #landing .ko-website .ds-layer{display:flex;align-items:center;gap:18px;padding:21px 0;border-top:1px solid var(--line);min-width:0} #landing .ko-website .ds-layer>span{font-size:9px;color:var(--accent);align-self:flex-start;padding-top:3px} #landing .ko-website .ds-layer>div{min-width:0} #landing .ko-website .ds-layer b{font-size:15px;line-height:1.5;font-weight:450;display:block} #landing .ko-website .ds-layer p{font-size:11px;line-height:1.8;color:var(--muted);margin-top:7px} #landing .ko-website .ds-layer i{font-size:18px;font-style:normal;color:var(--accent);margin-left:auto} #landing .ko-website .ds-hero-layers .ds-layer{padding:17px 0;gap:12px} #landing .ko-website .ds-hero-layers .ds-layer b{font-size:12px} #landing .ko-website .ds-hero-layers .ds-layer p{font-size:9px;margin-top:5px} #landing .ko-website .ds-hero-layers .ds-layer>span{font-size:7px} #landing .ko-website .ds-hero-layers .ds-layer i{font-size:13px} #landing .ko-website .ds-hero-foot{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-block:25px;border-block:1px solid var(--line);font-size:10px;color:var(--muted);text-align:center} #landing .ko-website .ds-hero-foot span+span{border-left:1px solid var(--line)} #landing .ko-website .ds-section{padding-block:95px} #landing .ko-website .ds-section-heading{max-width:900px;margin-bottom:44px} #landing .ko-website .ds-section h2, #landing .ko-website .ds-closing h2{font:400 66px/1.03 var(--serif);letter-spacing:-.035em} #landing .ko-website .ds-section-heading h2{margin-top:19px} #landing .ko-website .ds-section-lead{font-size:16px;line-height:1.85;max-width:760px;color:var(--muted);margin-top:24px} #landing .ko-website .ds-caption{font-size:11px;line-height:1.85;color:var(--muted);margin-top:24px} #landing .ko-website .ds-scene-label{display:block;font-size:9px;letter-spacing:.1em;color:var(--accent);line-height:1.8} #landing .ko-website .ds-scenario{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:stretch} #landing .ko-website .ds-scenario-intro{border-left:2px solid var(--accent);padding:16px 0 13px 27px} #landing .ko-website .ds-scenario-intro h3{font:400 37px/1.28 var(--serif);letter-spacing:-.025em;margin-top:20px;max-width:500px} #landing .ko-website .ds-scenario-intro>p{font-size:13px;color:var(--muted);margin-top:25px;line-height:1.9} #landing .ko-website .ds-perspectives{padding:29px;background:var(--soft);border:1px solid var(--line);border-radius:12px} #landing .ko-website .ds-perspective-tabs{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);padding-bottom:19px;flex-wrap:wrap} #landing .ko-website .ds-perspective-tabs button{background:transparent;border:1px solid transparent;padding:9px 14px;color:var(--muted);border-radius:100px;font-size:11px} #landing .ko-website .ds-perspective-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)} #landing .ko-website .ds-perspective-copy{padding-top:27px;min-height:213px} #landing .ko-website .ds-perspective-copy>span{font-size:9px;letter-spacing:.1em;color:var(--accent)} #landing .ko-website .ds-perspective-copy h3{font-size:22px;line-height:1.4;font-weight:400;letter-spacing:-.025em;margin-top:16px;max-width:330px} #landing .ko-website .ds-perspective-copy p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:17px} #landing .ko-website .ds-perspectives>.ds-caption{font-size:9px;margin-top:20px} #landing .ko-website .section-knowledge{background:var(--soft);border-block:1px solid var(--line)} #landing .ko-website .ds-knowledge-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start} #landing .ko-website .ds-knowledge-number{padding-top:15px} #landing .ko-website .ds-knowledge-number>strong{font-size:104px;line-height:1;letter-spacing:-.065em;font-weight:350;color:var(--accent);display:block} #landing .ko-website .ds-knowledge-number>span{font-size:13px;display:block;color:var(--muted);margin-top:15px} #landing .ko-website .ds-knowledge-number>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:410px;margin-top:27px} #landing .ko-website .ds-cloud-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px} #landing .ko-website .ds-cloud-tags span{font-size:10px;padding:7px 11px;border:1px solid var(--line);border-radius:100px;color:var(--muted)} #landing .ko-website .ds-knowledge-number>small{font-size:9px;line-height:1.8;display:block;margin-top:22px;color:var(--muted)} #landing .ko-website .ds-knowledge-layers .ds-layer{padding-block:24px} #landing .ko-website .ds-knowledge-method{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;border-top:1px solid var(--line);padding-top:27px;margin-top:48px} #landing .ko-website .ds-knowledge-method b{font-size:15px;font-weight:450} #landing .ko-website .ds-knowledge-method p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:10px} #landing .ko-website .ds-answer-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px;align-items:start} #landing .ko-website .ds-answer-intro{padding-top:23px} #landing .ko-website .ds-answer-intro h3{font:400 37px/1.1 var(--serif);letter-spacing:-.02em;margin-top:22px} #landing .ko-website .ds-answer-intro>p:not(.ds-caption){font-size:14px;line-height:1.9;color:var(--muted);margin-top:25px;max-width:360px} #landing .ko-website .ds-answer-intro .ds-caption{font-size:11px;max-width:360px;margin-top:27px} #landing .ko-website .ds-answer-card{border:1px solid var(--line);background:#fffef9;border-radius:13px;box-shadow:0 16px 38px #33412a0a;overflow:hidden;color:#44523f} #landing .ko-website .ds-answer-header{display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #e1e6d7;padding:22px 26px;position:relative} #landing .ko-website .ds-answer-header b{font-size:15px;font-weight:500} #landing .ko-website .ds-answer-header>span{font-size:9px;color:#91a17d} #landing .ko-website .ds-answer-header>small{font-size:7px;letter-spacing:.06em;color:#a4b193;position:absolute;right:25px;top:28px} #landing .ko-website .ds-question{font-size:12px;line-height:1.9;background:#eef2e4;color:#71845b;padding:15px 18px;margin:26px 25px 23px 75px;border-radius:11px 11px 0 11px} #landing .ko-website .ds-real-answer{font-size:14px;line-height:1.95;padding:0 26px;color:#5d724e;white-space:pre-wrap} #landing .ko-website .ds-real-answer a{text-decoration:underline;text-underline-offset:3px;color:#4f7138} #landing .ko-website .ds-real-sources{display:grid;gap:9px;margin:24px 26px} #landing .ko-website .ds-real-sources a{display:block;padding:12px 14px;border:1px solid #dfe6d2;background:#f5f8ed;border-radius:7px;font-size:11px;line-height:1.8;color:#6c8a50;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere} #landing .ko-website .ds-answer-date{font-size:8px;line-height:1.8;color:#95a783;border-top:1px solid #e5ebdb;padding:14px 26px;display:block} #landing .ko-website .section-compare{background:#f2f0e8;border-block:1px solid var(--line)} #landing .ko-website .ds-advantage-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:38px} #landing .ko-website .ds-advantage-strip>div{border-top:1px solid var(--line);padding-top:22px} #landing .ko-website .ds-advantage-strip>div>span{font-size:9px;color:var(--accent)} #landing .ko-website .ds-advantage-strip h3{font-size:19px;line-height:1.45;font-weight:450;letter-spacing:-.02em;margin-top:17px;max-width:280px} #landing .ko-website .ds-advantage-strip p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:13px;max-width:280px} #landing .ko-website .ds-compare-scroll{overflow:auto;border:1px solid var(--line);border-radius:11px;background:#fffdf8} #landing .ko-website .ds-compare-table{width:100%;table-layout:fixed;text-align:left;border-collapse:collapse;min-width:730px;color:#64705d} #landing .ko-website .ds-compare-table th, #landing .ko-website .ds-compare-table td{padding:21px 25px;vertical-align:top;line-height:1.85;font-size:12px;font-weight:400} #landing .ko-website .ds-compare-table th:first-child{width:25%;color:#6e785f} #landing .ko-website .ds-compare-table thead th{font-size:20px;border-bottom:1px solid #dfe2d3;padding-block:26px;color:#405338} #landing .ko-website .ds-compare-table thead th:first-child{font-size:11px} #landing .ko-website .ds-compare-table th:last-child, #landing .ko-website .ds-compare-table td:last-child{background:#eaf0dc;border-left:1px solid #dae2c9;color:#516d3c} #landing .ko-website .ds-compare-table thead small{display:block;font-size:9px;line-height:1.8;color:#8e9c7a;margin-top:6px} #landing .ko-website .ds-compare-table tbody tr+tr{border-top:1px solid #e5e7de} #landing .ko-website .ds-compare-table b{font-weight:500} #landing .ko-website .ds-comparison-sources{display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center;font-size:10px;color:var(--muted);margin-top:21px;line-height:1.9} #landing .ko-website .ds-comparison-sources a{text-decoration:underline;text-underline-offset:3px} #landing .ko-website .section-compare .ds-caption{max-width:1060px} #landing .ko-website .ds-research{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;border-top:1px solid var(--line);padding-top:45px;margin-top:42px} #landing .ko-website .ds-research h3{font:400 39px/1.1 var(--serif);letter-spacing:-.025em;margin-top:17px} #landing .ko-website .ds-research>div>p:not(.ds-eyebrow){font-size:13px;color:var(--muted);line-height:1.9;margin-top:22px} #landing .ko-website .ds-research-result{border:1px solid var(--line);background:#faf9f1;border-radius:9px;padding:25px 27px} #landing .ko-website .ds-research-result>span{font-size:10px;color:#8b917e} #landing .ko-website .ds-research-result>div{display:grid;grid-template-columns:1fr 1fr;gap:7px 24px;margin-top:22px} #landing .ko-website .ds-research-result>div>b{font-size:37px;font-weight:400;letter-spacing:-.04em;color:#69784a} #landing .ko-website .ds-research-result>div>b:nth-of-type(2){grid-column:2;grid-row:1;color:#9ea58f} #landing .ko-website .ds-research-result>div>small{font-size:10px;color:#8e967e;grid-row:2} #landing .ko-website .ds-research-result>p{font-size:10px!important;color:#919981!important;line-height:1.9!important;margin-top:20px!important} #landing .ko-website .ds-research-details{margin-top:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)} #landing .ko-website .ds-research-details>summary{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:21px 0;font-size:12px;line-height:1.8;cursor:pointer;list-style:none} #landing .ko-website .ds-research-details>summary>span{font-size:22px;color:var(--accent)} #landing .ko-website .ds-research-details[open]>summary>span{transform:rotate(45deg)} #landing .ko-website [data-test-report]{padding:0 0 25px;font-size:12px;color:var(--muted);line-height:1.9} #landing .ko-website [data-test-report]>article{padding-top:25px;border-top:1px solid var(--line);margin-top:25px} #landing .ko-website [data-test-report] h4{font-size:13px;font-weight:500;line-height:1.85;color:var(--ink)} #landing .ko-website .ds-test-review{padding:17px 0;font-size:11px;line-height:1.9;color:var(--accent)} #landing .ko-website .ds-test-answer{background:#fffdf6;border:1px solid var(--line);padding:21px;margin-top:14px;border-radius:7px;color:#727d63} #landing .ko-website .ds-test-answer b{font-weight:500;font-size:12px;display:block;margin-bottom:12px} #landing .ko-website .ds-test-answer p{font-size:12px;line-height:1.9;white-space:pre-wrap} #landing .ko-website .ds-test-answer a{display:block;margin-top:14px;font-size:11px;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere} #landing .ko-website .ds-continuity-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px} #landing .ko-website .ds-history-sample{background:var(--soft);padding:30px 35px;border:1px solid var(--line);border-radius:12px} #landing .ko-website .ds-history-sample>.ds-scene-label{font-size:8px;margin-bottom:28px} #landing .ko-website .ds-history-sample>div{position:relative;padding:0 0 31px 27px;border-left:1px solid var(--line);margin-left:5px} #landing .ko-website .ds-history-sample>div:last-child{padding-bottom:0;border-left-color:transparent} #landing .ko-website .ds-history-sample i{position:absolute;left:-5px;top:4px;width:9px;height:9px;background:var(--accent);border:2px solid var(--soft);border-radius:50%} #landing .ko-website .ds-history-sample small{font-size:8px;color:var(--accent);letter-spacing:.09em} #landing .ko-website .ds-history-sample h3{font-size:20px;line-height:1.4;font-weight:400;letter-spacing:-.02em;margin-top:10px} #landing .ko-website .ds-history-sample p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:13px} #landing .ko-website .ds-trust{padding-top:4px} #landing .ko-website .ds-trust>.ds-eyebrow{font-size:8px} #landing .ko-website .ds-trust>h3{font:400 40px/1.06 var(--serif);letter-spacing:-.025em;margin-top:21px} #landing .ko-website .ds-trust article{padding-top:23px;margin-top:23px;border-top:1px solid var(--line)} #landing .ko-website .ds-trust article b{font-size:14px;font-weight:500} #landing .ko-website .ds-trust article p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:10px} #landing .ko-website .ds-trust>a{display:inline-block;font-size:12px;text-decoration:underline;text-underline-offset:5px;color:var(--accent);margin-top:26px} #landing .ko-website .ds-trust>small{display:block;font-size:9px;line-height:1.9;color:var(--muted);margin-top:17px} #landing .ko-website .section-questions{border-top:1px solid var(--line)} #landing .ko-website .section-questions>.ds-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px} #landing .ko-website .ds-faq details{border-top:1px solid var(--line);padding-block:23px} #landing .ko-website .ds-faq details:last-child{border-bottom:1px solid var(--line)} #landing .ko-website .ds-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;line-height:1.8;cursor:pointer;list-style:none} #landing .ko-website .ds-faq summary span{font-size:20px;color:var(--accent)} #landing .ko-website .ds-faq details[open] summary span{transform:rotate(45deg)} #landing .ko-website .ds-faq details p{font-size:13px;line-height:1.9;color:var(--muted);padding-top:19px} #landing .ko-website .ds-faq summary::-webkit-details-marker, #landing .ko-website .ds-research-details summary::-webkit-details-marker{display:none} #landing .ko-website .ds-closing{text-align:center;padding-block:83px 90px;background:var(--soft);border-block:1px solid var(--line)} #landing .ko-website .ds-closing h2{font-size:72px;line-height:1.02;margin-top:24px} #landing .ko-website .ds-closing .ds-cta{margin-top:30px} #landing .ko-website .ds-closing .ds-cta+p{font-size:11px;color:var(--muted);margin-top:23px;line-height:1.8} #landing .ko-website .ds-footer{display:flex;align-items:center;gap:40px;padding-block:34px 39px;color:var(--muted)} #landing .ko-website .ds-footer img{width:185px;display:block;mix-blend-mode:multiply} #landing .ko-website .ds-footer>span{font-size:10px;line-height:1.8} #landing .ko-website .ds-footer>a{font-size:10px;margin-left:auto} #landing .ko-website .ds-footer>small{font-size:9px} #landing .ko-website .ds-chat-home{padding:42px 5px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center} #landing .ko-website .ds-chat-label{font-size:9px;letter-spacing:.1em;color:#92a6ad;margin-bottom:23px} #landing .ko-website .ds-start-box{width:100%;padding:24px 23px 16px;margin-top:27px;border:1px solid #cfdadf;border-radius:21px;text-align:left;box-shadow:0 10px 30px #40647508;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:8px} #landing .ko-website .ds-start-box>span{font-size:13px;color:#a5b2b7} #landing .ko-website .ds-start-box .ds-cta{margin-top:20px;align-self:flex-end;font-size:12px;min-height:45px;padding:10px 17px} #landing .ko-website .ds-start-box .ds-cta svg{width:15px} #landing .ko-website .ds-suggestions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;font-size:8px;color:#9cabb1;margin-top:18px} #landing .ko-website .ds-suggestions span{border:1px solid #e1e7e9;padding:8px 11px;border-radius:100px} #landing .ko-website .ds-chat-cloud{background:#eef3f3;border:1px solid #e0e7e7;padding:28px 28px 23px;border-radius:15px;position:relative} #landing .ko-website .ds-chat-cloud>p{font-size:7px;letter-spacing:.1em;color:#a2b3b7;margin-bottom:22px} #landing .ko-website .ds-chat-cloud>h2{font-size:31px;font-weight:400;line-height:1.19;letter-spacing:-1.2px;color:#6f8a93;margin-bottom:25px} #landing .ko-website .ds-chat-cloud>h2 em{font-style:normal;color:#9ab0b6} #landing .ko-website .ds-chat-cloud .ds-layer{padding:16px 0;gap:12px} #landing .ko-website .ds-chat-cloud .ds-layer b{font-size:11px} #landing .ko-website .ds-chat-cloud .ds-layer p{font-size:9px;margin-top:5px} #landing .ko-website .ds-chat-cloud .ds-layer>span{font-size:7px} #landing .ko-website .ds-chat-cloud .ds-layer i{font-size:12px} #landing .ko-website .ds-chat-cloud>small{display:block;font-size:8px;color:#a4b5b8;line-height:1.9;margin-top:18px} #landing .ko-website .ds-nav{border-bottom-color:#939d89} #landing .ko-website .hero-three{padding-top:27px;padding-bottom:48px;min-height:680px} #landing .ko-website .ds-editorial-label{display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.12em;color:#969a84;border-bottom:1px solid #c5c9b9;padding:0 0 19px;margin-bottom:42px} #landing .ko-website .ds-editorial-title .ds-eyebrow{font-size:8px;margin-bottom:19px} #landing .ko-website .ds-hero h1{font-size:96px;line-height:.96;letter-spacing:-3.8px} #landing .ko-website .ds-editorial-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end;margin-top:31px} #landing .ko-website .ds-editorial-bottom .ds-hero-lead{font-size:16px;margin-top:0;line-height:1.85} #landing .ko-website .ds-hero .ds-cta{margin-top:25px;border-radius:3px;background:#8a6b50;border-color:#8a6b50;font-size:12px;min-height:51px} #landing .ko-website .ds-editorial-knowledge{border-top:1px solid #b9bfae;padding-top:22px;padding-left:15px} #landing .ko-website .ds-statement{font:400 36px/1.06 var(--serif);letter-spacing:-.7px;color:#6a795e;display:block} #landing .ko-website .ds-editorial-knowledge p{font-size:11px;line-height:1.9;color:#909880;margin-top:16px} #landing .ko-website .ds-editorial-knowledge a{font-size:10px;display:inline-block;margin-top:21px;color:#8c755c;text-decoration:underline;text-underline-offset:5px} #landing .ko-website .ds-section{padding-block:83px} #landing .ko-website .ds-section-heading{display:grid;grid-template-columns:.55fr 1fr;gap:20px 55px;max-width:none;padding-bottom:35px;border-bottom:1px solid var(--line);margin-bottom:40px} #landing .ko-website .ds-section-heading>.ds-eyebrow{grid-row:1/3;padding-top:7px;max-width:220px;font-size:9px} #landing .ko-website .ds-section h2{font-size:58px;line-height:1.03;margin-top:0} #landing .ko-website .ds-section-lead{grid-column:2;font-size:14px;line-height:1.9;margin-top:0;max-width:660px} #landing .ko-website .section-knowledge{background:#e6e5d8} #landing .ko-website .ds-knowledge-layout{gap:90px} #landing .ko-website .ds-knowledge-number>strong{font:400 123px/1 var(--serif);letter-spacing:-.06em;color:#7b8467} #landing .ko-website .ds-knowledge-layers{padding-top:4px} #landing .ko-website .ds-knowledge-layers .ds-layer{background:#eeeee3;border:1px solid #bcc4ad;padding:21px;margin-bottom:14px;box-shadow:7px 7px 0 #d0d6c1;transform:skewY(-1.5deg)} #landing .ko-website .ds-knowledge-layers .ds-layer:nth-child(2){margin-left:14px} #landing .ko-website .ds-knowledge-layers .ds-layer:nth-child(3){margin-left:28px} #landing .ko-website .ds-knowledge-layers .ds-layer:nth-child(4){margin-left:42px} #landing .ko-website .ds-knowledge-layers .ds-layer b{font-size:13px} #landing .ko-website .ds-knowledge-layers .ds-layer p{font-size:10px} #landing .ko-website .ds-knowledge-layers .ds-layer i{display:none} #landing .ko-website .ds-perspectives, #landing .ko-website .ds-answer-card, #landing .ko-website .ds-history-sample, #landing .ko-website .ds-compare-scroll, #landing .ko-website .ds-research-result, #landing .ko-website .ds-test-answer{border-radius:0;box-shadow:none} #landing .ko-website .ds-perspective-tabs button{border-radius:3px} #landing .ko-website .ds-scenario-intro{border-left:0;padding-left:0} #landing .ko-website .ds-scenario-intro h3{font-size:41px} #landing .ko-website .ds-answer-intro h3{font-size:39px} #landing .ko-website .section-compare{background:#e9e7db} #landing .ko-website .ds-advantage-strip{border-bottom:1px solid var(--line);padding-bottom:28px} #landing .ko-website .ds-advantage-strip>div{border:0;padding-top:0} #landing .ko-website .ds-advantage-strip h3{font-family:var(--serif);font-size:28px;line-height:1.06;max-width:300px} #landing .ko-website .ds-compare-table{background:#f3f0e7} #landing .ko-website .ds-compare-table th:last-child, #landing .ko-website .ds-compare-table td:last-child{background:#dde3cc;color:#626f47;border-color:#bdc9a4} #landing .ko-website .ds-continuity-layout{gap:80px} #landing .ko-website .ds-history-sample{background:none;border:0;padding:0} #landing .ko-website .ds-history-sample h3{font:400 33px/1.05 var(--serif)} #landing .ko-website .ds-history-sample>div{padding-bottom:39px} #landing .ko-website .ds-history-sample p{font-size:13px} #landing .ko-website .section-questions>.ds-wrap{display:block} #landing .ko-website .ds-faq{margin-left:calc(35.5% + 18px)} #landing .ko-website .ds-closing{background:#d9ddc8} #landing .ko-website .ds-closing .ds-cta{border-radius:3px} #landing .ko-website .ds-sound-horizon{display:flex;align-items:center;justify-content:center;gap:37px;margin:28px auto 24px;color:#bf8f60;max-width:760px} #landing .ko-website .ds-sound-horizon .ds-wave{transform:scale(.65)} #landing .ko-website .ds-sound-horizon::before, #landing .ko-website .ds-sound-horizon::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#bb956b60)} #landing .ko-website .ds-sound-horizon::after{transform:rotate(180deg)} #landing .ko-website .ds-night-foundation{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;color:#7f9bad;font-size:10px;padding-top:10px} #landing .ko-website .ds-night-foundation i{font-style:normal;color:#b88f64} #landing .ko-website .ds-story-board{position:relative;background:#dce7ed;padding:25px 25px 26px;border:1px solid #cadbe5;border-radius:17px;transform:rotate(1.8deg);box-shadow:0 18px 44px #244b6510} #landing .ko-website .ds-board-title{font-size:7px;letter-spacing:.1em;line-height:1.8;color:#8fa9b8;margin-bottom:21px} #landing .ko-website .ds-board-main{background:#fffaf0;padding:27px 29px 29px;border:1px solid #e9e0cf;border-radius:10px;box-shadow:0 7px 19px #526e7f08;transform:rotate(-3deg)} #landing .ko-website .ds-board-main small{font-size:7px;letter-spacing:.12em;color:#ae9c7c} #landing .ko-website .ds-board-main h2{font:400 43px/1.06 var(--serif);letter-spacing:-.02em;color:#7a8270;margin-top:16px} #landing .ko-website .ds-board-main p{font-size:12px;color:#a5aa96;line-height:1.8;margin-top:17px} #landing .ko-website .ds-board-link{display:flex;gap:10px;align-items:center;justify-content:center;margin:27px -10px 23px;font-size:10px} #landing .ko-website .ds-board-link span{background:#eef4f5;border:1px solid #cfdee4;border-radius:100px;padding:10px 15px;color:#8fa9b5} #landing .ko-website .ds-board-context{border-top:1px solid #c1d4de;padding-top:21px;display:flex;flex-direction:column;gap:8px} #landing .ko-website .ds-board-context b{font-size:12px;font-weight:450;color:#6d8da1} #landing .ko-website .ds-board-context p{font-size:9px;color:#99afba} @media(min-width:1550px){ #landing .ko-website .ds-hero{padding-block:78px 70px} #landing .ko-website .hero-three{min-height:750px} } @media(max-width:1100px){ #landing .ko-website .ds-wrap{width:calc(100% - 64px)} #landing .ko-website .ds-nav{gap:23px;height:87px} #landing .ko-website .ds-brand{width:185px} #landing .ko-website .ds-nav nav{gap:19px;font-size:9px} #landing .ko-website .ds-nav .ds-nav-start{font-size:10px;padding-inline:15px} #landing .ko-website .ds-hero h1{font-size:74px} #landing .ko-website .ds-hero{padding-block:50px} #landing .ko-website .ds-hero-lead{font-size:16px} #landing .ko-website .ds-domains{font-size:9px;gap:8px 11px} #landing .ko-website .ds-domains span+span::before{margin-right:11px} #landing .ko-website .ds-hero-note{font-size:10px} #landing .ko-website .ds-hero-layers{margin-left:62px;padding-inline:19px} #landing .ko-website .ds-voice-disc{width:165px;height:165px} #landing .ko-website .ds-voice-disc::before{inset:-18px} #landing .ko-website .ds-hero-layers .ds-layer b{font-size:10px} #landing .ko-website .ds-hero-layers .ds-layer p{font-size:8px} #landing .ko-website .ds-hero-layers>p{font-size:6px} #landing .ko-website .ds-hero .ds-eyebrow{font-size:7px} #landing .ko-website .ds-hero-foot{font-size:8px} #landing .ko-website .ds-section{padding-block:78px} #landing .ko-website .ds-section h2{font-size:58px} #landing .ko-website .ds-section-lead{font-size:15px} #landing .ko-website .ds-scenario, #landing .ko-website .ds-answer-layout{gap:40px} #landing .ko-website .ds-scenario-intro h3{font-size:32px} #landing .ko-website .ds-perspectives{padding:23px} #landing .ko-website .ds-perspective-tabs{gap:2px} #landing .ko-website .ds-perspective-tabs button{font-size:10px;padding:8px 10px} #landing .ko-website .ds-perspective-copy h3{font-size:21px} #landing .ko-website .ds-knowledge-layout, #landing .ko-website .ds-continuity-layout{gap:60px} #landing .ko-website .ds-knowledge-number>strong{font-size:87px} #landing .ko-website .ds-answer-intro h3{font-size:32px} #landing .ko-website .ds-compare-table th, #landing .ko-website .ds-compare-table td{padding:18px 20px;font-size:11px} #landing .ko-website .ds-research{gap:45px} #landing .ko-website .ds-history-sample{padding:25px} #landing .ko-website .ds-advantage-strip h3{font-size:17px} #landing .ko-website .section-questions>.ds-wrap{gap:55px} #landing .ko-website .ds-trust>h3{font-size:35px} #landing .ko-website .ds-chat-cloud{padding:24px 22px} #landing .ko-website .ds-chat-home{padding-block:35px} #landing .ko-website .ds-chat-cloud>h2{font-size:29px} #landing .ko-website .ds-chat-cloud .ds-layer b{font-size:10px} #landing .ko-website .ds-chat-cloud .ds-layer p{font-size:8px} #landing .ko-website .ds-hero h1{font-size:85px} #landing .ko-website .ds-editorial-bottom{gap:55px} #landing .ko-website .ds-section h2{font-size:51px} #landing .ko-website .ds-section-heading{gap:20px 35px} #landing .ko-website .ds-section-lead{font-size:13px} #landing .ko-website .ds-knowledge-layout{gap:60px} #landing .ko-website .ds-knowledge-number>strong{font-size:105px} #landing .ko-website .ds-knowledge-layers .ds-layer{padding:18px} #landing .ko-website .ds-scenario-intro h3{font-size:36px} #landing .ko-website .ds-answer-intro h3{font-size:34px} #landing .ko-website .ds-story-board{padding:22px} #landing .ko-website .ds-board-main{padding:23px} #landing .ko-website .ds-board-main h2{font-size:37px} #landing .ko-website .ds-board-link{gap:7px;font-size:9px} #landing .ko-website .ds-board-link span{padding:9px 12px} } @media(max-width:780px){ #landing .ko-website .ds-nav nav{display:none} #landing .ko-website .ds-nav .ds-nav-start{margin-left:auto} #landing .ko-website .ds-nav{height:79px} #landing .ko-website .ds-hero h1{font-size:62px} #landing .ko-website .ds-hero-lead{font-size:14px} #landing .ko-website .ds-hero-lead br{display:none} #landing .ko-website .ds-hero .ds-cta{font-size:12px;min-height:51px;padding-inline:21px} #landing .ko-website .ds-hero .ds-eyebrow{font-size:6px;line-height:1.9} #landing .ko-website .ds-hero-layers{margin-left:25px;padding-inline:15px} #landing .ko-website .ds-hero-layers>p{font-size:5px} #landing .ko-website .ds-hero-layers .ds-layer{padding:14px 0;gap:9px} #landing .ko-website .ds-hero-layers .ds-layer b{font-size:9px} #landing .ko-website .ds-hero-layers .ds-layer p{font-size:7px} #landing .ko-website .ds-voice-disc{width:145px;height:145px} #landing .ko-website .ds-hero-foot{grid-template-columns:1fr 1fr;gap:15px;font-size:9px;padding-block:23px} #landing .ko-website .ds-hero-foot span:nth-child(3){border:0} #landing .ko-website .ds-section-heading{margin-bottom:35px} #landing .ko-website .ds-section h2{font-size:52px} #landing .ko-website .ds-scenario, #landing .ko-website .ds-knowledge-layout, #landing .ko-website .ds-answer-layout, #landing .ko-website .ds-continuity-layout, #landing .ko-website .ds-research{grid-template-columns:1fr;gap:34px} #landing .ko-website .ds-scenario-intro h3{font-size:37px} #landing .ko-website .ds-scenario-intro h3 br{display:none} #landing .ko-website .ds-scenario-intro>p br{display:none} #landing .ko-website .ds-perspective-copy{min-height:178px} #landing .ko-website .ds-knowledge-number>p{max-width:580px} #landing .ko-website .ds-knowledge-number>strong{font-size:88px} #landing .ko-website .ds-knowledge-layers{max-width:650px} #landing .ko-website .ds-knowledge-method{gap:22px;margin-top:40px} #landing .ko-website .ds-answer-intro{padding-top:0} #landing .ko-website .ds-answer-intro>p:not(.ds-caption), #landing .ko-website .ds-answer-intro .ds-caption{max-width:580px} #landing .ko-website .ds-answer-intro h3 br{display:none} #landing .ko-website .ds-answer-intro h3{font-size:37px} #landing .ko-website .ds-answer-layout{gap:28px} #landing .ko-website .ds-answer-card{max-width:700px} #landing .ko-website .ds-advantage-strip{gap:22px} #landing .ko-website .ds-advantage-strip h3{font-size:16px;line-height:1.5} #landing .ko-website .ds-advantage-strip p{font-size:11px} #landing .ko-website .ds-research-result{max-width:620px} #landing .ko-website .ds-research h3{font-size:37px} #landing .ko-website .ds-continuity-layout{gap:39px} #landing .ko-website .ds-history-sample{padding:30px} #landing .ko-website .ds-trust{max-width:650px} #landing .ko-website .section-questions>.ds-wrap{grid-template-columns:1fr;gap:10px} #landing .ko-website .ds-closing h2{font-size:63px} #landing .ko-website .ds-footer{flex-wrap:wrap;gap:22px 35px} #landing .ko-website .ds-footer>span{font-size:9px} #landing .ko-website .ds-footer>a{font-size:9px} #landing .ko-website .ds-footer>small{font-size:8px} #landing .ko-website .ds-chat-home{padding:40px 20px 15px} #landing .ko-website .ds-chat-cloud{max-width:650px;width:100%;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:0 20px} #landing .ko-website .ds-chat-cloud>p{grid-column:1/-1;margin-bottom:19px} #landing .ko-website .ds-chat-cloud>h2{grid-row:2/4;margin-bottom:0;align-self:center;font-size:34px} #landing .ko-website .ds-chat-cloud .ds-layer{grid-column:2} #landing .ko-website .ds-chat-cloud .ds-layer:first-of-type{grid-row:2} #landing .ko-website .ds-chat-cloud>small{grid-column:1/-1;font-size:9px;margin-top:23px} #landing .ko-website .ds-chat-cloud .ds-layer b{font-size:11px} #landing .ko-website .ds-chat-cloud .ds-layer p{font-size:9px} #landing .ko-website .ds-hero h1{font-size:76px} #landing .ko-website .ds-editorial-bottom{grid-template-columns:1fr 1fr;gap:32px} #landing .ko-website .ds-editorial-bottom .ds-hero-lead{font-size:14px} #landing .ko-website .ds-editorial-knowledge{padding-left:0} #landing .ko-website .ds-statement{font-size:33px} #landing .ko-website .ds-section-heading{grid-template-columns:1fr;gap:18px;padding-bottom:29px;margin-bottom:33px} #landing .ko-website .ds-section-heading>.ds-eyebrow{grid-row:auto;max-width:none} #landing .ko-website .ds-section-lead{grid-column:auto;font-size:14px} #landing .ko-website .ds-section h2{font-size:53px} #landing .ko-website .ds-knowledge-layout{grid-template-columns:1fr;gap:35px} #landing .ko-website .ds-knowledge-layers{max-width:640px} #landing .ko-website .ds-knowledge-layers .ds-layer{padding:21px} #landing .ko-website .ds-knowledge-layers .ds-layer b{font-size:14px} #landing .ko-website .ds-knowledge-layers .ds-layer p{font-size:11px} #landing .ko-website .ds-knowledge-number>strong{font-size:108px} #landing .ko-website .ds-continuity-layout{gap:40px} #landing .ko-website .ds-faq{margin-left:0} #landing .ko-website .ds-night-foundation{font-size:9px;gap:10px 15px} #landing .ko-website .ds-story-board{padding:19px 17px} #landing .ko-website .ds-board-title{font-size:6px} #landing .ko-website .ds-board-main{padding:19px 20px} #landing .ko-website .ds-board-main h2{font-size:33px} #landing .ko-website .ds-board-main p{font-size:10px} #landing .ko-website .ds-board-link{gap:5px;font-size:7px;margin-inline:-8px} #landing .ko-website .ds-board-link span{padding:8px 9px} #landing .ko-website .ds-board-context b{font-size:10px} #landing .ko-website .ds-board-context p{font-size:8px} } @media(max-width:560px){ #landing .ko-website .ds-wrap{width:calc(100% - 42px)} #landing .ko-website .ds-nav{height:77px;gap:16px} #landing .ko-website .ds-brand{width:165px} #landing .ko-website .ds-nav .ds-nav-start{font-size:9px;min-height:36px;padding:8px 12px;gap:7px} #landing .ko-website .ds-nav .ds-nav-start b{font-size:13px;margin-left:0} #landing .ko-website .ds-nav .ds-nav-start svg{display:none} #landing .ko-website .ds-hero{padding-block:38px 39px} #landing .ko-website .ds-hero .ds-eyebrow{font-size:7px;line-height:1.9;letter-spacing:.06em;margin-bottom:25px} #landing .ko-website .ds-hero h1{font-size:62px;line-height:1.01;letter-spacing:-2.7px} #landing .ko-website .ds-hero-lead{font-size:16px;line-height:1.75;margin-top:23px} #landing .ko-website .ds-domains{font-size:9px;gap:7px 12px;line-height:1.8;max-width:300px;margin-top:18px} #landing .ko-website .ds-domains span+span::before{margin-right:12px} #landing .ko-website .ds-hero .ds-cta{margin-top:25px;min-height:53px;font-size:13px;padding-inline:24px} #landing .ko-website .ds-hero-note{font-size:10px;line-height:1.9;margin-top:16px;max-width:320px} #landing .ko-website .ds-hero-support{padding:8px 0 10px;max-width:400px;width:100%;margin:auto} #landing .ko-website .ds-voice-disc{width:155px;height:155px;margin-left:7px} #landing .ko-website .ds-voice-disc::before{inset:-17px} #landing .ko-website .ds-voice-disc small{font-size:7px;margin-top:12px} #landing .ko-website .ds-hero-layers{margin:-59px 0 0 71px;padding:21px 19px 10px;border-radius:9px} #landing .ko-website .ds-hero-layers>p{font-size:5px;margin-bottom:15px} #landing .ko-website .ds-hero-layers .ds-layer{gap:10px;padding-block:15px} #landing .ko-website .ds-hero-layers .ds-layer b{font-size:10px} #landing .ko-website .ds-hero-layers .ds-layer p{font-size:8px;line-height:1.8} #landing .ko-website .ds-hero-layers .ds-layer>span{font-size:6px} #landing .ko-website .ds-hero-layers .ds-layer i{display:none} #landing .ko-website .ds-hero-foot{font-size:9px;line-height:1.8;padding-block:22px;gap:17px} #landing .ko-website .ds-section{padding-block:57px} #landing .ko-website .ds-section h2{font-size:48px;letter-spacing:-1.8px;line-height:1.04} #landing .ko-website .ds-section-heading{margin-bottom:31px} #landing .ko-website .ds-eyebrow{font-size:8px;line-height:1.9;letter-spacing:.09em} #landing .ko-website .ds-section-heading h2{margin-top:17px} #landing .ko-website .ds-section-lead{font-size:14px;line-height:1.85;margin-top:21px} #landing .ko-website .ds-scenario{gap:26px} #landing .ko-website .ds-scenario-intro{padding:7px 0 7px 21px} #landing .ko-website .ds-scene-label{font-size:8px;line-height:1.9} #landing .ko-website .ds-scenario-intro h3{font-size:32px;line-height:1.22;margin-top:19px} #landing .ko-website .ds-scenario-intro>p{font-size:12px;line-height:1.9;margin-top:20px} #landing .ko-website .ds-perspectives{padding:22px 20px;border-radius:10px} #landing .ko-website .ds-perspective-tabs{gap:4px;padding-bottom:17px} #landing .ko-website .ds-perspective-tabs button{font-size:10px;padding:8px 11px} #landing .ko-website .ds-perspective-copy{min-height:239px;padding-top:24px} #landing .ko-website .ds-perspective-copy>span{font-size:8px} #landing .ko-website .ds-perspective-copy h3{font-size:21px;line-height:1.4;margin-top:16px} #landing .ko-website .ds-perspective-copy p{font-size:13px;line-height:1.9} #landing .ko-website .ds-perspectives>.ds-caption{font-size:9px;line-height:1.85;margin-top:17px} #landing .ko-website .ds-knowledge-layout{gap:31px} #landing .ko-website .ds-knowledge-number{padding-top:0} #landing .ko-website .ds-knowledge-number>strong{font-size:82px} #landing .ko-website .ds-knowledge-number>span{font-size:11px;line-height:1.9;margin-top:12px} #landing .ko-website .ds-knowledge-number>p{font-size:13px;line-height:1.9;margin-top:21px} #landing .ko-website .ds-cloud-tags{margin-top:23px;gap:7px} #landing .ko-website .ds-cloud-tags span{font-size:9px;padding:6px 10px} #landing .ko-website .ds-knowledge-number>small{font-size:9px;margin-top:18px} #landing .ko-website .ds-layer{gap:14px} #landing .ko-website .ds-layer b{font-size:14px;line-height:1.5} #landing .ko-website .ds-layer p{font-size:11px;line-height:1.85} #landing .ko-website .ds-layer i{font-size:17px} #landing .ko-website .ds-knowledge-layers .ds-layer{padding-block:21px} #landing .ko-website .ds-knowledge-method{grid-template-columns:1fr;gap:24px;margin-top:35px;padding-top:26px} #landing .ko-website .ds-knowledge-method b{font-size:14px} #landing .ko-website .ds-knowledge-method p{font-size:12px;line-height:1.85;margin-top:8px} #landing .ko-website .ds-caption{font-size:10px;line-height:1.9;margin-top:24px} #landing .ko-website .ds-answer-intro h3{font-size:32px;line-height:1.1;margin-top:18px} #landing .ko-website .ds-answer-intro>p:not(.ds-caption){font-size:13px;line-height:1.9;margin-top:19px} #landing .ko-website .ds-answer-intro .ds-caption{font-size:10px;line-height:1.9;margin-top:19px} #landing .ko-website .ds-answer-card{border-radius:10px} #landing .ko-website .ds-answer-header{padding:20px} #landing .ko-website .ds-answer-header b{font-size:14px} #landing .ko-website .ds-answer-header>span{font-size:8px} #landing .ko-website .ds-answer-header>small{position:static;display:block;font-size:6px;margin-top:4px} #landing .ko-website .ds-question{font-size:11px;line-height:1.9;margin:22px 19px 24px 40px;padding:13px 14px} #landing .ko-website .ds-real-answer{padding-inline:20px;font-size:13px;line-height:1.95} #landing .ko-website .ds-real-sources{margin:23px 20px;gap:10px} #landing .ko-website .ds-real-sources a{font-size:11px;padding:13px;line-height:1.85} #landing .ko-website .ds-answer-date{font-size:7px;padding:13px 20px;line-height:1.9} #landing .ko-website .ds-advantage-strip{grid-template-columns:1fr;gap:24px;margin-bottom:31px} #landing .ko-website .ds-advantage-strip>div{display:grid;grid-template-columns:24px 1fr;gap:0 13px;padding-top:21px} #landing .ko-website .ds-advantage-strip>div>span{grid-row:1/3;font-size:8px;padding-top:5px} #landing .ko-website .ds-advantage-strip h3{font-size:18px;margin:0;line-height:1.45;max-width:none} #landing .ko-website .ds-advantage-strip p{font-size:12px;line-height:1.9;margin-top:10px;max-width:none} #landing .ko-website .ds-compare-scroll{border-radius:8px} #landing .ko-website .ds-compare-table{min-width:690px} #landing .ko-website .ds-compare-table th, #landing .ko-website .ds-compare-table td{padding:18px 17px;font-size:12px;line-height:1.85} #landing .ko-website .ds-compare-table thead th{font-size:18px} #landing .ko-website .ds-compare-table thead small{font-size:9px} #landing .ko-website .ds-compare-table thead th:first-child{font-size:11px} #landing .ko-website .ds-comparison-sources{font-size:10px;line-height:1.8;gap:9px 16px;margin-top:20px} #landing .ko-website .ds-comparison-sources>span{flex-basis:100%} #landing .ko-website .ds-research{gap:27px;padding-top:32px;margin-top:29px} #landing .ko-website .ds-research h3{font-size:34px;line-height:1.05;margin-top:16px} #landing .ko-website .ds-research>div>p:not(.ds-eyebrow){font-size:13px;line-height:1.9;margin-top:20px} #landing .ko-website .ds-research-result{padding:22px} #landing .ko-website .ds-research-result>span{font-size:10px;line-height:1.8;display:block} #landing .ko-website .ds-research-result>div>b{font-size:35px} #landing .ko-website .ds-research-result>div>small{font-size:10px} #landing .ko-website .ds-research-result>p{font-size:11px!important} #landing .ko-website .ds-research-details>summary{font-size:11px;line-height:1.9;gap:22px;padding-block:20px} #landing .ko-website [data-test-report]{font-size:11px;line-height:1.9} #landing .ko-website [data-test-report] h4{font-size:12px;line-height:1.9} #landing .ko-website .ds-test-review{font-size:11px;line-height:1.9} #landing .ko-website .ds-test-answer{padding:17px;font-size:11px} #landing .ko-website .ds-test-answer p{font-size:12px;line-height:1.9} #landing .ko-website .ds-test-answer a{font-size:11px;line-height:1.85} #landing .ko-website .ds-history-sample{padding:25px 23px;border-radius:10px} #landing .ko-website .ds-history-sample>.ds-scene-label{font-size:7px;margin-bottom:25px} #landing .ko-website .ds-history-sample>div{padding-left:22px;padding-bottom:30px} #landing .ko-website .ds-history-sample h3{font-size:19px;line-height:1.4;margin-top:10px} #landing .ko-website .ds-history-sample p{font-size:12px;line-height:1.9;margin-top:11px} #landing .ko-website .ds-trust>.ds-eyebrow{font-size:7px} #landing .ko-website .ds-trust>h3{font-size:35px;margin-top:17px;line-height:1.05} #landing .ko-website .ds-trust article{padding-top:21px;margin-top:21px} #landing .ko-website .ds-trust article b{font-size:14px} #landing .ko-website .ds-trust article p{font-size:12px;line-height:1.9} #landing .ko-website .ds-trust>a{font-size:11px;line-height:1.9;margin-top:23px} #landing .ko-website .ds-trust>small{font-size:9px;line-height:1.9} #landing .ko-website .section-questions>.ds-wrap{gap:0} #landing .ko-website .ds-faq details{padding-block:21px} #landing .ko-website .ds-faq summary{font-size:13px;line-height:1.8} #landing .ko-website .ds-faq details p{font-size:12px;line-height:1.9;padding-top:16px} #landing .ko-website .ds-closing{padding-block:58px 62px} #landing .ko-website .ds-closing h2{font-size:51px;line-height:1.03;letter-spacing:-1.8px;margin-top:23px} #landing .ko-website .ds-closing .ds-cta{font-size:13px;min-height:54px;padding-inline:24px} #landing .ko-website .ds-closing .ds-cta+p{font-size:10px;line-height:1.9;margin-top:21px} #landing .ko-website .ds-footer{padding-block:29px 33px;gap:20px 28px;justify-content:space-between} #landing .ko-website .ds-footer img{width:157px} #landing .ko-website .ds-footer>span{font-size:8px;line-height:1.9} #landing .ko-website .ds-footer>a{margin-left:0;font-size:9px} #landing .ko-website .ds-footer>small{font-size:8px} #landing .ko-website .ds-chat-home{padding:36px 0 0} #landing .ko-website .ds-chat-label{font-size:7px;line-height:1.9;margin-bottom:22px} #landing .ko-website .ds-start-box{padding:21px 19px 16px;margin-top:25px;border-radius:17px} #landing .ko-website .ds-start-box>span{font-size:11px} #landing .ko-website .ds-start-box .ds-cta{min-height:45px;font-size:11px;padding:11px 16px;margin-top:18px;gap:11px} #landing .ko-website .ds-start-box .ds-cta svg{width:15px} #landing .ko-website .ds-suggestions{font-size:8px;gap:6px;margin-top:16px} #landing .ko-website .ds-suggestions span{padding:7px 9px} #landing .ko-website .ds-chat-cloud{display:block;padding:23px} #landing .ko-website .ds-chat-cloud>p{font-size:7px;line-height:1.8;margin-bottom:19px} #landing .ko-website .ds-chat-cloud>h2{font-size:32px;line-height:1.13;margin-bottom:22px} #landing .ko-website .ds-chat-cloud>h2 br{display:none} #landing .ko-website .ds-chat-cloud .ds-layer{padding-block:17px} #landing .ko-website .ds-chat-cloud .ds-layer b{font-size:12px} #landing .ko-website .ds-chat-cloud .ds-layer p{font-size:10px} #landing .ko-website .ds-chat-cloud>small{font-size:9px;margin-top:19px} #landing .ko-website .hero-three{padding-top:21px;padding-bottom:37px} #landing .ko-website .ds-editorial-label{font-size:5px;letter-spacing:.07em;line-height:1.8;gap:14px;padding-bottom:16px;margin-bottom:30px} #landing .ko-website .ds-editorial-title .ds-eyebrow{font-size:7px;margin-bottom:20px} #landing .ko-website .ds-hero h1{font-size:64px;line-height:.98;letter-spacing:-2.5px} #landing .ko-website .ds-editorial-bottom{grid-template-columns:1fr;gap:32px;margin-top:26px} #landing .ko-website .ds-editorial-bottom .ds-hero-lead{font-size:15px;line-height:1.85} #landing .ko-website .ds-hero .ds-cta{font-size:12px;min-height:51px;padding-inline:23px;margin-top:25px} #landing .ko-website .ds-editorial-knowledge{padding-top:25px} #landing .ko-website .ds-statement{font-size:39px} #landing .ko-website .ds-editorial-knowledge p{font-size:12px;line-height:1.9;margin-top:17px} #landing .ko-website .ds-editorial-knowledge a{font-size:11px;line-height:1.9} #landing .ko-website .ds-section{padding-block:56px} #landing .ko-website .ds-section-heading{gap:17px;padding-bottom:27px;margin-bottom:29px} #landing .ko-website .ds-section-heading>.ds-eyebrow{font-size:8px} #landing .ko-website .ds-section h2{font-size:47px;line-height:1.04} #landing .ko-website .ds-section-lead{font-size:13px;line-height:1.9} #landing .ko-website .ds-knowledge-number>strong{font-size:97px} #landing .ko-website .ds-knowledge-layers .ds-layer{padding:19px 17px;gap:13px;margin-bottom:13px;box-shadow:5px 5px 0 #d0d6c1} #landing .ko-website .ds-knowledge-layers .ds-layer:nth-child(2){margin-left:7px} #landing .ko-website .ds-knowledge-layers .ds-layer:nth-child(3){margin-left:14px} #landing .ko-website .ds-knowledge-layers .ds-layer:nth-child(4){margin-left:21px} #landing .ko-website .ds-knowledge-layers .ds-layer b{font-size:12px} #landing .ko-website .ds-knowledge-layers .ds-layer p{font-size:10px;line-height:1.85} #landing .ko-website .ds-scenario-intro h3{font-size:35px;line-height:1.2} #landing .ko-website .ds-answer-intro h3{font-size:32px} #landing .ko-website .ds-advantage-strip h3{font-size:26px;line-height:1.1} #landing .ko-website .ds-advantage-strip{padding-bottom:25px} #landing .ko-website .ds-history-sample h3{font-size:29px} #landing .ko-website .ds-history-sample p{font-size:12px} #landing .ko-website .ds-sound-horizon{gap:16px;margin:26px auto 23px} #landing .ko-website .ds-sound-horizon .ds-wave{transform:scale(.6);margin-inline:-15px} #landing .ko-website .ds-night-foundation{font-size:8px;line-height:1.8;gap:10px 12px;max-width:330px;margin:auto;padding-top:0} #landing .ko-website .ds-night-foundation i:nth-of-type(2){display:none} #landing .ko-website .ds-story-board{max-width:390px;width:calc(100% - 10px);margin-inline:auto;padding:23px} #landing .ko-website .ds-board-title{font-size:6px;line-height:1.8;margin-bottom:21px} #landing .ko-website .ds-board-main{padding:24px} #landing .ko-website .ds-board-main h2{font-size:39px} #landing .ko-website .ds-board-main p{font-size:12px;line-height:1.8} #landing .ko-website .ds-board-link{font-size:9px;gap:9px;margin-block:23px} #landing .ko-website .ds-board-link span{padding:8px 11px} #landing .ko-website .ds-board-context{padding-top:20px} #landing .ko-website .ds-board-context b{font-size:11px} #landing .ko-website .ds-board-context p{font-size:9px} } @media(max-width:359px){ #landing .ko-website .ds-wrap{width:calc(100% - 34px)} #landing .ko-website .ds-brand{width:146px} #landing .ko-website .ds-nav{gap:12px} #landing .ko-website .ds-nav .ds-nav-start{font-size:8px;padding-inline:10px;gap:8px} #landing .ko-website .ds-hero h1{font-size:54px} #landing .ko-website .ds-hero-layers{margin-left:58px;padding-inline:15px} #landing .ko-website .ds-section h2{font-size:43px} #landing .ko-website .ds-hero-foot{font-size:8px} #landing .ko-website .ds-hero h1{font-size:56px} #landing .ko-website .ds-section h2{font-size:43px} #landing .ko-website .ds-closing h2{font-size:45px} } #landing .ko-website .ds-hero-layers>h2{font:400 31px/1.04 var(--serif);letter-spacing:-.6px;text-align:right;margin:0 0 22px;color:#9a896c} #landing .ko-website .ds-hero-layers>p{margin-bottom:10px} #landing .ko-website .ds-editorial-knowledge>.ds-eyebrow{font-size:8px;margin:0 0 16px} #landing .ko-website .ds-night-cloud{font-size:10px;line-height:1.8;color:#a99b85;margin-bottom:17px} @media(max-width:1100px){ #landing .ko-website .ds-hero-layers>h2{font-size:26px;margin-bottom:18px} } @media(max-width:560px){ #landing .ko-website .ds-hero-layers>h2{font-size:24px;line-height:1.08;margin-bottom:20px} #landing .ko-website .ds-hero-layers>p{font-size:5px;margin-bottom:10px} #landing .ko-website .ds-night-cloud{font-size:9px;margin-bottom:17px} } /* Final voice-first composition and readable Russian copy. */ #landing .ko-website .hero-three{min-height:0;padding-top:24px;padding-bottom:42px} #landing .ko-website .ds-editorial-label{font-size:9px;color:#64705c;margin-bottom:30px} #landing .ko-website .ds-editorial-label a{padding-block:3px;text-underline-offset:4px} #landing .ko-website .ds-editorial-title .ds-eyebrow{font-size:10px;letter-spacing:.11em;margin-bottom:18px} #landing .ko-website .ds-hero h1{font-size:clamp(78px,7.9vw,108px);line-height:.99;letter-spacing:-.037em} #landing .ko-website .ds-editorial-bottom{grid-template-columns:1.25fr 1fr;align-items:start;gap:70px;margin-top:31px} #landing .ko-website .ko-one-story{font-size:17px;font-weight:500;line-height:1.7;margin-bottom:8px;letter-spacing:-.025em} #landing .ko-website .ds-editorial-bottom .ds-hero-lead{font-size:15px;line-height:1.8;color:var(--muted)} #landing .ko-website .ko-start-row{display:flex;align-items:center;gap:25px;margin-top:24px} #landing .ko-website .ds-cta{border-radius:3px;background:#866247;border-color:#866247;color:#fffaf0;font-size:14px;min-height:56px} #landing .ko-website .ds-hero .ds-cta{margin-top:0;font-size:14px;min-height:56px;padding-inline:22px} #landing .ko-website .ds-cta:hover{filter:brightness(.93)} #landing .ko-website .ko-voice-note{font-size:10px;line-height:1.65;color:var(--muted);position:relative;padding-left:41px} #landing .ko-website .ko-voice-note .ds-wave{position:absolute;left:0;top:3px;width:29px;height:27px;gap:3px;color:#866247} #landing .ko-website .ko-voice-note .ds-wave i{width:2px;height:9px} #landing .ko-website .ko-voice-note .ds-wave i:nth-child(2n){height:17px} #landing .ko-website .ko-voice-note .ds-wave i:nth-child(3n){height:24px} #landing .ko-website .ds-hero-note{font-size:11px;color:var(--muted);margin-top:12px} #landing .ko-website .ds-editorial-knowledge{border-top:1px solid #aab39b;padding:16px 0 0 24px;margin-top:0} #landing .ko-website .ds-editorial-knowledge>.ds-eyebrow{font-size:9px;color:#637155;margin:0 0 13px} #landing .ko-website .ds-statement{font-size:37px;line-height:1.06;letter-spacing:-.025em;color:#58674e} #landing .ko-website .ds-editorial-knowledge p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:14px} #landing .ko-website .ds-editorial-knowledge a{font-size:11px;color:#79563e;margin-top:16px;min-height:32px} #landing .ko-website .ko-foundations{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-block:1px solid #9fa992;padding-block:19px;font-size:11px;line-height:1.7;color:#56644d} #landing .ko-website .ko-foundations b{font-size:9px;font-weight:400;color:var(--accent);margin-right:10px} #landing .ko-website .ko-how{display:grid;grid-template-columns:1fr 1.45fr;gap:100px;padding-block:62px 68px} #landing .ko-website .ko-how h2{font:400 45px/1.04 var(--serif);letter-spacing:-.03em;margin-top:19px} #landing .ko-website .ko-how ol{margin:0;padding:0;list-style:none;display:grid;gap:21px} #landing .ko-website .ko-how li{display:flex;gap:24px;align-items:baseline} #landing .ko-website .ko-how li>span{font-size:10px;color:var(--accent)} #landing .ko-website .ko-how li h3{font:450 15px/1.6 var(--sans);letter-spacing:-.015em} #landing .ko-website .ko-how li p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:6px;max-width:560px} #landing .ko-website .ds-section-heading>.ds-eyebrow{font-size:10px} #landing .ko-website .ds-section-lead{font-size:15px;color:var(--muted)} #landing .ko-website .ds-knowledge-number>span{color:#59664e} #landing .ko-website .ds-knowledge-number>p{color:var(--muted);font-size:14px} #landing .ko-website .ds-knowledge-number>small{font-size:10px;color:var(--muted)} #landing .ko-website .ds-knowledge-layers .ds-layer b{font-size:15px} #landing .ko-website .ds-knowledge-layers .ds-layer p{font-size:12px;color:var(--muted)} #landing .ko-website .ds-caption{font-size:12px;color:var(--muted)} #landing .ko-website .ds-scenario-intro h3{font:400 41px/1.16 var(--serif)} #landing .ko-website .ds-history-sample h3{font-family:var(--serif)} #landing .ko-website .ds-trust article p{font-size:13px;color:var(--muted)} #landing .ko-website .ds-trust>small{font-size:11px;color:var(--muted)} #landing .ko-website .ds-answer-header>span,#landing .ko-website .ds-answer-header>small,#landing .ko-website .ds-answer-date{color:#637052} #landing .ko-website .ds-answer-header>small{position:static;margin-top:4px;font-size:9px} #landing .ko-website .ds-real-answer{color:#43533b;font-size:15px} #landing .ko-website .ds-real-sources a{font-size:12px;color:#4f663c} #landing .ko-website .ds-answer-date{font-size:10px} #landing .ko-website .ds-compare-table{color:#58634f} #landing .ko-website .ds-compare-table thead small{font-size:10px;color:#647052} #landing .ko-website .ds-compare-table th:last-child,#landing .ko-website .ds-compare-table td:last-child{color:#465834} #landing .ko-website .ds-compare-table th,#landing .ko-website .ds-compare-table td{font-size:13px} #landing .ko-website .ds-compare-table thead th{font-size:22px} #landing .ko-website .ds-compare-table thead th:first-child{font-size:12px} #landing .ko-website .ds-comparison-sources{font-size:11px} #landing .ko-website .ds-research-result>span,#landing .ko-website .ds-research-result>div>small{color:#647052;font-size:11px} #landing .ko-website .ds-research-result>p{color:#647052!important;font-size:12px!important} #landing .ko-website .ds-research-details>summary{font-size:13px} #landing .ko-website .ds-faq summary{font-size:15px} #landing .ko-website .ds-faq details p{font-size:14px} #landing .ko-website .ko-closing-lead{font-size:15px;color:var(--muted);margin-top:23px} #landing .ko-website .ds-closing .ds-cta+p{font-size:12px} /* A continuous visual language from the public site into the real advisor. */ body[data-design=kontorika] .site-header{position:sticky;top:0;height:89px;width:min(1280px,calc(100% - 96px));padding:0;gap:26px;margin:0 auto;background:#f1eee5f5;border:0;border-bottom:1px solid #9fa992;border-radius:0;box-shadow:none;backdrop-filter:blur(14px)} body[data-design=kontorika] .brand{display:block;width:218px;flex-shrink:0} body[data-design=kontorika] .kontorika-logo{display:block;width:100%;height:auto;mix-blend-mode:multiply} body[data-design=kontorika] .site-header nav{font-size:12px;gap:25px;color:#59634f} body[data-design=kontorika] .header-login{font-size:12px;margin-left:0;color:#59634f} body[data-design=kontorika] .button{border-radius:3px;background:#866247;border-color:#866247;color:#fffaf0;min-height:48px} body[data-design=kontorika] .button:hover:not(:disabled){background:#6f4d35;border-color:#6f4d35} body[data-design=kontorika] .button.secondary{background:transparent;border-color:#adb59d;color:var(--ink)} body[data-design=kontorika] .button.secondary:hover:not(:disabled){background:#e3e5d4} body[data-design=kontorika] .header-cta{min-height:43px;font-size:12px;padding:10px 17px;gap:10px} body[data-design=kontorika][data-page=product] .site-header,body[data-design=kontorika][data-page=email] .site-header{width:100%;padding-inline:4%;margin:0} body[data-design=kontorika] .site-footer{padding:32px max(48px,calc((100vw - 1280px)/2));background:var(--paper);color:var(--muted);border-color:var(--line);gap:35px} body[data-design=kontorika] .site-footer .brand{width:190px} body[data-design=kontorika] .site-footer p{font-size:11px;color:var(--muted)} body[data-design=kontorika] .site-footer>a:not(.brand){font-size:12px;color:var(--muted)} body[data-design=kontorika] .product-sidebar{background:#e7e7da;border-color:#bdc5af;color:var(--muted)} body[data-design=kontorika] .product-sidebar nav a{color:#59664e;border-radius:3px} body[data-design=kontorika] .product-sidebar nav a[aria-current=page]{background:#d7ddc8;color:#414e35} body[data-design=kontorika] .eyebrow,body[data-design=kontorika] .sidebar-note,body[data-design=kontorika] .product-sidebar>.eyebrow{color:#68775c} body[data-design=kontorika] .dot{background:#748260} body[data-design=kontorika] .pill{background:#e6e8d7;color:#59664c;border-color:#c1c9b0} body[data-design=kontorika] .call-wash{background:radial-gradient(ellipse at 30% 45%,#dce0c890,transparent 57%),radial-gradient(ellipse at 80% 65%,#e9dfcd6b,transparent 55%)} body[data-design=kontorika] .call-heading h1{font-size:59px} body[data-design=kontorika] .call-heading>p:last-child{max-width:530px;margin-inline:auto;color:#626a5e;line-height:1.85} body[data-design=kontorika] .voice-stone{border-color:#acb796;background:radial-gradient(ellipse at 27% 23%,#f4f2df,#d0d5ba 43%,#8b9a74 83%);box-shadow:inset -14px -14px 26px #596a3f30,inset 8px 12px 25px #fff9,0 17px 44px #53604715} body[data-design=kontorika] .large-mic{stroke:#596847} body[data-design=kontorika] .call-orbit,body[data-design=kontorika] .call-orbit::after{border-color:#b3bd9b80} body[data-design=kontorika] .live-wave i{background:#596d43} body[data-design=kontorika] .voice-stone[data-phase=speaking]{background:radial-gradient(ellipse at 27% 23%,#f3ebd5,#d3c4a4 43%,#a58a64 83%);border-color:#a99371} body[data-design=kontorika] .voice-stone[data-phase=speaking] i{background:#7a5e3e} body[data-design=kontorika] .call-heading>p:last-child,body[data-design=kontorika] .call-status p,body[data-design=kontorika] .voice-transcript,body[data-design=kontorika] .call-controls button,body[data-design=kontorika] .call-trust,body[data-design=kontorika] .attach-control,body[data-design=kontorika] .plain-button,body[data-design=kontorika] .transcript-disclosure summary{color:#59664e} body[data-design=kontorika] .call-status h2{font-family:var(--sans);font-size:20px;font-weight:400;letter-spacing:-.025em} body[data-design=kontorika] .call-controls .finish-control{color:#8a6348} body[data-design=kontorika] .attach-control svg,body[data-design=kontorika] .composer,body[data-design=kontorika] .transcript-disclosure{border-color:#b9c2a7} body[data-design=kontorika] .composer{background:#faf8ef;border-radius:6px} body[data-design=kontorika] .composer textarea::placeholder{color:#727d65} body[data-design=kontorika] .message.user{background:#e3e6d5} body[data-design=kontorika] .message.assistant{border-color:#a1af8c} body[data-design=kontorika] .message small{color:#627052} body[data-design=kontorika] .attachment{background:#ecefdf;border-color:#bdc9aa;color:#586e43} body[data-design=kontorika] .history-card,body[data-design=kontorika] .settings-card,body[data-design=kontorika] .card,body[data-design=kontorika] .result-paper,body[data-design=kontorika] .email-paper{background:#faf8ef;border-color:#c7cbb9;border-radius:5px} body[data-design=kontorika] .empty-history{background:#e7e9d9;border-color:#bdc7ac;color:#5c6c4a} body[data-design=kontorika] .history-card time,body[data-design=kontorika] .history-card p,body[data-design=kontorika] .history-card button,body[data-design=kontorika] .settings-row button,body[data-design=kontorika] .settings-row small,body[data-design=kontorika] .settings-card p,body[data-design=kontorika] .advanced>summary,body[data-design=kontorika] .card small{color:#626e55} body[data-design=kontorika] .settings-row,body[data-design=kontorika] .advanced,body[data-design=kontorika] .result-step{border-color:#c6cdb6} body[data-design=kontorika] .result-paper{box-shadow:5px 8px 0 #dde1ce} body[data-design=kontorika] .paper-label,body[data-design=kontorika] .result-step h2,body[data-design=kontorika] .result-soft-note,body[data-design=kontorika] .result-aside,body[data-design=kontorika] .feedback,body[data-design=kontorika] .result-aside strong,body[data-design=kontorika] .result-step p{color:#5e6a51} body[data-design=kontorika] .result-insight{color:#546641} body[data-design=kontorika] .feedback button{color:#617449;border-color:#b9c7a3} body[data-design=kontorika] .feedback button[aria-pressed=true]{background:#dfe5cd} body[data-design=kontorika] .result-email{background:#e8ecda;border-color:#c5cfb0} body[data-design=kontorika] .email-page{background:radial-gradient(ellipse at 20% 30%,#e3e7d3,transparent 60%),radial-gradient(ellipse at 85% 65%,#e9dfcd,transparent 55%)} body[data-design=kontorika] .email-paper>p,body[data-design=kontorika] .email-paper #email-recipient,body[data-design=kontorika] .field,body[data-design=kontorika] .access-privacy strong,body[data-design=kontorika] .access-privacy p{color:#617052} body[data-design=kontorika] .field input,body[data-design=kontorika] .field-inline input,body[data-design=kontorika] .field-inline select,body[data-design=kontorika] .panel select{background:#fffef8;border-color:#b9c5a8;color:#45533a;border-radius:4px} body[data-design=kontorika] .access-privacy{border-color:#cbd3bb} body[data-design=kontorika] .legal-page p{color:#59634f} body[data-design=kontorika] .panel,body[data-design=kontorika] .panel>header{background:#f7f6eb;border-color:#bec8ad} body[data-design=kontorika] .notice{background:#4c5d3e} body[data-design=kontorika] .notice.error{background:#82513b} body[data-design=kontorika] .tabs button{border-color:#b9c7a7;color:#61754c} body[data-design=kontorika] .tabs button.active,body[data-design=kontorika] .tag{background:#e3e9d3;color:#4c6839} body[data-design=kontorika] .detail-text,body[data-design=kontorika] #panel-body pre{background:#e7ecda;color:#4d613c} body[data-design=kontorika] .cloud-citations{background:#edf0e1;border-color:#c4cfaf} body[data-design=kontorika] .cloud-source-link,body[data-design=kontorika] .card .cloud-source-link,body[data-design=kontorika] .cloud-related-source,body[data-design=kontorika] .evidence .cloud-detail-button,body[data-design=kontorika] .message .cloud-evidence-label{color:#566e40} @media(min-width:1550px){#landing .ko-website .hero-three{padding-block:31px 52px}} @media(max-width:1100px){ body[data-design=kontorika] .site-header{width:calc(100% - 64px);gap:20px} body[data-design=kontorika] .brand{width:185px} body[data-design=kontorika] .site-header nav{gap:20px;font-size:11px} body[data-design=kontorika] .header-cta{font-size:11px;padding-inline:14px} #landing .ko-website .ds-hero h1{font-size:88px} #landing .ko-website .ds-editorial-bottom{gap:45px} #landing .ko-website .ko-start-row{gap:17px} #landing .ko-website .ko-voice-note{font-size:9px;padding-left:0} #landing .ko-website .ko-voice-note .ds-wave{display:none} #landing .ko-website .ds-hero .ds-cta{font-size:12px;padding-inline:19px;gap:10px} #landing .ko-website .ds-statement{font-size:34px} #landing .ko-website .ko-foundations{font-size:10px;gap:15px} #landing .ko-website .ko-how{gap:55px} } @media(max-width:780px){ body[data-design=kontorika] .site-header{height:78px;gap:20px} body[data-design=kontorika] .site-header nav{display:none} body[data-design=kontorika] .header-login{margin-left:auto} #landing .ko-website .ds-hero h1{font-size:78px} #landing .ko-website .ds-editorial-bottom{gap:30px;grid-template-columns:1.2fr 1fr} #landing .ko-website .ds-editorial-bottom .ds-hero-lead{font-size:13px} #landing .ko-website .ko-one-story{font-size:15px} #landing .ko-website .ko-start-row{display:block} #landing .ko-website .ko-voice-note{display:block;margin-top:13px} #landing .ko-website .ko-voice-note br{display:none} #landing .ko-website .ds-statement{font-size:29px} #landing .ko-website .ds-editorial-knowledge{padding-left:0} #landing .ko-website .ds-editorial-knowledge p{font-size:12px} #landing .ko-website .ko-foundations{grid-template-columns:1fr 1fr;gap:10px 22px} #landing .ko-website .ko-how{gap:38px;grid-template-columns:1fr 1.3fr} #landing .ko-website .ko-how h2{font-size:37px} } @media(max-width:560px){ body[data-design=kontorika] .site-header{height:73px;width:calc(100% - 40px);gap:12px} body[data-design=kontorika] .brand{width:162px} body[data-design=kontorika] .header-login{display:none} body[data-design=kontorika] .header-cta{margin-left:auto;min-height:39px;font-size:10px;padding:8px 12px;gap:8px} body[data-design=kontorika] .header-cta svg{width:15px;height:17px} body[data-design=kontorika] .profile-link{margin-left:auto;font-size:10px} body[data-design=kontorika] .site-footer{padding:28px 21px;gap:22px;color:var(--muted)} body[data-design=kontorika] .site-footer .brand{width:170px} body[data-design=kontorika] .site-footer p{font-size:10px} body[data-design=kontorika] .site-footer>a:not(.brand){font-size:11px} body[data-design=kontorika][data-page=product] .site-footer{padding-bottom:106px} body[data-design=kontorika] .product-sidebar{background:#e7e7daf7} body[data-design=kontorika] .call-heading h1{font-size:47px} body[data-design=kontorika] .call-heading>p:last-child{font-size:12px;max-width:310px} body[data-design=kontorika] .call-status h2{font-size:17px} body[data-design=kontorika] .call-status p{font-size:12px} body[data-design=kontorika] .call-controls{gap:20px} body[data-design=kontorika] .call-controls button{font-size:12px} body[data-design=kontorika] .call-extras{gap:16px;flex-wrap:wrap} body[data-design=kontorika] .call-extras .plain-button,body[data-design=kontorika] .attach-control{font-size:11px} body[data-design=kontorika] .call-trust{font-size:9px;line-height:1.8;text-align:center} #landing .ko-website .hero-three{padding-top:19px;padding-bottom:29px} #landing .ko-website .ds-editorial-label{font-size:7px;letter-spacing:.06em;gap:12px;margin-bottom:27px;padding-bottom:15px;line-height:1.8} #landing .ko-website .ds-editorial-label span:nth-child(2){display:none} #landing .ko-website .ds-editorial-title .ds-eyebrow{font-size:8px;line-height:1.85;letter-spacing:.07em;margin-bottom:17px;max-width:300px} #landing .ko-website .ds-hero h1{font-size:clamp(42px,13vw,70px);letter-spacing:-.043em;line-height:1.02} #landing .ko-website .ds-editorial-bottom{display:block;margin-top:23px} #landing .ko-website .ko-one-story{font-size:15px;margin-bottom:10px} #landing .ko-website .ds-editorial-bottom .ds-hero-lead{font-size:14px;line-height:1.85} #landing .ko-website .ko-desktop-break{display:none} #landing .ko-website .ko-start-row{display:flex;gap:15px;margin-top:24px;align-items:center} #landing .ko-website .ds-hero .ds-cta{font-size:12px;min-height:52px;padding:12px 17px;gap:10px} #landing .ko-website .ds-hero .ds-cta b{margin-left:0} #landing .ko-website .ko-voice-note{font-size:9px;line-height:1.65;margin-top:0;max-width:105px} #landing .ko-website .ko-voice-note br{display:block} #landing .ko-website .ds-hero-note{font-size:10px;margin-top:13px} #landing .ko-website .ds-editorial-knowledge{margin-top:29px;padding:20px 0 0} #landing .ko-website .ds-editorial-knowledge>.ds-eyebrow{font-size:8px;margin-bottom:12px} #landing .ko-website .ds-statement{font-size:31px;line-height:1.1} #landing .ko-website .ds-editorial-knowledge p{font-size:12px;line-height:1.85;margin-top:12px} #landing .ko-website .ds-editorial-knowledge a{font-size:11px;margin-top:15px} #landing .ko-website .ko-foundations{padding-block:18px;gap:12px 19px;font-size:10px;line-height:1.8} #landing .ko-website .ko-foundations b{display:block;font-size:8px;margin:0 0 3px} #landing .ko-website .ko-how{display:block;padding-block:41px 47px} #landing .ko-website .ko-how h2{font-size:36px;line-height:1.08;margin-top:17px} #landing .ko-website .ko-how ol{margin-top:29px;gap:22px} #landing .ko-website .ko-how li{gap:18px} #landing .ko-website .ko-how li h3{font-size:14px} #landing .ko-website .ko-how li p{font-size:12px} #landing .ko-website .ds-section-heading>.ds-eyebrow{font-size:8px} #landing .ko-website .ds-section-lead{font-size:14px} #landing .ko-website .ds-knowledge-layers .ds-layer b{font-size:13px} #landing .ko-website .ds-knowledge-layers .ds-layer p{font-size:11px} #landing .ko-website .ds-caption{font-size:11px} #landing .ko-website .ds-scenario-intro h3{font-size:31px} #landing .ko-website .ds-trust article p{font-size:12px} #landing .ko-website .ds-real-answer{font-size:13px} #landing .ko-website .ds-answer-header>small{font-size:7px} #landing .ko-website .ds-real-sources a{font-size:11px} #landing .ko-website .ds-answer-date{font-size:9px} #landing .ko-website .ds-compare-table th,#landing .ko-website .ds-compare-table td{font-size:12px;padding-inline:17px} #landing .ko-website .ds-compare-table thead th{font-size:19px} #landing .ko-website .ds-comparison-sources{font-size:10px} #landing .ko-website .ds-research-result>span,#landing .ko-website .ds-research-result>div>small{font-size:10px} #landing .ko-website .ds-research-details>summary{font-size:12px} #landing .ko-website .ds-faq summary{font-size:13px} #landing .ko-website .ds-faq details p{font-size:13px} #landing .ko-website .ko-closing-lead{font-size:14px} #landing .ko-website .ds-closing .ds-cta+p{font-size:11px} } @media(max-width:359px){ body[data-design=kontorika] .site-header{width:calc(100% - 34px);gap:10px} body[data-design=kontorika] .brand{width:144px} body[data-design=kontorika] .header-cta{font-size:9px;padding-inline:10px} #landing .ko-website .ds-hero h1{font-size:clamp(39px,13vw,47px)} #landing .ko-website .ds-editorial-label{font-size:6px} #landing .ko-website .ds-editorial-title .ds-eyebrow{font-size:7px} #landing .ko-website .ds-hero .ds-cta{font-size:11px;padding-inline:14px;gap:8px} #landing .ko-website .ko-voice-note{font-size:8px;max-width:85px} #landing .ko-website .ko-start-row{gap:13px} } /* Keep both products visible in the comparison on a narrow screen. */ @media(max-width:560px){ #landing .ko-website .ds-compare-scroll{overflow:visible} #landing .ko-website .ds-compare-table{display:block;min-width:0;width:100%} #landing .ko-website .ds-compare-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} #landing .ko-website .ds-compare-table tbody{display:block} #landing .ko-website .ds-compare-table tbody tr{display:grid;grid-template-columns:1fr 1fr} #landing .ko-website .ds-compare-table tbody th{grid-column:1/-1;width:auto;padding:15px 16px;border-bottom:1px solid #d1d7c1;font-size:12px;font-weight:500;color:#44533a} #landing .ko-website .ds-compare-table tbody td{font-size:11px;padding:15px 14px 20px;min-width:0;line-height:1.85} #landing .ko-website .ds-compare-table tbody td::before{display:block;font-size:10px;font-weight:500;margin-bottom:10px;color:#58664a} #landing .ko-website .ds-compare-table tbody td:nth-child(2)::before{content:'ChatGPT'} #landing .ko-website .ds-compare-table tbody td:last-child::before{content:'Контора опыта';color:#465b34} } #landing .ko-website .ko-return{display:inline-block;margin-top:9px;font-size:11px;line-height:1.8;color:#6a5e48;text-decoration:underline;text-underline-offset:4px} @media(max-width:560px){#landing .ko-website .ko-return{font-size:10px;margin-top:8px}} @media(max-width:560px){#landing .ko-website .ds-compare-table tbody th:first-child{width:auto;grid-column:1/-1}} /* A dedicated, prominent explanation of the conversation's privacy. */ #landing .ko-website .ko-history-only{display:block} #landing .ko-website .ko-confidentiality{--ink:#f4f0e5;--muted:#ccd2c3;--accent:#ddc8a8;--line:#78866e;background:#3d4937;color:var(--ink);padding-block:74px 58px;scroll-margin-top:0} #landing .ko-website .ko-confidentiality>.ds-wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:44px 90px} #landing .ko-website .ko-private-intro>.ds-eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;color:#ddc8a8} #landing .ko-website .ko-private-intro>.ds-eyebrow svg{width:17px;height:20px} #landing .ko-website .ko-confidentiality h2{font:400 59px/1.04 var(--serif);letter-spacing:-.03em;margin-top:24px;color:var(--ink)} #landing .ko-website .ko-confidentiality h2 em{color:#ddc8a8;font-style:normal} #landing .ko-website .ko-private-lead{font-size:15px;line-height:1.9;color:#e0e4d8;max-width:510px;margin-top:25px} #landing .ko-website .ko-private-dialog{display:flex;align-items:center;gap:15px;max-width:345px;padding-top:24px;margin-top:27px;border-top:1px solid #78866e;font-size:12px;line-height:1.8;color:#e4d5bd} #landing .ko-website .ko-private-dialog i{height:1px;flex:1;background:#8c9b80} #landing .ko-website .ko-private-dialog svg{width:18px;height:21px} #landing .ko-website .ko-private-points{padding-top:5px} #landing .ko-website .ko-private-points article{display:grid;grid-template-columns:22px 1fr;gap:21px;border-top:1px solid #78866e;padding-top:23px;margin-bottom:29px} #landing .ko-website .ko-private-points article:last-child{margin-bottom:0} #landing .ko-website .ko-private-points article>span{font-size:10px;color:#ddc8a8;padding-top:4px} #landing .ko-website .ko-private-points h3{font:450 18px/1.5 var(--sans);letter-spacing:-.025em;color:#f4f0e5} #landing .ko-website .ko-private-points p{font-size:14px;line-height:1.9;color:#d3dbc8;margin-top:11px} #landing .ko-website .ko-private-processing{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:30px 60px;align-items:center;padding-top:27px;border-top:1px solid #78866e} #landing .ko-website .ko-private-processing h3{font:500 13px/1.6 var(--sans);letter-spacing:0;color:#ede5d5} #landing .ko-website .ko-private-processing p{font-size:13px;line-height:1.9;color:#d4dccb;margin-top:10px;max-width:840px} #landing .ko-website .ko-private-processing a{font-size:12px;color:#ead8ba;line-height:1.8;text-decoration:underline;text-underline-offset:5px;padding-block:12px;max-width:none;white-space:nowrap} #landing .ko-website .ko-private-processing a span{margin-left:7px} #landing .ko-website .ko-confidentiality :is(a,button):focus-visible{outline:2px solid #ead8ba;outline-offset:5px} @media(min-width:781px){ #landing .ko-website .ko-history-only .ds-history-sample{display:grid;grid-template-columns:repeat(3,1fr);gap:0 45px} #landing .ko-website .ko-history-only .ds-history-sample>.ds-scene-label{grid-column:1/-1} #landing .ko-website .ko-history-only .ds-history-sample>div{border-left:0;border-top:1px solid #aab69b;padding:25px 0 0;margin:0} #landing .ko-website .ko-history-only .ds-history-sample i{left:0;top:-5px} #landing .ko-website .ko-history-only .ds-history-sample h3{font-size:32px;line-height:1.1;max-width:320px} } @media(max-width:1100px){ #landing .ko-website .ko-confidentiality>.ds-wrap{gap:35px 50px} #landing .ko-website .ko-confidentiality h2{font-size:50px} #landing .ko-website .ko-private-points h3{font-size:17px} #landing .ko-website .ko-private-points p{font-size:13px} #landing .ko-website .ko-private-processing{gap:30px} body[data-design=kontorika] .site-header nav{gap:15px;font-size:10px} } @media(max-width:780px){ #landing .ko-website .ko-confidentiality{padding-block:60px 47px;scroll-margin-top:0} #landing .ko-website .ko-confidentiality>.ds-wrap{grid-template-columns:1fr;gap:35px} #landing .ko-website .ko-private-intro{max-width:570px} #landing .ko-website .ko-confidentiality h2{font-size:58px} #landing .ko-website .ko-private-points{padding-top:0} #landing .ko-website .ko-private-points p{font-size:14px} #landing .ko-website .ko-private-processing{display:block} #landing .ko-website .ko-private-processing a{display:inline-block;max-width:none;margin-top:14px} } @media(max-width:560px){ #landing .ko-website .ko-confidentiality{padding-block:44px 35px;scroll-margin-top:0} #landing .ko-website .ko-private-intro>.ds-eyebrow{font-size:8px;gap:9px} #landing .ko-website .ko-private-intro>.ds-eyebrow svg{width:15px;height:18px} #landing .ko-website .ko-confidentiality h2{font-size:clamp(33px,10.2vw,52px);line-height:1.06;margin-top:22px;letter-spacing:-.025em} #landing .ko-website .ko-private-lead{font-size:14px;line-height:1.85;margin-top:22px} #landing .ko-website .ko-private-dialog{max-width:305px;font-size:11px;padding-top:20px;margin-top:24px} #landing .ko-website .ko-private-points article{grid-template-columns:17px 1fr;gap:15px;padding-top:21px;margin-bottom:24px} #landing .ko-website .ko-private-points article>span{font-size:9px} #landing .ko-website .ko-private-points h3{font-size:16px;line-height:1.5} #landing .ko-website .ko-private-points p{font-size:13px;line-height:1.9;margin-top:10px} #landing .ko-website .ko-private-processing{padding-top:23px} #landing .ko-website .ko-private-processing h3{font-size:13px} #landing .ko-website .ko-private-processing p{font-size:12px;line-height:1.9} #landing .ko-website .ko-private-processing a{font-size:12px} } @media(max-width:359px){#landing .ko-website .ko-confidentiality h2{font-size:33px}} #landing .ko-website .ko-private-identity{font:500 18px/1.6 var(--sans);letter-spacing:-.025em;color:#ead8ba;margin-top:26px} #landing .ko-website .ko-private-identity+.ko-private-lead{margin-top:12px} @media(max-width:560px){#landing .ko-website .ko-private-identity{font-size:16px;line-height:1.65;margin-top:23px}}