@import "tailwindcss";

body .license-section{padding:110px clamp(24px,7vw,112px) 125px;background:var(--paper);border-top:1px solid var(--line)}
body .license-box{max-width:1240px;margin:0 auto;padding:clamp(42px,5vw,76px);background:var(--lime);border:1px solid var(--ink);border-radius:28px;box-shadow:16px 18px 0 rgb(17 19 24 / 16%)}
@media(max-width:560px){body .license-section{padding:64px 14px 76px}body .license-box{padding:42px 15px;border-radius:18px;box-shadow:8px 9px 0 rgb(17 19 24 / 16%)}}

:root { --ink:#111318; --paper:#f3f1ea; --lime:#f2bd87; --blue:#2e69ff; --violet:#7657e8; --muted:#73767d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-geist-sans),Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.development-banner{min-height:42px;padding:9px clamp(18px,5vw,80px);display:flex;align-items:center;justify-content:center;gap:12px;background:var(--lime);border-bottom:1px solid rgb(17 19 24 / 28%);font-size:12px;line-height:1.35;text-align:center}.development-banner strong{text-transform:uppercase;letter-spacing:.1em;font-size:10px}.development-banner span{color:#50351e}
.site-header { height:78px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 clamp(24px,5vw,80px); border-bottom:1px solid rgb(17 19 24 / 15%); position:relative; z-index:5; }
.brand { display:inline-flex; align-items:center; gap:12px; font-weight:750; letter-spacing:-.04em; font-size:20px; }
.brand-mark { width:32px; height:32px; border-radius:8px; background:var(--ink); display:flex; align-items:end; justify-content:center; gap:3px; padding:7px; transform:rotate(-3deg); }
.brand-mark i { display:block; width:4px; border-radius:2px; background:var(--lime); }
.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:13px}
nav { display:flex; gap:34px; font-size:14px; font-weight:560; } nav a{transition:opacity .2s} nav a:hover{opacity:.55}
.header-cta { justify-self:end; padding:10px 16px; border:1px solid var(--ink); border-radius:999px; font-size:13px; font-weight:650; }.header-cta span{margin-left:10px}
.hero { min-height:700px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:5vw; padding:76px clamp(24px,7vw,112px) 88px; overflow:hidden; }
.hero-copy{max-width:700px;position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 20px;text-transform:uppercase;letter-spacing:.14em;font:650 11px var(--font-geist-mono),monospace}.eyebrow>span{width:24px;height:2px;background:var(--blue)}
h1,h2,h3,p{margin-top:0}h1{margin-bottom:28px;font-size:clamp(58px,7.4vw,112px);line-height:.88;letter-spacing:-.075em;font-weight:780}h1 em,.license-heading em{color:var(--blue);font-style:normal;font-weight:450}
.hero-text{max-width:590px;color:#4f535a;font-size:clamp(17px,1.5vw,21px);line-height:1.55}.hero-actions{display:flex;gap:12px;margin:34px 0 40px}.button{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:0 20px;border-radius:10px;font-size:14px;font-weight:680;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:white;box-shadow:0 10px 30px rgb(17 19 24 / 16%)}.button-primary span{color:var(--lime);font-size:18px}.button-quiet{border:1px solid rgb(17 19 24 / 25%)}
.trust-row{display:flex;flex-wrap:wrap;gap:24px;font-size:12px;color:#63666d}.trust-row b{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px;border-radius:50%;background:white;color:var(--blue)}
.hero-stage{position:relative;min-height:530px;display:grid;place-items:center}.hero-stage:before{content:"";position:absolute;width:min(38vw,560px);aspect-ratio:1;border-radius:50%;background:var(--lime);box-shadow:inset 0 0 0 1px rgb(17 19 24 / 8%)}.orbit{position:absolute;border:1px solid rgb(17 19 24 / 20%);border-radius:50%;transform:rotate(-16deg)}.orbit-one{width:120%;height:58%}.orbit-two{width:83%;height:88%}
.stage-card{position:absolute;background:rgb(255 255 255 / 92%);border:1px solid rgb(17 19 24 / 15%);box-shadow:0 30px 80px rgb(17 19 24 / 18%);backdrop-filter:blur(15px)}.stage-card img{object-fit:contain}.stage-card-front{width:min(30vw,390px);min-width:310px;height:265px;border-radius:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-4deg)}.stage-card-front img{width:94px;height:94px;margin-bottom:12px}.stage-card-front b{display:block;font-size:24px;text-align:center}.stage-card-front small{display:block;margin-top:4px;color:var(--muted);text-align:center}.stage-card-back{width:250px;height:105px;padding:18px;border-radius:19px;display:flex;align-items:center;gap:15px;right:1%;bottom:7%;transform:rotate(7deg);z-index:2}.stage-card-back img{width:62px;height:62px;border-radius:14px}.stage-card-back b,.stage-card-back small{display:block}.stage-card-back small{color:var(--muted);margin-top:4px}
.window-dots{position:absolute;top:16px;left:18px;display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#e15d54}.window-dots i:nth-child(2){background:#eab94a}.window-dots i:nth-child(3){background:#55bd68}.mini-status{position:absolute;bottom:16px;right:18px;padding:5px 9px;border-radius:999px;background:#eaf7ea;color:#2c7e3a;font-size:10px}.float-note{position:absolute;z-index:3;padding:10px 14px;border:1px solid var(--ink);border-radius:9px;background:var(--paper);font:650 11px var(--font-geist-mono),monospace;box-shadow:5px 5px 0 var(--ink)}.note-free{left:2%;top:17%;transform:rotate(-7deg)}.note-mac{right:4%;top:26%;transform:rotate(5deg)}
.tools-section{padding:110px clamp(24px,7vw,112px) 130px;background:var(--ink);color:white}.tools-section .eyebrow>span{background:var(--lime)}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:8vw;margin-bottom:60px}.section-heading h2{margin-bottom:0;font-size:clamp(42px,5.5vw,76px);line-height:.98;letter-spacing:-.055em}.section-heading>p{color:#aaaeb7;font-size:17px;line-height:1.65;max-width:480px}
.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.tool-card{overflow:hidden;border-radius:28px;background:#f8f8f6;color:var(--ink)}.tool-visual{position:relative;height:310px;display:grid;place-items:center;overflow:hidden}.tool-card.blue .tool-visual{background:#b8c9ff}.tool-card.violet .tool-visual{background:#d3c8ff}.tool-number{position:absolute;top:24px;left:27px;font:600 12px var(--font-geist-mono),monospace}
.app-window{width:68%;max-width:390px;height:205px;position:relative;border:1px solid rgb(17 19 24 / 25%);border-radius:18px;background:rgb(255 255 255 / 88%);box-shadow:15px 18px 0 rgb(17 19 24 / 12%);transform:rotate(-2deg);overflow:hidden}.violet .app-window{transform:rotate(2deg)}.app-window-body{display:flex;align-items:center;gap:22px;padding:55px 28px 18px}.app-window-body img{width:67px;height:67px;border-radius:15px;object-fit:contain}.window-lines{flex:1;display:grid;gap:8px}.window-lines i{height:7px;border-radius:99px;background:#c9ccd2}.window-lines i:nth-child(2){width:70%}.window-lines i:nth-child(3){width:88%}.window-panes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 27px}.window-panes i{height:40px;border-radius:7px;background:#e8e9eb}
.tool-content{padding:34px 36px 36px}.tool-title-row{display:flex;justify-content:space-between;align-items:start}.tool-title-row p{margin-bottom:5px;color:var(--blue);font:650 10px var(--font-geist-mono),monospace;text-transform:uppercase;letter-spacing:.1em}.violet .tool-title-row p{color:var(--violet)}.tool-title-row h3{margin-bottom:0;font-size:34px;letter-spacing:-.045em}.tool-title-row>span{padding:6px 9px;border-radius:999px;background:#ebecef;color:#656871;font:600 10px var(--font-geist-mono),monospace}.tool-description{min-height:78px;margin-top:19px;color:#5e6168;line-height:1.55}.feature-list{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0 30px}.feature-list span{padding:7px 10px;border:1px solid #d6d7da;border-radius:7px;font-size:11px}.tool-actions{display:flex;justify-content:space-between;align-items:center}.button-dark{background:var(--ink);color:white}.tool-actions small{color:#767980;font:600 10px var(--font-geist-mono),monospace;text-transform:uppercase}
.license-section{padding:110px clamp(24px,7vw,112px) 125px;background:var(--lime);border-top:1px solid #c77f3b;scroll-margin-top:40px}.license-heading{max-width:900px;margin:0 auto 58px;text-align:center}.license-heading .eyebrow{justify-content:center}.license-heading h2{margin:25px auto 28px;font-size:clamp(48px,6.3vw,88px);line-height:.92;letter-spacing:-.065em}.license-heading em{color:var(--ink);opacity:.48}.license-heading>p:last-child{max-width:660px;margin:0 auto;font-size:17px;line-height:1.65;color:#5d4129}.license-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:22px;max-width:1320px;margin:0 auto;align-items:stretch}.license-grid article{padding:clamp(30px,4vw,54px);border:1px solid var(--ink);border-radius:22px}.license-original{display:flex;flex-direction:column;background:var(--ink);color:#f7f7f2;box-shadow:14px 16px 0 #d48e4e}.license-summary{background:#f8f4ea;box-shadow:14px 16px 0 rgb(17 19 24 / 16%)}.license-card-label{margin-bottom:22px;font:700 10px var(--font-geist-mono),monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.62}.license-grid h3{margin-bottom:11px;font-size:clamp(34px,4vw,58px);line-height:.95;letter-spacing:-.05em}.license-copyright{margin-bottom:30px;color:var(--lime);font:650 12px var(--font-geist-mono),monospace}.license-text{font:500 clamp(11px,.85vw,13px)/1.72 var(--font-geist-mono),ui-monospace,monospace;color:#d8dad4}.license-text p{margin-bottom:20px}.license-source{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px;border-top:1px solid #50534f;color:var(--lime);font-size:12px;font-weight:750}.license-source span{font-size:18px}.license-intro{margin-bottom:28px;font-size:17px;line-height:1.6;color:#4f3926}.license-points{list-style:none;margin:0;padding:0}.license-points li{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:17px 0;border-top:1px solid rgb(17 19 24 / 22%)}.license-points li>span{padding-top:3px;font:700 10px var(--font-geist-mono),monospace;color:#8c5d35}.license-points b{display:block;margin-bottom:5px;font-size:14px}.license-points p{margin:0;color:#5d5a53;font-size:13px;line-height:1.55}.license-note{margin:24px 0 0;padding:17px 19px;border-left:3px solid var(--ink);background:#efe2d1;font-size:12px;line-height:1.6;color:#4f4235}
footer{min-height:180px;padding:45px clamp(24px,7vw,112px);display:grid;grid-template-columns:1fr auto;align-items:center;background:var(--ink);color:white}.footer-brand{font-size:28px}footer p{margin:8px 0 0;color:#9498a2;font-size:13px}footer>a{padding-bottom:5px;border-bottom:1px solid #63666e;font-size:clamp(18px,2vw,26px)}footer>a span{color:var(--lime)}footer>small{grid-column:1/-1;color:#686b73;font-size:10px}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-stage{min-height:500px}.hero-stage:before{width:500px;max-width:95vw}.stage-card-front{width:340px}.section-heading{grid-template-columns:1fr}.tool-grid{grid-template-columns:1fr}.license-grid{grid-template-columns:1fr}}
@media(max-width:560px){.development-banner{align-items:flex-start;flex-direction:column;gap:2px;text-align:left}.site-header{height:68px;padding:0 18px}.header-cta{font-size:0}.header-cta span{margin:0;font-size:14px}.hero{padding:54px 20px 68px}h1{font-size:57px}.hero-actions{flex-direction:column;align-items:stretch}.trust-row{gap:12px}.hero-stage{min-height:430px}.stage-card-front{min-width:275px;width:275px;height:235px}.stage-card-back{width:215px;right:-4%}.note-free{left:-2%}.note-mac{right:-2%;top:17%}.tools-section{padding:82px 20px}.tool-visual{height:245px}.app-window{width:82%;height:178px}.app-window-body{padding:48px 22px 10px}.tool-content{padding:27px 24px 30px}.tool-description{min-height:0}.license-section{padding:78px 20px 92px}.license-heading{margin-bottom:38px}.license-grid article{padding:27px 23px;border-radius:16px}.license-original,.license-summary{box-shadow:8px 9px 0 rgb(17 19 24 / 16%)}footer{grid-template-columns:1fr;gap:34px}footer>small{grid-column:auto}}

.detail-section{padding:120px max(6vw,32px);display:grid;grid-template-columns:minmax(300px,.85fr) minmax(440px,1.15fr);align-items:center;gap:clamp(56px,8vw,130px);border-top:1px solid var(--line);scroll-margin-top:90px}.detail-section.reverse{background:#f1f0e9}.detail-section.reverse .detail-copy{order:2}.detail-section.reverse .app-preview{order:1}.detail-copy h2{margin:0;font-size:clamp(3rem,6vw,5.8rem);letter-spacing:-.065em;line-height:.9}.detail-title{display:flex;align-items:center;gap:22px;margin:22px 0 30px}.detail-title img{width:82px;height:82px;border-radius:20px;box-shadow:0 14px 30px #1d203024}.detail-title p{margin:10px 0 0;color:var(--muted);font-weight:700}.detail-lead{max-width:620px;font-size:1.16rem;line-height:1.75;color:#424442}.check-list{list-style:none;padding:0;margin:30px 0;display:grid;gap:14px}.check-list li{position:relative;padding-left:32px;font-weight:650}.check-list li:before{content:'✓';position:absolute;left:0;top:-2px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--lime);font-size:.75rem}.download-block{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:34px}.download-block span{max-width:240px;color:var(--muted);font-size:.78rem;line-height:1.5}.button:disabled{opacity:.58;cursor:not-allowed}.app-preview{border:1px solid #171918;border-radius:24px;overflow:hidden;background:#242625;color:#f9faf5;box-shadow:16px 18px 0 #b9d9ff;min-height:440px}.reverse .app-preview{box-shadow:-16px 18px 0 #d7c3ff}.preview-bar{height:54px;border-bottom:1px solid #484a48;display:flex;align-items:center;gap:18px;padding:0 18px;font-size:.78rem}.preview-bar .window-dots{position:static}.preview-bar .window-dots i{width:9px;height:9px}.preview-paths{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}.preview-paths span{background:#353736;border:1px solid #505250;padding:10px 12px;border-radius:8px;font-size:.72rem}.preview-panes{display:grid;grid-template-columns:1fr 1fr;min-height:290px}.preview-panes>div{padding:16px;border-top:1px solid #444}.preview-panes>div+div{border-left:1px solid #505250}.preview-panes p{margin:0;padding:12px 10px;border-bottom:1px solid #3b3d3b;font-size:.78rem;color:#d5d7d2}.preview-panes p:nth-child(2){background:#376dca;color:white;border-radius:6px}.preview-status{min-height:48px;padding:0 18px;border-top:1px solid #484a48;display:flex;align-items:center;justify-content:space-between;font-size:.7rem}.preview-status b{color:var(--lime)}.preview-json{background:#171a21}.code-preview{display:grid;grid-template-columns:32px 1fr;padding:28px 26px;gap:0 16px;min-height:335px;font:500 .9rem/2.1 ui-monospace,SFMono-Regular,Menlo,monospace}.code-preview span{text-align:right;color:#606877;user-select:none}.code-preview code{color:#c9d1df}.code-preview em{color:#b990ff;font-style:normal}.code-preview strong{color:#b7e477}.code-preview b{color:#70c7ff}
.community-section,.contact-section{padding:110px max(6vw,32px);display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,9vw,150px);align-items:start}.community-section{background:var(--lime);border-top:1px solid #c77f3b}.community-intro h2,.contact-card h2{font-size:clamp(3rem,5vw,5rem);line-height:.94;letter-spacing:-.055em;margin:20px 0 28px}.community-intro h2 em{font-family:Georgia,serif;font-weight:400}.community-intro>p:last-child,.contact-card>p:last-child{font-size:1rem;line-height:1.7;max-width:500px}.site-form{background:var(--paper);padding:clamp(28px,4vw,52px);border:1px solid var(--ink);box-shadow:12px 12px 0 #1d201f;display:grid;gap:20px;color:var(--ink)}.contact-form{box-shadow:12px 12px 0 var(--lime)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.site-form label{display:grid;gap:9px;font-size:.75rem;font-weight:800;letter-spacing:.025em}.site-form label small{font-weight:500;color:var(--muted)}.site-form input,.site-form textarea,.site-form select{width:100%;box-sizing:border-box;border:1px solid #b9bbb4;border-radius:7px;background:#fafaf6;padding:13px 14px;color:var(--ink);font:inherit;outline:none}.site-form textarea{resize:vertical;line-height:1.5}.site-form input:focus,.site-form textarea:focus,.site-form select:focus{border-color:#4278e8;box-shadow:0 0 0 3px #4278e820}.site-form .check-field{grid-template-columns:20px 1fr;align-items:start;font-weight:500;line-height:1.5}.check-field input{width:17px;height:17px;margin:2px 0 0}.site-form .button{justify-self:start;border:0}.form-notice{margin:0;padding:12px 14px;border-radius:6px;font-size:.78rem;line-height:1.5}.form-notice.success{background:#f6dfc7;color:#6d3d18}.form-notice.error{background:#fee3dc;color:#752d1f}.contact-section{background:#202220;color:#f7f7f2}.contact-card .eyebrow{color:#d7d8d1}.contact-card a{color:var(--lime)}
.icon-placeholder{width:62px;height:62px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#f6cfaa,#d98743);color:#21180f;font-size:28px;font-weight:900;box-shadow:0 12px 24px #24180f24}.app-window-body .icon-placeholder{width:74px;height:74px;border-radius:18px}.detail-icon{flex:0 0 auto;width:82px;height:82px;border-radius:20px;font-size:36px}.preview-screenshot{display:grid;place-items:center;background:#151716}.preview-screenshot>img{display:block;width:100%;height:100%;min-height:440px;object-fit:contain}.preview-generic{position:relative;display:grid;place-content:center;justify-items:center;text-align:center;isolation:isolate}.preview-generic .generic-glow{position:absolute;inset:15%;z-index:-1;border-radius:50%;background:radial-gradient(circle,#f2bd8790,transparent 70%);filter:blur(10px)}.preview-generic>img,.preview-generic .generic-icon{width:128px;height:128px;border-radius:30px;object-fit:cover;box-shadow:0 22px 40px #0007}.preview-generic h3{margin:26px 0 7px;font-size:32px}.preview-generic p{margin:0;color:#bdbfb9}
@media(max-width:960px){.detail-section,.community-section,.contact-section{grid-template-columns:1fr}.detail-section.reverse .detail-copy,.detail-section.reverse .app-preview{order:initial}.app-preview{min-height:390px}.community-intro>p:last-child{max-width:650px}}
@media(max-width:640px){.detail-section,.community-section,.contact-section{padding:80px 20px}.detail-title{align-items:flex-start}.detail-title img{width:64px;height:64px}.detail-copy h2{font-size:3.1rem}.app-preview{min-height:350px;border-radius:16px;box-shadow:8px 10px 0 #b9d9ff}.reverse .app-preview{box-shadow:-8px 10px 0 #d7c3ff}.preview-panes{min-height:235px}.preview-panes p{font-size:.66rem;padding:10px 4px}.code-preview{padding:22px 12px;font-size:.7rem;grid-template-columns:22px 1fr}.field-row{grid-template-columns:1fr}.site-form{padding:24px;box-shadow:7px 7px 0 #1d201f}.contact-form{box-shadow:7px 7px 0 var(--lime)}}

.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.footer-links{display:flex;gap:18px;font-size:.75rem;color:#a4a7ad}.comment-list{display:grid;gap:12px;margin-top:34px}.comment-list article{padding:18px 20px;background:rgba(255,255,255,.48);border:1px solid rgba(17,19,24,.2);border-radius:10px}.comment-list b,.comment-list small{display:block}.comment-list small{margin-top:3px;opacity:.6}.comment-list p{margin:12px 0 0;white-space:pre-wrap;line-height:1.55}.legal-page{min-height:100vh;padding:50px max(6vw,24px);background:var(--paper)}.legal-page>article{max-width:820px;margin:90px auto 0}.legal-page h1{font-size:clamp(3rem,8vw,6.5rem);letter-spacing:-.06em}.legal-page h2{margin-top:42px;font-size:1.35rem}.legal-page p{line-height:1.75;color:#4e514f}.legal-page a:not(.button):not(.brand){text-decoration:underline;text-underline-offset:3px}
.tool-route-detail{min-height:720px}.tool-route .detail-title h1{margin:0;font-size:clamp(3rem,6vw,5.8rem);letter-spacing:-.065em;line-height:.9}.tool-route .tool-back-link{display:block;width:max-content;margin-top:28px;color:var(--muted);font-size:.85rem;text-decoration:underline;text-underline-offset:4px}.tool-route-downloads{margin:34px 0 0}.preview-generic{position:relative;display:grid;place-items:center;align-content:center;text-align:center;isolation:isolate}.preview-generic .generic-glow{position:absolute;inset:15%;z-index:-1;border-radius:50%;background:var(--lime);filter:blur(55px);opacity:.62}.preview-generic>img{width:132px;height:132px;object-fit:contain;margin-bottom:24px}.preview-generic h2{margin:0;font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.055em}.preview-generic p{margin:10px 0 0;color:#c9cbc6}.tool-route-gallery{display:grid;gap:18px}.tool-route-gallery figure{margin:0;border:1px solid var(--ink);border-radius:22px;overflow:hidden;background:#fff;box-shadow:16px 18px 0 #b9d9ff}.tool-route-gallery img{display:block;width:100%;height:auto}.tool-route-note{padding:80px max(6vw,32px);background:var(--lime);border-top:1px solid #c77f3b}.tool-route-note>div{max-width:900px;margin:0 auto}.tool-route-note h2{font-size:clamp(2.6rem,5vw,5rem);line-height:.94;letter-spacing:-.055em}.tool-route-note>div>p{max-width:650px;line-height:1.7}.tool-route-note .button{margin-top:16px}.tool-route .download-block .button span,.tool-route .release-downloads .button span{color:var(--lime)}