/* Copycat's light product showcase: a readable page around a dark desktop demo. */
:root{--bg:#f7f9f5;--surface:#fff;--ink:#18251e;--muted:#5c6b61;--lavender:#467b53;--line:#1b382017;background:var(--bg);color:var(--ink)}
body{background:radial-gradient(ellipse at 50% 18%,#e2f0ce88,transparent 40%),#f7f9f5}.ambient{display:none}.nav{height:90px;max-width:1240px}.wordmark{color:#243d2b}.logo{background:#dceccf;color:#315b3b}.nav-links{color:#536256;font-size:13px}.nav-links a:hover{color:#244e31}.nav-download{background:#365f40;color:white!important;border:0;border-radius:30px;padding:13px 22px}.hero{display:flex;flex-direction:column;gap:55px;padding-top:50px;padding-bottom:80px;max-width:1120px;text-align:center;min-height:0}.hero-copy{max-width:850px}.release-pill{background:#edf4e8;color:#416348;border-color:#cbdcc2;font-size:10px;padding:9px 15px}.release-pill span{background:#557f43}.hero h1{font-size:clamp(43px,5.8vw,76px);line-height:1.08;font-weight:600;letter-spacing:-3px;margin:25px 0}.hero h1 em{font-family:inherit;font-style:normal;font-weight:600;color:#527c43}.hero-copy>p{max-width:590px;margin:0 auto;font-size:16px;line-height:1.8;color:#627066}.hero-actions{justify-content:center;margin-top:28px}.button{font-size:13px;padding:15px 23px;border-radius:30px}.primary{background:#365f40;color:#fff;box-shadow:0 6px 20px #365f401a}.primary:hover{background:#284b32}.secondary{background:#fff;border-color:#cdd8cb;color:#425549}.platforms{justify-content:center;font-size:10px;color:#697769;margin-top:18px}.hero-visual{width:100%;max-width:850px;text-align:left;padding:18px;background:linear-gradient(135deg,#e2eddb,#edf2e7);border:1px solid #cedbc5;border-radius:25px;box-shadow:0 25px 80px #34552a14}.visual-top{color:#62715e;font-size:9px;margin:0 6px 15px}.visual-top>span:last-child{color:#5d7256}.live-demo{transform:none;background:#393b3ce8;padding:13px;border-color:#5e665f;box-shadow:0 15px 35px #28372b22;color:#f5f6f5}.demo-toolbar{font-size:12px}.demo-toolbar>span{padding:10px 13px}.demo-toolbar kbd{font-size:10px}.demo-transcript{font-size:13px}.demo-answer{min-height:285px}.question-line{font-size:13px}.answer-line>span{font-size:11px;color:#c5dfae}.answer-line h3{font-size:25px}.answer-line p{font-size:14px;color:#c2c6c0}.demo-tags span{font-size:9px;color:#b8c9af;border-color:#8fa08355}.demo-label{font-size:7px;color:#c0c6bc}.demo-label button{font-size:10px;color:#d0e5bd}.floating-chip{right:-20px;bottom:-23px;background:#fff;color:#354c38;border-color:#d3dfcd;box-shadow:0 10px 30px #34552a12}.floating-chip small{color:#76846f}.floating-chip>span{color:#6b934e}.signal-strip{padding:25px 0}.signal-strip>span{color:#6c8067}.signal-strip>div{color:#4d6450}.signal-strip i{color:#a2b49c}.section h2{font-weight:550}.eyebrow{color:#5d7a53;font-size:10px}.section-heading>p{font-size:15px}.feature{background:white;border-color:#dae4d6;box-shadow:0 8px 25px #3a502605}.feature-num{color:#718569}.feature h3{font-weight:550}.feature p{color:#697963;font-size:14px}.feature-lavender{background:#e0edcf;border-color:#cbdcbb;color:#30462a}.feature-lavender p,.feature-lavender .feature-num{color:#60764e}.context-stack span{background:#f1f7e7;border-color:#c3d6b0;color:#587047}.feature-short,.feature-dark{background:#fff}.key-row kbd{background:#f1f5ed;color:#5c7a4b;border-color:#d7e2cf}.key-row>span,.feature-bottom{color:#718367}.note-preview{background:#ecf2e6;border-color:#d3e0c9;box-shadow:0 10px 20px #3f602411}.note-preview p,.note-preview>span{color:#68815b}.steps article{border-color:#d6e0ce}.steps article>span{color:#83a36a}.steps p,.control-section p{color:#64755c;font-size:14px}.text-link{color:#477236;font-size:13px}.provider-cloud span{background:white;color:#59704d;border-color:#dbe5d4}.provider-cloud small{color:#718367;font-size:11px}.price-card{background:#fff;border-color:#cbdcc0;box-shadow:0 15px 50px #4e6b3310}.price-left{border-color:#dce6d4}.plan-pill{color:#55763f;border-color:#cbdcbc}.price-value>span,.price-left>p{color:#60794e}.region-label{color:#536a44}.region-label select{background:#f2f7ec;color:#405b32;border-color:#ccdcbd}.price-left>small,.price-right>small{color:#718362;font-size:11px}.price-right li{color:#476139}.price-right li::before{color:#6c974b}.downloads{background:#eaf2e1}.downloads>p{color:#657c55}.download-grid a{background:#fff;border-color:#cbdcbc}.download-grid a:hover{background:#f5faef;border-color:#87a66f}.download-grid small,#release-note{color:#718362}.faq details{border-color:#d4e0ca}.faq summary{color:#334a2a}.faq details p{color:#687b5b}.creator{background:#e4efda;border-color:#ccddbd}.creator p{color:#627b51}.creator .text-link{color:#3b652c}footer{color:#6b805d}footer .wordmark{color:#36512b}footer a:hover{color:#2f5725}
@media(max-width:760px){.hero{gap:35px}.hero-visual{padding:12px}.floating-chip{right:0}.hero h1{letter-spacing:-2px}.hero-copy>p{font-size:14px}.demo-toolbar{font-size:9px}.demo-toolbar>span{padding:8px}.demo-toolbar kbd{font-size:8px}.demo-transcript,.question-line{font-size:11px}.answer-line h3{font-size:21px}.answer-line p{font-size:12px}.demo-label{font-size:5px}.demo-label button{font-size:8px}.hero-actions{flex-wrap:wrap}.platforms{font-size:9px}.visual-top{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

.brand-logo{width:38px;height:38px;display:block;object-fit:contain;border-radius:11px;flex-shrink:0}
