.materials-page{--materials-ink: #24283c;--materials-muted: #4b5367;--materials-accent: #654778;background:#fff;color:var(--materials-ink);overflow:hidden;overflow-wrap:normal}.materials-container{width:min(1280px,calc(100% - 128px));margin-inline:auto}.materials-page :is(h1,h2,h3,p,dd,dl){margin:0}.materials-page h1,.materials-page h2{text-wrap:initial}.materials-page section[id]{scroll-margin-top:100px}.materials-hero{padding:104px 0 96px;background:radial-gradient(ellipse at 93% 12%,#c8cce6 0%,transparent 56%),radial-gradient(ellipse at 70% 88%,#ddcce3 0%,transparent 58%),radial-gradient(ellipse at 8% 100%,#f3e0e9 0%,transparent 48%),linear-gradient(125deg,#fff 16%,#f5f3f9 56%,#e4e4f0)}.materials-hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr);gap:24px;align-items:center;min-height:480px}.materials-hero-copy{position:relative;z-index:1}.materials-hero h1 span{color:var(--materials-accent)}.materials-hero-copy>p{margin-top:30px;color:var(--materials-muted)}.materials-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 26px;margin-top:38px}.materials-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:56px;padding:15px 28px;border-radius:32px;background:linear-gradient(115deg,#794b72,#604875 48%,#354a70);color:#fff;text-decoration:none}.materials-button:is(:hover,:focus-visible){background:linear-gradient(115deg,#64395f,#503b65 48%,#293c5f);text-decoration:underline}.materials-text-link{padding-block:8px;color:var(--materials-accent);text-underline-offset:5px}.materials-hero-image{width:calc(100% + 76px);max-width:none}.materials-hero-image img{width:100%;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}.materials-image-link{display:block;position:relative;cursor:zoom-in}.materials-image-link:focus-visible{outline:none;box-shadow:none}.materials-image-link:focus-visible img{opacity:.85}.materials-samples{padding:120px 0;background:radial-gradient(ellipse at 100% 45%,#f0eef7 0%,transparent 64%),#fff}.materials-samples-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:64px;align-items:center}.materials-samples-copy>p{margin-top:26px;color:var(--materials-muted)}.materials-samples-copy>p+p{margin-top:18px}.materials-sample-tabs{display:grid;margin-top:36px;border-left:2px solid #e8e2ed}.materials-sample-tabs button{position:relative;display:flex;flex-direction:column;gap:4px;align-items:flex-start;width:100%;padding:14px 36px 14px 20px;border:0;border-radius:0;background:none;color:var(--materials-muted);text-align:left;cursor:pointer}.materials-sample-tabs button:before{position:absolute;top:14px;bottom:14px;left:-2px;width:2px;border-radius:2px;background:transparent;content:""}.materials-sample-tabs button[aria-selected=true]{color:var(--materials-accent);background:radial-gradient(ellipse at left,#ede3f080,transparent 78%)}.materials-sample-tabs button[aria-selected=true]:before{background:var(--materials-accent)}.cloud-home .materials-sample-tabs button:focus-visible{text-decoration:none}.materials-sample-tabs button:is(:hover,:focus-visible)>span:first-child{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.materials-sample-tabs button>span:first-child{font-weight:600}.materials-sample-tabs small{font-size:13px;font-weight:400;line-height:1.6;color:#71677c}.materials-tab-arrow{position:absolute;top:50%;right:8px;opacity:0;transform:translateY(-50%)}.materials-sample-tabs button[aria-selected=true] .materials-tab-arrow{opacity:1}.materials-sample-stage{background:radial-gradient(ellipse at 8% 12%,#eee2ec 0%,transparent 66%),linear-gradient(140deg,#edf0f6,#dbe0ed 65%,#d1d9e8)}.materials-sample-panel[hidden]{display:none}.materials-sample-panel>a{display:flex;align-items:center;min-height:640px}.materials-sample-panel img{width:100%;max-height:720px;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}.materials-expand{position:absolute;right:20px;bottom:20px;display:inline-flex;align-items:center;gap:12px;padding:9px 16px;border-radius:24px;background:#fff;color:#493553;font-size:13px;line-height:1.5}.materials-delivery{padding:108px 0;background:radial-gradient(ellipse at 90% 5%,#51426480 0%,transparent 60%),radial-gradient(ellipse at 5% 95%,#243f5866 0%,transparent 65%),linear-gradient(120deg,#151e30,#23273a 60%,#302b42);color:#f6f3fa}.materials-delivery-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:100px;align-items:center}.materials-deliverables{margin-top:34px!important}.materials-deliverables>div{padding:24px 0;border-top:1px solid rgb(255 255 255 / 15%)}.materials-deliverables dt{margin-bottom:8px}.materials-deliverables dd{color:#c5c8d6}.materials-code-preview{height:580px;overflow:hidden}.materials-code-preview img{width:100%;height:100%;object-fit:cover;object-position:top;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 72%,transparent);mask-composite:intersect}.materials-code-preview .materials-expand{z-index:1;right:0;bottom:0;background:#393a50;color:#f6f3fa}.materials-code-link{display:flex;justify-content:space-between;gap:20px;margin-top:24px;padding:14px 0;border-bottom:1px solid rgb(255 255 255 / 24%);color:#e6d9ed;text-decoration:none}.materials-code-link:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:5px}.materials-support{padding:112px 0}.materials-support-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:80px}.materials-terms>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:28px;padding:30px 0;border-top:1px solid #e7dfe9}.materials-terms>div:first-child{padding-top:0;border-top:0}.materials-terms>div:last-child{padding-bottom:0}.materials-terms dt{color:var(--materials-accent);font-size:15px;line-height:1.8}.materials-terms h3{text-wrap:initial}.materials-terms p{margin-top:12px;color:var(--materials-muted)}.materials-consultation{padding:96px 0 104px;background:radial-gradient(ellipse at 50% 8%,#fff 0%,#ffffffa6 30%,transparent 70%),radial-gradient(ellipse at 0% 90%,#e6cbdc 0%,transparent 64%),radial-gradient(ellipse at 100% 100%,#bfc9e2 0%,transparent 64%),linear-gradient(120deg,#f6eaf1,#e5dff0 54%,#dbe3f1);text-align:center}.materials-consultation p{margin-top:24px;color:var(--materials-muted)}.materials-consultation .materials-button{width:min(100%,500px);min-height:88px;margin-top:40px;padding:24px 36px;border-radius:48px;gap:40px}.materials-contact-address{display:block;width:fit-content;margin:20px auto 0;max-width:100%;font-size:clamp(16px,1.6vw,22px);overflow-wrap:anywhere;color:var(--materials-accent);text-decoration:none}.materials-contact-address:is(:hover,:focus-visible){text-decoration:underline}.materials-mobile-break{display:none}.materials-preview-dialog{width:min(1400px,calc(100% - 48px));max-width:none;max-height:calc(100svh - 48px);padding:0;border:0;border-radius:8px;background:#e6e7eb;color:#291e35;overscroll-behavior:contain}.materials-preview-dialog::backdrop{background:#0c0f18c7}.materials-preview-bar{position:sticky;z-index:1;top:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 24px;background:#fff}.materials-preview-bar h2{margin:0;font-size:16px;font-weight:600;line-height:1.5}.materials-preview-bar button{display:inline-flex;align-items:center;gap:16px;padding:8px 0;border:0;background:none;font-size:14px;color:#67387e;cursor:pointer;white-space:nowrap}.materials-preview-bar button span{font-size:24px;line-height:1}.materials-preview-image{width:100%;height:auto}@media(max-width:1100px){.materials-container{width:calc(100% - 64px)}.materials-hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.materials-hero-image{width:calc(100% + 32px)}.materials-samples-layout,.materials-delivery-layout{gap:44px}.materials-sample-panel>a{min-height:500px}.materials-code-preview{height:480px}.materials-support-layout{gap:44px}.materials-terms>div{grid-template-columns:1fr;gap:12px}}@media(max-width:900px){.materials-hero{padding:72px 0 40px}.materials-hero-layout{grid-template-columns:1fr;gap:38px}.materials-hero-image{width:100%}.materials-samples,.materials-delivery,.materials-support{padding:76px 0}.materials-samples-layout,.materials-delivery-layout,.materials-support-layout{grid-template-columns:1fr;gap:40px}.materials-sample-tabs{margin-top:28px}.materials-sample-panel>a{min-height:0}.materials-sample-panel img{max-height:720px}.materials-code-preview{height:540px}.materials-terms>div{grid-template-columns:112px minmax(0,1fr);gap:24px}}@media(max-width:600px){.materials-container{width:calc(100% - 48px)}.materials-hero-copy>p{margin-top:24px}.materials-desktop-break{display:none}.materials-actions{gap:20px;margin-top:28px}.materials-button{gap:20px;padding-inline:24px}.materials-hero-image{width:calc(100% + 24px);margin-inline:-12px}.materials-samples,.materials-delivery,.materials-support{padding:64px 0}.materials-sample-stage{width:calc(100% + 48px);margin-inline:-24px}.materials-expand{right:16px;bottom:16px}.materials-deliverables>div{padding-block:20px}.materials-code-preview{height:420px}.materials-terms>div{grid-template-columns:1fr;gap:10px}.materials-consultation{padding:64px 0 72px}.materials-consultation .materials-button{gap:24px;padding-inline:20px;white-space:nowrap}.materials-mobile-break{display:inline}.materials-preview-dialog{width:calc(100% - 16px);max-height:calc(100svh - 16px)}.materials-preview-bar{gap:16px;padding:12px 16px}.materials-preview-bar h2{font-size:14px}}@media(prefers-reduced-motion:no-preference){.materials-button,.materials-sample-tabs button{transition:color .16s ease,background-color .16s ease}}