html{scroll-behavior:smooth}body{margin:0}
#kod-site{--blue:#3153f5;--ink:#17191f;--muted:#696d79;--line:#e3e5eb}#kod-site *{box-sizing:border-box}#kod-site{scroll-behavior:smooth;scroll-padding-top:28px}#kod-site{margin:0;color:var(--ink);background:#fff;font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6}#kod-site a{color:inherit;text-decoration:none}#kod-site button,#kod-site input,#kod-site textarea{font:inherit}#kod-site button,#kod-site a,#kod-site input,#kod-site textarea,#kod-site summary{ -webkit-tap-highlight-color:transparent}#kod-site a:focus-visible,#kod-site button:focus-visible,#kod-site summary:focus-visible{outline:3px solid #7890ff;outline-offset:6px}#kod-site button{cursor:pointer}#kod-site .wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}#kod-site .header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}#kod-site .logo{font-size:43px;font-weight:800;letter-spacing:-4px;line-height:1}#kod-site .logo-o{color:var(--blue)}#kod-site .logo-dot{font-size:13px;letter-spacing:0;vertical-align:top;margin-left:7px;display:inline-block;margin-top:5px}#kod-site .header nav{display:flex;gap:34px;font-size:14px;font-weight:600}#kod-site .header nav a:hover{color:var(--blue)}#kod-site .header-cta{font-size:14px;font-weight:700;border:1px solid #d6d8e1;border-radius:7px;padding:12px 19px}#kod-site .header-cta span{margin-left:24px}#kod-site .hero{padding-top:53px}#kod-site .eyebrow,#kod-site .small-label,#kod-site .section-index{font-size:12px;font-weight:700;letter-spacing:1.4px}#kod-site .eyebrow{display:flex;align-items:center;gap:10px;color:#626674}#kod-site .mini-square{height:7px;width:7px;background:var(--blue)}#kod-site h1{font-size:clamp(52px,6.7vw,100px);font-weight:650;line-height:1.1;letter-spacing:-5px;margin:28px 0 30px}#kod-site .blue{color:var(--blue)}#kod-site .hero-bottom{display:flex;justify-content:space-between;align-items:center}#kod-site .hero-copy p{font-size:18px;color:var(--muted);margin:0 0 26px}#kod-site .button{display:inline-flex;justify-content:space-between;align-items:center;gap:50px;padding:18px 24px;border-radius:7px;font-size:15px;font-weight:650;border:0;transition:background .2s,transform .2s}#kod-site .button:hover{transform:translateY(-2px)}#kod-site .primary{background:var(--blue);color:white}#kod-site .primary:hover{background:#2342d9}#kod-site .button span{font-size:22px;line-height:1}#kod-site .hero-note{font-size:12px;color:#7b7f8a;margin-top:12px}#kod-site .platform-intro{padding:10px 28px 10px 46px;border-left:1px solid var(--line)}#kod-site .platform-intro .small-label{color:#7a7e89;letter-spacing:1px}#kod-site .platform-names{font-size:31px;font-weight:600;letter-spacing:-1px;margin:11px 0 15px}#kod-site .platform-names>span{color:#a2a8bd;font-weight:400;padding:0 13px}#kod-site .tag-row{display:flex;gap:8px}#kod-site .tag-row span{font-size:12px;color:#777b87;border:1px solid var(--line);border-radius:5px;padding:4px 9px}#kod-site .showcase{background:#eef1ff;border:1px solid #e3e8ff;border-radius:14px;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;margin-top:46px;padding:43px 44px;overflow:hidden}#kod-site .showcase-left{padding:3px 0}#kod-site .showcase .small-label{color:#576aa9}#kod-site .showcase h2{font-size:39px;line-height:1.2;letter-spacing:-1.5px;font-weight:600;margin:29px 0 17px}#kod-site .showcase-left p{color:#69728c;font-size:15px;margin-bottom:28px}#kod-site .showcase-left a{color:#2848df;font-size:14px;font-weight:700}#kod-site .showcase-left a span{margin-left:22px}#kod-site .code-panel{background:#1a1d29;border:1px solid #373b4b;border-radius:10px;box-shadow:0 18px 34px #23307018;color:#d0d4e2;align-self:center;min-width:0}#kod-site .code-top{padding:14px 21px;border-bottom:1px solid #313541;display:flex;justify-content:space-between;font:12px monospace;color:#8d94a9}#kod-site .file-name{color:#bec4d8}#kod-site .code-tabs{display:flex;padding:15px 21px 12px;gap:8px}#kod-site .code-tabs button{font-size:12px;color:#939aaf;background:transparent;border:1px solid #3b4051;padding:5px 18px;border-radius:5px}#kod-site .code-tabs button[aria-selected=true]{color:white;background:#3f58cf;border-color:#6276dc}#kod-site .code-line{display:flex;gap:16px;white-space:pre;font-size:12px;line-height:2}#kod-site .code-line>span{width:37px;text-align:right;color:#5e667e;flex-shrink:0}#kod-site .code-line code{font-family:monospace}#kod-site .code-line i{color:#b29aff;font-style:normal}#kod-site .code-line b{color:#b9d6b0;font-weight:400}#kod-site .code-line em{color:#8faaff;font-style:normal}#kod-site .code-line.last{margin-top:8px}#kod-site .code-footer{display:flex;justify-content:space-between;margin-top:20px;border-top:1px solid #313541;padding:12px 20px;font-size:12px;color:#969eb5}#kod-site .section{padding-block:94px}#kod-site .section-heading{display:grid;grid-template-columns:1fr 2fr 1.25fr;align-items:start;gap:26px;margin-bottom:44px}#kod-site .section-index{color:#747b8d;display:block;padding-top:8px;letter-spacing:1px}#kod-site .section h2{font-size:35px;line-height:1.25;letter-spacing:-1.3px;font-weight:600;margin:0}#kod-site .section-heading p{color:var(--muted);font-size:14px;margin:4px 0 0}#kod-site .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}#kod-site .service-grid article{background:#f7f8fa;border:1px solid #eceef2;border-radius:9px;padding:28px}#kod-site .service-symbol{font-size:35px;line-height:1;color:var(--blue)}#kod-site .service-number{float:right;font-size:12px;color:#a0a5b0}#kod-site .service-grid h3{font-size:21px;margin:30px 0 12px;font-weight:650;letter-spacing:-.5px}#kod-site .service-grid p{font-size:15px;color:var(--muted);margin:0 0 26px}#kod-site .service-tags{font-size:12px;padding-top:18px;border-top:1px solid #e3e6ec;color:#737b8b}#kod-site .process-section{border-block:1px solid var(--line)}#kod-site .process-section .section-heading{grid-template-columns:1fr 2fr 1.25fr}#kod-site .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}#kod-site .steps article{border-top:1px solid #dce0eb;padding-top:18px}#kod-site .steps article>span{font-size:13px;color:var(--blue);font-weight:700}#kod-site .steps h3{font-size:21px;margin:20px 0 12px;font-weight:600}#kod-site .steps p{font-size:14px;color:var(--muted);min-height:91px}#kod-site .steps article>div{font-size:12px;color:#454e65;margin-top:22px}#kod-site .faq{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}#kod-site .faq h2{margin-top:20px}#kod-site .faq-list details{border-bottom:1px solid var(--line)}#kod-site .faq-list details:first-child{border-top:1px solid var(--line)}#kod-site summary{padding:23px 0;cursor:pointer;font-size:16px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:15px;list-style:none}#kod-site summary::-webkit-details-marker{display:none}#kod-site summary span{font-size:23px;color:#7b849c;font-weight:400}#kod-site details[open] summary span{transform:rotate(45deg)}#kod-site details p{font-size:15px;color:var(--muted);margin:0 0 24px}#kod-site .brief-section{background:#2749e6;color:white;padding:73px 0}#kod-site .brief-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}#kod-site .brief-section .section-index{color:#b9c7ff}#kod-site .brief-section h2{font-size:49px;font-weight:600;letter-spacing:-2px;line-height:1.18;margin:26px 0}#kod-site .brief-section h2 span{color:#b8c7ff}#kod-site .brief-section p{color:#d1d9ff;font-size:16px}#kod-site .brief-caption{font-size:13px;color:#aebfff;margin-top:45px}#kod-site form>label,#kod-site legend{display:block;font-size:13px;font-weight:600;margin:0 0 9px}#kod-site input:not([type=checkbox]),#kod-site textarea{width:100%;color:white;background:#fff0;border:1px solid #7f99ff;border-radius:6px;padding:13px 15px;font-size:15px;margin-bottom:22px;resize:vertical}#kod-site input::placeholder,#kod-site textarea::placeholder{color:#bdcbff}#kod-site input:focus,#kod-site textarea:focus{outline:2px solid #d5ddff;outline-offset:2px}#kod-site fieldset{border:0;padding:0;margin:0 0 26px}#kod-site .platform-choice{display:inline-flex;margin-right:8px}#kod-site .platform-choice input{accent-color:white;width:17px;height:17px}#kod-site .platform-choice{align-items:center;gap:7px;border:1px solid #6f8aff;border-radius:5px;padding:7px 13px;font-size:14px}#kod-site .light{background:white;color:#2544d4;width:100%}#kod-site .light:hover{background:#e7edff}#kod-site .brief-section .form-note{font-size:12px;color:#b7c6ff;line-height:1.6;margin-bottom:0}#kod-site #form-status{font-size:14px;margin:8px 0 0}#kod-site footer{display:flex;justify-content:space-between;align-items:center;padding-block:35px}#kod-site footer .logo{font-size:33px}#kod-site footer>span,#kod-site footer>a:last-child{font-size:12px;color:#757b89}@media(min-width:1500px){#kod-site h1{font-size:100px}}@media(max-width:1050px){#kod-site .wrap{width:calc(100% - 64px)}#kod-site h1{letter-spacing:-3px}#kod-site .showcase{gap:24px;padding:30px}#kod-site .showcase h2{font-size:31px}#kod-site .section-heading{grid-template-columns:1fr 2fr}#kod-site .section-heading>p{grid-column:2}#kod-site .process-section .section-heading{grid-template-columns:1fr 2fr}#kod-site .service-grid article{padding:22px}#kod-site .brief-grid{gap:50px}#kod-site .brief-section h2{font-size:43px}#kod-site .code-line{font-size:12px;gap:8px}#kod-site .faq{gap:40px}#kod-site .steps{gap:20px}#kod-site .platform-intro{padding-right:0;padding-left:25px}#kod-site .platform-names{font-size:27px}}@media(max-width:760px){#kod-site .wrap{width:calc(100% - 40px)}#kod-site .header{height:83px}#kod-site .header nav{display:none}#kod-site .logo{font-size:36px}#kod-site .header-cta{font-size:12px;padding:10px 12px}#kod-site .header-cta span{margin-left:13px}#kod-site .hero{padding-top:35px}#kod-site .eyebrow{font-size:12px;letter-spacing:1px}#kod-site h1{font-size:clamp(40px,8.8vw,66px);letter-spacing:-2.5px;line-height:1.14;margin:24px 0}#kod-site .hero-bottom{display:block}#kod-site .hero-copy p{font-size:16px}#kod-site .hero-copy .button{width:100%;justify-content:space-between}#kod-site .hero-note{text-align:center}#kod-site .platform-intro{margin-top:32px;padding:20px 0 0;border-left:0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}#kod-site .platform-intro .small-label{font-size:12px}#kod-site .platform-names{font-size:25px;margin:0}#kod-site .tag-row{display:none}#kod-site .showcase{margin-top:30px;grid-template-columns:1fr;padding:25px 20px;gap:28px}#kod-site .showcase h2{font-size:33px;margin-top:22px}#kod-site .showcase-left p{margin-bottom:20px}#kod-site .code-line{font-size:12px;gap:7px}#kod-site .code-line>span{width:24px}#kod-site .code-top{padding:12px 14px}#kod-site .code-tabs{padding-inline:14px}#kod-site .section{padding-block:57px}#kod-site .section-heading,#kod-site .process-section .section-heading{display:block;margin-bottom:27px}#kod-site .section-heading h2{margin-top:19px}#kod-site .section-heading p{margin-top:18px}#kod-site .section h2{font-size:30px}#kod-site .service-grid{grid-template-columns:1fr;gap:12px}#kod-site .service-grid h3{margin-top:20px}#kod-site .service-grid p{font-size:16px}#kod-site .service-grid article{padding:24px}#kod-site .steps{grid-template-columns:1fr 1fr;gap:28px 22px;margin-top:34px}#kod-site .steps h3{font-size:18px}#kod-site .steps p{min-height:0}#kod-site .steps article>div{margin-top:15px;font-size:12px}#kod-site .faq{display:block}#kod-site .faq-list{margin-top:28px}#kod-site summary{font-size:15px}#kod-site .brief-section{padding-block:48px}#kod-site .brief-grid{grid-template-columns:1fr;gap:30px}#kod-site .brief-section h2{font-size:40px}#kod-site .brief-caption{display:none}#kod-site footer{gap:20px;flex-wrap:wrap;padding-block:28px}#kod-site footer>span{order:3;width:100%;font-size:12px}#kod-site footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){#kod-site{scroll-behavior:auto}#kod-site *{transition:none!important}}#kod-site #platform-code{overflow-x:auto;padding-bottom:3px}#kod-site .code-line{min-width:330px}@media(max-width:760px){#kod-site .eyebrow{font-size:12px;letter-spacing:.3px}#kod-site .platform-intro{gap:14px}#kod-site .platform-intro .small-label{font-size:12px}}#kod-site .header{height:96px}#kod-site .hero{padding-top:32px}#kod-site .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:stretch}#kod-site .hero-content{padding:34px 0 20px}#kod-site .hero .eyebrow{font-size:12px;letter-spacing:.8px}#kod-site .hero h1{font-size:clamp(44px,4.9vw,72px);line-height:1.09;letter-spacing:-3.8px;margin:32px 0 27px;font-weight:650}#kod-site .hero-description{font-size:18px;color:var(--muted);line-height:1.65;margin:0 0 29px}#kod-site .hero-note{font-size:13px;margin-top:14px}#kod-site .hero-platforms{display:flex;align-items:center;gap:16px;margin-top:38px;font-size:14px;font-weight:600}#kod-site .hero-platforms>span:last-child{font-weight:400;color:var(--muted);font-size:13px}#kod-site .platform-divider{height:16px;width:1px;background:#d7dce7;margin:0 3px}#kod-site .hero-visual{margin:0;background:#e5eaf2;position:relative;isolation:isolate;min-height:590px;border-radius:16px;overflow:hidden}#kod-site .hero-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}#kod-site .hero-visual:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#071629e8,transparent);z-index:1;pointer-events:none}#kod-site .hero-visual figcaption{position:absolute;inset:auto 32px 31px;color:#fff;z-index:2}#kod-site .image-label{font-size:12px;letter-spacing:1px;color:#e0e6ef;display:block;margin-bottom:12px}#kod-site .hero-visual strong{font-size:31px;font-weight:600;line-height:1.2;letter-spacing:-.7px;display:block}#kod-site .concept-label{font-size:12px;display:block;margin-top:12px;color:#d8e0ec}#kod-site .benefit-strip{display:flex;gap:25px;justify-content:space-between;padding:26px 0;border-bottom:1px solid var(--line);font-size:14px;color:#616b7b}#kod-site .benefit-strip span:before{content:"↳";margin-right:14px;color:var(--blue)}#kod-site .examples-section{padding-top:70px}#kod-site .examples-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:33px}#kod-site .examples-heading h2{margin-top:20px;font-size:35px}#kod-site .examples-heading h2>span{color:#7c8493}#kod-site .examples-heading>p{font-size:14px;color:var(--muted);margin:0 0 4px;max-width:340px}#kod-site .example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}#kod-site .example-card{border:1px solid #e3e6ed;border-radius:13px;overflow:hidden;background:#fff;min-width:0}#kod-site .example-image{aspect-ratio:1/1;position:relative;background:#eef1f5;overflow:hidden}#kod-site .example-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}#kod-site .example-card:hover .example-image img{transform:scale(1.025)}#kod-site .example-badge{position:absolute;top:17px;left:17px;background:#fffef9ed;border:1px solid #fff6;border-radius:5px;padding:6px 10px;color:#313943;font-size:12px;font-weight:700;letter-spacing:.6px;backdrop-filter:blur(8px)}#kod-site .example-content{padding:25px 24px 24px}#kod-site .example-content .small-label{font-size:12px;letter-spacing:.6px;color:#788193}#kod-site .example-content h3{font-size:24px;font-weight:650;letter-spacing:-.7px;line-height:1.25;margin:14px 0}#kod-site .example-content p{font-size:15px;line-height:1.7;color:var(--muted);min-height:77px;margin:0 0 20px}#kod-site .feature-row{display:flex;gap:6px;flex-wrap:wrap}#kod-site .feature-row span{padding:5px 8px;border-radius:4px;font-size:12px;background:#f2f4f8;color:#58647a}#kod-site .example-content>a{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;font-weight:700;color:var(--blue)}#kod-site .example-content>a:hover{color:#1734b6}#kod-site .example-content>a>span{font-size:20px}#kod-site .examples-note{display:flex;justify-content:space-between;gap:20px;margin-top:22px;font-size:13px;color:#7a8290}#kod-site .examples-note>a{color:#3153f5}#kod-site .services{padding-top:0}#kod-site .service-grid article{background:#f6f7fa}#kod-site .service-grid .service-tags{font-size:12px}#kod-site .brief-section h2{font-size:46px}#kod-site .hero .button{font-size:16px}#kod-site .hero .button>span{font-size:22px}@media(min-width:1500px){#kod-site .hero h1{font-size:72px}}@media(max-width:1100px){#kod-site .hero-grid{gap:25px}#kod-site .hero h1{letter-spacing:-2.8px}#kod-site .hero-visual{min-height:550px}#kod-site .hero .eyebrow{font-size:12px}#kod-site .hero-platforms{gap:11px;flex-wrap:wrap}#kod-site .example-grid{gap:16px}#kod-site .example-content{padding:22px 18px}#kod-site .example-content h3{font-size:22px}#kod-site .example-content>a{font-size:12px}#kod-site .examples-heading h2{font-size:30px}#kod-site .examples-heading>p{max-width:260px}#kod-site .hero-description{font-size:16px}#kod-site .hero-description br{display:none}}@media(max-width:760px){#kod-site .header{height:83px}#kod-site .hero{padding-top:16px}#kod-site .hero-grid{grid-template-columns:1fr;gap:23px}#kod-site .hero-content{padding:16px 0 0}#kod-site .hero .eyebrow{font-size:12px;letter-spacing:.25px}#kod-site .hero h1{font-size:clamp(39px,9.7vw,64px);letter-spacing:-2px;line-height:1.13;margin:23px 0 19px}#kod-site .hero-description{font-size:16px;margin-bottom:23px;max-width:440px}#kod-site .hero .button{width:100%}#kod-site .hero-note{text-align:center;font-size:12px}#kod-site .hero-platforms{margin-top:24px;font-size:13px;justify-content:center;gap:11px}#kod-site .hero-platforms>span:last-child{font-size:12px}#kod-site .hero-visual{min-height:0;aspect-ratio:1/1.12;border-radius:12px}#kod-site .hero-visual figcaption{inset:auto 23px 24px}#kod-site .hero-visual strong{font-size:26px}#kod-site .image-label{font-size:12px}#kod-site .concept-label{font-size:12px}#kod-site .benefit-strip{flex-wrap:wrap;gap:9px;padding:22px 0;font-size:13px}#kod-site .benefit-strip>span{width:100%}#kod-site .examples-section{padding-top:42px}#kod-site .examples-heading{display:block;margin-bottom:26px}#kod-site .examples-heading h2{font-size:27px}#kod-site .examples-heading>p{margin-top:20px;max-width:none}#kod-site .example-grid{grid-template-columns:1fr;gap:26px}#kod-site .example-image{aspect-ratio:1/1}#kod-site .example-content{padding:23px}#kod-site .example-content h3{font-size:25px}#kod-site .example-content p{font-size:16px;min-height:0}#kod-site .example-content>a{font-size:14px}#kod-site .examples-note{display:block;font-size:12px}#kod-site .examples-note>a{display:block;margin-top:12px}#kod-site .services{padding-top:0}#kod-site .brief-section h2{font-size:37px}}#kod-site .hero-visual{display:flex;flex-direction:column;min-height:0;background:#122239;align-self:center}#kod-site .hero-visual>img{position:static;display:block;height:auto;aspect-ratio:4/3;object-fit:cover}#kod-site .hero-visual:after{display:none}#kod-site .hero-visual figcaption{position:static;padding:24px 29px 25px}#kod-site .hero-visual strong{font-size:26px}#kod-site .hero-visual strong br{display:none}#kod-site .image-label{font-size:12px}#kod-site .concept-label{font-size:12px;margin-top:8px}#kod-site .example-image{aspect-ratio:4/3}#kod-site .example-badge{top:12px;left:12px;font-size:12px;padding:5px 8px}#kod-site .hero h1{font-size:clamp(43px,4.8vw,70px)}@media(max-width:760px){#kod-site .hero-visual{aspect-ratio:auto}#kod-site .hero-visual figcaption{padding:21px 23px}#kod-site .hero-visual strong{font-size:23px}#kod-site .hero h1{font-size:clamp(39px,9.7vw,64px)}#kod-site .example-image{aspect-ratio:4/3}#kod-site .hero-visual .image-label{font-size:12px}}#kod-site .novel-logo{display:inline-flex;align-items:center;gap:10px;color:#17191f;line-height:1;flex-shrink:0}#kod-site .novel-mark{width:42px;height:42px;color:var(--blue);flex-shrink:0}#kod-site .novel-wordmark{font-size:29px;font-weight:800;letter-spacing:-1.2px;display:block}#kod-site .novel-studio{display:block;font-size:10px;letter-spacing:4.3px;font-weight:700;margin-top:6px;padding-left:2px}#kod-site .lead-fields{display:grid;grid-template-columns:1fr;gap:0}#kod-site .lead-fields label{display:block;font-size:13px;font-weight:600;margin:0 0 9px}#kod-site .lead-fields label span{color:#bdcbff}#kod-site .button:disabled{cursor:not-allowed;transform:none;opacity:.65}#kod-site #lead-form [aria-invalid=true]{border-color:#ffd4bd}#kod-site footer .novel-mark{width:34px;height:34px}#kod-site footer .novel-wordmark{font-size:24px}#kod-site footer .novel-studio{font-size:10px;letter-spacing:3px;margin-top:5px}@media(max-width:760px){#kod-site .novel-mark{width:34px;height:34px}#kod-site .novel-wordmark{font-size:24px}#kod-site .novel-studio{font-size:10px;letter-spacing:3px;margin-top:5px}#kod-site .novel-logo{gap:8px}#kod-site .header-cta{padding:10px}#kod-site .header-cta span{margin-left:8px}#kod-site .header{gap:12px}}
#kod-site a{color:inherit;text-decoration:none}#kod-site .primary{color:#fff}#kod-site .light,#kod-site .example-content>a,#kod-site .examples-note>a{color:#2544d4}#kod-site .header nav a:hover{color:var(--blue)}
/* Novel company section */#kod-site .company-section{border-top:1px solid var(--line);background:#f7f8fa}#kod-site .company-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:28px;margin-top:45px}#kod-site .company-card,#kod-site .company-details{border:1px solid #e4e7ee;border-radius:10px;background:#fff;padding:30px}#kod-site .company-label{font-size:12px;font-weight:700;letter-spacing:1.2px;color:#6f7789}#kod-site .company-card h3{font-size:25px;line-height:1.25;letter-spacing:-.5px;margin:28px 0 14px}#kod-site .company-card p{font-size:15px;color:var(--muted);margin:0}#kod-site .company-details{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin:0}#kod-site .company-details div{padding:17px 0;border-bottom:1px solid var(--line)}#kod-site .company-details div:last-child{grid-column:1/-1}#kod-site .company-details dt{font-size:12px;color:#757c8c;margin-bottom:6px}#kod-site .company-details dd{font-size:16px;font-weight:600;line-height:1.45;margin:0}#kod-site .company-details div:last-child dd{font-weight:500}@media(max-width:760px){#kod-site .company-grid{grid-template-columns:1fr;margin-top:27px}#kod-site .company-card,#kod-site .company-details{padding:23px}#kod-site .company-card h3{font-size:21px;margin-top:21px}#kod-site .company-details{grid-template-columns:1fr}#kod-site .company-details div:last-child{grid-column:auto}#kod-site .header nav a:last-child{display:none}}
/* Shared additions for the two service directions. */
html{scroll-padding-top:24px}#kod-site [hidden]{display:none!important}#kod-site .skip-link{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:20}#kod-site .skip-link:focus{top:12px}#kod-site .header nav{gap:27px}#kod-site .header nav a[aria-current=page]{color:var(--blue)}#kod-site .home-hero{padding-top:64px}#kod-site .home-hero h1{font-size:clamp(48px,6vw,88px);line-height:1.09;letter-spacing:-4.5px;margin:32px 0}#kod-site .home-intro{display:flex;justify-content:space-between;gap:60px;align-items:center}#kod-site .home-intro>p{font-size:19px;color:var(--muted);max-width:640px;margin:0;line-height:1.65}#kod-site .home-intro .intro-aside{font-size:14px;max-width:255px;padding-left:24px;border-left:1px solid var(--line)}#kod-site .directions{padding-top:53px}#kod-site .direction-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}#kod-site .direction-heading>span:last-child{color:var(--muted);font-size:13px}#kod-site .direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}#kod-site .direction-card{display:flex;flex-direction:column;border:1px solid #dce3ff;border-radius:14px;padding:30px 34px 25px;background:#eef1ff;transition:transform .2s,box-shadow .2s}#kod-site .direction-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #1222390d}#kod-site .card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#3f579e}#kod-site .card-index{font-size:12px;letter-spacing:.8px;font-weight:700}#kod-site .card-arrow{font-size:27px;font-weight:400}#kod-site .direction-icon{height:115px;margin:14px 0 18px;color:var(--blue)}#kod-site .direction-icon svg{height:100%;width:180px;fill:#eef1ff;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#kod-site .direction-card h2{font-size:35px;line-height:1.2;letter-spacing:-1.2px;font-weight:600;margin:0 0 16px}#kod-site .direction-card p{font-size:16px;line-height:1.65;max-width:440px;color:#5c6682;margin:0 0 27px}#kod-site .card-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #cdd6f4;padding-top:22px;margin-top:auto;font-size:12px;color:#5c6682}#kod-site .card-bottom strong{font-size:14px;color:var(--blue);white-space:nowrap}#kod-site .card-bottom strong span{margin-left:12px}#kod-site .systems-card{background:#f4f5f7;border-color:#e3e5eb}#kod-site .systems-card .direction-icon{color:#2c3a59}#kod-site .systems-card .direction-icon svg{fill:#f4f5f7}#kod-site .systems-card .card-top{color:#5a6375}#kod-site .systems-card .card-bottom{border-color:#dce0e8}#kod-site .together-body{margin-left:25%;padding-left:10px;display:flex;gap:55px;align-items:start}#kod-site .together-body p{margin:0;color:var(--muted);font-size:16px;max-width:530px}#kod-site .text-link{color:var(--blue);font-size:14px;font-weight:600;display:inline-block}#kod-site .together-body .text-link{min-width:210px}#kod-site .direction-field label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}#kod-site select{display:block;width:100%;font:inherit;font-size:15px;border:1px solid #7f99ff;background:#2749e6;color:white;border-radius:6px;padding:13px 15px;margin-bottom:22px}#kod-site select:focus-visible{outline:2px solid #d5ddff;outline-offset:2px}#kod-site select option{background:white;color:#17191f}#kod-site .platform-choice{margin-bottom:8px}#kod-site .services{padding-top:75px}#kod-site .examples-section+.services{padding-top:0}#kod-site .systems-visual{margin:0;border-radius:16px;background:#19263e;color:white;align-self:center;overflow:hidden;padding:28px 30px}#kod-site .visual-top{display:flex;justify-content:space-between;align-items:center;color:#bbc8ed;letter-spacing:.7px;font-size:11px;font-weight:600}#kod-site .visual-dot{height:7px;width:7px;border-radius:50%;background:#8d9fff}#kod-site .building-art{max-width:480px;margin:12px auto 4px}#kod-site .building-art svg{display:block;width:100%;height:auto}#kod-site .system-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:25px}#kod-site .system-tags span{border:1px solid #495878;border-radius:5px;padding:5px 9px;font-size:11px;color:#d2dcf6}#kod-site .systems-visual figcaption{border-top:1px solid #40506e;padding-top:22px}#kod-site .systems-visual strong{display:block;font-size:27px;line-height:1.2;font-weight:600;letter-spacing:-.5px}#kod-site .systems-visual figcaption>span{display:block;font-size:12px;color:#bbc8ed;margin-top:13px}#kod-site .hero .eyebrow{line-height:1.6}#kod-site .section-heading{grid-template-columns:1fr 2fr 1.25fr}#kod-site .brief-caption{color:#d1d9ff}#kod-site .brief-section .section-index,#kod-site .brief-section .form-note{color:#d1d9ff}#kod-site .service-grid p{min-height:96px}#kod-site input,#kod-site textarea,#kod-site select{scroll-margin-top:30px}#kod-site .brief-section a{color:white;text-decoration:underline}#kod-site footer>a:last-child{padding:10px 0}#kod-site .hero-grid>*{min-width:0}
@media(max-width:1100px){#kod-site .header nav{gap:17px;font-size:12px}#kod-site .header-cta{font-size:12px;padding:10px 12px}#kod-site .header-cta span{margin-left:10px}#kod-site .home-hero h1{letter-spacing:-3px}#kod-site .direction-card{padding:24px}#kod-site .direction-card h2{font-size:29px}#kod-site .card-bottom{align-items:start;flex-direction:column;gap:10px}#kod-site .together-body{margin-left:0;padding-left:0}#kod-site .section-heading{grid-template-columns:1fr 2fr}#kod-site .section-heading>p{grid-column:2}#kod-site .hero h1{font-size:clamp(38px,4.8vw,70px)}#kod-site .hero .eyebrow{font-size:10px}#kod-site .service-grid p{min-height:0}}
@media(max-width:760px){#kod-site .header{height:auto;min-height:83px;flex-wrap:wrap;gap:18px 12px;padding-top:21px;padding-bottom:0}#kod-site .header nav{display:flex;order:3;width:100%;gap:18px;padding:0 0 16px;font-size:12px;justify-content:flex-start;flex-wrap:wrap}#kod-site .header nav a:last-child{display:inline}#kod-site .header nav a{padding:3px 0}#kod-site .header-cta{margin-left:auto}#kod-site .home-hero{padding-top:33px}#kod-site .home-hero h1{font-size:clamp(34px,8.2vw,58px);letter-spacing:-1.6px;line-height:1.14;margin:25px 0 22px}#kod-site .home-intro{display:block}#kod-site .home-intro>p{font-size:16px}#kod-site .home-intro .intro-aside{display:none}#kod-site .directions{padding-top:31px}#kod-site .direction-heading{margin-bottom:17px}#kod-site .direction-heading>span:last-child{display:none}#kod-site .direction-grid{grid-template-columns:1fr;gap:17px}#kod-site .direction-card{padding:20px 23px 23px}#kod-site .direction-card h2{font-size:29px}#kod-site .direction-icon{height:90px;margin:11px 0 20px}#kod-site .direction-icon svg{width:155px}#kod-site .direction-card p{font-size:15px;margin-bottom:22px}#kod-site .card-bottom{flex-direction:row;flex-wrap:wrap;align-items:center;padding-top:19px}#kod-site .card-index{font-size:11px;letter-spacing:.4px}#kod-site .together-body{display:block}#kod-site .together-body .text-link{margin-top:22px}#kod-site .section-heading{display:block}#kod-site .services{padding-top:48px}#kod-site .hero h1{font-size:clamp(37px,9.5vw,64px);letter-spacing:-1.8px}#kod-site .hero .eyebrow{font-size:10px;letter-spacing:.2px}#kod-site .systems-visual{padding:23px}#kod-site .systems-visual strong{font-size:25px}#kod-site .hero-platforms{gap:13px}#kod-site .benefit-strip{font-size:13px}#kod-site .steps{gap:25px 18px}#kod-site .company-details dd{overflow-wrap:anywhere}#kod-site .brief-section h2{font-size:38px}#kod-site .platform-choice{font-size:13px;padding:7px 10px}#kod-site .eyebrow,#kod-site .section-index{font-size:10px;letter-spacing:.8px}}
@media(max-width:360px){#kod-site .header nav{gap:11px;font-size:11px}#kod-site .header-cta{font-size:11px}#kod-site .steps{grid-template-columns:1fr}#kod-site .direction-card h2{font-size:26px}#kod-site .home-hero h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}