:root{--ink:#14201d;--paper:#f4f5f1;--muted:#64716b;--line:#d8ded8;--green:#b8ef67;--blue:#123b34;--lime:#d9ffa4;--white:#fff;--coral:#fa775c;--shadow:0 24px 70px rgba(15,38,31,.14);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}.boot{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;font-weight:700}.boot img{width:46px;height:46px;border-radius:12px}.shell{width:min(1200px,calc(100% - 48px));margin:auto}.announcement{height:35px;background:#162b24;color:#e4f7d3;font-size:12px;display:flex;align-items:center;justify-content:center;gap:9px;letter-spacing:.01em}.announcement a{color:var(--green);font-weight:700;text-decoration:underline;text-underline-offset:3px}.topbar{height:78px;border-bottom:1px solid rgba(20,32,29,.09);display:flex;align-items:center}.nav{display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:800;letter-spacing:-.04em;font-size:17px}.brand-mark{width:34px;height:34px;background:var(--blue);color:var(--green);border-radius:10px;display:grid;place-items:center;font-size:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.navlinks{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:600;color:#4d5b54}.navlinks a:hover,.navlinks a.active{color:var(--ink)}.navend{display:flex;align-items:center;gap:12px}.lang{border:0;background:transparent;font-size:12px;font-weight:700;color:var(--muted);padding:8px;cursor:pointer}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:9px;background:var(--blue);color:white;padding:12px 17px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.nav-cta:hover,.btn:hover{background:#205247;transform:translateY(-1px)}.btn-lime{background:var(--green);color:var(--ink)}.btn-lime:hover{background:#c9ff84}.btn-outline{border:1px solid var(--line);background:transparent;color:var(--ink)}.btn-outline:hover{background:white}.icon-arrow{font-size:17px;line-height:1}.mobile-toggle{display:none;border:0;background:none;font-size:24px}.hero{padding:74px 0 72px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.84fr 1.16fr;align-items:center;gap:52px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#486258;font:500 11px 'DM Mono',monospace;letter-spacing:.09em;text-transform:uppercase}.eyebrow:before{content:'';width:7px;height:7px;background:#5ca83a;border-radius:50%}.hero h1,.page-hero h1{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:clamp(42px,5.5vw,70px);line-height:1.02;letter-spacing:-.065em;margin:20px 0 22px;font-weight:700;max-width:560px}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#367655;letter-spacing:-.08em}.hero-copy{max-width:455px;color:#52625a;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin:28px 0 23px}.hero-note{font-size:11px;color:#7a8780;display:flex;align-items:center;gap:8px}.hero-note .lock{font-size:13px}.hero-visual{position:relative;padding:18px 0 12px 25px}.hero-visual:before{content:'';position:absolute;inset:0 -80px 0 0;background:#dfe9de;border-radius:46% 0 0 46%;transform:rotate(-3deg)}.screen-frame{position:relative;border-radius:14px;background:#14202a;padding:9px;box-shadow:var(--shadow);transform:rotate(1deg);overflow:hidden}.screen-frame:before{content:'●  ●  ●';position:absolute;top:10px;left:17px;color:#6b7c83;font:10px 'DM Mono',monospace;letter-spacing:3px;z-index:1}.screen-frame img{border-radius:7px;width:100%;height:auto}.screen-tag{position:absolute;right:-6px;bottom:4px;background:var(--green);padding:10px 14px;border:4px solid var(--paper);border-radius:8px;font:11px 'DM Mono',monospace;transform:rotate(-3deg)}.hero-scribble{position:absolute;top:-5px;right:6%;font:italic 16px Georgia;color:#6b8a73;transform:rotate(7deg)}.trustline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.trustrow{display:flex;justify-content:space-between;align-items:center;gap:20px;color:#68756e;font-size:11px}.trustitem{display:flex;gap:8px;align-items:center}.trustitem b{font:11px 'DM Mono',monospace;color:#273a31}.section{padding:92px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-kicker{font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:#6d7e70}.section h2{font:700 clamp(30px,4vw,48px)/1.1 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.055em;margin:10px 0 0;max-width:640px}.section-head p{max-width:360px;margin:0;color:var(--muted);font-size:14px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mode-card{min-height:300px;border-radius:var(--radius);padding:28px;position:relative;overflow:hidden;background:#e5eddf}.mode-card.dark{background:#172a26;color:#f2f6ef}.mode-card .number{font:11px 'DM Mono',monospace;opacity:.65}.mode-card h3{font:700 26px system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.04em;margin:37px 0 10px}.mode-card p{max-width:360px;color:#5b695f;font-size:14px}.mode-card.dark p{color:#bdc9c1}.mode-card .text-link{display:inline-flex;margin-top:13px;align-items:center;gap:8px;font-weight:700;font-size:13px}.mode-art{position:absolute;right:-3px;bottom:-9px;width:220px;opacity:.92}.mode-art img{border-radius:10px;box-shadow:0 10px 35px #132b272b;transform:rotate(-2deg)}.mode-card.dark .mode-art{right:12px;width:190px}.mode-card.dark .mode-art img{border:1px solid #34453d}.editorial{background:#e8e9e2}.editorial-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:68px;align-items:center}.editorial-image{position:relative}.editorial-image img{width:100%;border-radius:12px;box-shadow:0 18px 45px #1c302322}.caption{display:flex;justify-content:space-between;color:#718077;font:10px 'DM Mono',monospace;margin-top:12px}.feature-list{display:grid;gap:0;margin-top:25px}.feature-row{display:grid;grid-template-columns:35px 1fr;gap:13px;padding:17px 0;border-top:1px solid #ccd4cc}.feature-icon{width:29px;height:29px;border-radius:8px;background:#d6ebc6;display:grid;place-items:center;color:#31583f}.feature-row h3{margin:0 0 4px;font-size:14px}.feature-row p{margin:0;color:#68756c;font-size:12px;max-width:440px}.gallery{padding-top:80px}.shot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.shot{background:#fff;border:1px solid #e0e5df;border-radius:12px;overflow:hidden}.shot img{aspect-ratio:1.52;object-fit:cover;object-position:top}.shot figcaption{padding:12px 14px 14px;display:flex;justify-content:space-between;font-size:12px;font-weight:700}.shot figcaption span:last-child{color:#85928a;font:10px 'DM Mono',monospace}.steps{background:#17332c;color:#f5f8f2}.steps .section-kicker{color:#b8d39f}.steps h2{max-width:550px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:44px}.step{padding:0 28px 0 0;border-right:1px solid #496056;margin-right:28px}.step:last-child{border:0;margin:0}.step-no{font:12px 'DM Mono',monospace;color:#c8ed8c}.step h3{font:600 18px system-ui,-apple-system,'Segoe UI',sans-serif;margin:22px 0 8px}.step p{font-size:13px;color:#bfcbc2;max-width:280px;margin:0}.tools-preview{background:#f4f5f1}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-card{border:1px solid var(--line);border-radius:13px;padding:18px;background:#fafbf8;min-height:158px;transition:transform .2s,border-color .2s}.tool-card:hover{transform:translateY(-3px);border-color:#8fa58f}.tool-glyph{font:18px 'DM Mono',monospace;color:#4b7654}.tool-card h3{font-size:14px;margin:13px 0 5px}.tool-card p{font-size:12px;color:var(--muted);margin:0}.tool-link{display:inline-flex;margin-top:12px;color:#285c42;font-size:11px;font-weight:700}.cta-band{padding:45px;background:var(--green);border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-band h2{font:700 clamp(25px,3vw,36px)/1.1 system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.05em;margin:0}.cta-band p{margin:8px 0 0;color:#3b5946;font-size:13px}.footer{background:#14211d;color:#f2f5ef;padding:50px 0 22px}.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;padding-bottom:39px}.footer-brand p{max-width:250px;color:#9faea4;font-size:12px;margin-top:15px}.footer-col h4{font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:#a8c49c;margin:3px 0 15px}.footer-col a{display:block;color:#c6d0c9;font-size:12px;margin:10px 0}.footer-col a:hover{color:var(--green)}.footer-bottom{border-top:1px solid #34443c;padding-top:16px;color:#8a9a90;font-size:10px;display:flex;justify-content:space-between}.page-hero{padding:68px 0 45px}.page-hero h1{font-size:clamp(40px,5vw,62px);max-width:800px}.page-hero p{max-width:670px;color:#65736b;font-size:17px}.content-panel{background:#fff;border:1px solid #e1e5df;border-radius:15px;padding:30px;margin-bottom:16px}.content-panel h2{font:700 22px system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.04em;margin:0 0 12px}.content-panel h3{font-size:15px;margin:18px 0 5px}.content-panel p,.content-panel li{color:#59675f;font-size:14px}.content-panel .btn{margin-top:12px}.split-content{display:grid;grid-template-columns:1fr 1fr;gap:16px}.number-list{counter-reset:n;display:grid;gap:12px}.number-list li{list-style:none;position:relative;padding-left:42px}.number-list li:before{counter-increment:n;content:counter(n,decimal-leading-zero);position:absolute;left:0;color:#5e8f50;font:12px 'DM Mono',monospace}.contact-form{display:grid;gap:13px;max-width:600px}.contact-form label{font-size:12px;font-weight:700}.contact-form input,.contact-form textarea,.tool-input{width:100%;border:1px solid #cfd8d0;border-radius:8px;padding:11px 12px;background:#fff;color:var(--ink)}.contact-form textarea{min-height:140px;resize:vertical}.contact-note{background:#edf4e8;border-radius:9px;padding:13px;color:#53644d;font-size:12px}.tools-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tool-large{border:1px solid var(--line);border-radius:13px;padding:22px;background:white}.tool-large .tool-glyph{font-size:22px}.tool-large h2{font:700 18px system-ui,-apple-system,'Segoe UI',sans-serif;margin:10px 0 7px}.tool-large p{color:var(--muted);font-size:13px}.tool-large a{font-size:12px;color:#326746;font-weight:700}.tool-workspace{background:white;border:1px solid var(--line);border-radius:13px;padding:18px}.tool-workspace textarea{width:100%;min-height:220px;resize:vertical;border:1px solid #cfd8d0;border-radius:8px;padding:12px;font:12px/1.55 'DM Mono',monospace}.tool-result{white-space:pre-wrap;background:#eff4eb;border-radius:8px;padding:13px;min-height:50px;margin-top:12px;overflow:auto;font:12px/1.5 'DM Mono',monospace}.tool-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.tool-actions .btn{padding:9px 12px;font-size:12px}.online-editor{background:#111b27;color:#e7eef1;border-radius:14px;overflow:hidden;border:1px solid #25394b;box-shadow:0 20px 55px rgba(12,27,38,.16)}.editor-top{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px;border-bottom:1px solid #2b3945;background:#182433}.editor-top button,.editor-top select{color:#e8f0f4;background:#233548;border:1px solid #405369;border-radius:6px;padding:6px 9px;font-size:11px;cursor:pointer}.editor-top button:hover{background:#315069}.editor-top .primary{background:#b9ef67;color:#15231a;border-color:#b9ef67;font-weight:700}.editor-spacer{flex:1}.editor-tabs{display:flex;gap:4px;padding:8px 10px;border-bottom:1px solid #2b3945}.editor-tabs button{border:0;background:transparent;color:#98a8b7;padding:5px 10px;font-size:11px;cursor:pointer;border-radius:6px}.editor-tabs button.active{background:#2c4050;color:white}.editor-frame{height:560px;background:white}.editor-frame iframe{width:100%;height:100%;border:0;background:white}.editor-code{display:none;width:100%;height:560px;background:#101924;color:#d9e2e8;border:0;padding:18px;font:12px/1.65 'DM Mono',monospace;resize:none;outline:none}.editor-help{padding:10px 14px;color:#9daebb;font-size:11px}.privacy-table{width:100%;border-collapse:collapse;font-size:13px}.privacy-table td,.privacy-table th{padding:12px;text-align:left;border-bottom:1px solid var(--line)}.privacy-table th{color:#58715f}.mono{font-family:'DM Mono',monospace}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:10px 16px;background:#14211d;color:white;border-radius:8px;box-shadow:var(--shadow);font-size:12px;z-index:99;display:none}.toast.show{display:block}.boot{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;font-weight:700}.boot img{width:46px;border-radius:12px}
@media(max-width:900px){.navlinks{gap:15px}.hero-grid{gap:28px}.hero-visual{padding-left:10px}.editorial-grid{gap:35px}.footer-top{grid-template-columns:1.4fr 1fr 1fr;}.footer-col:last-child{display:none}}
@media(max-width:700px){.shell{width:min(100% - 32px,600px)}.announcement{text-align:center;padding:0 10px;font-size:10px}.topbar{height:66px}.mobile-toggle{display:block}.nav{gap:12px}.navlinks{display:none;position:absolute;left:0;right:0;top:101px;background:var(--paper);padding:14px 20px 20px;z-index:10;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.nav-cta{padding:9px 11px;font-size:11px}.brand{font-size:15px}.brand-mark{width:30px;height:30px}.navend{gap:4px}.hero{padding:48px 0 45px}.hero-grid,.editorial-grid{grid-template-columns:1fr}.hero-grid{gap:40px}.hero h1{font-size:48px}.hero-copy{font-size:15px}.hero-visual{padding:0 0 15px}.hero-visual:before{inset:-18px -40px -18px 25px}.hero-scribble{right:1%;top:-24px}.section{padding:65px 0}.section-head{display:block}.section-head p{margin-top:15px}.mode-grid,.split-content{grid-template-columns:1fr}.mode-card{min-height:285px;padding:22px}.mode-art{width:185px}.mode-card.dark .mode-art{width:155px}.editorial-grid{gap:32px}.shot-grid{grid-template-columns:1fr 1fr;gap:9px}.shot figcaption{font-size:10px;padding:9px}.steps-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.step{padding:0 0 22px;border-right:0;border-bottom:1px solid #496056;margin:0}.step h3{margin-top:9px}.tool-grid{grid-template-columns:1fr 1fr;gap:8px}.tool-card{min-height:150px;padding:13px}.cta-band{display:block;padding:27px}.cta-band .btn{margin-top:18px}.footer-top{grid-template-columns:1fr 1fr;gap:25px}.footer-brand{grid-column:1/-1}.footer-col:last-child{display:block}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}.page-hero{padding:46px 0 25px}.content-panel{padding:21px}.tools-catalog{grid-template-columns:1fr}.editor-top{gap:4px}.editor-top button,.editor-top select{padding:6px;font-size:10px}.editor-frame,.editor-code{height:470px}}

.webapp-frame{display:block;width:100%;height:min(860px,calc(100vh - 120px));min-height:720px;border:1px solid #c9d4d1;border-radius:14px;background:#0b1019;box-shadow:var(--shadow)}
@media(max-width:700px){.webapp-frame{height:calc(100vh - 95px);min-height:680px;border-radius:9px}}

.brand-logo{width:220px;height:54px;max-width:none;object-fit:contain}.lang-picker{position:relative}.lang-trigger{width:38px;height:38px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ink);font-size:21px;line-height:1;display:grid;place-items:center;cursor:pointer}.lang-trigger:hover,.lang-trigger[aria-expanded=true]{background:white;border-color:var(--line)}.lang-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:168px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 12px 32px rgba(15,38,31,.16)}.lang-menu[hidden]{display:none}.lang-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:var(--ink);font-size:12px;text-align:left;cursor:pointer}.lang-menu button:hover,.lang-menu button[aria-checked=true]{background:#eff4eb}.lang-menu button span{font-size:18px}
@media(max-width:700px){.brand-logo{width:188px;height:46px}.lang-trigger{width:34px;height:34px}}
.lang-flag{display:block;width:24px;height:16px;max-width:none;object-fit:cover;border:1px solid rgba(20,32,29,.14);border-radius:2px;flex:0 0 auto}.lang-menu button .lang-flag{width:22px;height:15px}