:root{--site-accent:#a5009d;--site-dark:#240626;--site-soft:#fbf4fc;--site-text:#211322}.company-site{min-height:100vh;background:#fff;color:var(--site-text);font-family:Arial,sans-serif}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(20px,5vw,76px);background:rgba(255,255,255,.96);border-bottom:1px solid #eadfea;box-shadow:0 8px 24px rgba(51,12,52,.06)}.site-brand{display:flex;align-items:center;gap:12px;color:var(--site-dark);text-decoration:none}.site-brand img{width:138px;height:46px;object-fit:contain}.site-header nav{display:flex;align-items:center;justify-content:flex-end;gap:18px;flex-wrap:wrap}.site-header nav a{color:#3d2d41;text-decoration:none;font-size:13px}.site-header nav a:hover{color:var(--site-accent)}.site-header .login-link,.primary-link{background:var(--site-accent);color:#fff!important;padding:12px 20px;border-radius:8px;text-decoration:none;box-shadow:0 10px 20px rgba(165,0,157,.18)}.mobile-menu{display:none;border:0;background:#f5eaf6;border-radius:7px;padding:9px 12px;font-size:20px}.hero{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding:80px clamp(24px,8vw,135px);background:radial-gradient(circle at 80% 20%,rgba(204,61,195,.2),transparent 30%),linear-gradient(135deg,#fff 5%,#fff8ff 55%,#f4e4f5)}.hero-copy>span,.content-section span{color:var(--site-accent);font-size:12px;font-weight:700;letter-spacing:2px}.hero h1{max-width:760px;margin:14px 0 18px;font-size:clamp(44px,6vw,82px);line-height:1.03}.hero p{max-width:680px;color:#6f5d72;font-size:18px;line-height:1.7}.hero-copy>div{display:flex;gap:14px;margin-top:32px}.secondary-link{display:inline-block;padding:11px 19px;border:1px solid var(--site-accent);border-radius:8px;color:var(--site-accent);text-decoration:none}.hero-visual{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:35px;background:linear-gradient(145deg,#2c082e,#64005e);border-radius:28px;box-shadow:0 35px 70px rgba(51,12,52,.2);color:#fff;font-size:22px}.hero-visual img{display:block;max-width:82%;max-height:190px;object-fit:contain}.content-section{padding:90px clamp(24px,8vw,135px)}.content-section.soft{background:var(--site-soft)}.intro,.story,.career,.contact{display:flex;align-items:center;justify-content:space-between;gap:70px}.intro>div,.intro>p,.story>div,.story-card,.career>div,.contact>div{flex:1}.content-section h2{margin:10px 0 18px;font-size:clamp(32px,4vw,52px)}.content-section p{color:#6b5a6e;line-height:1.75}.story-card{padding:38px;border:1px solid #ead8eb;border-radius:18px;background:#fff;box-shadow:0 18px 44px rgba(61,22,65,.08)}.story-card strong{font-size:25px}.section-heading{max-width:780px;margin-bottom:36px}.card-grid{display:grid;gap:18px}.card-grid.two{grid-template-columns:repeat(2,1fr)}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid article,.card-grid>a{padding:30px;border:1px solid #eadbea;border-radius:15px;background:#fff;color:var(--site-text);text-decoration:none}.card-grid b{display:block;margin-bottom:10px;font-size:20px}.card-grid small{color:#765f78}.service-list,.team-placeholder{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-list span,.team-placeholder span{padding:24px;border-radius:12px;background:#301032;color:#fff;text-align:center;letter-spacing:0;font-size:15px}.team-placeholder{grid-template-columns:repeat(3,1fr)}.gallery-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:16px}.gallery-grid div{min-height:260px;display:flex;align-items:flex-end;padding:24px;border-radius:16px;background:linear-gradient(150deg,#e7cae9,#6b1767);color:#fff;font-size:22px;font-weight:600}.gallery-grid div:first-child{min-height:340px}.company-site footer{padding:60px clamp(24px,8vw,135px) 28px;background:var(--site-dark);color:#fff}.footer-brand{display:flex;align-items:center;gap:16px;font-size:20px}.footer-brand img{width:150px;height:50px;object-fit:contain}.footer-links,.footer-legal{display:flex;flex-wrap:wrap;gap:22px;margin-top:30px}.company-site footer a{color:#eadbea;text-decoration:none}.company-site footer>p{margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.15);color:#bda9bf;font-size:12px}@media(max-width:1150px){.site-header nav{display:none;position:absolute;left:20px;right:20px;top:76px;padding:20px;background:#fff;border:1px solid #eadbea;border-radius:12px;box-shadow:0 18px 40px rgba(40,10,42,.15)}.site-header nav.open{display:flex}.mobile-menu{display:block}.hero{grid-template-columns:1fr;min-height:auto}.service-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.site-brand strong{display:none}.hero{padding-top:55px}.intro,.story,.career,.contact{align-items:flex-start;flex-direction:column;gap:24px}.card-grid.two,.card-grid.three,.team-placeholder,.gallery-grid{grid-template-columns:1fr}.service-list{grid-template-columns:1fr}.gallery-grid div,.gallery-grid div:first-child{min-height:220px}.content-section{padding-top:65px;padding-bottom:65px}}
.website-preview-banner{position:sticky;top:0;z-index:1000;background:#fff1c9;color:#754e00;text-align:center;padding:10px;font-weight:800;letter-spacing:.4px;border-bottom:1px solid #e5cb70}
.site-main{display:flex;flex-direction:column}
.section-rich-content{margin-top:18px;line-height:1.75;color:#4d4150}.section-rich-content p{margin:0 0 10px}.section-contact-line{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.section-contact-line a{display:inline-flex;padding:10px 14px;border:1px solid #ead9eb;border-radius:10px;color:#910094;text-decoration:none;background:#fff}
.website-block{margin-top:24px;padding:22px;border:1px solid #eadfea;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(47,10,47,.06)}.website-block h3{margin:0 0 10px;font-size:22px}.website-block p{margin:6px 0;line-height:1.65}.website-block-card{border-top:4px solid var(--brand,#9d009d)}.website-block-image{display:grid;grid-template-columns:minmax(180px,.7fr) 1.3fr;gap:22px;align-items:center}.website-block-image img{width:100%;max-height:300px;object-fit:cover;border-radius:12px}.website-block-cta{text-align:center;background:linear-gradient(135deg,#fff5ff,#f5f0ff)}.website-block-button{display:inline-block;margin-top:12px;padding:10px 16px;border-radius:8px;background:#950095;color:#fff;text-decoration:none}@media(max-width:700px){.website-block-image{grid-template-columns:1fr}}