@charset "UTF-8";
:root{--lime:#b6ff00;--charcoal:#191d1a;--orange:#e99655;--apricot:#f8ebdd;--gray:#dce3e7;--canvas:#f7f8f5;--muted:#777e76;--line:#e8ece4;--radius:20px;--ease:cubic-bezier(.2,.7,.2,1);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--charcoal);font-synthesis:none;line-height:1.6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fff;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}a{color:inherit;text-decoration:none}button{border:0}img{max-width:100%;display:block}button,summary,a,input,textarea,select{outline-offset:5px}:focus-visible{outline:2px solid #607f11}button .icon,a .icon{pointer-events:none}p,h1,h2,h3{margin:0}button{background:none}::selection{background:var(--lime);color:var(--charcoal)}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{display:inline-block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.page-width{width:min(1280px,calc(100% - 80px));margin:0 auto}.section-space{padding:100px 0}.skip-link{position:fixed;top:-80px;left:20px;padding:12px 20px;background:var(--charcoal);color:#fff;z-index:100}.skip-link:focus{top:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--lime);color:var(--charcoal);border-radius:50px;padding:14px 26px;font-weight:650;font-size:15px;line-height:1.6;box-shadow:0 6px 20px #8ab3001c;transition:background .2s,transform .2s,box-shadow .2s;white-space:nowrap}.button:hover{background:#a5ed00;transform:translateY(-2px);box-shadow:0 9px 26px #738d0026}.button:active{transform:translateY(0)}.button-small{padding:10px 21px;font-size:14px;gap:9px}.button-small .icon{width:17px;height:17px}.button-large{padding:17px 29px;font-size:17px;gap:13px}.button-white{background:#fff;box-shadow:0 7px 20px #191d1a09;border:1px solid #fff}.button-white:hover{background:#f4f7ed;box-shadow:0 7px 20px #191d1a10}.text-button{display:inline-flex;align-items:center;gap:14px;padding:0 0 8px;font-weight:650;border-bottom:1px solid var(--charcoal);transition:gap .2s}.text-button:hover{gap:23px}.icon-button{height:40px;width:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.icon-button:hover{background:#edf1e8}.tiny-divider{width:1px;height:14px;background:#d2d7cb}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8bb800;flex-shrink:0}.small-note{font-size:11px!important;color:#90968b!important;line-height:1.8!important}.preview-badge{font-size:9px;color:#7f8973;background:#f0f3e9;padding:4px 8px;white-space:nowrap;border-radius:5px;letter-spacing:.03em}.section-kicker{display:block;font-size:11px;font-weight:650;color:#7d896c;letter-spacing:2px;margin-bottom:17px}.section-heading{text-align:center}.section-heading h2,.section-copy h2{font-size:36px;line-height:1.4;letter-spacing:-1.2px;font-weight:750}.section-heading p{margin-top:16px;font-size:15px;color:var(--muted)}.section-copy h2{font-size:39px;line-height:1.4}.section-copy>p{font-size:15px;line-height:2;color:var(--muted);margin:24px 0 28px;max-width:490px}.split-layout{display:grid;grid-template-columns:1fr 1.14fr;gap:78px;align-items:center}
/* Fixed, translucent navigation */
.header{height:80px;position:fixed;top:0;left:0;right:0;z-index:40;transition:background .3s,box-shadow .3s;border-bottom:1px solid transparent}.header.scrolled{background:#fffffff0;backdrop-filter:blur(18px);border-bottom-color:#edf0e6;box-shadow:0 2px 20px #191d1a03}.nav-shell{height:80px;width:calc(100% - 64px);max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{position:relative;display:block;width:220px;height:49px;overflow:hidden;flex-shrink:0}.brand img{position:absolute;width:236px;height:auto;max-width:none;top:-16px;left:-5px}.desktop-nav{display:flex;align-items:center;gap:29px;margin-left:15px}.desktop-nav a{position:relative;padding:28px 0;font-size:14px;white-space:nowrap;color:#565f53;transition:color .2s}.desktop-nav a:hover,.desktop-nav a.active{color:var(--charcoal)}.desktop-nav a.active:after{content:"";position:absolute;height:3px;background:var(--lime);left:2px;right:2px;bottom:17px;border-radius:10px}.nav-actions{display:flex;align-items:center;gap:16px}.language-button{display:flex;align-items:center;gap:6px;padding:8px 0;color:#66705f;font-size:12px}.language-button .icon{height:16px;width:16px}.menu-button{display:none}.mobile-nav{border-top:1px solid var(--line);background:#fff;padding:12px 24px 20px;box-shadow:0 15px 25px #191d1a09}.mobile-nav a{display:block;padding:10px;font-size:15px;border-radius:8px}.mobile-nav a:hover{background:#f2f5e9}
/* Hero recreates the reference's split composition and floating app preview. */
.hero{min-height:790px;position:relative;isolation:isolate;overflow:hidden;background:#f6f9f0}.hero:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:140px;background:linear-gradient(0deg,#fff,transparent)}.hero-wash{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 91% 26%,#dcedb6b3 0,transparent 52%),radial-gradient(ellipse at 66% 73%,#fff5e9 0,transparent 45%),radial-gradient(ellipse at -7% 58%,#ecf6d5 0,transparent 50%),#fbfcf7}.hero-inner{min-height:790px;display:grid;grid-template-columns:.88fr 1.12fr;gap:24px;align-items:center;padding-top:105px;padding-bottom:120px;position:relative}.hero-copy{position:relative;z-index:2;align-self:center}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.4px;font-weight:650;color:#727d64;margin-bottom:24px}.eyebrow .status-dot{background:var(--lime);box-shadow:0 0 0 4px #b6ff0016;width:6px;height:6px}h1{font-size:76px;line-height:1.17;letter-spacing:-3px;font-weight:800;min-height:178px}.hero-highlight{color:#769f0b;position:relative;display:inline;background:linear-gradient(110deg,#52731e,#8db71d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-highlight:after{content:"";height:13px;border-radius:5px;background:#b6ff003d;position:absolute;bottom:9px;left:-3px;right:-9px;z-index:-1;transform:rotate(-2deg)}.typing-cursor{height:.76em;width:3px;display:inline-block;background:#8bab3f;margin-left:8px;animation:blink 1s steps(1) infinite}.hero-description{font-size:15px;line-height:1.95;color:#7b8273;margin-top:28px}.hero-buttons{display:flex;gap:14px;align-items:center;margin-top:32px}.hero-platforms{display:flex;align-items:center;gap:16px;color:#8a9280;font-size:12px;margin-top:23px}.hero-platforms>span{display:inline-flex;align-items:center;gap:7px}.hero-platforms .icon{width:15px;height:15px}.hero-pillars{display:flex;gap:0;margin-top:36px}.hero-pillars a{display:flex;gap:10px;align-items:center;padding:0 18px;border-right:1px solid #dde5d1;transition:transform .2s}.hero-pillars a:first-child{padding-left:0}.hero-pillars a:last-child{border:0;padding-right:0}.hero-pillars a:hover{transform:translateY(-3px)}.hero-pillars .icon{color:#7d9b40;width:23px;height:23px}.hero-pillars strong{display:block;line-height:1.6;font-size:14px;font-weight:700}.hero-pillars small{display:block;color:#929889;font-size:10px;margin-top:2px}.hero-arc{position:absolute;pointer-events:none;z-index:-1}.arc-one{width:650px;height:260px;left:-150px;bottom:80px;transform:rotate(20deg);border:1px solid #c9d99e57;border-radius:50%;box-shadow:0 0 65px #fff9,0 0 30px inset #fff8}.arc-two{width:310px;height:150px;border:30px solid #e9d5bc55;border-radius:90px;transform:rotate(-45deg);right:-110px;top:82px}.floating-dot{position:absolute;border-radius:50%;background:var(--lime);box-shadow:inset -6px -6px 13px #84c30026;animation:float 7s ease-in-out infinite}.dot-one{height:34px;width:34px;right:53px;top:136px}.dot-two{height:13px;width:13px;left:47%;bottom:151px;background:var(--orange);animation-delay:-3s}.hero-visual{position:relative;margin-right:-90px;margin-left:10px;min-width:0;padding-top:26px;perspective:1500px}.app-perspective{transform:rotateX(7deg) rotateY(-12deg) rotateZ(1deg);transform-style:preserve-3d;transition:transform .25s ease-out;will-change:transform}.app-window{width:740px;max-width:100%;background:#fff;border:1px solid #fff;border-radius:14px;overflow:hidden;box-shadow:0 38px 70px -25px #6b7c3d3d,0 0 65px #e0edc780}.app-titlebar{height:32px;background:#f8faf5;display:flex;align-items:center;gap:12px;padding:0 12px;font-size:7px;color:#9aa38f;border-bottom:1px solid #f0f2eb}.window-dots{display:inline-flex;gap:4px;align-items:center;flex-shrink:0}.window-dots i{height:6px;width:6px;background:#ef8a7c;border-radius:50%}.window-dots i:nth-child(2){background:#f0ce63}.window-dots i:nth-child(3){background:#a5ce73}.app-title-right{margin-left:auto;font-size:7px}.app-content{display:flex;height:436px}.app-sidebar{width:114px;padding:18px 10px 10px;background:#fafbf8;flex-shrink:0;border-right:1px solid #f0f2ed;position:relative}.app-wordmark{font-weight:900;font-size:22px;letter-spacing:-1.1px;line-height:1;margin-bottom:23px;padding:0 5px}.app-wordmark>span{color:#7dae00}.app-wordmark small{display:block;font-size:7px;letter-spacing:1px;margin-top:7px;font-weight:700}.app-nav-item{font-size:8px;color:#81897c;display:flex;align-items:center;gap:9px;padding:9px 8px;margin-bottom:4px;border-radius:6px;transition:background .3s}.app-nav-item .icon{width:12px;height:12px}.app-nav-item.selected{background:#e8f7c8;color:#466219;font-weight:700}.app-sidebar-bottom{position:absolute;bottom:15px;display:flex;align-items:center;gap:6px;font-size:7px}.mini-avatar{height:19px;width:19px;border-radius:50%;background:#e9efdf;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:8px}.online-dot{background:#a4ca55;height:4px;width:4px;border-radius:50%}.app-main{flex:1;padding:17px 20px;min-width:0}.app-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;gap:8px}.app-topline strong{font-size:10px;font-weight:600}.app-topline .preview-badge{font-size:7px;padding:2px 5px}.app-welcome{height:185px;position:relative;overflow:hidden;border-radius:10px;background:linear-gradient(120deg,#eef7df,#f8f9f1 55%,#f5eadb);padding:20px 25px}.app-welcome-copy{position:relative;z-index:2}.micro-label{font-size:6px;letter-spacing:1.5px;color:#879472;font-weight:700}.app-welcome h2{font-size:29px;line-height:1.23;margin:7px 0;letter-spacing:-1px}.app-welcome p{font-size:7px;color:#7e8872}.app-mini-button{background:var(--lime);font-size:7px;border-radius:20px;padding:5px 14px;margin-top:9px;font-weight:650}.welcome-mascot{position:absolute;right:12px;top:5px;width:219px;height:183px;object-fit:contain;z-index:1;filter:drop-shadow(0 9px 4px #191d1a0c)}.welcome-path{position:absolute;right:15px;top:50px;width:235px;height:65px;background:#f6dcbf;border-radius:60px;transform:rotate(-42deg)}.welcome-spark{position:absolute;right:9px;top:13px;font-size:27px;color:#92c822;line-height:1}.app-section-top{display:flex;justify-content:space-between;align-items:center;margin:17px 0 10px;font-size:8px}.app-section-top strong{font-weight:650}.app-section-top>span{font-size:6px;color:#8c957f}.app-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shortcut{padding:11px 9px;text-align:left;height:80px;border-radius:8px;position:relative;transition:filter .2s}.shortcut:hover{filter:brightness(.97)}.shortcut .icon{width:15px;height:15px;display:block;margin-bottom:5px}.shortcut strong{display:block;font-size:9px;font-weight:650}.shortcut small{display:block;font-size:6px;color:#819063;margin-top:2px}.shortcut>span{position:absolute;right:8px;top:8px;font-size:10px}.shortcut-lime{background:#eff7db}.shortcut-peach{background:#fbefe3}.shortcut-gray{background:#eef1ef}.app-inspiration{margin-top:13px}.app-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;height:65px;overflow:hidden}.app-thumbnails>div{border-radius:6px}.creative-art{display:block;background-image:url('./assets/creative-grid.webp');background-size:200% 200%;background-repeat:no-repeat;overflow:hidden}.art-beauty{background-position:0 0;background-color:#e8edce}.art-shoe{background-position:100% 0;background-color:#f3cba5}.art-audio{background-position:0 100%;background-color:#252a24}.art-drink{background-position:100% 100%;background-color:#fae2c6}.visual-caption{position:absolute;bottom:14px;right:24px;display:flex;align-items:center;gap:13px;background:#ffffffed;border:1px solid #fff;border-radius:14px;padding:14px 20px;box-shadow:0 12px 35px #54673b13;transform:rotate(-3deg);animation:float 8s ease-in-out infinite}.caption-star{font-size:35px;line-height:1;color:#8fc500}.visual-caption strong{font-size:11px;display:block;font-weight:650}.visual-caption div>span{display:block;font-size:6px;letter-spacing:1.5px;color:#a0a791;margin-top:2px}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:7px;margin:32px 70px 0 0}.carousel-dot{height:6px;width:6px;border-radius:20px;background:#c5cdb9;padding:0;transition:width .3s,background .3s;position:relative}.carousel-dot:before{content:"";position:absolute;inset:-7px}.carousel-dot.active{width:19px;background:#8aaa43}.carousel-controls>span{font-size:8px;color:#8c9780;margin-left:6px;min-width:50px}.carousel-pause{padding:3px 7px;color:#8c9780;font-size:10px}.scroll-cue{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:7px;color:#a1aa94}.scroll-cue span{font-size:8px;letter-spacing:2px}.scroll-cue .icon{width:15px;height:15px;animation:nudge 2.5s infinite}
/* Six feature cards match the rhythm of the reference. */
.features{position:relative;overflow:hidden;padding-top:70px;padding-bottom:110px}.feature-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:48px}.feature-card{position:relative;padding:26px 18px 28px;text-align:center;border-radius:18px;background:#fff;box-shadow:0 9px 35px -5px #56673e12;border:1px solid #f4f6ef;transition:transform .25s,box-shadow .25s,background .25s;min-height:208px}.feature-card:hover{transform:translateY(-7px);box-shadow:0 17px 40px -8px #56673e26;background:#fcfdf9}.feature-icon{height:48px;width:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:#e9f7c7;color:#58762a;box-shadow:inset 0 1px 2px #fff,0 4px 10px #78993e09;transform:rotate(-6deg)}.feature-icon .icon{width:25px;height:25px;transform:rotate(6deg);stroke-width:1.6}.feature-icon.peach{background:#fae5d1;color:#a16b37;transform:rotate(6deg)}.feature-icon.peach .icon{transform:rotate(-6deg)}.feature-icon.sage{background:#e8f0dd;color:#70835b}.feature-icon.gray{background:#e9edf0;color:#6d7e81;transform:rotate(6deg)}.feature-icon.gray .icon{transform:rotate(-6deg)}.feature-icon.soft-peach{background:#f5ede4;color:#a38b6a}.feature-card h3{font-size:15px;font-weight:700;margin:18px 0 9px}.feature-card p{font-size:11px;line-height:1.9;color:#8c9284}.feature-arrow{position:absolute;right:12px;top:11px;font-size:13px;color:#b7c1a5;opacity:0;transition:opacity .2s}.feature-card:hover .feature-arrow{opacity:1}.section-orbit{position:absolute;bottom:-36px;left:-30px;border:21px solid #f2f7e7;width:130px;height:130px;border-radius:50%;z-index:-1}
/* Interactive creative studio */
.creation{background:#f6f8f1;position:relative;overflow:hidden}.creation .split-layout{position:relative;z-index:1}.check-list{list-style:none;padding:0;margin:0 0 32px;display:grid;gap:12px}.check-list li{display:flex;align-items:center;gap:10px;color:#626d57;font-size:13px}.check-list .icon{width:17px;height:17px;stroke:#7f9d44;stroke-width:2}.demo-disclaimer{display:block;font-size:10px;color:#939d87;margin-top:13px}.creation-decor{position:absolute;top:15px;right:5%;font-size:94px;line-height:1;color:#dcebc1;transform:rotate(12deg)}.studio-preview{background:#fff;border-radius:18px;border:1px solid #fff;box-shadow:0 25px 55px -22px #45532c24;overflow:hidden;transform:rotate(1deg)}.studio-preview-top{padding:18px 20px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #f1f3ec}.studio-brand{display:flex;align-items:center;gap:7px;white-space:nowrap}.studio-brand .icon{color:#7fae11;width:18px;height:18px}.studio-brand strong{font-size:13px}.studio-preview-top .preview-badge{font-size:8px}.studio-preview-top .window-dots{margin-left:auto}.studio-tabs{display:flex;gap:18px;padding:14px 22px 0;border-bottom:1px solid #edf0e6}.studio-tabs button{padding:4px 0 12px;position:relative;font-size:11px;color:#949c8c}.studio-tabs button.selected{font-weight:650;color:#46542e}.studio-tabs button.selected:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;border-radius:5px;background:var(--lime)}.studio-preview-body{padding:22px;display:grid;grid-template-columns:1fr 1.04fr;gap:18px}.input-label{display:block;font-size:9px;color:#858f79;margin-bottom:8px}.fake-textarea{font-size:10px;line-height:1.9;background:#f9faf7;border:1px solid #edf0e7;border-radius:8px;padding:13px 11px;min-height:108px;margin-bottom:16px;color:#606b53}.style-chips{display:flex;gap:5px;margin-top:6px}.style-chips span{font-size:7px;color:#9da68e;background:#f4f6ef;border:1px solid transparent;border-radius:5px;padding:4px 5px;white-space:nowrap}.style-chips .selected{color:#6f843a;background:#f0f8df;border-color:#d5e7b2}.studio-generate{margin-top:18px;font-size:10px;padding:10px 9px;width:100%;border-radius:7px;gap:7px}.studio-generate .icon{width:14px;height:14px}.studio-result-preview{display:flex;flex-direction:column;min-width:0}.studio-result-preview>.creative-art{border-radius:9px;aspect-ratio:1;flex:1}.result-caption{display:flex;align-items:center;gap:5px;font-size:7px;color:#8b957e;margin-top:9px}.result-caption .status-dot{height:4px;width:4px}.studio-bottom{border-top:1px solid #f1f4ea;padding:12px 20px;display:flex;justify-content:space-between;font-size:7px;color:#a0a891;gap:10px}.studio-bottom>span:first-child{display:flex;align-items:center;gap:5px}.studio-bottom .icon{height:10px;width:10px}.studio-bottom>span:last-child{letter-spacing:1px}
/* Inspiration collage */
.community{padding-top:118px;padding-bottom:122px}.community-layout{grid-template-columns:1.05fr 1fr;gap:100px}.inspiration-wall{display:grid;grid-template-columns:1fr 1fr;gap:17px;position:relative;margin:0 6px}.art-card{padding:0;text-align:left;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 13px 30px #414b3510;border:6px solid #fff;transition:transform .3s,box-shadow .3s;position:relative}.art-card .creative-art{aspect-ratio:1;transition:filter .3s}.art-card:hover{box-shadow:0 20px 35px #414b3525;z-index:2}.art-card:hover .creative-art{filter:brightness(1.04)}.beauty-card{transform:rotate(-6deg)}.beauty-card:hover{transform:rotate(-3deg) translateY(-5px)}.shoe-card{transform:rotate(5deg) translateY(17px)}.shoe-card:hover{transform:rotate(2deg) translateY(12px)}.audio-card{transform:rotate(3deg) translateY(-3px)}.audio-card:hover{transform:rotate(0) translateY(-8px)}.drink-card{transform:rotate(-4deg) translateY(12px)}.drink-card:hover{transform:rotate(-1deg) translateY(7px)}.art-card-caption{display:flex;justify-content:space-between;align-items:center;padding:9px 6px 4px;font-size:9px;font-weight:550}.art-card-caption>span:last-child{color:#8c9e72;font-size:15px;line-height:1}.wall-sticker{position:absolute;left:43%;top:42%;transform:rotate(-9deg);z-index:3;background:var(--lime);color:var(--charcoal);font-size:8px;line-height:1.5;letter-spacing:.7px;padding:13px 17px;box-shadow:0 6px 15px #34430d12;pointer-events:none}.wall-sticker strong{font-size:8px}.wall-sticker>span{position:absolute;right:-13px;top:-21px;color:var(--charcoal);font-size:33px;line-height:1}.community-copy>p{max-width:465px}.inspiration-tags{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:34px}.inspiration-tags>span{font-size:11px;background:#f5f6f0;color:#7e8972;border-radius:6px;padding:6px 11px}.community-copy .small-note{margin-top:19px}
/* Call to action and FAQ */
.download{background:radial-gradient(ellipse at 78% 45%,#e7f6ca,transparent 60%),linear-gradient(125deg,#f6f8f1,#f5f8eb);position:relative;overflow:hidden;padding:83px 0}.download-inner{position:relative;text-align:center}.download h2{font-size:43px;line-height:1.45;letter-spacing:-1.5px;font-weight:750}.download p{margin-top:20px;font-size:14px;color:#7e8971}.download-actions{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:30px}.download .download-note{font-size:10px;color:#9ba78b;margin-top:18px}.download-values{display:flex;justify-content:center;gap:35px;margin-top:30px;color:#78836a;font-size:12px}.download-values>span{display:flex;align-items:center;gap:7px}.download-values .icon{height:16px;width:16px;color:#7d9b3c}.download-path{position:absolute;left:-170px;bottom:-70px;width:420px;height:150px;background:#e6eecf;border-radius:100px;transform:rotate(-42deg)}.download-dot{width:80px;height:80px;border-radius:50%;background:#b6ff00;position:absolute;right:9%;top:23%;opacity:.85}.help{position:relative;padding:92px 0 105px;overflow:hidden}.faq-wrap{max-width:760px;margin:0 auto;width:calc(100% - 48px)}.faq-list{margin-top:38px;display:grid;gap:11px}.faq-list details{border:1px solid #edf0e6;border-radius:13px;box-shadow:0 6px 24px #49593808;overflow:hidden;background:#fff}.faq-list summary{display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer;list-style:none;font-size:14px;font-weight:550;padding:19px 22px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{width:15px;height:15px;color:#98a08c;transition:transform .25s}.faq-list details[open] summary .icon{transform:rotate(180deg)}.faq-list details[open]{border-color:#dce9c5}.faq-list details p{font-size:12px;line-height:1.95;color:#7d8871;padding:0 22px 20px}.faq-decor{position:absolute;left:6%;top:34%;color:#eef3e4;font-size:100px;transform:rotate(14deg);z-index:-1}.footer{border-top:1px solid #edf0e6}.footer-inner{padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{width:210px;height:44px}.footer-brand img{width:226px;top:-16px}.footer-center>span{font-size:13px;font-weight:600}.footer-center small{display:block;font-size:9px;color:#99a18e;margin-top:3px}.footer-right{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 16px;max-width:280px;font-size:10px;color:#87907b}.footer-right a:hover{color:var(--charcoal)}.footer-right .icon{height:10px;width:10px;margin-left:2px}.footer-right small{width:100%;text-align:right;font-size:9px;color:#a7ae9f;margin-top:3px}.back-top{position:fixed;bottom:25px;right:25px;background:#fff;border:1px solid #e2e9d7;box-shadow:0 5px 20px #4b5a3312;z-index:20}.back-top .icon{transform:rotate(-90deg);height:18px;width:18px}
/* Native accessible dialogs */
dialog{border:1px solid #e6ebdc;padding:30px;background:#fff;border-radius:22px;box-shadow:0 25px 100px #191d1a40;color:var(--charcoal);max-height:90dvh;overflow:auto;width:calc(100% - 36px);max-width:900px}dialog::backdrop{background:#191d1a80;backdrop-filter:blur(7px)}dialog[open]{animation:dialog-in .25s var(--ease)}body.dialog-open{overflow:hidden}.dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.dialog-header .section-kicker{font-size:9px;margin-bottom:9px}.dialog-header h2{font-size:25px;letter-spacing:-.7px;line-height:1.45}.dialog-header .icon-button{flex-shrink:0;background:#f6f8f1;margin-top:-5px;margin-right:-5px}.dialog-intro{font-size:12px;line-height:1.8;color:#8b957c;margin:12px 0 24px}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px}#demo-form>label,.form-label{display:block;font-size:12px;font-weight:600;margin:0 0 9px}#demo-form select,#demo-form textarea{width:100%;border:1px solid #dfe6d5;border-radius:9px;background:#fafbf7;padding:11px 13px;font-size:12px;line-height:1.9;outline-color:#9abe46}#demo-form select{margin-bottom:20px}#demo-form textarea{resize:vertical;min-height:125px;max-height:300px;margin-bottom:17px}#demo-form textarea::placeholder{color:#a0a992}.demo-styles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.demo-styles label{display:flex;align-items:center;position:relative;cursor:pointer}.demo-styles input{position:absolute;opacity:0;width:1px;height:1px}.demo-styles span{width:100%;text-align:center;font-size:11px;line-height:1.7;padding:8px;background:#f6f8f1;border:1px solid #edf0e6;border-radius:7px}.demo-styles input:checked+span{border-color:#9ecb35;background:#eff9db;color:#526b23}.demo-styles input:focus-visible+span{outline:2px solid #647d32;outline-offset:3px}.demo-submit{margin-top:23px;width:100%;border-radius:9px;font-size:13px}.demo-submit .icon{height:18px;width:18px}.demo-output{position:relative;border-radius:13px;background:#f8faf3;padding:12px;display:flex;flex-direction:column;min-height:400px}.demo-result-image{aspect-ratio:1;border-radius:9px;opacity:.15;filter:blur(5px);transition:filter .5s,opacity .5s}.demo-output.has-result .demo-result-image{opacity:1;filter:none}.demo-result-placeholder{position:absolute;inset:0 0 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:12px;text-align:center}.demo-result-placeholder>.icon{width:33px;height:33px;color:#8eae51;margin-bottom:5px}.demo-result-placeholder strong{font-size:14px}.demo-result-placeholder>span{font-size:10px;color:#8a9878}.demo-output.has-result .demo-result-placeholder{display:none}.demo-result-info{padding:14px 3px 6px}.demo-result-info p{font-size:11px;line-height:1.8;margin:10px 0;color:#70825c;white-space:pre-wrap;overflow-wrap:anywhere;max-height:140px;overflow:auto}.demo-result-info .text-button{font-size:10px;gap:8px;border-color:#b7c49f;padding-bottom:4px}.demo-result-info .icon{width:12px;height:12px}.demo-output-note{font-size:9px;line-height:1.8;color:#a1ad90;text-align:center;margin:12px 0 0;align-self:stretch}.tools-dialog{max-width:590px}.tool-options{display:grid;gap:12px}.tool-option{display:flex;gap:14px;align-items:center;padding:19px 15px;border-radius:12px;border:1px solid #e9eede;background:#fafbf8}.tool-option>.icon,.mac-symbol{width:26px;height:26px;color:#8f9c7c;flex-shrink:0}.mac-symbol{font-size:28px;line-height:1}.tool-option h3{font-size:14px;font-weight:650}.tool-option p{font-size:10px;color:#97a087;margin-top:4px}.tool-option>.button,.coming-soon{margin-left:auto;flex-shrink:0}.tool-option>.button{padding:8px 14px;font-size:11px}.tool-option.available{background:#f5fae9;border-color:#dceabb}.coming-soon{font-size:10px;color:#9ba38e;padding:5px 8px;border-radius:6px;background:#edf0e7}.gallery-dialog{max-width:860px}.gallery-filters{display:flex;gap:8px;margin:20px 0}.gallery-filters button{padding:7px 13px;background:#f2f5eb;border-radius:20px;font-size:11px;color:#859374;transition:background .2s}.gallery-filters button.selected{background:var(--lime);color:var(--charcoal)}.gallery-items{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.gallery-item{border-radius:12px;border:1px solid #edf0e6;overflow:hidden}.gallery-item>.creative-art{aspect-ratio:1}.gallery-item-info{padding:15px}.gallery-item h3{font-size:14px;font-weight:650}.gallery-item p{font-size:11px;color:#89967a;line-height:1.8;margin-top:7px}.gallery-item .text-button{font-size:10px;margin-top:12px;gap:8px;border-color:#bdcba8}.gallery-item .icon{width:13px;height:13px}.gallery-dialog>.small-note{margin-top:17px}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);padding:13px 24px;background:var(--charcoal);border-radius:12px;color:#fff;font-size:13px;box-shadow:0 8px 30px #0002;z-index:100;max-width:calc(100% - 40px);text-align:center;animation:dialog-in .2s}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.inspiration-wall.reveal{transform:translateY(22px)}.inspiration-wall.reveal.visible{transform:translateY(0)}.studio-preview.reveal.visible{transform:rotate(1deg)}.feature-card.reveal.visible:hover{transform:translateY(-7px)}
@keyframes blink{50%{opacity:0}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes dialog-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(min-width:1440px){.hero-inner{min-height:860px}.hero{min-height:860px}.hero-visual{margin-right:-60px}.app-window{max-width:740px}.hero-copy{padding-left:3px}.hero-description{font-size:16px}.hero-wash{background:radial-gradient(ellipse at 85% 30%,#deedbaaa 0,transparent 50%),radial-gradient(ellipse at 60% 75%,#fff0dd 0,transparent 40%),#fbfcf7}.hero-inner{gap:40px}}
@media(max-width:1150px){.page-width{width:calc(100% - 56px)}.nav-shell{width:calc(100% - 40px)}.brand{width:190px;height:43px}.brand img{width:210px;top:-15px}.desktop-nav{gap:20px;margin-left:0}.desktop-nav a{font-size:12px}.nav-actions{gap:12px}.nav-cta{padding:9px 16px;font-size:12px}.hero-inner{grid-template-columns:.88fr 1.12fr;min-height:730px;padding-bottom:100px}.hero{min-height:730px}h1{font-size:65px;min-height:153px}.hero-description{font-size:13px}.hero-buttons{gap:9px}.hero-buttons .button-large{padding:14px 22px;font-size:14px;gap:9px}.hero-buttons .icon{width:18px;height:18px}.hero-pillars a{padding:0 12px;gap:7px}.hero-pillars strong{font-size:12px}.hero-pillars small{font-size:9px}.hero-pillars .icon{width:20px;height:20px}.hero-visual{margin-right:-84px;margin-left:10px}.app-sidebar{width:95px;padding-left:7px;padding-right:7px}.app-main{padding:15px}.app-content{height:410px}.app-welcome{height:170px;padding:18px}.app-welcome h2{font-size:26px}.welcome-mascot{width:190px;height:170px;right:0}.welcome-path{width:185px}.app-shortcuts{gap:6px}.shortcut{height:73px;padding:9px 7px}.shortcut strong{font-size:8px}.shortcut small{font-size:5px}.app-thumbnails{height:58px}.visual-caption{right:15px;bottom:20px;padding:10px 15px}.visual-caption strong{font-size:9px}.feature-grid{gap:11px}.feature-card{padding:24px 12px}.feature-card p{font-size:10px}.feature-card h3{font-size:13px}.split-layout{gap:45px}.section-copy h2{font-size:33px}.section-copy>p{font-size:13px}.community-layout{gap:65px}.section-space{padding:85px 0}.features{padding-top:60px}.studio-preview-body{padding:17px;gap:13px}.studio-tabs{gap:15px;padding-left:17px}.fake-textarea{font-size:9px;min-height:104px}.style-chips span{font-size:6px;padding:4px}.studio-preview-top{padding:16px}.studio-preview-top .preview-badge{display:none}.download h2{font-size:39px}.download-dot{right:5%;width:58px;height:58px}}
@media(max-width:900px){.desktop-nav{gap:16px}.desktop-nav a{font-size:11px}.nav-actions{gap:10px}.nav-cta{display:none}.brand{width:185px}.hero-inner{grid-template-columns:.85fr 1.15fr}.hero-visual{margin-right:-100px;margin-left:8px}.app-perspective{transform:rotateX(5deg) rotateY(-10deg)}h1{font-size:58px;min-height:137px}.eyebrow{font-size:8px;margin-bottom:22px}.hero-description{font-size:12px}.hero-buttons{flex-wrap:wrap}.hero-buttons .button-large{padding:13px 18px;font-size:13px}.hero-platforms{font-size:10px;gap:10px}.hero-pillars a{padding:0 10px}.hero-pillars .icon{width:17px;height:17px}.hero-pillars strong{font-size:10px}.hero-pillars small{font-size:8px}.app-content{height:400px}.app-welcome h2{font-size:25px}.welcome-mascot{width:170px;right:0}.app-welcome p{font-size:6px}.app-sidebar{width:88px}.app-main{padding:12px}.app-wordmark{font-size:19px}.app-nav-item{font-size:7px;padding-left:5px;gap:7px}.app-topline strong{font-size:8px}.app-topline .preview-badge{font-size:6px}.app-topline{gap:3px}.app-title-right{display:none}.visual-caption{right:16px;bottom:24px;gap:8px}.visual-caption strong{font-size:8px}.caption-star{font-size:26px}.carousel-controls{margin-top:27px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{min-height:190px;padding:25px 24px}.feature-card h3{font-size:15px}.feature-card p{font-size:12px}.feature-icon{height:45px;width:45px}.section-heading h2{font-size:30px}.section-heading p{font-size:13px}.section-copy h2{font-size:29px}.split-layout{gap:28px}.studio-preview-body{grid-template-columns:1fr}.studio-result-preview{display:none}.studio-tabs{gap:14px}.studio-tabs button{font-size:9px}.studio-preview-top{padding:14px}.studio-bottom{font-size:6px;padding:10px 13px}.fake-textarea{min-height:84px}.style-chips span{font-size:8px;padding:4px 7px}.studio-generate{margin-top:16px}.creation-decor{right:0;top:-20px;font-size:75px}.community-layout{gap:45px}.inspiration-wall{gap:12px}.art-card{border-width:4px}.art-card-caption{font-size:7px;padding:5px 3px}.wall-sticker{padding:9px 11px;left:39%;font-size:6px}.wall-sticker strong{font-size:6px}.wall-sticker>span{font-size:25px}.section-copy>p{font-size:12px;line-height:2}.community-copy .text-button{font-size:13px}.inspiration-tags{gap:7px;margin-bottom:25px}.inspiration-tags>span{font-size:9px;padding:5px 8px}.download h2{font-size:35px}.download-dot{width:38px;height:38px;right:4%;top:20%}.download-path{left:-260px}.footer-inner{gap:20px}.footer-center{display:none}}
@media(max-width:700px){html{scroll-padding-top:78px}.header,.nav-shell{height:70px}.nav-shell{width:calc(100% - 32px)}.desktop-nav{display:none}.brand{width:195px;height:43px}.brand img{width:213px;top:-15px;left:-5px}.nav-actions{gap:15px}.menu-button{display:flex;width:32px;height:36px}.menu-button .icon{height:22px;width:22px}.language-button{font-size:11px}.page-width{width:calc(100% - 40px)}.hero-inner{display:flex;flex-direction:column;min-height:auto;gap:38px;padding-top:116px;padding-bottom:83px}.hero{min-height:auto}.hero-copy{width:100%;text-align:center;align-self:auto}.eyebrow{justify-content:center;font-size:9px;margin-bottom:23px;letter-spacing:1.2px}h1{font-size:63px;letter-spacing:-2.5px;line-height:1.17;min-height:149px}.hero-highlight:after{height:10px;bottom:7px}.hero-description{font-size:13px;line-height:1.95;margin-top:23px}.hero-buttons{justify-content:center;margin-top:26px;gap:10px}.hero-buttons .button-large{font-size:14px;padding:14px 25px}.hero-platforms{justify-content:center;margin-top:20px;font-size:10px}.hero-pillars{justify-content:center;margin-top:25px}.hero-pillars a{padding:0 17px;text-align:left;gap:8px}.hero-pillars strong{font-size:12px}.hero-pillars small{font-size:9px}.hero-pillars .icon{height:21px;width:21px}.hero-visual{margin:0 -6px;width:calc(100% + 12px);padding:0;max-width:560px}.app-perspective{transform:rotateX(4deg) rotateY(-7deg) rotateZ(1deg)}.app-window{border-radius:11px}.app-titlebar{height:24px;font-size:5px;padding:0 9px;gap:8px}.window-dots{gap:3px}.window-dots i{width:5px;height:5px}.app-content{height:332px}.app-sidebar{width:82px;padding:15px 6px 7px}.app-wordmark{font-size:18px;letter-spacing:-1px;margin-bottom:15px}.app-wordmark small{font-size:6px;letter-spacing:.5px;margin-top:5px}.app-nav-item{font-size:6px;gap:7px;padding:8px 5px;margin-bottom:3px}.app-nav-item .icon{height:10px;width:10px}.app-sidebar-bottom{font-size:6px;bottom:9px;gap:5px}.mini-avatar{height:16px;width:16px;font-size:7px}.app-main{padding:12px}.app-topline strong{font-size:7px}.app-topline .preview-badge{font-size:5px}.app-topline{margin-bottom:8px}.app-welcome{height:142px;border-radius:8px;padding:14px 17px}.app-welcome h2{font-size:24px;margin:5px 0}.app-welcome p{font-size:5.5px}.micro-label{font-size:5px;letter-spacing:.8px}.app-mini-button{font-size:5px;padding:4px 10px;margin-top:7px}.welcome-mascot{width:158px;height:140px;right:-1px;top:2px}.welcome-path{height:45px;width:150px;right:0;top:50px}.welcome-spark{font-size:21px;right:5px;top:8px}.app-section-top{font-size:7px;margin:11px 0 7px}.app-section-top>span{font-size:5px}.app-shortcuts{gap:5px}.shortcut{height:65px;padding:8px 6px;border-radius:5px}.shortcut .icon{height:12px;width:12px;margin-bottom:4px}.shortcut strong{font-size:7px}.shortcut small{font-size:4px;letter-spacing:-.3px}.shortcut>span{font-size:8px;right:5px;top:5px}.app-inspiration{margin:9px 0 7px}.app-thumbnails{height:50px;gap:5px}.app-thumbnails>div{border-radius:4px}.visual-caption{right:-2px;bottom:16px;padding:9px 13px;border-radius:10px;gap:8px}.visual-caption strong{font-size:8px}.visual-caption div>span{font-size:5px;letter-spacing:.8px}.caption-star{font-size:24px}.carousel-controls{margin:25px 0 0;gap:7px}.carousel-controls>span{font-size:7px}.carousel-dot{height:5px;width:5px}.carousel-dot.active{width:17px}.scroll-cue{bottom:18px;gap:4px}.scroll-cue span{font-size:6px;letter-spacing:1.3px}.scroll-cue .icon{height:12px;width:12px}.arc-one{height:170px;width:520px;left:-210px;bottom:80px}.arc-two{width:200px;height:100px;right:-110px;top:100px;border-width:25px}.dot-one{height:21px;width:21px;top:125px;right:28px}.dot-two{left:20px;bottom:115px;width:9px;height:9px}.section-space{padding:64px 0}.section-kicker{font-size:8px;letter-spacing:1.7px;margin-bottom:15px}.section-heading h2{font-size:25px;letter-spacing:-.7px}.section-heading p{font-size:11px;line-height:1.9;margin-top:13px;max-width:300px;margin-left:auto;margin-right:auto}.features{padding-top:43px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:13px;margin-top:29px}.feature-card{min-height:180px;padding:22px 16px 21px;border-radius:15px}.feature-card h3{font-size:14px;margin-top:15px;margin-bottom:8px}.feature-card p{font-size:10px;line-height:1.9}.feature-icon{height:42px;width:42px;border-radius:12px}.feature-icon .icon{width:22px;height:22px}.feature-arrow{opacity:1;right:10px;font-size:11px}.section-orbit{width:100px;height:100px;border-width:15px;bottom:-30px}.split-layout{display:flex;flex-direction:column;gap:33px;align-items:stretch}.section-copy{text-align:left}.section-copy h2{font-size:29px;line-height:1.45;letter-spacing:-.8px}.section-copy>p{font-size:12px;margin:19px 0 22px;line-height:2;max-width:none}.check-list{gap:10px;margin-bottom:24px}.check-list li{font-size:11px}.check-list .icon{width:15px;height:15px}.section-copy>.button{font-size:12px;padding:12px 21px}.section-copy>.button .icon{width:17px;height:17px}.demo-disclaimer{font-size:9px;margin-top:10px}.creation-decor{top:10px;right:-22px;font-size:82px;opacity:.7}.studio-preview{border-radius:15px;max-width:540px;width:100%;align-self:center}.studio-preview-body{grid-template-columns:1fr 1fr;padding:17px;gap:13px}.studio-result-preview{display:flex}.studio-preview-top{padding:15px 17px}.studio-brand strong{font-size:11px}.studio-brand .icon{height:16px;width:16px}.studio-preview-top .preview-badge{display:inline;font-size:6px;margin-left:auto}.studio-preview-top .window-dots{display:none}.studio-tabs{padding-top:11px;gap:20px}.studio-tabs button{font-size:9px;padding-bottom:10px}.input-label{font-size:8px;margin-bottom:6px}.fake-textarea{min-height:94px;margin-bottom:12px;padding:9px;font-size:8px;line-height:1.9}.style-chips{gap:4px;flex-wrap:wrap}.style-chips span{font-size:6px;padding:3px 4px}.studio-generate{font-size:8px;padding:8px 5px;margin-top:12px;gap:5px}.studio-generate .icon{width:11px;height:11px}.studio-bottom{font-size:6px;padding:10px 16px}.result-caption{font-size:5.5px;gap:4px;margin-top:7px}.result-caption .status-dot{height:3px;width:3px}.community-layout{gap:45px}.inspiration-wall{max-width:430px;width:calc(100% - 16px);align-self:center;margin:3px 0 10px;gap:13px}.art-card{border-width:5px;border-radius:12px}.art-card-caption{font-size:8px;padding:7px 4px 2px}.wall-sticker{padding:12px 15px;font-size:7px;left:40%;top:42%}.wall-sticker strong{font-size:7px}.wall-sticker>span{font-size:29px;right:-10px;top:-16px}.community-copy>p{max-width:none}.inspiration-tags{gap:8px;margin-bottom:24px}.inspiration-tags>span{font-size:10px;padding:6px 10px}.community-copy .text-button{font-size:12px}.community-copy .small-note{font-size:9px!important;margin-top:15px}.download{padding:61px 0}.download h2{font-size:30px;letter-spacing:-.8px;line-height:1.5}.download p{font-size:11px;max-width:290px;margin:17px auto 0;line-height:1.9}.download-actions{gap:10px;margin-top:25px;flex-wrap:wrap}.download-actions .button-large{font-size:12px;padding:13px 20px;gap:8px}.download-actions .icon{height:16px;width:16px}.download .download-note{font-size:8px;max-width:none;margin-top:15px}.download-values{gap:20px;margin-top:25px;font-size:10px}.download-values .icon{height:14px;width:14px}.download-dot{right:-10px;top:65px;width:33px;height:33px}.download-path{width:270px;height:90px;left:-185px;bottom:-10px}.faq-wrap{width:calc(100% - 40px)}.faq-list{margin-top:28px;gap:10px}.faq-list summary{font-size:12px;padding:16px;gap:10px}.faq-list details{border-radius:11px}.faq-list details p{font-size:11px;padding:0 16px 16px}.faq-list summary .icon{height:13px;width:13px}.faq-decor{left:-35px;font-size:85px}.footer-inner{padding:27px 0;flex-direction:column;gap:19px;align-items:center}.footer-brand{width:195px;height:42px}.footer-brand img{width:213px;top:-15px}.footer-right{justify-content:center;gap:7px 15px;max-width:none;font-size:10px}.footer-right small{text-align:center;font-size:8px;width:100%;margin-top:4px}.back-top{width:34px;height:34px;bottom:17px;right:15px}.back-top .icon{width:15px;height:15px}dialog{padding:22px;border-radius:18px;max-height:92dvh}.dialog-header h2{font-size:21px}.dialog-header .section-kicker{font-size:7px;letter-spacing:1.3px}.dialog-header .icon-button{width:32px;height:32px}.dialog-header .icon{height:18px;width:18px}.dialog-intro{font-size:10px;margin-bottom:20px}.demo-layout{grid-template-columns:1fr;gap:20px}#demo-form>label,.form-label{font-size:11px}#demo-form select,#demo-form textarea{font-size:11px}#demo-form select{margin-bottom:17px}#demo-form textarea{min-height:100px}.demo-submit{margin-top:18px}.demo-output{min-height:260px}.demo-result-image{max-height:350px;aspect-ratio:1;width:100%;max-width:350px;align-self:center}.demo-result-placeholder strong{font-size:13px}.demo-output-note{font-size:8px}.gallery-filters{gap:6px}.gallery-filters button{font-size:10px;padding:6px 11px}.gallery-items{gap:13px}.gallery-item-info{padding:10px}.gallery-item h3{font-size:11px}.gallery-item p{font-size:9px}.gallery-item .text-button{font-size:9px;margin-top:8px}.tool-option{padding:15px 11px;gap:10px}.tool-option>.icon,.mac-symbol{width:22px;height:22px}.mac-symbol{font-size:24px}.tool-option h3{font-size:12px}.tool-option p{font-size:9px}.tool-option>.button{font-size:10px;padding:7px 10px}.coming-soon{font-size:9px;padding:4px 6px}.toast{font-size:11px;padding:11px 17px;bottom:20px}}
@media(max-width:380px){.page-width{width:calc(100% - 32px)}.nav-shell{width:calc(100% - 26px)}.brand{width:175px}.brand img{width:195px;top:-13px}.nav-actions{gap:9px}h1{font-size:57px;min-height:135px}.eyebrow{font-size:8px;gap:7px}.hero-description{font-size:11px}.hero-buttons .button-large{font-size:12px;padding:13px 21px}.hero-pillars a{padding:0 12px}.hero-pillars strong{font-size:11px}.hero-pillars small{font-size:8px}.app-sidebar{width:69px}.app-wordmark{font-size:16px;padding:0 3px}.app-nav-item{gap:5px;padding-left:4px;font-size:5.5px}.app-main{padding:10px}.app-topline strong{font-size:6px}.app-welcome{padding-left:12px}.app-welcome h2{font-size:22px}.welcome-mascot{width:142px}.app-welcome p{font-size:5px}.shortcut strong{font-size:6px}.shortcut small{font-size:3.8px}.studio-preview-body{padding:13px;gap:10px}.studio-tabs{gap:15px}.section-heading h2{font-size:23px}.feature-card{padding:20px 13px}.feature-card p{font-size:9px}.gallery-items{grid-template-columns:1fr}.footer-brand{width:185px}.footer-brand img{width:203px;top:-14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.app-perspective{transform:rotateX(4deg) rotateY(-7deg)}.typing-cursor{display:none}}
html[lang="en"] h1{font-size:62px;letter-spacing:-2.5px;line-height:1.23;min-height:155px}html[lang="en"] .hero-description{font-size:13px}html[lang="en"] .desktop-nav{gap:23px}html[lang="en"] .hero-pillars strong{font-size:12px}html[lang="en"] .hero-pillars a{padding:0 13px}html[lang="en"] .hero-pillars a:first-child{padding-left:0}html[lang="en"] .hero-pillars small{font-size:9px}html[lang="en"] .app-welcome h2{font-size:25px}html[lang="en"] .app-welcome p{max-width:145px;font-size:6px}html[lang="en"] .app-topline strong{font-size:8px}html[lang="en"] .app-nav-item{font-size:7px}html[lang="en"] .shortcut strong{font-size:8px}html[lang="en"] .section-copy h2{font-size:34px}html[lang="en"] .download h2{font-size:38px}html[lang="en"] .studio-tabs{gap:14px}html[lang="en"] .studio-tabs button{font-size:9px}
@media(max-width:900px){html[lang="en"] h1{font-size:49px;min-height:122px}html[lang="en"] .desktop-nav{gap:15px}html[lang="en"] .section-copy h2{font-size:27px}html[lang="en"] .hero-pillars strong{font-size:9px}html[lang="en"] .hero-pillars small{font-size:7px}html[lang="en"] .hero-pillars a{padding:0 8px}html[lang="en"] .hero-description{font-size:11px}}
@media(max-width:700px){html[lang="en"] h1{font-size:54px;min-height:135px}html[lang="en"] .hero-description{font-size:11px}html[lang="en"] .hero-buttons .button-large{font-size:12px;padding:13px 19px;gap:8px}html[lang="en"] .hero-pillars strong{font-size:10px}html[lang="en"] .hero-pillars small{font-size:8px}html[lang="en"] .hero-pillars a{padding:0 8px;gap:7px;flex:1;text-align:left}html[lang="en"] .hero-pillars .icon{width:17px;height:17px}html[lang="en"] .app-welcome h2{font-size:16px}html[lang="en"] .welcome-mascot{width:135px;right:-12px}html[lang="en"] .app-welcome p{max-width:110px;font-size:5px}html[lang="en"] .shortcut strong{font-size:6px}html[lang="en"] .shortcut small{font-size:4px}html[lang="en"] .app-nav-item{font-size:5px}html[lang="en"] .app-topline strong{font-size:6px}html[lang="en"] .app-topline .preview-badge{font-size:4px}html[lang="en"] .download h2{font-size:28px}html[lang="en"] .section-heading h2{font-size:24px}}

/* Transparent logo, retaining the supplied letterforms and independent eye animation. */
.header .brand-animated {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(252px * 1485 / 2070);
  height: 60px;
  padding: 5px 0;
  overflow: visible;
  background: transparent;
}
.brand-logo { display: block; width: 100%; height: auto; overflow: visible; }
.footer-brand { width: calc(210px * 1485 / 2070); }
.header .language-button { white-space: nowrap; flex-shrink: 0; }
.brand-ant { transform-box: fill-box; transform-origin: 50% 85%; }
.brand-eye {
  transform-box: fill-box;
  transform-origin: center;
  animation: brand-blink 3s ease-in-out infinite;
}
.brand-animated.is-greeting .brand-ant { animation: brand-nod .7s ease-in-out; }
.brand-animated.is-greeting .brand-eye-left { animation: none; }
.brand-animated.is-greeting .brand-eye-right { animation: brand-wink .7s ease-in-out; }
.brand-animated.is-paused .brand-eye { animation-play-state: paused; }
@keyframes brand-blink {
  0%, 92%, 100% { transform: scaleY(1); }
  95.5%, 96.5% { transform: scaleY(.06); }
}
@keyframes brand-wink {
  0%, 100% { transform: scaleY(1); }
  28%, 63% { transform: scaleY(.08); }
}
@keyframes brand-nod {
  0%, 100% { transform: rotate(0); }
  35%, 60% { transform: rotate(-5deg) translateY(-4px); }
}
@media (max-width: 1150px) {
  .header .brand-animated { width: calc(220px * 1485 / 2070); height: 54px; }
}
@media (max-width: 900px) {
  .header .brand-animated { width: calc(205px * 1485 / 2070); height: 52px; }
}
@media (max-width: 700px) {
  .header .brand-animated { width: calc(218px * 1485 / 2070); height: 53px; }
  .footer-brand { width: calc(195px * 1485 / 2070); }
}
@media (max-width: 380px) {
  .header .brand-animated { width: calc(180px * 1485 / 2070); height: 49px; }
  .footer-brand { width: calc(185px * 1485 / 2070); }
}
@media (prefers-reduced-motion: reduce) {
  .brand-animated .brand-ant,
  .brand-animated .brand-eye { animation: none !important; transform: none !important; }
}

/* Non-interactive visitors. Fixed containment prevents them affecting page layout. */
.ant-playground { position: fixed; inset: 0; overflow: hidden; contain: strict; z-index: 18; pointer-events: none; user-select: none; }
.roaming-ant { position: absolute; top: 0; left: 0; display: block; width: 28px; height: 22px; color: #30382d; opacity: 0; pointer-events: none; will-change: transform; }
.roaming-ant svg { display: block; width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 1px 1px #191d1a22); }
.ant-legs { transform-origin: 52px 40px; animation: ant-step var(--gait-duration, .34s) ease-in-out var(--gait-delay, 0s) infinite alternate; }
.ant-legs-b { animation-direction: alternate-reverse; }
.ant-body { animation: ant-bob .34s ease-in-out var(--gait-delay, 0s) infinite alternate; }
.ant-feelers { transform-origin: 74px 38px; animation: ant-feel 1.4s ease-in-out var(--gait-delay, 0s) infinite alternate; }
@keyframes ant-step { from { transform: rotate(-10deg); } to { transform: rotate(10deg); } }
@keyframes ant-bob { from { transform: translateY(-.7px); } to { transform: translateY(.7px); } }
@keyframes ant-feel { from { transform: rotate(-5deg); } to { transform: rotate(5deg); } }
@media (prefers-reduced-motion: reduce) { .ant-playground { display: none; } }

/* Brand-letter watermarks: 80% transparent, underneath the content. */
.ant-watermark { position: absolute; display: block; height: auto; aspect-ratio: 582 / 205; opacity: .2; pointer-events: none; user-select: none; z-index: 0; }
.hero .ant-watermark { z-index: -1; }
.ant-watermark-hero { width: 440px; left: -34px; bottom: 8px; transform: rotate(-11deg); }
.ant-watermark-features { width: 310px; right: -36px; top: 16px; transform: rotate(13deg); }
.ant-watermark-creation { width: 400px; left: -64px; bottom: -27px; transform: rotate(-14deg); }
.ant-watermark-download { width: 440px; right: -65px; bottom: -12px; transform: rotate(-17deg); }
.features > .page-width, .download-inner { position: relative; z-index: 1; }
@media (max-width: 900px) {
  .ant-watermark-hero { width: 350px; left: -45px; bottom: 10px; }
  .ant-watermark-features { width: 240px; right: -50px; top: 8px; }
  .ant-watermark-creation { width: 310px; left: -60px; }
  .ant-watermark-download { width: 340px; right: -90px; }
}
@media (max-width: 700px) {
  .ant-watermark-hero { width: 220px; left: -25px; bottom: 0; }
  .ant-watermark-features { width: 180px; right: -45px; top: -10px; }
  .ant-watermark-creation { width: 220px; left: -45px; bottom: -14px; }
  .ant-watermark-download { width: 245px; right: -75px; bottom: -8px; }
}