:root{--paper:#08090d;--ink:#f1f2f4;--muted:#8a8c94;--line:#262831}
body{background:#08090d;color:#f1f2f4}
.site-header{background:#08090ef2;border-bottom:1px solid #353039;box-shadow:0 1px 20px #f0182520}
.logo{border-color:#272a32;padding:0 22px;gap:14px}
.logo img{width:37px;height:42px;object-fit:contain;filter:drop-shadow(0 0 8px #ff102343)}
.logo>span{color:#e0e1e5;font-size:10px;letter-spacing:1.4px}
.logo>span b{font-weight:400;color:#f02536}
.desktop-nav a{color:#858995}
.desktop-nav a.active{background:#e31e30;color:#fff}
.header-actions .login-link{border-color:#272a32;color:#aeb2be}
.launch-link{background:#e02033;color:white;box-shadow:inset 0 0 0 1px #ff45564d}
.launch-link:hover{background:#bd1524}
.mobile-nav{background:#111219;border-color:#37323c;color:#d3d5de}
.hero{height:calc(100svh - 64px);min-height:670px;max-height:850px;background:#07080b;display:flex;align-items:center;justify-content:flex-end;border-color:#34242d}
.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(180deg,#08090d00 45%,#08090d 95%),linear-gradient(90deg,#08090d00 30%,#08090d40 48%,#08090d80 65%,#08090d35),url('/office-assets/karelkana-hero-metal.png');background-position:center,center,center top;background-size:100% 100%,100% 100%,100% auto;background-repeat:no-repeat;z-index:1}
.hero .floating-card,.hero .orbit-field{display:none}
.hero-content{max-width:none;width:51%;margin-right:5%;padding:20px 0 70px;text-align:left;z-index:3;pointer-events:auto;position:relative}
.hero-eyebrow{color:#ed8791;font-size:9px;letter-spacing:1.6px;margin-bottom:13px;text-shadow:0 2px 8px #000}
.hero h1{font-size:clamp(65px,7.5vw,116px);font-weight:700;letter-spacing:-.065em;line-height:.93;white-space:normal;color:#f5f5f7;text-shadow:0 2px 1px #000,0 10px 25px #00000088;margin-bottom:21px}
.hero h1 .word-karel{font:11px var(--mono);letter-spacing:7px;display:block;color:#b5b5bb;margin:0 0 14px 3px}
.hero h2{font-size:clamp(25px,2.6vw,38px);font-weight:500;line-height:1.12;letter-spacing:-1.3px;color:#dce0e7;margin-bottom:18px;text-shadow:0 3px 15px #000}
.hero h2 em{color:#ff7d89}
.hero p{font-size:14px;line-height:1.8;color:#9396a1;margin-bottom:27px;text-shadow:0 2px 10px #000}
.hero-buttons{justify-content:flex-start}
.button{border-color:#383b45;color:#e0e2e8}
.button-black{background:#e62134;border:1px solid #ff52634d;color:white;box-shadow:0 7px 25px #df1d3426}
.button-black:hover{background:#c81a2c}
.button-outline{background:#16171ecc;border:1px solid #4b414b;color:#e1e2e7}
.button-outline:hover{background:#262731}
.hero-facts{justify-content:flex-start;color:#81838e;font-size:8px;gap:15px;letter-spacing:1.2px}
.hero-facts i{background:#923540}
.hero-axis-labels{display:none}
.hero-bottom{color:#565965;bottom:26px}
.hero-bottom>a{color:#a16c74}
.tool-ticker{background:#0f1117;border-color:#29252e;box-shadow:inset 0 1px 0 #e3293522}
.tool-ticker>div{color:#9a9da8}
.tool-ticker b{color:#e92e41}
.section{border-color:#242630}
.section-index{color:#676c7a}
.section-index>span:first-child{color:#dc6472}
.section-intro p,.section p{color:#808797}
.section h2{color:#e7e9ee;font-weight:500}
.section h2 em,.start-section h2 em{color:#db6674}
.studio-demo{border-color:#34303b;background:#12141b;box-shadow:0 12px 60px #00000033}
.demo-tabs{border-color:#2c2b35;background:#0c0e14}
.demo-tabs button{border-color:#2c2b35;color:#737b8f}
.demo-tabs button[aria-selected=true]{background:#7f1524;color:#ffbdc5;box-shadow:inset 0 2px 0 #f02a42}
.demo-tabs>span{color:#484f62}
.demo-editor-chrome{background:#171923;border-color:#282c3a;color:#677188}
.demo-doc-content,.demo-sheet-content,.demo-slide-content{background:#0f1119}
.demo-document{background:#1b1e2a;border-color:#35394a;box-shadow:0 20px 40px #00000040}
.mono-label{color:#576780}
.demo-document h3{color:#f0f2f8}
.demo-document h3 em{color:#ab8e99}
.demo-document p{color:#79859d}
.demo-document blockquote{color:#cd8e9f;border-color:#533643}
.demo-text-lines i{background:#333d51}
.demo-page-number{color:#43516e}
.demo-side-note>span{color:#755462}
.demo-side-note h4{color:#d4d9e6}
.demo-side-note h4 em{color:#cf647b}
.demo-side-note p{color:#65728b}
.demo-side-note a{color:#cfa2b1;border-color:#8d3951}
.demo-spreadsheet table{background:#111d24;color:#90a9b0;border-color:#28434b;box-shadow:0 20px 30px #00000055}
.demo-spreadsheet th,.demo-spreadsheet td{border-color:#29424c}
.demo-spreadsheet th{background:#152b31;color:#477d88}
.demo-spreadsheet .selected-cell{background:#21414a;box-shadow:inset 0 0 0 2px #428791;color:#aac6cd}
.large-bars i{background:#376b73}
.large-bars i:nth-child(3){background:#4a94a1}
.large-bars i:nth-child(5){background:#81b3ba}
.demo-presentation{background:#210e17;color:#f0b5c6;border:1px solid #6b273e;box-shadow:0 20px 30px #00000055}
.presentation-circle{border-color:#a73552;box-shadow:inset 0 0 0 20px #532238,inset 0 0 0 21px #86324c,inset 0 0 0 55px #3a1626}
.tool-rows{border-color:#292733}
.tool-rows a{border-color:#292733}
.tool-rows a>span{color:#626273}
.tool-rows strong{color:#c1c4d0}
.tool-rows p{color:#666d80}
.tool-rows b{color:#b55d74}
.cloud-section{background:#0e1018}
.cloud-copy p{color:#747d95}
.text-link{border-color:#3c3044;color:#b487a6}
.cloud-visual-orbit{border-color:#402d46;box-shadow:0 0 0 35px #0000,0 0 0 36px #312338}
.quota-card{background:#171924;border-color:#4c2c40;box-shadow:8px 10px 0 #31182b}
.quota-top{color:#976681}
.quota-card>strong{color:#f1e4ef}
.quota-card>strong>span{color:#e35377}
.quota-card>p{color:#83637d}
.quota-divider{background:#492a3d}
.quota-files{color:#99758d}
.quota-files b,.quota-note{color:#66435d}
.cloud-visual-label{color:#513747}
.steps article{border-color:#292733}
.step-number{color:#bc5273}
.steps h3{color:#cfbfd0}
.steps p{color:#7c6889}
.start-section{background:#090b11;border-color:#2c2335}
.start-section h2{color:#e3d8ee}
.start-section>.eyebrow{color:#a05a82}
.start-section .hero-buttons{justify-content:center}
.start-orbit{border-color:#39283c;box-shadow:0 0 0 90px #090b11,0 0 0 91px #2b2132}
.site-footer{background:#06070b;color:#797183}
.footer-wordmark{color:#d0c8d7}
.footer-wordmark>span{color:#e4375d}
.footer-description{color:#67617b}
.footer-description a{color:#a06487}
.footer-links{color:#7f718c}
.footer-links>span{color:#584361}
.footer-bottom{border-color:#25192d;color:#554260}
.brand-banner-strip{margin:0;background:#060608;position:relative;overflow:hidden;border-top:1px solid #37202a;border-bottom:1px solid #37202a}
.brand-banner-strip>img{display:block;width:100%;max-width:1600px;height:auto;margin:auto;opacity:.9}
.brand-banner-strip>span{position:absolute;right:22px;bottom:15px;font:7px var(--mono);letter-spacing:1px;color:#934152}
@media(min-width:1600px){.hero-content{width:46%;margin-right:10%;padding-bottom:20px}.hero:before{background-position:center,center,center 38%;background-size:100% 100%,100% 100%,cover}.hero h1{font-size:120px}}
@media(max-width:1100px){.hero{min-height:630px}.hero-content{width:55%;margin-right:4%;padding-bottom:30px}.hero h1{font-size:80px}.hero h2{font-size:30px}.hero p{font-size:13px}.hero-buttons .button{font-size:9px;gap:20px;padding:17px 17px}.logo>span{font-size:9px;letter-spacing:.8px}}
@media(max-width:760px){.hero{height:auto;min-height:800px;align-items:flex-end;justify-content:center}.hero:before{background-image:linear-gradient(180deg,#08090d00 15%,#08090d55 28%,#08090d 48%),url('/office-assets/karelkana-hero-metal.png');background-size:100% 100%,auto 350px;background-position:center,42% top;background-repeat:no-repeat}.hero-content{width:100%;margin:0;padding:325px 27px 73px;text-align:center}.hero h1{font-size:78px;letter-spacing:-5px}.hero h1 .word-karel{font-size:10px;letter-spacing:7px;margin-bottom:11px}.hero h2{font-size:31px}.hero p{font-size:13px}.hero .hero-buttons,.hero-facts{justify-content:center}.hero-facts{font-size:7px;gap:11px}.hero-eyebrow{font-size:7px;letter-spacing:1px}.hero-bottom{font-size:6px;color:#3e4150;left:18px;right:18px}.logo img{width:31px;height:36px}.logo>span{font-size:8px;letter-spacing:.5px}.hero-buttons .button{font-size:9px;padding:16px 18px;gap:13px}.brand-banner-strip>span{font-size:5px;bottom:7px;right:9px}.demo-document h3{color:#e1dce7}}
@media(max-width:400px){.hero-content{padding-left:16px;padding-right:16px}.hero h1{font-size:70px}.hero h2{font-size:29px}.hero-buttons .button{font-size:8px;padding:15px 13px}.logo{padding:0 12px;gap:8px}.logo>span{font-size:7px}.launch-link{font-size:7px!important}}

.demo-side-note p{color:#8a97ad}.demo-document p{color:#9ca8c0}.demo-editor-chrome{color:#8c98ae}.footer-description,.footer-links{color:#988aa7}.footer-bottom{color:#897098}.steps p{color:#a28aaf}.quota-files{color:#b994ad}.quota-card>p{color:#a883a1}.section p{color:#9299aa}