.websites-section{border-top:1px solid #33445b;border-bottom:1px solid #33445b;background:#0f1928;color:#f8faff}
.websites-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:36px}.websites-intro>div{min-width:0;flex:1}.websites-intro h2{font-size:clamp(37px,4.5vw,68px);line-height:1.17}.websites-intro h2>span{color:#c3d6ff}.websites-intro>p{font-size:15px;line-height:1.9;max-width:350px;color:#f8faff}
.website-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 25px;border-top:1px solid #405674;border-bottom:1px solid #405674}.website-examples button{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr);gap:1px 13px;align-content:center;min-width:0;min-height:105px;border:0;border-bottom:2px solid transparent;background:transparent;text-align:left;color:#eef5ff;padding:20px 24px}.website-examples button+button{border-left:1px solid #354b68}.website-examples button>span{grid-row:1/3;font-size:10px;color:#bed2f1;padding-top:6px}.website-examples strong{font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.7px}.website-examples small{font-size:12px;color:#e8f0ff;line-height:1.8}.website-examples button[aria-pressed=true]{background:#20344f;border-bottom-color:#c5d9ff}.website-examples button:hover{background:#1b2c44}.website-examples button:focus-visible{outline-offset:-5px}
.website-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.website-demo-toolbar>p{display:flex;align-items:center;gap:9px;min-width:0;font-size:9px;letter-spacing:1.2px;font-weight:700;line-height:1.8}.web-live-dot{width:5px;height:5px;border-radius:50%;background:#c1d4ff;flex-shrink:0}.website-demo-toolbar>div{display:flex;gap:9px;flex-wrap:wrap}.website-demo-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:11px;font-weight:600;min-height:44px;padding:10px 15px;border:1px solid #526b8e;border-radius:7px;background:#182b46;color:#f8faff}.website-demo-toolbar button:hover{background:#294362}.website-demo-toolbar button[aria-pressed=true]{background:#c5d7fa;color:#162b48}.website-demo-toolbar button:disabled{opacity:.65}
.cinema-shell{--web-accent:#d2dfca;--web-paper:#f3f1e6;--web-dark:#17302c;--web-display:Georgia,serif;overflow:hidden;border:1px solid #74839a;border-radius:13px;background:#111d2c;box-shadow:0 30px 70px #0003;isolation:isolate}.cinema-shell[data-website=forma]{--web-accent:#e6cfad;--web-paper:#f8f1e7;--web-dark:#372c25}.cinema-shell[data-website=fuoco]{--web-accent:#f1aa73;--web-paper:#fff2db;--web-dark:#351e17}
.cinema-browserbar{height:36px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 17px;background:#19263a;color:#e8effb;font-size:8px;font-weight:600;letter-spacing:.9px;line-height:1.5}.cinema-browserbar>span:nth-child(2){min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cinema-browserbar>span:last-child{font-size:7px;color:#d9e6ff}.cinema-window-dots{display:flex;gap:5px;flex-shrink:0}.cinema-window-dots i{width:5px;height:5px;background:#8c9db9;border-radius:50%}
.cinema-viewport{--cinema-height:clamp(440px,70svh,680px);height:var(--cinema-height);overflow-y:auto;overflow-x:hidden;position:relative;background:var(--web-dark);scrollbar-width:thin;scrollbar-color:#a8b9c8 #17302c;scroll-behavior:auto;touch-action:pan-y;outline-offset:-4px}.cinema-track{height:calc(var(--cinema-height) * 3);position:relative}.cinema-scene{position:sticky;top:0;height:var(--cinema-height);overflow:hidden;isolation:isolate;color:var(--web-paper);background:var(--web-dark);perspective:1000px}.cinema-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;transform:scale(1.04);z-index:-4;will-change:transform}.cinema-shade{position:absolute;inset:0;background:#061411;opacity:.58;z-index:-2}.cinema-vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#06120f99,transparent 30%,transparent 60%,#07130e9c)}
.cinema-site-header{position:absolute;z-index:5;left:5%;right:5%;top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cinema-site-header button{min-height:44px;border:0;background:transparent;color:#fff;line-height:1.2}.cinema-brand{font-size:26px;font-weight:500;letter-spacing:5px;text-align:left;overflow-wrap:anywhere;max-width:60%}.cinema-site-header .cinema-site-menu{font-size:10px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #ffffff85;padding:7px 0;display:flex;align-items:center;gap:18px;flex-shrink:0}.cinema-site-header .cinema-site-menu span{font-size:18px}
.cinema-door{position:absolute;left:50%;top:51%;width:40%;height:70%;border:1px solid #f6f4e77a;border-radius:220px 220px 3px 3px;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #05191313;z-index:-3;pointer-events:none;will-change:transform,opacity}.cinema-shell[data-website=forma] .cinema-door{border:24px solid #201c171a;border-radius:0;width:49%;height:80%;box-shadow:0 0 0 100vmax #16150f1c}.cinema-shell[data-website=fuoco] .cinema-door{width:340px;height:340px;border:16px solid #f9cf9a44;border-radius:50%;box-shadow:0 0 0 100vmax #33160f22}
.cinema-copy{position:absolute;top:50%;left:7%;right:7%;transform:translateY(-50%);text-align:center;transform-origin:50% 50%;will-change:transform,opacity}.cinema-copy .cinema-kicker{font-size:9px;font-weight:600;letter-spacing:2.6px;color:#fff;line-height:1.8;margin:0 0 23px}.cinema-copy h3{font-family:var(--web-display);font-size:clamp(42px,6.3vw,96px);font-weight:400;line-height:1.08;letter-spacing:-3px;text-wrap:balance;color:#fff9ee;text-shadow:0 2px 35px #0003}.cinema-copy>p:not(.cinema-kicker){font-size:14px;line-height:1.8;max-width:410px;margin:22px auto 0;color:#fff}.cinema-copy .cinema-action{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:46px;border:1px solid #f4f1e6bb;padding:12px 21px;border-radius:2px;margin-top:24px;background:#152d2370;color:#fff;font-size:11px;font-weight:600;line-height:1.5}.cinema-copy .cinema-action:hover{background:var(--web-paper);color:var(--web-dark)}.cinema-copy .cinema-action>span{font-size:18px;line-height:1}.cinema-mid-copy,.cinema-end-copy{opacity:0;visibility:hidden}.cinema-mid-copy h3{font-size:clamp(38px,5vw,76px)}.cinema-end-copy h3{font-size:clamp(42px,5.5vw,84px)}.cinema-end-copy .cinema-action{background:var(--web-paper);color:var(--web-dark);border-color:var(--web-paper)}.cinema-shell[data-website=forma] .cinema-copy h3{font-style:italic}.cinema-shell[data-website=fuoco] .cinema-copy h3{font-family:Georgia,serif;font-weight:600;letter-spacing:-3.5px}.cinema-scroll-cue{position:absolute;bottom:23px;left:7%;right:7%;display:flex;justify-content:center;align-items:center;gap:13px;font-size:8px;letter-spacing:1.5px;line-height:1.7;color:#fff}.cinema-scroll-cue>i{width:1px;height:26px;background:#fff9}.cinema-scene-index{position:absolute;bottom:25px;right:5%;font-size:10px;line-height:1.7;letter-spacing:1px;pointer-events:none;color:#fff}
.cinema-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 19px;background:#17283e}.cinema-controls>[role=group]{display:flex;gap:8px;flex-wrap:wrap}.cinema-controls button{display:flex;gap:8px;align-items:center;justify-content:center;background:transparent;border:0;border-bottom:1px solid transparent;color:#f0f5ff;font-size:10px;min-height:44px;padding:8px 12px;line-height:1.5}.cinema-controls button>span{font-size:11px}.cinema-controls button[aria-pressed=true]{border-color:#cbddff;background:#29415d}.web-project-link{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:44px;font-size:12px;font-weight:600;color:#f8faff;line-height:1.8;border-bottom:1px solid #8a9bb3}.web-project-link>span{font-size:20px;line-height:1}.website-demo-note{font-size:12px;line-height:1.9;color:#eef4ff;max-width:900px;margin-top:17px}
.cinema-shell.is-static .cinema-track{height:var(--cinema-height)}.cinema-shell.is-static .cinema-mid-copy,.cinema-shell.is-static .cinema-intro-copy,.cinema-shell.is-static .cinema-door,.cinema-shell.is-static .cinema-scroll-cue{display:none}.cinema-shell.is-static .cinema-end-copy{visibility:visible!important;opacity:1!important;transform:translateY(-50%)!important}.cinema-shell.is-static .cinema-landscape{transform:none!important}.cinema-shell.is-static .cinema-shade{opacity:.58!important}.cinema-shell.is-static .cinema-controls>[role=group]{display:none}.cinema-shell.is-static .cinema-controls{justify-content:flex-end}
.website-offer-intro{margin-top:46px;display:flex;align-items:center;justify-content:space-between;gap:25px}.website-offer-intro h3{font-size:31px;font-weight:500;line-height:1.3;letter-spacing:-1px}.website-offer-intro>p{font-size:14px;line-height:1.8;color:#f8faff}.website-offers{margin-top:24px;border-bottom:1px solid #4b607e}.website-offer{border-top:1px solid #4b607e}.website-offer summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto 22px;align-items:center;gap:25px;padding:26px 0;min-height:110px;cursor:pointer}.website-offer summary::-webkit-details-marker{display:none}.web-offer-name,.web-offer-budget{display:block;min-width:0}.web-offer-name>small{display:block;font-size:9px;line-height:1.8;letter-spacing:1.2px;color:#d3e4ff;margin-bottom:8px}.web-offer-name>strong{font-size:26px;font-weight:500;letter-spacing:-.7px;line-height:1.3}.web-offer-budget{text-align:right}.web-offer-budget>strong{font-size:25px;font-weight:500;letter-spacing:-.9px;line-height:1.4;display:block;white-space:nowrap}.web-offer-budget>small{display:block;font-size:11px;line-height:1.8;color:#eff5ff;margin-top:5px}.web-offer-more{color:#d0e2ff;font-size:23px;line-height:1;transition:transform .2s}.website-offer[open] .web-offer-more{transform:rotate(45deg)}.web-offer-detail{padding:0 0 28px;max-width:820px}.web-offer-detail p{font-size:14px;color:#f8faff;line-height:1.9}.web-offer-detail p+p{margin-top:12px}.web-offer-detail>a{display:inline-flex;align-items:center;gap:30px;min-height:44px;font-size:13px;font-weight:700;border-bottom:1px solid #8ca1bf;margin-top:17px}.web-offer-detail>a>span{font-size:19px}.website-price-note{font-size:12px;color:#eef4ff;line-height:1.9;max-width:950px;margin-top:22px}
.website-dialog{width:min(560px,calc(100% - 24px));padding:28px;border:1px solid #7189ad;border-radius:14px;color:#f8faff;background:#14243b;max-height:calc(100svh - 24px);overflow-y:auto}.website-dialog::backdrop{background:#050e1dd9;backdrop-filter:blur(4px)}.website-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:18px}.website-dialog h3{font-size:28px;line-height:1.25;letter-spacing:-1px;min-width:0}.website-dialog-head button{min-width:44px;width:44px;min-height:44px;background:#294263;border:1px solid #607da5;border-radius:50%;font-size:23px;flex-shrink:0}.website-dialog label{display:block;margin-top:18px;font-size:14px;line-height:1.8;color:#f8faff}.website-dialog input,.website-dialog select,.website-dialog textarea{width:100%;min-width:0;display:block;margin-top:7px;font-size:16px;background:#102038;border:1px solid #6783aa;border-radius:6px;color:#fff;padding:11px 12px;min-height:46px}.website-dialog textarea{resize:vertical;min-height:80px}.website-dialog .website-dialog-note{font-size:12px;line-height:1.8;color:#e8f0ff;margin-top:17px}.website-dialog .button{margin-top:22px;width:100%}.website-dialog [role=status]{font-size:15px;line-height:1.8;margin-top:20px;padding:16px;border:1px solid #7198c3;background:#1c3858}.website-dialog .website-dialog-contact{display:flex;align-items:center;justify-content:space-between;min-height:46px;font-size:14px;color:#e0eaff;border-bottom:1px solid #93add1;margin-top:17px}.website-dialog .website-dialog-contact[hidden]{display:none}.website-dialog form[hidden]{display:none}
@media(max-width:1000px){.websites-intro{gap:30px}.websites-intro>p{max-width:290px}.cinema-copy h3{font-size:68px}.cinema-mid-copy h3{font-size:58px}.cinema-end-copy h3{font-size:62px}.website-examples button{padding:18px 16px;gap:1px 9px}.website-examples strong{font-size:23px}.web-offer-name>strong{font-size:24px}.web-offer-budget>strong{font-size:23px}.website-offer-intro>p{max-width:260px}}
@media(max-width:700px){.websites-intro{display:block}.websites-intro>p{max-width:550px;margin-top:22px;font-size:16px}.website-demo-toolbar{align-items:flex-start;flex-direction:column;gap:14px}.website-demo-toolbar>div{width:100%}.website-demo-toolbar button{flex:1}.cinema-copy h3{font-size:56px;letter-spacing:-1.5px}.cinema-mid-copy h3{font-size:45px}.cinema-end-copy h3{font-size:50px}.cinema-door{width:62%;height:66%}.cinema-shell[data-website=forma] .cinema-door{width:70%}.cinema-controls{flex-wrap:wrap;gap:8px 20px}.cinema-controls>[role=group]{flex:1}.web-project-link{margin-left:auto}.website-offer-intro{display:block}.website-offer-intro>p{margin-top:12px;max-width:none}.website-offer summary{gap:15px;grid-template-columns:minmax(0,1fr) auto 18px}.web-offer-name>small{font-size:8px;letter-spacing:.7px}.web-offer-name>strong{font-size:22px}.web-offer-budget>strong{font-size:22px}.website-dialog{padding:24px 19px}}
@media(max-width:600px){.websites-intro h2{font-size:clamp(32px,8.4vw,46px)}.website-examples{gap:0}.website-examples button{padding:15px 8px;grid-template-columns:1fr;gap:5px;min-height:112px}.website-examples button>span{grid-row:auto;padding:0;font-size:9px}.website-examples strong{font-size:23px;letter-spacing:-.7px}.website-examples small{font-size:10px;line-height:1.6;min-height:32px}.website-demo-toolbar>p{font-size:9px;letter-spacing:.9px}.website-demo-toolbar button{font-size:12px;padding:11px 12px;gap:10px}.cinema-viewport{--cinema-height:clamp(390px,65svh,560px)}.cinema-browserbar{padding:0 12px;gap:9px;font-size:6px;height:31px;letter-spacing:.6px}.cinema-browserbar>span:last-child{font-size:6px}.cinema-window-dots{gap:4px}.cinema-window-dots i{width:4px;height:4px}.cinema-site-header{top:15px;left:6%;right:6%;gap:12px}.cinema-brand{font-size:19px;letter-spacing:3px}.cinema-site-header .cinema-site-menu{font-size:9px;gap:10px}.cinema-site-header .cinema-site-menu span{font-size:17px}.cinema-copy{left:7%;right:7%;top:51%}.cinema-copy .cinema-kicker{font-size:8px;letter-spacing:1.7px;margin-bottom:16px}.cinema-copy h3,.cinema-mid-copy h3,.cinema-end-copy h3{font-size:clamp(34px,10vw,52px);line-height:1.1;letter-spacing:-1.3px}.cinema-shell[data-website=fuoco] .cinema-copy h3{letter-spacing:-1.5px}.cinema-copy>p:not(.cinema-kicker){font-size:13px;line-height:1.8;margin-top:17px;max-width:310px}.cinema-copy .cinema-action{font-size:12px;line-height:1.5;min-height:46px;margin-top:19px;padding:11px 16px;gap:17px}.cinema-door{width:66%;height:65%;border-radius:180px 180px 0 0}.cinema-shell[data-website=forma] .cinema-door{width:70%;border-width:15px}.cinema-shell[data-website=fuoco] .cinema-door{width:240px;height:240px;border-width:10px}.cinema-scroll-cue{left:9%;right:9%;bottom:18px;font-size:7px;letter-spacing:1px;gap:9px}.cinema-scroll-cue>i{height:18px}.cinema-scene-index{bottom:18px;font-size:8px;right:5%}.cinema-controls{padding:10px 12px}.cinema-controls>[role=group]{flex:1 1 100%;justify-content:space-between;gap:4px}.cinema-controls button{font-size:10px;padding:8px 10px;gap:6px;flex:1}.cinema-controls button>span{font-size:11px}.web-project-link{font-size:13px;min-height:44px;width:100%;margin:4px 0 0}.website-demo-note,.website-price-note{font-size:13px;line-height:1.85}.website-offer-intro{margin-top:34px}.website-offer-intro h3{font-size:29px}.website-offer-intro>p{font-size:15px}.website-offer summary{grid-template-columns:minmax(0,1fr) 20px;gap:14px 12px;padding:23px 0}.web-offer-name{grid-column:1;grid-row:1}.web-offer-name>small{font-size:9px;letter-spacing:.7px}.web-offer-name>strong{font-size:25px}.web-offer-budget{grid-column:1;grid-row:2;text-align:left}.web-offer-budget>strong{font-size:26px}.web-offer-budget>small{font-size:12px;margin-top:3px}.web-offer-more{grid-column:2;grid-row:1/3}.web-offer-detail p{font-size:15px}.web-offer-detail>a{font-size:14px}.website-dialog h3{font-size:25px}.website-dialog-note{font-size:13px}}
@media(max-width:360px){.website-examples strong{font-size:21px}.website-examples small{font-size:9px}.website-demo-toolbar>div{gap:7px}.website-demo-toolbar button{font-size:11px;padding:10px 9px}.cinema-brand{font-size:17px;letter-spacing:2px}.cinema-site-header .cinema-site-menu{font-size:8px}.cinema-copy h3,.cinema-mid-copy h3,.cinema-end-copy h3{font-size:34px}.cinema-copy .cinema-kicker{font-size:7px;letter-spacing:1px}.cinema-copy>p:not(.cinema-kicker){font-size:12px}.cinema-copy .cinema-action{font-size:11px;padding:11px 13px;gap:12px}.cinema-scroll-cue{justify-content:flex-start;font-size:6px}.cinema-controls button{padding:8px 6px}.cinema-controls button>span{font-size:10px}.web-offer-name>strong{font-size:24px}.website-dialog-head{gap:10px}.website-dialog h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.cinema-door,.cinema-landscape,.cinema-copy{will-change:auto}.web-offer-more{transition:none}}

.cinema-viewport{scrollbar-width:none}.cinema-viewport::-webkit-scrollbar{display:none}
.cinema-veil{position:absolute;inset:0;z-index:10;background:var(--web-dark);opacity:0;pointer-events:none}
.cinema-progress{height:2px;background:#334b65;overflow:hidden}.cinema-progress>i{display:block;width:100%;height:100%;background:var(--web-accent);transform:scaleX(0);transform-origin:left;will-change:transform}
.cinema-shell.is-gentle .cinema-door,.cinema-shell.is-gentle .cinema-landscape,.cinema-shell.is-gentle .cinema-copy{will-change:auto}