@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap');
:root{--ink:#111814;--paper:#f8faf8;--card:#fff;--green:#08a867;--green-dark:#08764c;--mint:#dff8e9;--lime:#d8ff8c;--coral:#ff6b4a;--line:#dfe6e1;--muted:#68736d;--shadow:0 24px 80px rgba(18,55,37,.10)}
*{font-family:'Be Vietnam Pro','Noto Sans',Arial,sans-serif}html{background:var(--paper)}body{background:var(--paper);font-size:15px;line-height:1.62;letter-spacing:-.015em;-webkit-font-smoothing:antialiased}h1,h2,h3,b,strong,.brand{letter-spacing:-.045em}button,input,select{font:inherit}header{height:74px;padding:0 max(calc((100vw - 1310px)/2),28px);border-color:#eaf0ec;background:rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(140%);transition:box-shadow .3s,background .3s}header.scrolled{background:rgba(255,255,255,.96);box-shadow:0 8px 30px #1833230c}.brand{font-size:23px;letter-spacing:-1.5px}.brand span{color:var(--green)}nav{gap:25px}nav a{font-size:13px;font-weight:500;color:#56615b;transition:color .2s}nav a:hover,nav a.active{color:var(--ink)!important}.nav-cta,.login-btn{border-radius:999px!important;background:var(--green)!important;border-color:var(--green)!important;color:white!important;padding:10px 18px!important;box-shadow:0 6px 18px #08a86720;transition:transform .2s,box-shadow .2s}.nav-cta:hover,.login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #08a86735}.lang-btn{border-color:var(--line)!important;border-radius:999px;background:#f5f8f6!important;color:var(--ink)}
.hero.landing{display:block;max-width:none;min-height:auto;padding:96px 24px 110px;position:relative;overflow:hidden;text-align:center;background:radial-gradient(ellipse 48% 27% at 50% 29%,rgba(20,194,117,.22),transparent 70%),linear-gradient(180deg,#fff 0,#f8fbf9 74%,#f1f7f3 100%)}.hero.landing:before{content:'';position:absolute;width:860px;height:440px;border:1px solid #58c98d;border-radius:50%;left:50%;top:205px;transform:translateX(-50%);opacity:.55;filter:blur(.2px);pointer-events:none}.hero.landing>div:first-child{position:relative;z-index:2;max-width:1030px;margin:0 auto}.hero .eyebrow{color:var(--green-dark);font-size:11px;letter-spacing:2.4px}.hero h1{font-size:clamp(54px,7.2vw,104px);line-height:.98;letter-spacing:-.075em;max-width:1050px;margin:20px auto 28px;font-weight:500}.hero h1 em{font-family:inherit;font-style:normal;font-weight:500;color:var(--green)}.hero .lead{max-width:690px;margin:0 auto 30px;color:#5d6962;font-size:18px;line-height:1.65}.hero-actions{justify-content:center}.primary{border-radius:999px;padding:14px 22px;background:var(--green);box-shadow:0 10px 30px #08a86722;transition:transform .22s,box-shadow .22s,background .22s}.primary:hover{transform:translateY(-2px);background:var(--green-dark);box-shadow:0 15px 34px #08764c32}.primary span{color:white}.text-link{font-size:13px;text-underline-offset:5px}.fine{margin-top:15px;color:#89918c}.showcase{max-width:1180px;height:610px;margin:70px auto 0;position:relative;z-index:2;text-align:left;perspective:1200px}.showcase:before{content:'';position:absolute;inset:-80px 10% 5%;background:radial-gradient(circle,#27bf7c32,transparent 68%);filter:blur(30px)}.show-img{border-radius:20px;box-shadow:0 35px 100px #183c2830;transition:transform .6s cubic-bezier(.2,.8,.2,1);overflow:hidden}.show-img span{border-radius:999px;letter-spacing:.8px;box-shadow:0 5px 20px #0001}.show-img.before{inset:80px auto 30px 0;width:39%;transform:rotate(-3deg);filter:saturate(.72)}.show-img.after{inset:0 0 10px 27%;border:8px solid white;transform:rotate(1deg)}.showcase:hover .before{transform:rotate(-5deg) translateX(-8px)}.showcase:hover .after{transform:rotate(.2deg) translateY(-5px)}.score{left:auto;right:4%;bottom:-14px;border-radius:14px;box-shadow:0 16px 38px #183c2825;background:var(--lime);padding:16px 21px}.score b{font-size:14px}.score small{font-size:11px}.trust-strip{border:0;background:#101814;min-height:70px;color:#dce6e0;box-shadow:inset 0 1px #ffffff10}.trust-strip span:nth-child(even){color:#63e19d}.feature-section{padding-top:130px}.section-copy{grid-template-columns:1.25fr .75fr;gap:90px}.section-copy h2,.usecases h2,.cta-band h2,.page-hero h1{font-size:clamp(42px,5.2vw,70px);letter-spacing:-.065em;font-weight:500}.section-copy>p:last-child{font-size:16px;line-height:1.75}.feature-grid{gap:14px}.feature-card{border:0!important;border-radius:20px;background:#fff;min-height:300px;padding:34px;box-shadow:0 1px 0 #dfe6e1;transition:transform .32s,box-shadow .32s}.feature-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.feature-card.accent{background:linear-gradient(145deg,#d8ff8c,#bff5d5)}.feature-card.dark{background:#111814}.feature-card h3{font-weight:600;letter-spacing:-.045em}.usecases{border:0;background:#f0f6f2;max-width:none;padding:120px max(calc((100vw - 1200px)/2),30px)}.case-list{border-color:#cad7cf}.case-list a{padding:26px 6px;border-color:#cad7cf;transition:padding .25s,background .25s}.case-list a:hover{padding-left:14px;background:#ffffff80}.cta-band{position:relative;overflow:hidden;background:#0b9e62;padding:125px 20px}.cta-band:after{content:'';position:absolute;width:720px;height:320px;border:1px solid #aaffcc;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.45}.cta-band>*{position:relative;z-index:1}.cta-band .eyebrow{color:#bff5d5}.cta-band h2{font-weight:500}.primary.light{color:#08764c}footer{background:#111814;color:#abb7b0;border:0;padding-top:55px;padding-bottom:55px}footer .brand{color:white}
.studio,.page-shell{animation:pageIn .55s ease both}.studio{background:#edf4ef}.workspace{border:0;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.panel{border-color:var(--line)}.upload{border-radius:14px;border-color:#a7b8ae;background:#f8fbf9;transition:border .2s,background .2s}.upload:hover{border-color:var(--green);background:#f0faf5}.choices label:first-of-type{border-radius:9px 0 0 9px}.choices label:last-of-type{border-radius:0 9px 9px 0}.choices input:checked+label{background:var(--green);border-color:var(--green)}select,.editbox input{border-radius:9px;border-color:var(--line)}.full{border-radius:12px}.result{background:#fff}.render{border:0;border-radius:14px;background:#f2f5f3}.budget-card{border-radius:12px;background:#111814}.budget-card strong{color:var(--lime)}.editbox button{border-radius:9px;background:var(--green)}.product{border:0;border-radius:12px;background:#f5f8f6}.product img{border-radius:8px}.pill{background:var(--lime)}.pay{border-radius:10px}.page-hero{border-color:var(--line);padding-top:20px}.design-card,.plan,.guide-card,.legal{border:0;border-radius:18px;box-shadow:0 1px 0 var(--line)}.design-card{transition:transform .25s,box-shadow .25s}.design-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.design-card img{transition:transform .5s}.design-card:hover img{transform:scale(1.025)}.plan.featured{background:#111814}.faq details{border-color:var(--line)}.auth-box{border-radius:20px;box-shadow:var(--shadow)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:800px){header{padding:0 18px}.hero.landing{padding:65px 18px 80px}.hero.landing:before{width:620px;top:175px}.hero h1{font-size:clamp(46px,13vw,68px)}.hero .lead{font-size:16px}.showcase{height:440px;margin-top:55px}.show-img.before{width:48%;bottom:65px}.show-img.after{left:22%}.score{right:0}.section-copy{grid-template-columns:1fr;gap:20px}.feature-section{padding-top:85px}.usecases{padding-top:85px;padding-bottom:85px}.sample-disclaimer{align-items:flex-start;flex-direction:column}}