/* MORAZZI STUDIO — editorial redesign, 2026 */
:root{--cream:#eeeae2;--cream-dim:#b3b2ad;--gold:#e4b77b;--gold-deep:#b98a50;--line:rgba(232,220,202,.15);--panel:#12191d;--sand:#eee8dd}
body{overflow-x:hidden}.page-inner{background:#0b0f12}.section-spacious{padding:clamp(95px,10vw,170px) 0}.eyeline{display:flex;align-items:center;gap:15px;color:var(--gold);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.20em}.eyeline::before{content:"";display:inline-block;width:29px;height:1px;background:currentColor}.eyeline.small{font-size:9px;letter-spacing:.16em}.editorial-title{font:400 clamp(43px,5vw,82px)/1.14 var(--display);letter-spacing:-.035em;margin:21px 0 25px}.editorial-title em,.page-title em{color:var(--gold);font-weight:400}.lead-text{font-size:clamp(18px,1.5vw,22px);line-height:1.56;color:#e2e3df;max-width:650px}.body-text{font-size:15px;line-height:1.9;color:#aeb3b3;max-width:650px}.small-muted{font-size:11px;line-height:1.6;color:#929c9d}.quiet-link{display:inline-flex;align-items:center;gap:15px;color:#dfbd91;font-size:12px;letter-spacing:.07em;font-weight:700;margin-top:16px}.quiet-link span{font-size:20px;transition:transform .25s}.quiet-link:hover span{transform:translateX(5px)}
/* Hero remains the approved cinematic composition */
.hero-cards .hero-card{scroll-margin:0}.hero-card{cursor:pointer}
/* Art direction for multi-page design */
.editorial-intro{position:relative;overflow:hidden;background:#0c1115}
.intro-v2-grid{display:grid;grid-template-columns:.90fr 1.1fr;gap:clamp(55px,8vw,120px);align-items:center}.intro-side-image{position:relative;min-height:580px;border-radius:8px;overflow:hidden;background:#25272b}.intro-side-image img{width:100%;height:580px;object-fit:cover;object-position:70% center;filter:saturate(.7) contrast(1.08)}.intro-side-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#11181d 0%,transparent 45%)}.intro-image-tag{position:absolute;bottom:28px;left:28px;font-size:10px;font-weight:650;letter-spacing:.19em;color:#eed2ad;z-index:2}.intro-signature{font:italic 400 24px/1.4 var(--display);color:#c8b49a;margin-top:42px}
/* Visual projects landing */
.demonstrations{background:var(--sand);color:#161b1c;position:relative}.demonstrations .eyeline{color:#aa753d}.demonstrations .editorial-title{color:#1e2425}.demonstrations .editorial-title em{color:#9c6e40}.demonstrations .body-text{color:#626a6a}.demo-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:80px}.demo-intro>*:first-child{max-width:800px}.demo-intro .body-text{max-width:270px}.showcase-row{display:grid;grid-template-columns:1fr 1.04fr;gap:clamp(35px,6vw,100px);align-items:center;padding:90px 0;border-top:1px solid rgba(30,35,35,.16)}.showcase-row.reverse .showcase-visual{order:2}.showcase-row.reverse .showcase-content{order:1}.showcase-index{display:flex;gap:20px;align-items:center;color:#956b3d;font-weight:750;font-size:11px;letter-spacing:.15em}.showcase-index span{width:40px;height:1px;background:#bb946d}.showcase-content h3{font:400 clamp(33px,3vw,49px)/1.12 var(--display);letter-spacing:-.035em;margin:18px 0 20px;color:#1a2020}.showcase-content p{font-size:15px;color:#525d5f;line-height:1.8;max-width:450px}.showcase-benefits{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 24px}.showcase-benefits span{border:1px solid #d3c9b8;color:#675e52;background:#f5f0e7;border-radius:100px;padding:7px 13px;font-size:11px}.showcase-links{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.button-dark{background:#111b1d;border:1px solid #111b1d;color:#fff;padding:15px 18px;border-radius:5px;font-size:11px;letter-spacing:.085em;font-weight:700;text-transform:uppercase}.button-dark:hover{background:#273338}.button-lined{color:#2f3637;border:1px solid #b7afa3;padding:15px 18px;border-radius:5px;font-size:11px;letter-spacing:.06em;font-weight:700}.button-lined:hover{background:#ded6c9}.browser-stage{position:relative;padding:19px;background:#d7d1c7;border:1px solid #c7c0b4;border-radius:14px;box-shadow:0 29px 50px rgba(39,40,37,.13);min-height:320px}.mock-window{background:#f8f7f2;border-radius:9px;overflow:hidden;box-shadow:0 14px 25px rgba(0,0,0,.13)}.mock-toolbar{display:flex;align-items:center;height:31px;background:#fff;border-bottom:1px solid #e7e5df;padding:0 12px;gap:5px}.mock-toolbar i{width:6px;height:6px;background:#d6d8d6;border-radius:50%}.mock-address{margin:auto;font-size:8px;color:#929897;letter-spacing:.06em}.mock-vellaro{height:330px;position:relative;overflow:hidden;background:#15202a}.mock-vellaro img{width:100%;height:100%;object-fit:cover;object-position:72% center}.mock-vellaro::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,20,26,.78),transparent 82%)}.mock-vellaro-txt{position:absolute;z-index:2;top:25%;left:9%;color:white}.mock-vellaro-txt small{font-size:9px;letter-spacing:.29em}.mock-vellaro-txt h4{font:400 34px/1.02 var(--display);margin:12px 0}.mock-vellaro-txt b{display:inline-block;padding:9px 14px;border:1px solid #eadac2;font-size:8px;letter-spacing:.1em;font-weight:600;margin-top:12px}.mock-booking{display:grid;grid-template-columns:.9fr 1.1fr;min-height:342px;background:#f5eee8}.mock-booking-photo{background:linear-gradient(rgba(24,29,31,.04),rgba(24,29,31,.23)),url('/assets/card-business.webp') center / cover}.mock-booking-ui{padding:26px;display:flex;flex-direction:column;gap:12px;color:#252c2e}.mock-booking-ui>strong{font:400 25px/1.1 var(--display)}.mock-booking-ui .mock-form-line{padding:10px 14px;border:1px solid #d4c8b9;border-radius:4px;background:#fdfcf9;font-size:11px;display:flex;justify-content:space-between}.mock-booking-ui .mock-dates{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mock-booking-ui .mock-dates span{padding:9px 0;border:1px solid #d5c9b9;text-align:center;font-size:10px}.mock-booking-ui .mock-dates span.selected{background:#192628;color:#f8f1e7}.mock-booking-ui .mock-confirm{background:#b38755;color:white;text-align:center;font-size:10px;padding:10px}.mock-app{min-height:355px;background:#121a21;color:#e6e6e5;display:grid;grid-template-columns:63px 1fr}.mock-app-side{background:#0c1319;border-right:1px solid #26313a;display:flex;flex-direction:column;align-items:center;gap:20px;padding-top:20px}.mock-app-side span{width:18px;height:18px;border:1px solid #6a767c;border-radius:5px;opacity:.7}.mock-app-side span:first-child{background:#cfab77;border:0;opacity:1}.mock-app-main{padding:20px}.mock-app-head{display:flex;justify-content:space-between;color:#f1f3f1;gap:6px;align-items:center}.mock-app-head strong{font-size:16px}.mock-app-head small{font-size:8px;color:#93a2aa}.mock-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:18px}.mock-metric{border:1px solid #35434b;border-radius:8px;background:#1a2730;padding:12px}.mock-metric span{display:block;color:#9dadb5;font-size:8px}.mock-metric b{display:block;font-size:18px;color:#f6f5f2}.mock-metric i{display:block;font-style:normal;font-size:8px;color:#77b69a}.mock-app-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:9px;margin-top:11px}.mock-chart,.mock-list{border:1px solid #31404a;background:#1b2831;border-radius:8px;padding:14px;min-height:154px}.mock-chart small,.mock-list small{font-size:8px;color:#bdc5c9}.chart-bars{display:flex;height:106px;align-items:end;gap:6px;padding-top:8px}.chart-bars i{flex:1;background:linear-gradient(#cfad7b,#82654b);border-radius:3px 3px 0 0;min-height:10px}.mock-list span{display:block;font-size:9px;margin-top:15px;padding-bottom:7px;border-bottom:1px solid #34414a}.mock-enterprise{min-height:355px;background:#09121d;color:#f2f5f5;padding:20px}.mock-enterprise-title{display:flex;justify-content:space-between;align-items:center}.mock-enterprise-title strong{font-size:18px}.mock-enterprise-title small{font-size:8px;color:#d2ad79}.mock-ent-flow{display:flex;align-items:center;gap:7px;margin-top:24px}.mock-ent-flow>div{flex:1;background:#172639;border:1px solid #30425a;border-radius:8px;padding:13px 8px}.mock-ent-flow b{display:block;font-size:17px}.mock-ent-flow span{font-size:8px;color:#aeb9c4}.mock-ent-flow>i{font-size:10px;color:#d2a86b}.mock-ent-bottom{display:grid;grid-template-columns:1.4fr .75fr;gap:9px;margin-top:13px}.mock-ent-chart{background:#172639;border-radius:7px;border:1px solid #2b3c53;padding:13px;height:155px}.mock-ent-trend{display:flex;align-items:end;height:110px;gap:5px}.mock-ent-trend span{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#e4bf83,#967650)}.mock-ent-stat{background:#172639;border-radius:7px;padding:15px}.mock-ent-stat strong{font-size:26px;display:block;color:#dcb57c}.mock-ent-stat small{font-size:9px;color:#a1b1bb}.demo-stamp{position:absolute;right:30px;bottom:31px;color:#a4a9a7;background:rgba(6,10,11,.92);border:1px solid rgba(226,196,156,.25);padding:6px 11px;border-radius:4px;font-size:9px;letter-spacing:.13em;z-index:3}.preview-caption{margin-top:15px;font-size:11px;color:#657070}
/* Pricing editorial */
.pricing-v2{background:#0d1215}.pricing-v2-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:40px}.pricing-v2-intro .editorial-title{margin-bottom:0}.pricing-v2-intro p{max-width:260px;font-size:13px;color:#a4a9aa}.price-collection{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.price-item{background:#141c21;border:1px solid var(--line);padding:28px 22px;border-radius:10px;display:flex;flex-direction:column;min-height:350px;transition:transform .25s,border-color .25s}.price-item:hover{transform:translateY(-5px);border-color:var(--gold)}.price-item.featured{border:1px solid rgba(225,181,122,.75);background:linear-gradient(160deg,#17232b,#171916)}.price-item-no{font-size:10px;color:#cfb08c;letter-spacing:.2em}.price-item h3{font:400 33px var(--display);margin:24px 0 6px}.price-item p{font-size:12px;color:#b5b8b8;margin:0}.price-item .price-amount{margin-top:auto;border-top:1px solid var(--line);padding-top:24px}.price-item .price-amount strong{font-size:25px;color:#e7bb85}.price-item .price-amount span{font-size:11px;color:#b6bebd}.price-item .monthly{display:block;margin:0 0 17px;color:#adb3b4;font-size:11px}.price-item a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;color:#e6d1b2;font-size:11px;font-weight:650;letter-spacing:.07em}.price-item a span{font-size:22px}
/* About / partners */
.proof-section{background:#172023;color:#eee8e2}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw;align-items:start}.proof-grid .editorial-title{margin-top:16px}.proof-rule{padding:22px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:22px;font-size:14px}.proof-rule b{font-weight:550;color:#ecebe7}.proof-rule small{max-width:275px;text-align:right;color:#a3adae;font-size:12px}.case-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:56px}.case-mini{position:relative;min-height:295px;border-radius:7px;overflow:hidden;background:#10191a}.case-mini img{height:100%;width:100%;object-fit:cover}.case-mini:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071014ee,transparent 85%)}.case-mini div{position:absolute;bottom:23px;left:25px;right:20px;z-index:2}.case-mini strong{font:400 24px var(--display)}.case-mini p{font-size:11px;line-height:1.5;margin:2px 0;color:#cfcecb}
/* process etc */
.process-v2{background:#eee8de;color:#161c1e}.process-v2 .eyeline{color:#9b7145}.process-v2 .editorial-title{color:#202628}.process-v2 .editorial-title em{color:#967047}.process-v2-list{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:66px}.process-v2-step{border-top:1px solid #bfb6a7;padding-top:22px}.process-v2-step span{font-size:11px;color:#996c3f;font-weight:700;letter-spacing:.1em}.process-v2-step h3{font:400 25px var(--display);margin:28px 0 9px}.process-v2-step p{font-size:13px;color:#677072;line-height:1.8}
/* universal subpage */
.subpage-hero{position:relative;padding:175px 0 90px;min-height:570px;background:#11191d;overflow:hidden}.subpage-hero::after{content:"";position:absolute;width:620px;height:620px;right:-120px;top:0;background:radial-gradient(circle,rgba(204,159,104,.1),transparent 68%);pointer-events:none}.subpage-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:center}.subpage-grid>div{position:relative;z-index:1}.page-title{font:400 clamp(48px,5.5vw,88px)/1.07 var(--display);letter-spacing:-.045em;margin:27px 0}.page-title em{display:block}.sub-lead{color:#cbd1ce;line-height:1.8;font-size:16px;max-width:520px}.sub-price{margin-top:35px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}.sub-price strong{font-size:29px;font-weight:600;color:#e5bd88}.sub-price span{color:#a9afb1;font-size:12px}.subpage-hero .browser-stage{transform:rotate(-1.3deg);box-shadow:0 28px 60px #05090995}.subpage-hero .mock-window{box-shadow:0 6px 20px #0006}.subpage-body{background:#eee9e0;color:#1f2526}.subpage-body .eyeline{color:#94693e}.subpage-body .editorial-title{color:#192122}.subpage-body .editorial-title em{color:#9d7345}.subpage-body .body-text{color:#657071}.feature-layout{display:grid;grid-template-columns:.80fr 1.2fr;gap:10vw;align-items:start}.feature-lists{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-panel{background:#faf7f1;border:1px solid #ded4c7;border-radius:7px;padding:29px}.feature-panel h3{font:400 29px var(--display);margin:0 0 18px}.feature-panel ul{padding-left:18px;margin:0}.feature-panel li{font-size:13px;color:#535e60;line-height:1.75;padding-bottom:9px}.feature-panel small{font-size:12px;color:#7c8584}.feature-panel.exclusions{background:#e8e0d4}.feature-panel.exclusions h3{color:#6d553c}.feature-panel.full{grid-column:span 2}.detail-explain{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #d1c8bd;padding-top:75px;margin-top:75px}.detail-explain h3{font:400 36px var(--display);margin:0 0 12px}.detail-explain p{color:#687171;font-size:14px;line-height:1.9}.faq-onwhite details{border-bottom:1px solid #d0c8bd;padding:17px 0}.faq-onwhite summary{cursor:pointer;font-size:15px;color:#313939}.faq-onwhite details p{color:#5d686a;font-size:13px}.case-masthead{background:#101a20;color:#fff;padding:125px 0 100px}.case-masthead p{max-width:650px;color:#bac3c4;line-height:1.8}.demo-cta{background:#172125;padding:90px 0;border-top:1px solid var(--line)}.demo-cta-layout{display:flex;align-items:center;justify-content:space-between;gap:30px}.demo-cta h2{font:400 clamp(36px,4vw,55px)/1.2 var(--display);margin:0 0 8px}.demo-cta p{color:#b4babc;margin:0;max-width:600px}
/* project gallery */
.portfolio-intro{background:#11191c;padding:185px 0 90px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:27px}.portfolio-tile{background:#151d21;border:1px solid var(--line);border-radius:9px;overflow:hidden}.portfolio-cover{height:310px;overflow:hidden;background:#262d2f}.portfolio-cover .browser-stage{height:100%;border-radius:0;border:0;padding:14px;box-shadow:none}.portfolio-cover .mock-vellaro{height:260px}.portfolio-cover .mock-app{height:270px}.portfolio-cover .mock-booking{height:270px;min-height:270px}.portfolio-cover .mock-enterprise{height:270px;min-height:270px}.portfolio-tile-copy{padding:27px}.portfolio-tile-copy small{font-size:10px;letter-spacing:.13em;color:#dfb883}.portfolio-tile-copy h2{font:400 31px var(--display);margin:9px 0}.portfolio-tile-copy p{font-size:13px;color:#a6b0b0}.portfolio-tile-copy a{color:#e9bc85;font-size:12px;font-weight:650}
/* CTA global */
.contact-compact{background:linear-gradient(115deg,#10191d,#1b2425);padding:115px 0}.contact-compact .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9vw}.contact-compact p{font-size:14px;color:#a9b2b2;line-height:1.9}.contact-compact .editorial-title{font-size:clamp(42px,4vw,64px)}.contact-compact .btn{margin-top:16px}
/* contact form styling on standalone */
.form-shell{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:start}.form-shell .form-panel{background:#172023;border:1px solid var(--line);border-radius:10px}.form-shell .section-label{color:#d3ab76}.form-shell h1{font:400 clamp(49px,5.3vw,78px) var(--display)}.form-shell p{color:#b2b8b9}.form-shell .form-panel p{color:#adb5b5}.form-shell .form-panel .form-hint{font-size:11px}.form-shell .form-panel label{color:#d5d9d9}.form-panel .demo-hint{background:#242321;border:1px solid #493f33;padding:14px;border-radius:5px;font-size:11px;color:#b5aba1;margin-top:12px}.form-panel select option{background:#1b252a}
/* demo pages */
.demo-banner{background:#e8bd81;color:#151c1d;text-align:center;padding:9px 22px;font-size:11px;letter-spacing:.05em;font-weight:650}.demo-banner a{font-weight:750;text-decoration:underline}.demo-page{font-family:var(--sans)}
@media(max-width:1100px){.price-collection{grid-template-columns:repeat(2,1fr)}.showcase-row{gap:40px}.subpage-grid{gap:25px}.mock-ent-flow b{font-size:14px}}
@media(max-width:800px){.intro-v2-grid,.showcase-row,.subpage-grid,.feature-layout,.proof-grid,.form-shell,.contact-compact .container{grid-template-columns:1fr;gap:46px}.showcase-row.reverse .showcase-visual{order:0}.showcase-row.reverse .showcase-content{order:1}.demo-intro{display:block;margin-bottom:55px}.showcase-row{padding:65px 0}.intro-side-image,.intro-side-image img{min-height:400px;height:400px}.subpage-hero{padding-top:125px}.subpage-hero .browser-stage{transform:none}.feature-lists{grid-template-columns:1fr 1fr}.detail-explain{gap:28px}.portfolio-grid{grid-template-columns:1fr}.process-v2-list{grid-template-columns:1fr 1fr}.case-mini-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.section-spacious{padding:80px 0}.editorial-title{font-size:42px}.intro-side-image,.intro-side-image img{height:350px;min-height:350px}.price-collection{grid-template-columns:1fr}.price-item{min-height:290px}.price-item h3{font-size:29px}.proof-grid{gap:30px}.case-mini-grid{grid-template-columns:1fr}.case-mini{min-height:230px}.process-v2-list{grid-template-columns:1fr 1fr;gap:16px}.process-v2-step h3{font-size:20px;margin:18px 0 7px}.feature-lists,.detail-explain{grid-template-columns:1fr}.feature-panel.full{grid-column:span 1}.subpage-hero{padding:116px 0 62px}.sub-price{gap:12px}.page-title{font-size:49px}.browser-stage{padding:9px;min-height:240px}.mock-vellaro{height:270px}.mock-vellaro-txt h4{font-size:27px}.mock-booking{min-height:275px}.mock-booking-photo{display:none}.mock-booking{grid-template-columns:1fr}.mock-app{min-height:285px;grid-template-columns:37px 1fr}.mock-app-side{padding-top:15px}.mock-app-side span{width:12px;height:12px}.mock-app-main{padding:11px}.mock-app-head strong{font-size:12px}.mock-app-head small{font-size:7px}.mock-metric{padding:7px}.mock-metric b{font-size:14px}.mock-metric-grid{gap:4px}.mock-app-bottom{gap:5px}.mock-chart,.mock-list{padding:8px}.mock-chart{min-height:125px}.chart-bars{height:85px}.mock-list span{font-size:7px}.mock-enterprise{min-height:280px;padding:10px}.mock-enterprise-title strong{font-size:14px}.mock-ent-flow{gap:3px}.mock-ent-flow>div{padding:6px 3px}.mock-ent-flow b{font-size:12px}.mock-ent-flow span{font-size:6px}.mock-ent-bottom{gap:6px}.mock-ent-chart{height:120px}.mock-ent-trend{height:75px}.mock-ent-stat{padding:8px}.mock-ent-stat strong{font-size:18px}.mock-ent-stat small{font-size:8px}.demo-stamp{right:12px;bottom:12px}.demo-cta-layout{display:block}.demo-cta-layout>a{margin-top:20px}.portfolio-intro{padding:129px 0 60px}.portfolio-cover{height:250px}}