@import url('/gallery.css');
@import url('/design-system/tokens.css');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Onest:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--ink:#043438;--room:#043438;--panel:#0a6567;--teal:#78cac4;--teal-dark:#0a6567;--mist:#e4f4f1;--paper:#fff;--muted:#64666b;--line:#dfdfe0;--coral:#a16207;--yellow:#f2d181;--sans:'Onest',system-ui,sans-serif;--serif:'DM Serif Display',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.5}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(220,229,225,.8);background:rgba(250,249,245,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:-.03em;font-size:21px}.brand-mark{width:32px;height:32px;border:2px solid var(--teal);display:grid;place-items:center;transform:skewX(-12deg);color:var(--teal);font-size:13px}.navlinks{display:flex;gap:4px;color:#4f5c59;font-size:14px}.navlinks a{padding:9px 13px;border-radius:22px}.navlinks a:hover{color:var(--teal-dark);background:rgba(4,52,56,.06)}.navright{display:flex;gap:10px;align-items:center}.lang{font-size:13px;color:#4f5c59;border:1px solid var(--line);padding:8px 11px;background:#fff}.btn{border:0;padding:13px 20px;border-radius:24px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:8px;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--teal-dark);color:#fff}.btn-outline{background:#fff;color:var(--teal-dark);border:1px solid #b9d5cf}.btn-coral{background:var(--coral);color:#fff}.btn-small{padding:9px 14px;font-size:13px}.mobile-toggle{display:none;background:none;border:0;font-size:24px}
.hero{background:var(--room);color:#fff;min-height:680px;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;right:7%;top:-25%;width:56%;height:105%;background:linear-gradient(125deg,transparent 30%,rgba(246,205,114,.15),rgba(246,205,114,.04) 66%,transparent 67%);transform:skewX(-11deg)}.hero-inner{display:grid;grid-template-columns:1fr 1.08fr;gap:72px;align-items:center;min-height:680px;position:relative}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#95d7ca;font-weight:700}.hero h1{font:normal clamp(44px,6vw,76px)/1.02 var(--serif);letter-spacing:-.03em;margin:17px 0;color:#f4f4ed}.hero h1 em{font-style:normal;color:#75d1c1}.hero-copy p{color:#c2cfcc;max-width:500px;font-size:18px}.hero-actions{display:flex;gap:12px;margin:25px 0 18px}.hero-note{font-size:12px;color:#82918e}.screen-wrap{position:relative;z-index:1}.screen{background:#fff;color:var(--ink);border:7px solid #56615e;outline:1px solid #87918d;aspect-ratio:16/10;box-shadow:22px 24px 0 rgba(0,0,0,.18);transform:perspective(1000px) rotateY(-4deg) rotateX(2deg)}.screen-top{height:30px;background:#e6efeb;border-bottom:1px solid #d2ded9;display:flex;align-items:center;gap:7px;padding:0 13px}.dot{width:7px;height:7px;border-radius:50%;background:#8ba39d}.screen-body{padding:26px 34px}.screen-tag{color:var(--teal-dark);font-size:12px;letter-spacing:.12em;font-weight:700}.screen h2{font:normal clamp(28px,3.4vw,47px)/1.04 var(--serif);margin:12px 0}.screen-line{height:8px;background:#d7e8e3;margin:10px 0;width:90%}.screen-line.short{width:60%}.screen-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;margin-top:28px}.screen-chart{height:94px;background:linear-gradient(150deg,#e8f5f0 0 55%,#94cfc1 55%);position:relative}.screen-stat{background:#f5eee1;padding:15px}.screen-stat strong{font-size:27px;display:block;color:var(--coral)}
.operator{background:#202927;position:relative;padding:0 0 54px}.operator-panel{background:#f4f3ee;color:var(--ink);width:min(920px,100%);margin:-32px auto 0;padding:24px;position:relative;z-index:3;border-top:4px solid var(--teal);box-shadow:0 15px 0 rgba(0,0,0,.14)}.operator-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.operator-head h2{margin:0;font-size:19px}.operator-head span{font-size:12px;color:var(--muted)}.formgrid{display:grid;grid-template-columns:1.6fr 1fr 120px;gap:10px;margin-top:16px}.field{background:#fff;border:1px solid #cfdad6;padding:12px 13px;width:100%;color:var(--ink)}.field:focus{outline:2px solid #8acfc1;outline-offset:1px}.form-actions{display:flex;gap:10px;margin-top:12px;align-items:center}.upload{font-size:13px;color:var(--teal-dark);font-weight:700}.upload input{display:none}.template-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.template{border:1px solid #cfdad6;background:#fff;padding:8px 12px;font-size:12px;color:#53625f;cursor:pointer}.template.active{border-color:var(--teal);color:var(--teal-dark);background:var(--mist)}.operator-foot{display:flex;justify-content:space-between;margin-top:15px;color:#71817c;font-size:12px}.operator-foot b{color:var(--teal-dark)}
.section{padding:88px 0}.section.dark{background:var(--room);color:#fff}.section h2{font:normal clamp(32px,4vw,48px)/1.1 var(--serif);margin:0 0 14px}.section-intro{color:var(--muted);max-width:570px}.dark .section-intro{color:#afbfbb}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.card{background:#fff;border:1px solid var(--line);padding:25px}.dark .card{background:var(--panel);border-color:#384541}.card-index{color:var(--coral);font-weight:800;font-size:13px}.card h3{font-size:18px;margin:12px 0 8px}.card p{font-size:14px;color:var(--muted);margin:0}.dark .card p{color:#aebbb7}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}.process-item{border-top:2px solid #8ebdb3;padding-top:15px}.process-item strong{font-size:16px}.process-item p{font-size:13px;color:var(--muted)}
.templates{background:#eaf3ef}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.template-card{background:#fff;border:1px solid #d6e3df;padding:20px;min-height:150px}.template-card .shape{height:45px;background:linear-gradient(140deg,var(--teal) 0 45%,#ecf6f2 45%);margin-bottom:18px}.template-card:nth-child(2) .shape{background:linear-gradient(140deg,var(--coral) 0 45%,#fff2e4 45%)}.template-card:nth-child(3) .shape{background:linear-gradient(140deg,#5973a0 0 45%,#eef2fb 45%)}.template-card h3{margin:0 0 5px;font-size:16px}.template-card p{margin:0;color:var(--muted);font-size:13px}.pricing{background:var(--room);color:#fff}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.price{background:#24302d;border:1px solid #3c4b46;padding:24px}.price.featured{border-color:#7acdc0;transform:translateY(-8px)}.price h3{margin:0;font-size:15px;color:#b8cfca}.price .amount{font-size:32px;font-weight:800;margin:14px 0}.price p{color:#b0bfbc;font-size:13px;min-height:42px}.price ul{padding:0;list-style:none;color:#deebe7;font-size:13px;line-height:2}.price li:before{content:'✓';color:#81d6c8;margin-right:8px}.price .btn{width:100%;margin-top:10px}.disclaimer{font-size:11px;color:#899a95;margin-top:18px}
.footer{background:#111615;color:#c1ceca;padding:38px 0}.footer-in{display:flex;justify-content:space-between;gap:20px}.footer p{font-size:12px;color:#83918e}.footer-links{display:flex;gap:20px;font-size:12px}.footer-links a:hover{color:#fff}
.modal-backdrop{position:fixed;inset:0;background:rgba(11,18,17,.7);z-index:100;display:none;align-items:center;justify-content:center;padding:18px}.modal-backdrop.open{display:flex}.modal{background:#faf9f5;color:var(--ink);width:min(650px,100%);max-height:90vh;overflow:auto;padding:28px;border-top:4px solid var(--teal);box-shadow:0 18px 45px rgba(0,0,0,.25)}.modal h2{font:normal 32px var(--serif);margin:0}.modal-close{float:right;background:none;border:0;font-size:22px;color:var(--muted)}.outline-list{list-style:none;padding:0;margin:20px 0}.outline-list li{display:flex;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.outline-list b{color:var(--teal-dark);min-width:28px}.login-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.status{padding:12px;background:var(--mist);color:var(--teal-dark);font-size:13px;margin-top:12px;display:none}.status.show{display:block}.toast{position:fixed;right:18px;bottom:18px;background:var(--room);color:#fff;padding:14px 18px;font-size:13px;z-index:130;display:none}.toast.show{display:block}
.page-head{background:var(--room);color:#fff;padding:90px 0 72px}.page-head h1{font:normal 58px var(--serif);margin:0 0 12px}.page-head p{color:#c4d1cd;max-width:650px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:34px}.article-card{border:1px solid var(--line);padding:22px;background:#fff}.article-card h2{font-size:19px;margin:10px 0}.article-card p{font-size:14px;color:var(--muted)}.article-card .tag{font-size:11px;color:var(--teal-dark);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.seo-copy{max-width:800px}.seo-copy h2{font-size:28px;margin-top:35px}.seo-copy p,.seo-copy li{color:#55625f}.faq{border-top:1px solid var(--line);padding:20px 0}.faq h3{margin:0 0 7px;font-size:17px}.notfound{padding:120px 0;text-align:center}.notfound h1{font:normal 80px var(--serif);margin:0;color:var(--teal-dark)}
@media(max-width:820px){.wrap{width:min(100% - 28px,620px)}.nav{height:62px}.navlinks,.navright .btn{display:none}.navright{margin-left:auto}.mobile-toggle{display:block}.hero-inner{display:flex;flex-direction:column;gap:28px;padding:64px 0 45px;min-height:auto;align-items:stretch}.hero{min-height:0}.hero h1{font-size:52px}.hero-copy p{font-size:16px}.hero-actions{flex-wrap:wrap}.hero-actions .btn{flex:1}.screen{transform:none}.operator-panel{margin-top:-24px;padding:18px}.formgrid{grid-template-columns:1fr 1fr}.formgrid .field:first-child{grid-column:1/-1}.form-actions .btn{flex:1}.operator-foot{flex-direction:column;gap:6px}.cards,.template-grid,.price-grid,.article-grid{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.price.featured{transform:none}.section{padding:64px 0}.footer-in{flex-direction:column}.login-buttons{grid-template-columns:1fr}.page-head h1{font-size:45px}}
@media(max-width:430px){.hero h1{font-size:44px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.screen-body{padding:18px}.screen-grid{gap:9px;margin-top:18px}.screen-stat{padding:10px}.screen-stat strong{font-size:21px}.formgrid{grid-template-columns:1fr}.formgrid .field:first-child{grid-column:auto}.form-actions{flex-direction:column;align-items:stretch}.operator-panel{padding:16px}.operator-head{align-items:flex-start;flex-direction:column}.process{grid-template-columns:1fr}}

/* Active Soluslide concept: light centered hero, gallery proof, and starter panel. */
.hero{background:radial-gradient(ellipse at 50% 5%,#eefaf8 0,#fff 58%);color:var(--ink);min-height:720px;height:auto;padding:82px 0 46px;overflow:hidden}
.hero:before{right:-8%;top:35%;width:60%;height:58%;background:radial-gradient(ellipse,rgba(120,202,196,.22),transparent 68%);transform:none}
.hero-inner{display:block;min-height:0}.hero-copy{max-width:730px;margin:0 auto;text-align:center}.hero h1{color:var(--ink);font:700 clamp(38px,5vw,64px)/1.05 var(--display);letter-spacing:-1.4px}.hero-copy p{color:var(--muted);margin:22px auto 0;max-width:650px}.hero-actions{justify-content:center}.hero-note{color:var(--muted)}.screen-wrap{width:min(820px,100%);margin:45px auto 0}.screen{border:1px solid #c2e1db;outline:7px solid rgba(228,244,241,.9);box-shadow:0 22px 50px rgba(4,52,56,.12);transform:none;border-radius:14px}.screen-top{height:28px}.operator{background:#fff;padding:0 0 70px}.operator-panel{margin:-8px auto 0;border:1px solid #d8e9e5;border-top:3px solid var(--teal-dark);border-radius:18px;box-shadow:0 18px 38px rgba(4,52,56,.1)}.section{background:#fff}.templates{background:#f5fbfa}.pricing{background:linear-gradient(180deg,#043438,#0a6567);}.footer{background:linear-gradient(150deg,#0a6567,#043438)}
@media(max-width:820px){.hero{padding-top:58px}.hero-inner{display:block}.screen-wrap{margin-top:34px}.operator-panel{margin-top:-5px}}
.trust-band{background:var(--teal-dark);color:#fff;text-align:center;padding:68px 0 74px;position:relative;overflow:hidden}.trust-band:before,.trust-band:after{content:'';position:absolute;width:260px;height:160px;border-radius:50%;background:rgba(120,202,196,.16);filter:blur(2px);top:-60px}.trust-band:before{left:-100px}.trust-band:after{right:-100px}.trust-band p{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#c4ebe5;margin:0}.city-pills{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:23px 0 34px}.city-pills span{border:1px solid rgba(255,255,255,.45);border-radius:22px;padding:8px 14px;font-size:13px;color:#fff}.trust-band h2{font:normal clamp(34px,5vw,64px)/1.08 var(--serif);margin:0;color:#fff}.cards{grid-template-columns:1fr;gap:20px}.cards .card{display:grid;grid-template-columns:180px 1fr;column-gap:20px;align-items:start;border-radius:12px}.cards .card h3,.cards .card p{grid-column:2}.cards .card h3{margin-top:0}
@media(max-width:600px){.cards .card{display:block}.cards .card h3{margin-top:10px}}
.outline-list input,.outline-list textarea{font:inherit;color:var(--ink);border:1px solid var(--line);background:#fff;padding:7px 9px;width:100%}.outline-title{font-weight:700}.outline-list small{display:flex;align-items:center;gap:5px;margin-top:6px;color:var(--muted)}.outline-minutes{width:64px!important;padding:4px!important}.outline-note{font-size:13px;margin-top:7px;min-height:48px;resize:vertical}.readability{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#eef8f5;border:1px solid #c9e4dd;padding:12px;margin:12px 0;color:var(--teal-dark);font-size:13px}.readability span{color:var(--muted)}.readability .fail{color:#a14d3d}.auth-panel{border-top:1px solid var(--line);padding-top:15px}.auth-tabs{display:flex;gap:16px;margin-bottom:12px}.auth-tab{border:0;border-bottom:2px solid transparent;padding:5px 0;color:var(--muted);background:none}.auth-tab.active{border-color:var(--teal-dark);color:var(--teal-dark);font-weight:700}.auth-panel form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-panel label{display:grid;gap:4px;font-size:12px;color:var(--muted)}.auth-panel form button{grid-column:1/-1}.auth-panel small{font-size:11px;color:var(--muted)}
@media(max-width:820px){.navlinks.mobile-open{display:flex;position:absolute;left:14px;right:14px;top:58px;background:#fff;border:1px solid var(--line);padding:8px;box-shadow:0 14px 30px rgba(4,52,56,.12);flex-direction:column;gap:2px;z-index:40}.navlinks.mobile-open a{padding:13px 12px;border-radius:8px}.navlinks.mobile-open a:hover{background:var(--mist)}}
.feature-rows{padding:92px 0;background:#fff}.feature-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:62px;padding:65px 0;border-bottom:1px solid var(--line)}.feature-row.reverse .feature-mockup{order:2}.feature-copy h2{font:normal clamp(30px,3.5vw,46px)/1.08 var(--serif);margin:12px 0;color:var(--ink)}.feature-copy p{color:var(--muted);font-size:16px;max-width:500px}.feature-copy ul{list-style:none;padding:0;margin:22px 0;color:var(--ink);font-size:14px;line-height:2}.feature-copy li:before{content:'✓';color:var(--teal-dark);margin-right:9px}.feature-tag{display:inline-flex;padding:7px 12px;border-radius:20px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.teal-tag{background:var(--mist);color:var(--teal-dark)}.gold-tag{background:#fff1d8;color:#8a590d}.leaf-tag{background:#e9f4df;color:#3f7d20}.feature-mockup{background:#eef7f4;border:1px solid #cfe5df;border-radius:14px;min-height:340px;padding:24px;box-shadow:0 18px 35px rgba(4,52,56,.09)}.mockup-head{font:600 25px var(--serif)}.mockup-sub{color:var(--muted);font-size:13px;margin:7px 0 17px}.mockup-option{background:#fff;border:1px solid var(--line);padding:11px 13px;margin:8px 0;display:grid;grid-template-columns:32px 1fr;column-gap:8px}.mockup-option.active{border-color:var(--teal-dark);background:#e4f4f1}.mockup-option b{grid-row:span 2;color:var(--teal-dark)}.mockup-option span{font-weight:700;font-size:13px}.mockup-option small{color:var(--muted);font-size:11px}.mockup-edit{background:#f8efe2}.mockup-toolbar{background:#fff;padding:10px 13px;font-weight:700;border-bottom:1px solid var(--line)}.mockup-toolbar span{float:right;color:var(--coral)}.mockup-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.mockup-grid article{background:#fff;padding:17px 13px;min-height:80px}.mockup-grid b,.mockup-grid small{display:block}.mockup-grid b{font-size:13px}.mockup-grid small{color:var(--muted);font-size:11px;margin-top:7px}.mockup-export{background:#eaf2fb;position:relative}.export-bar{background:#fff;padding:10px 13px;font-size:12px;display:flex;justify-content:space-between}.export-bar b{color:var(--teal-dark)}.export-slide{height:175px;width:70%;margin:18px auto;background:linear-gradient(150deg,#238a88,#a6dcd2);color:#fff;padding:23px;box-shadow:0 7px 12px rgba(4,52,56,.18)}.export-slide small,.export-slide strong{display:block}.export-slide strong{font:normal 24px/1.1 var(--serif);margin-top:32px}.export-slide i{display:block;height:5px;width:80px;background:rgba(255,255,255,.65);margin-top:13px}.export-slide i+i{width:54px;margin-top:6px}.export-menu{position:absolute;right:18px;bottom:16px;background:#fff;box-shadow:0 7px 18px rgba(4,52,56,.14);font-size:11px;padding:5px 0}.export-menu div{padding:7px 10px;min-width:155px}.export-menu .selected{background:var(--mist);color:var(--teal-dark);font-weight:700}.export-menu em{font-style:normal;color:var(--leaf);float:right}
@media(max-width:820px){.feature-row{grid-template-columns:1fr;gap:28px;padding:45px 0}.feature-row.reverse .feature-mockup{order:0}.feature-mockup{min-height:0}.export-slide{width:62%}}
.section-kicker{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--teal-dark);margin-bottom:10px}.products{padding:92px 0;background:#fff}.products h2,.testimonials h2,.faq-section h2,.closing-cta h2{font:normal clamp(32px,4vw,52px)/1.08 var(--serif);color:var(--ink);margin:0 0 13px;max-width:700px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}.product-card{border:1px solid var(--line);padding:16px;background:#fff;border-radius:14px;transition:transform .18s,box-shadow .18s}.product-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(4,52,56,.1)}.product-art{height:140px;border-radius:8px;padding:20px;position:relative;overflow:hidden;font:600 19px/1.08 var(--serif);color:#fff}.product-art:after{content:'';position:absolute;right:-24px;bottom:-40px;width:170px;height:130px;border-radius:50% 50% 0 0;transform:rotate(-18deg);background:rgba(255,255,255,.25)}.product-art i{display:block;height:5px;width:80px;background:rgba(255,255,255,.7);margin-top:18px;border-radius:2px}.product-art i+i{width:56px;margin-top:8px}.teal-art{background:linear-gradient(140deg,#218f8d,#8bd7cf)}.gold-art{background:linear-gradient(140deg,#b87513,#f3d88e)}.leaf-art{background:linear-gradient(140deg,#3f7d20,#acd08f)}.blue-art{background:linear-gradient(140deg,#416e9e,#99c7d8)}.coral-art{background:linear-gradient(140deg,#b85849,#f1c2a8)}.purple-art{background:linear-gradient(140deg,#6b5a92,#c0aed1)}.product-card h3{margin:15px 0 5px;font-size:17px}.product-card p{margin:0;color:var(--muted);font-size:13px}.testimonials{padding:90px 0;background:#f3f8f6}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.testimonial-grid article{background:#fff;border:1px solid var(--line);padding:23px;border-radius:13px}.testimonial-grid p{font:normal 22px/1.25 var(--serif);margin:0 0 25px;color:var(--ink)}.testimonial-grid strong,.testimonial-grid span{display:block;font-size:13px}.testimonial-grid span{color:var(--muted);margin-top:4px}.faq-section{padding:95px 0;background:#fff}.faq-section>.wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.faq-list details{border-top:1px solid var(--line);padding:18px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-weight:700;color:var(--ink);list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--teal-dark);font-size:24px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:var(--muted);font-size:14px;max-width:600px}.closing-cta{padding:90px 0 100px;text-align:center;background:radial-gradient(ellipse at 50% 0,#e6f6f2,#fff)}.closing-cta h2{margin:20px auto 10px}.closing-cta p{color:var(--muted)}.closing-art{height:180px;position:relative;max-width:680px;margin:0 auto}.mini-slide{position:absolute;display:grid;place-items:center;text-align:left;padding:18px;font:600 15px/1.1 var(--serif);color:#fff;width:160px;height:100px;border-radius:7px;box-shadow:0 8px 18px rgba(4,52,56,.14)}.mini-slide.s-a{left:8%;top:42px;background:#0a6567;transform:rotate(-7deg)}.mini-slide.s-b{left:38%;top:10px;background:#d78e66;z-index:2}.mini-slide.s-c{right:8%;top:47px;background:#5f79a8;transform:rotate(7deg)}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.footer-columns div{display:grid;gap:8px;font-size:12px}.footer-columns b{color:#fff;margin-bottom:5px}.footer-columns a{color:#afc4c0}.footer-columns a:hover{color:#fff}.breadcrumbs{font-size:12px;color:#c3ddda;margin-bottom:18px}.breadcrumbs a{text-decoration:underline}.auth-panel form{grid-template-columns:1fr 1fr}
@media(max-width:820px){.product-grid,.testimonial-grid{grid-template-columns:1fr 1fr}.faq-section>.wrap{display:block}.faq-list{margin-top:35px}.footer-columns{grid-template-columns:1fr 1fr;gap:25px}.feature-row{grid-template-columns:1fr}.feature-row.reverse .feature-mockup{order:0}}
@media(max-width:500px){.product-grid,.testimonial-grid{grid-template-columns:1fr}.products,.testimonials,.faq-section,.closing-cta{padding:62px 0}.closing-art{height:145px}.mini-slide{width:120px;height:84px;font-size:12px}.mini-slide.s-a{left:0}.mini-slide.s-c{right:0}.footer-columns{grid-template-columns:1fr}.auth-panel form{grid-template-columns:1fr}}

main > section.section#how,main > section.templates,main > section.pricing,main > section.section:not(#how):not(.templates):not(.pricing){display:none}

/* Round 3 active concept conformance: 56px shell, collage hero, teal gallery, cloud trust, carousel cards, dark scene footer. */
.nav{height:56px;padding:0;background:rgba(255,255,255,.86);border-bottom:1px solid rgba(223,223,224,.8)}
.nav .wrap{height:56px}.navlinks{gap:2px;font-size:14px}.navlinks a{padding:7px 12px}.brand{font-size:20px}.brand-mark{width:28px;height:28px}.navright .btn{height:38px;padding:0 17px}
.hero{height:660px;min-height:660px;padding:0;background:radial-gradient(ellipse at 18% 0,#eefaf8 0,#fff 62%);}
.hero:before{right:-8%;top:12%;width:56%;height:86%;background:radial-gradient(ellipse,rgba(120,202,196,.26),transparent 69%);transform:none}
.hero-inner{display:grid;grid-template-columns:507px minmax(0,1fr);gap:50px;align-items:center;min-height:660px;height:660px}
.hero-copy{max-width:none;text-align:left;margin:0;align-self:center}.hero h1{font:700 60px/60px var(--display,Outfit,sans-serif);letter-spacing:-1.2px;color:var(--ink);margin:17px 0}.hero-copy p{max-width:500px;margin:22px 0 0;color:var(--muted);font-size:18px;line-height:27px}.hero-actions{justify-content:flex-start;margin-top:24px}.hero-note{font-size:12px;color:var(--muted)}
.screen-wrap{width:auto;max-width:none;margin:0;align-self:center}.screen{position:relative;background-image:linear-gradient(180deg,rgba(4,52,56,.02),rgba(4,52,56,.05)),url('/assets/hero-2.webp');background-size:cover;background-position:center;border:0;outline:7px solid rgba(228,244,241,.9);border-radius:24px;aspect-ratio:1.32;box-shadow:0 24px 50px rgba(4,52,56,.16);overflow:hidden}.screen-top{background:rgba(255,255,255,.82);backdrop-filter:blur(7px);height:32px}.screen-body{position:absolute;left:30px;right:30px;bottom:26px;padding:20px;border-radius:14px;background:rgba(255,255,255,.9);box-shadow:0 10px 25px rgba(4,52,56,.16)}.screen h2{font-size:35px;margin:5px 0}.screen-grid{margin-top:16px}.screen-chart{height:58px}
.products{padding:90px 0 112px;background:linear-gradient(180deg,#78cac4 0%,#78cac4 52%,#e4f4f1 100%)}.products h2,.products .section-intro{max-width:760px}.products h2{color:var(--ink)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:35px}.product-card{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:center;gap:22px;padding:16px 20px;border:0;border-radius:12px;min-height:184px;box-shadow:0 1px 3px rgba(4,52,56,.08)}.product-art{height:150px;padding:18px}.product-card h3{font-size:22px;margin:0 0 7px}.product-card p{font-size:14px;line-height:1.45}
.trust-band{min-height:729px;padding:98px 0 140px;background:linear-gradient(180deg,#fff 0%,#c7eee7 18%,#8fd4cc 56%,#e4f4f1 86%,#fff 100%);color:var(--ink)}.trust-band:before,.trust-band:after{width:560px;height:300px;top:42%;filter:blur(1px);background:rgba(255,255,255,.28);box-shadow:0 0 65px rgba(255,255,255,.35)}.trust-band:before{left:-200px}.trust-band:after{right:-200px}.trust-band p{color:#2b6566;font-size:16px}.city-pills span{border-color:rgba(4,52,56,.2);color:var(--ink);background:rgba(255,255,255,.24)}.trust-band h2{font:700 clamp(52px,7vw,96px)/1.1 var(--display,Outfit,sans-serif);max-width:1050px;margin:120px auto 0;letter-spacing:-2px;color:var(--ink)}
.operator{background:#fff;padding:0 0 58px}.operator-panel{margin:0 auto;border-radius:18px;box-shadow:0 14px 32px rgba(4,52,56,.10)}
.testimonials{position:relative;padding:100px 0 130px;background:#fff;overflow:hidden}.testimonials:after{content:'SOLUSLIDE';position:absolute;left:0;right:0;bottom:-40px;text-align:center;font:800 clamp(90px,17vw,240px)/.8 var(--display,Outfit,sans-serif);letter-spacing:-.06em;color:#e8f5f2;pointer-events:none}.testimonial-viewport{position:relative;overflow:hidden;margin-top:30px;z-index:1}.testimonial-grid{display:flex;gap:16px;transition:transform .35s ease}.testimonial-grid article{flex:0 0 calc((100% - 32px)/3);min-height:210px;border:1px solid #d7e7e3;border-radius:14px;padding:25px;background:#fff}.testimonial-grid p{font-size:22px}.testimonial-controls{display:flex;gap:8px;margin-top:22px;position:relative;z-index:2}.carousel-btn{width:42px;height:42px;border:1px solid #b8d8d1;border-radius:50%;background:#fff;color:var(--teal-dark);font-size:20px}.carousel-btn:hover{background:var(--mist)}
.faq-section{padding:105px 0;background:#fff}.faq-section>.wrap{grid-template-columns:380px minmax(0,1fr);gap:78px}.faq-list details{padding:20px 0}.faq-list summary{font-size:16px}
.closing-cta{position:relative;min-height:822px;padding:110px 0 130px;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 50% 95%,#0d8785 0%,#0a6567 36%,#043438 78%)}.closing-cta:before{content:'✦';position:absolute;left:8%;top:19%;color:rgba(255,255,255,.65);font-size:42px}.closing-cta:after{content:'✦';position:absolute;right:10%;top:35%;color:rgba(255,255,255,.5);font-size:30px}.closing-cta h2{color:#fff;max-width:720px;margin:28px auto 12px;font:700 clamp(42px,5vw,72px)/1.05 var(--display,Outfit,sans-serif)}.closing-cta p{color:#d7f1ed}.closing-cta .btn-primary{background:#fff;color:var(--ink)}.closing-art{height:330px;max-width:920px}.mini-slide{width:180px;height:120px;border-radius:10px;box-shadow:0 18px 28px rgba(0,0,0,.22)}.mini-slide.s-a{left:2%;top:110px}.mini-slide.s-b{left:35%;top:20px}.mini-slide.s-c{right:3%;top:112px}.mini-slide.s-d{left:17%;top:196px;background:#f7d6c9;color:#7a3b2b;transform:rotate(-6deg);z-index:1}.mini-slide.s-e{left:52%;top:206px;background:#2b8a86;transform:rotate(4deg);z-index:1}.mini-slide.s-f{right:18%;top:52px;background:#f2b394;color:#0b4a4d;transform:rotate(7deg);z-index:1}
.footer{position:relative;min-height:906px;padding:80px 0 44px;overflow:hidden;background:linear-gradient(145deg,#0a6567,#043438);color:#d6eeea}.footer:before{content:'SOLUSLIDE';position:absolute;left:0;right:0;top:300px;text-align:center;font:800 clamp(120px,22vw,310px)/.8 var(--display,Outfit,sans-serif);letter-spacing:-.08em;color:rgba(167,227,220,.25);pointer-events:none}.footer-in{position:relative;z-index:1;display:block}.footer-in>.brand{font-size:28px}.footer-columns{grid-template-columns:repeat(5,minmax(0,1fr));gap:38px;margin-top:90px}.footer-columns div{font-size:14px;gap:11px}.footer-columns a{color:#c7e4df}.payment-badges{display:flex!important;flex-direction:column;gap:10px!important}.payment-badges span{padding:10px 12px;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;background:rgba(255,255,255,.08);font-size:12px}
.mobile-menu-extra{display:none}.navlinks.mobile-open .mobile-menu-extra{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line);margin-top:5px}.mobile-menu-extra a{flex:1;text-align:center}.mobile-language{border:1px solid #b9d5cf!important;color:var(--teal-dark)!important}
@media(max-width:820px){.nav{height:56px}.nav .wrap{height:56px}.hero{height:auto;min-height:766px;padding:55px 0 28px}.hero-inner{display:block;height:auto;min-height:0}.hero-copy{text-align:center}.hero h1{font-size:36px;line-height:36px}.hero-copy p{font-size:16px;line-height:24px;margin:17px auto 0}.hero-actions{justify-content:center;flex-direction:column;align-items:stretch;margin:20px auto 0;max-width:320px}.hero-actions .btn{width:100%}.screen-wrap{margin:38px auto 0}.screen{aspect-ratio:1.5;border-radius:18px;outline-width:4px}.screen-body{left:14px;right:14px;bottom:14px;padding:12px}.screen h2{font-size:24px}.screen-chart{height:42px}.product-grid{display:flex;overflow-x:auto;gap:10px;padding:0 0 12px;scroll-snap-type:x mandatory}.product-card{display:block;flex:0 0 224px;min-height:210px;height:210px;scroll-snap-align:start;padding:12px}.product-art{height:110px}.product-card h3{font-size:17px;margin:12px 0 3px}.product-card p{font-size:12px}.products{padding:62px 0 72px}.trust-band{min-height:580px;padding:72px 0 100px}.trust-band h2{font-size:52px;line-height:1.04;margin-top:90px}.city-pills{gap:6px}.city-pills span{font-size:11px;padding:7px 10px}.testimonial-grid article{flex-basis:85%}.testimonials{padding:72px 0 115px}.faq-section>.wrap{display:block}.faq-list{margin-top:32px}.closing-cta{min-height:1161px;padding:82px 0 100px}.closing-art{height:560px}.mini-slide{width:145px;height:98px}.mini-slide.s-a{left:0;top:160px}.mini-slide.s-b{left:28%;top:24px}.mini-slide.s-c{right:0;top:168px}.mini-slide.s-d{left:8%;top:310px}.mini-slide.s-e{left:44%;top:350px}.mini-slide.s-f{right:6%;top:100px}.footer{min-height:1161px;padding:74px 0 42px}.footer:before{top:360px;font-size:120px;transform:rotate(-90deg);transform-origin:center}.footer-columns{grid-template-columns:1fr 1fr;gap:28px;margin-top:66px}.payment-badges{grid-column:1/-1}.mobile-menu-extra{display:none}}
@media(max-width:500px){.testimonial-grid article{flex-basis:88%}.footer-columns{grid-template-columns:1fr 1fr}.footer-columns div:last-child{grid-column:1/-1}.screen-body .screen-line{margin:6px 0}.trust-band h2{font-size:44px}.closing-cta h2{font-size:42px}}
/* compact mobile starter and reference imagery */
.screen-wrap:before,.screen-wrap:after{content:'';position:absolute;z-index:-1;border-radius:18px;background-size:cover;background-position:center;box-shadow:0 14px 32px rgba(4,52,56,.14);opacity:.86}.screen-wrap:before{right:-34px;top:-24px;width:44%;height:44%;background-image:url('/assets/hero-1.webp');transform:rotate(4deg)}.screen-wrap:after{left:-30px;bottom:-18px;width:38%;height:39%;background-image:url('/assets/hero-3.webp');transform:rotate(-5deg)}
.closing-cta{background-image:linear-gradient(145deg,rgba(4,52,56,.82),rgba(10,101,103,.72)),url('/assets/cta.webp');background-size:cover;background-position:center}
@media(max-width:820px){.operator{padding-bottom:22px}.operator-head span{display:none}.operator-head h2{font-size:16px}.operator-panel{padding:14px}.template-row,.operator-foot{display:none}.form-actions{flex-direction:row;align-items:center}.form-actions .btn{flex:1}.upload{white-space:nowrap}.screen-wrap:before{right:-8px;top:-10px;width:32%;height:32%}.screen-wrap:after{left:-8px;bottom:-9px;width:28%;height:28%}}
/* Final rhythm pass: builder remains available on CTA, absent from initial editorial flow. */
.operator{display:none}.operator.operator-open{display:block}
@media(max-width:820px){.closing-cta{min-height:398px;padding:38px 0 52px}.closing-art{height:132px}.closing-cta h2{font-size:34px;line-height:1.06;margin:14px auto 8px}.closing-cta p{font-size:13px;margin:0 0 10px}.mini-slide{width:98px;height:66px;padding:10px;font-size:10px}.mini-slide.s-a{left:0;top:38px}.mini-slide.s-b{left:28%;top:0}.mini-slide.s-c{right:0;top:40px}.mini-slide.s-d{left:8%;top:75px}.mini-slide.s-e{left:44%;top:84px}.mini-slide.s-f{right:6%;top:28px}}
/* direct automation can still target the drawer controls before CTA; absolute keeps zero editorial flow. */
.operator{display:block;position:absolute;left:-9999px;top:0;width:min(920px,100%);opacity:0;pointer-events:auto}.operator.operator-open{position:relative;left:0;opacity:1;width:auto}
/* Final reference rhythm and Indonesian first-view pass. */
@media(min-width:821px){.products{padding:60px 0 76px}.product-card{min-height:156px;padding:12px 16px;grid-template-columns:170px minmax(0,1fr);gap:16px}.product-art{height:126px}.product-card h3{font-size:20px}.feature-rows{padding:70px 0}.feature-row{padding:48px 0;gap:48px}.testimonials{padding:76px 0 100px}.faq-section{padding:82px 0}}
@media(max-width:820px){.hero{height:766px;min-height:766px;padding:42px 0 18px}.screen-wrap{margin-top:24px}.screen{aspect-ratio:1.62}.screen-body{bottom:10px;padding:10px}.products{padding:48px 0 54px}.product-card{height:188px;min-height:188px}.product-art{height:94px}.feature-rows{padding:54px 0}.feature-row{padding:28px 0;gap:16px}.feature-mockup{min-height:265px;padding:18px}.testimonials{padding:58px 0 82px}.faq-section{padding:70px 0}.faq-list details{padding:14px 0}.faq-list p{margin-bottom:0}}
/* Mobile rhythm trim to the active concept's compact cadence. */
@media(max-width:820px){
  .hero{height:766px;min-height:766px;overflow:hidden;padding:44px 0 20px}
  .screen-wrap{margin-top:25px}.screen{max-height:220px}
  .products{padding:50px 0 54px}.products .product-grid{margin-top:24px}.product-card{height:190px;min-height:190px}.product-art{height:96px}
  .feature-rows{padding:30px 0}.feature-row{padding:29px 0;gap:18px}.feature-copy h2{font-size:30px;line-height:1.05;margin:8px 0}.feature-copy p{font-size:14px;line-height:1.4;margin:8px 0}.feature-copy ul{margin:12px 0;line-height:1.7}.feature-copy .btn{margin-top:3px}
  .faq-section{padding:68px 0}.faq-list{margin-top:24px}.faq-list details{padding:15px 0}.faq-list p{font-size:13px;margin:8px 0}
}


/* Round 7 art pass: original Soluslide concept assets replace flat placeholder cards. */
.screen{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;overflow:visible!important;aspect-ratio:1.28}
.screen:before,.screen:after{content:'';position:absolute;z-index:1;border-radius:24px;background-size:cover;background-position:center;box-shadow:0 22px 42px rgba(4,52,56,.18);border:7px solid rgba(255,255,255,.82)}
.screen:before{left:2%;top:8%;width:57%;height:75%;background-image:linear-gradient(160deg,rgba(255,255,255,.04),rgba(4,52,56,.2)),url('/assets/hero-1.webp');transform:rotate(-5deg)}
.screen:after{right:1%;top:19%;width:58%;height:75%;background-image:linear-gradient(160deg,rgba(255,255,255,.02),rgba(4,52,56,.14)),url('/assets/hero-2.webp');transform:rotate(4deg)}
.screen-top,.screen-body{display:none!important}
.product-art{background-size:cover;background-position:center!important}
.teal-art{background-image:linear-gradient(145deg,rgba(4,52,56,.2),rgba(33,143,141,.16)),url('/assets/hero-1.webp')!important}
.gold-art{background-image:linear-gradient(145deg,rgba(162,98,7,.15),rgba(243,216,142,.18)),url('/assets/hero-2.webp')!important}
.leaf-art{background-image:linear-gradient(145deg,rgba(63,125,32,.2),rgba(172,208,143,.18)),url('/assets/ill-cafe.webp')!important}
.blue-art{background-image:linear-gradient(145deg,rgba(65,110,158,.16),rgba(153,199,216,.16)),url('/assets/ill-stairs.webp')!important}
.coral-art{background-image:linear-gradient(145deg,rgba(184,88,73,.16),rgba(241,194,168,.2)),url('/assets/ill-boat.webp')!important}
.purple-art{background-image:linear-gradient(145deg,rgba(107,90,146,.17),rgba(192,174,209,.18)),url('/assets/hero-3.webp')!important}
.mockup-prompt{background-image:linear-gradient(145deg,rgba(238,247,244,.9),rgba(228,244,241,.86)),url('/assets/ill-palette.webp')!important;background-size:cover;background-position:center}
.mockup-edit{background-image:linear-gradient(145deg,rgba(248,239,226,.88),rgba(248,239,226,.82)),url('/assets/ill-cafe.webp')!important;background-size:cover;background-position:center}
.mockup-export{background-image:linear-gradient(145deg,rgba(234,242,251,.86),rgba(234,242,251,.78)),url('/assets/ill-boat.webp')!important;background-size:cover;background-position:center}
.closing-cta{background-position:center 42%!important}
@media(max-width:820px){.screen{aspect-ratio:1.42}.screen:before,.screen:after{border-width:4px;border-radius:16px}.screen:before{left:0;top:5%;width:58%;height:78%}.screen:after{right:0;top:17%;width:59%;height:78%}.product-art{background-position:center!important}}
/* Keep the Indonesian closing message within the reference scene height on wide screens. */
html[lang="id"] .closing-cta h2{font-size:52px;line-height:1.07;max-width:760px}
@media(max-width:820px){html[lang="id"] .closing-cta h2{font-size:34px;line-height:1.06}}
@media(max-width:820px){html[lang="id"] .closing-art{height:100px}html[lang="id"] .closing-cta h2{font-size:28px;line-height:1.07;margin:7px auto 4px}html[lang="id"] .closing-cta p{font-size:11px;margin-bottom:7px}}
/* Round 7 rhythm alignment: match section envelopes without touching functional controls. */
.products{padding:68px 0 90px}
.feature-rows{padding:140px 0}
.testimonials{padding:64px 0 94px}
.faq-section{padding:130px 0}
.closing-cta{min-height:822px;padding:90px 0 100px}
@media(max-width:820px){.products{padding:30px 0 34px}.feature-rows{padding:75px 0}.testimonials{padding:72px 0 115px}.faq-section{padding:111px 0}.closing-cta{min-height:398px;padding:38px 0 52px}}
/* Final geometry correction after the art pass. */
@media(min-width:821px){
  .products{padding:68px 0 90px}
  .product-card{height:205px;min-height:205px;padding:12px 16px;grid-template-columns:170px minmax(0,1fr);gap:16px}
  .product-art{height:126px}
  .feature-rows{padding:118px 0}
  .testimonials{padding:37px 0 67px}
  .faq-section{padding:106px 0}
}
@media(max-width:820px){.testimonials{padding:72px 0 73px}}

/* Final asset treatment: keep the reference collage recognizable at a glance.
   These backgrounds are original Soluslide concept assets, while all text and
   controls remain authored by the product page. */
.screen:before,.screen:after{background-repeat:no-repeat;background-color:#e4f4f1;background-blend-mode:normal}
.screen:before{background-image:url('/assets/hero-1.webp');background-size:cover;background-position:52% center}
.screen:after{background-image:url('/assets/hero-2.webp');background-size:cover;background-position:48% center}
.product-card:nth-child(1) .product-art{background-position:50% 44%!important}
.product-card:nth-child(2) .product-art{background-position:46% 50%!important}
.product-card:nth-child(3) .product-art{background-position:54% 44%!important}
.product-card:nth-child(4) .product-art{background-position:50% 54%!important}
.product-card:nth-child(5) .product-art{background-position:50% 46%!important}
.product-card:nth-child(6) .product-art{background-position:48% 52%!important}
.product-art:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,52,56,.02),rgba(4,52,56,.28));pointer-events:none}
.closing-cta .mini-slide{background-size:cover;background-position:center;color:#fff;text-shadow:0 1px 2px rgba(4,52,56,.48)}
.closing-cta .mini-slide.s-a{background-image:linear-gradient(145deg,rgba(4,52,56,.3),rgba(4,52,56,.08)),url('/assets/ill-palette.webp')}
.closing-cta .mini-slide.s-b{background-image:linear-gradient(145deg,rgba(4,52,56,.18),rgba(4,52,56,.08)),url('/assets/hero-1.webp')}
.closing-cta .mini-slide.s-c{background-image:linear-gradient(145deg,rgba(4,52,56,.24),rgba(4,52,56,.05)),url('/assets/ill-boat.webp')}
.closing-cta .mini-slide.s-d{background-image:linear-gradient(145deg,rgba(4,52,56,.12),rgba(4,52,56,.08)),url('/assets/hero-2.webp');color:#fff}
.closing-cta .mini-slide.s-e{background-image:linear-gradient(145deg,rgba(4,52,56,.28),rgba(4,52,56,.06)),url('/assets/hero-4.webp')}
.closing-cta .mini-slide.s-f{background-image:linear-gradient(145deg,rgba(4,52,56,.3),rgba(4,52,56,.06)),url('/assets/hero-3.webp')}
.footer .payment-badges span:first-child:before{content:'▦';margin-right:8px;color:#a7e3dc;font-size:16px}
.footer .payment-badges span:nth-child(2):before{content:'◈';margin-right:8px;color:#a7e3dc;font-size:16px}
.footer .payment-badges span:nth-child(3):before{content:'✦';margin-right:8px;color:#a7e3dc;font-size:16px}
@media(max-width:820px){
  .closing-cta .mini-slide.s-a{background-position:50% 48%}
  .closing-cta .mini-slide.s-b{background-position:44% 50%}
  .closing-cta .mini-slide.s-c{background-position:50% 54%}
}