/* Individuelle Webseiten – page-scoped editorial product experience */
.iw-page {
  --iw-ink: #0a1020;
  --iw-soft: #f3f5f9;
  --iw-line: rgba(10, 16, 32, .12);
  --iw-blue: #302cf4;
  --iw-dark: #080a11;
  color: var(--iw-ink);
  overflow: clip;
  background: #fff;
}
.iw-page *, .iw-page *::before, .iw-page *::after { box-sizing: border-box; }
.iw-page h1, .iw-page h2, .iw-page h3, .iw-page p { margin-top: 0; }
.iw-page h2 { max-width: 900px; font-size: clamp(2.35rem, 4.6vw, 4.9rem); line-height: .99; letter-spacing: -.052em; }
.iw-page h3 { letter-spacing: -.025em; }
.iw-eyebrow { margin: 0 0 18px; color: var(--iw-blue); font-size: .72rem; font-weight: 760; letter-spacing: .14em; text-transform: uppercase; }
.iw-eyebrow--light { color: #8e90ff; }
.iw-text-link { position: relative; display: inline-flex; min-height: 44px; align-items: center; gap: 12px; color: var(--iw-ink); font-size: .77rem; font-weight: 760; letter-spacing: .1em; text-decoration: none; text-transform: uppercase; }
.iw-text-link::after { position: absolute; right: 0; bottom: 2px; left: 0; height: 1px; background: currentColor; content: ''; transform: scaleX(.25); transform-origin: left; transition: transform 240ms var(--ease-out); }
.iw-text-link--light { color: #fff; }
.iw-text-link:focus-visible { outline: 3px solid rgba(48, 44, 244, .25); outline-offset: 5px; }
.iw-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 30px; }

/* Hero */
.iw-hero { position: relative; padding: clamp(68px, 9vw, 126px) 0 48px; background: radial-gradient(circle at 82% 23%, rgba(48,44,244,.08), transparent 28%), #fff; }
.iw-hero-grid { display: grid; grid-template-columns: minmax(0, .93fr) minmax(440px, 1.07fr); align-items: center; gap: clamp(40px, 6vw, 96px); min-height: min(760px, calc(100svh - 94px)); }
.iw-hero-copy { position: relative; z-index: 2; }
.iw-hero .corporate-breadcrumb { margin-bottom: clamp(42px, 7vw, 82px); }
.iw-hero h1 { max-width: 750px; margin-bottom: 28px; font-size: clamp(3.4rem, 5.55vw, 6.3rem); line-height: .91; letter-spacing: -.066em; }
.iw-hero h1 em { color: var(--iw-blue); font-family: Georgia, 'Times New Roman', serif; font-weight: 400; }
.iw-lead { max-width: 670px; margin-bottom: 34px; color: #50576a; font-size: clamp(1.08rem, 1.5vw, 1.3rem); line-height: 1.64; }
.iw-hero-builder { position: relative; min-height: 590px; perspective: 1000px; }
.iw-browser { position: relative; overflow: hidden; border: 1px solid rgba(10,16,32,.12); border-radius: 20px; background: #fff; box-shadow: 0 34px 90px rgba(12,20,49,.14); }
.iw-browser--hero { position: absolute; top: 50%; left: 50%; width: min(670px, 102%); transform: translate(-50%, -48%) rotateY(-2deg); }
.iw-browser-bar { display: flex; height: 44px; align-items: center; gap: 7px; padding: 0 16px; border-bottom: 1px solid #e7e9ef; background: #f7f8fb; }
.iw-browser-bar > span { width: 8px; height: 8px; border-radius: 50%; background: #cbd0dc; }
.iw-browser-bar > i { min-width: 0; margin-left: 8px; overflow: hidden; color: #808799; font-size: .65rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.iw-build-canvas { min-height: 430px; padding: 30px; background: linear-gradient(135deg, #fff 65%, #f1f2ff); }
.iw-build-nav { display: flex; align-items: center; gap: 14px; opacity: 0; transform: translateY(-8px); animation: iw-piece-in 620ms var(--ease-out) .25s forwards; }
.iw-build-nav b { margin-right: auto; font-size: .67rem; letter-spacing: .08em; }
.iw-build-nav i { width: 40px; height: 7px; border-radius: 9px; background: #dfe2eb; }
.iw-build-hero { display: flex; min-height: 270px; flex-direction: column; align-items: flex-start; justify-content: center; padding-right: 30%; }
.iw-build-hero small { margin-bottom: 12px; color: var(--iw-blue); font-size: .56rem; font-weight: 800; letter-spacing: .13em; }
.iw-build-hero strong { max-width: 390px; font-size: clamp(1.8rem, 3.2vw, 3.25rem); line-height: .94; letter-spacing: -.055em; opacity: 0; transform: translateY(14px); animation: iw-piece-in 720ms var(--ease-out) .48s forwards; }
.iw-build-hero > span { width: 58%; height: 9px; margin: 22px 0 20px; border-radius: 8px; background: #e1e4ec; opacity: 0; animation: iw-fade-in 450ms ease-out .72s forwards; }
.iw-build-hero button, .iw-brand-components button { border: 0; border-radius: 8px; background: var(--iw-blue); color: #fff; font: inherit; font-size: .7rem; font-weight: 700; }
.iw-build-hero button { min-height: 38px; padding: 0 17px; opacity: 0; transform: translateY(9px); animation: iw-piece-in 520ms var(--ease-out) .84s forwards; }
.iw-build-modules { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.iw-build-modules i { height: 74px; border: 1px solid #e4e6ed; background: rgba(255,255,255,.85); opacity: 0; transform: translateY(12px); animation: iw-piece-in 560ms var(--ease-out) forwards; }
.iw-build-modules i:nth-child(1) { animation-delay: 1s; }.iw-build-modules i:nth-child(2) { animation-delay: 1.06s; }.iw-build-modules i:nth-child(3) { animation-delay: 1.12s; }
.iw-builder-chip { position: absolute; z-index: 3; display: flex; align-items: center; gap: 9px; padding: 10px 13px; border: 1px solid rgba(10,16,32,.1); border-radius: 10px; background: rgba(255,255,255,.96); box-shadow: 0 14px 40px rgba(10,16,32,.12); color: #50576a; font-size: .72rem; font-weight: 650; opacity: 0; animation: iw-chip-in 560ms var(--ease-out) forwards; }
.iw-builder-chip i { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 7px; background: #eeeeff; color: var(--iw-blue); font-style: normal; }
.iw-builder-chip--type { top: 9%; left: -2%; animation-delay: .72s; }.iw-builder-chip--color { top: 19%; right: -5%; animation-delay: .88s; }.iw-builder-chip--form { right: 4%; bottom: 8%; animation-delay: 1.04s; }
.iw-builder-chip--color i { display: flex; align-items: center; justify-content: center; gap: 2px; }.iw-builder-chip--color b { width: 6px; height: 18px; border-radius: 5px; background: var(--iw-blue); }.iw-builder-chip--color b:nth-child(2) { height: 13px; background: #111526; }.iw-builder-chip--color b:nth-child(3) { height: 8px; background: #a8afbf; }
.iw-storyline { display: flex; align-items: center; justify-content: center; gap: clamp(10px, 2.2vw, 31px); padding-top: 34px; color: #73798a; font-size: .74rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.iw-storyline i { width: clamp(18px, 4vw, 70px); height: 1px; background: #cfd3de; }.iw-storyline strong { color: var(--iw-blue); }

/* Shared sections */
.iw-section-copy > p:not(.iw-eyebrow) { max-width: 650px; color: #606779; font-size: 1.06rem; line-height: 1.72; }
.iw-problem { padding: clamp(92px, 12vw, 176px) 0; background: var(--iw-dark); color: #fff; }
.iw-problem-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(460px, 1.15fr); align-items: center; gap: clamp(54px, 9vw, 140px); }
.iw-problem .iw-section-copy > p:not(.iw-eyebrow), .iw-brand .iw-section-copy > p:not(.iw-eyebrow) { color: #aeb3c0; }
.iw-plain-list { display: grid; gap: 0; margin: 30px 0 0; padding: 0; list-style: none; }
.iw-plain-list li { padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.12); color: #f3f4f7; }
.iw-template-visual { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 25px; min-height: 430px; }
.iw-template-before { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; align-items: end; }
.iw-template-before > span { display: grid; aspect-ratio: .72; place-items: center; border: 1px solid rgba(255,255,255,.16); background: #131620; color: #7d8392; font-size: 1.3rem; }
.iw-template-before > div { position: absolute; inset: 23% 10%; display: grid; gap: 8px; padding: 18px; background: #eceeff; box-shadow: 0 20px 50px rgba(0,0,0,.35); }
.iw-template-before i { display: block; height: 8px; border-radius: 10px; background: #c6c9d8; }.iw-template-before i:first-child { width: 72%; height: 26px; background: #2824ef; }
.iw-template-shift { color: #777d8e; font-size: 1.6rem; }
.iw-template-after { display: grid; gap: 11px; }.iw-template-after > div { display: grid; gap: 8px; min-height: 90px; padding: 15px; border: 1px solid rgba(255,255,255,.13); background: #11141d; }.iw-template-after i { display: block; border-radius: 3px; background: #34394a; }
.iw-template-after .shape-a { grid-template-columns: 1.4fr .8fr; }.iw-template-after .shape-a i:first-child { background: #4140f5; }.iw-template-after .shape-b { grid-template-columns: repeat(3,1fr); min-height: 62px; }.iw-template-after .shape-c { grid-template-columns: 1fr; min-height: 120px; }.iw-template-after .shape-c i { background: linear-gradient(135deg,#1b1f2a,#2924df); }

.iw-dimensions { padding: clamp(100px, 13vw, 190px) 0; }
.iw-dimensions-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(440px, 1.1fr); gap: clamp(60px, 11vw, 170px); }
.iw-dimensions-intro { position: sticky; top: 130px; align-self: start; }.iw-dimensions-intro > p:last-child { max-width: 530px; color: #646b7d; font-size: 1.08rem; line-height: 1.7; }
.iw-dimension-list article { display: grid; grid-template-columns: 48px 1fr; gap: 25px; padding: 30px 0; border-bottom: 1px solid var(--iw-line); }
.iw-dimension-list article:first-child { padding-top: 4px; }.iw-dimension-list span { padding-top: 4px; color: var(--iw-blue); font-size: .72rem; font-weight: 760; }.iw-dimension-list h3 { margin-bottom: 8px; font-size: clamp(1.4rem,2.2vw,2rem); }.iw-dimension-list p { margin-bottom: 0; color: #656c7e; line-height: 1.65; }

/* Configurator */
.iw-configurator { padding: clamp(94px, 11vw, 160px) 0; background: var(--iw-dark); color: #fff; }
.iw-configurator-head { max-width: 850px; margin-bottom: clamp(48px, 7vw, 86px); }.iw-configurator-head > p:last-child { max-width: 620px; color: #aeb3c0; font-size: 1.06rem; line-height: 1.7; }
.iw-configurator-layout { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); gap: clamp(48px,8vw,120px); align-items: center; }
.iw-config-tabs { display: grid; }
.iw-config-tabs button { display: grid; grid-template-columns: 1fr; gap: 5px; min-height: 82px; padding: 18px 8px 18px 0; border: 0; border-bottom: 1px solid rgba(255,255,255,.14); background: transparent; color: #777d8c; font: inherit; text-align: left; cursor: pointer; transition: color 180ms ease, transform 180ms var(--ease-out); }
.iw-config-tabs button span { font-size: clamp(1.12rem,1.8vw,1.5rem); font-weight: 690; letter-spacing: -.025em; }.iw-config-tabs button small { font-size: .78rem; }
.iw-config-tabs button[aria-selected="true"] { color: #fff; }.iw-config-tabs button[aria-selected="true"] span::before { display: inline-block; width: 7px; height: 7px; margin: 0 12px 2px 0; border-radius: 50%; background: #706dff; content: ''; }
.iw-config-tabs button:focus-visible { outline: 2px solid #8e90ff; outline-offset: 4px; }
.iw-config-stage { min-width: 0; }.iw-browser--config { box-shadow: 0 38px 90px rgba(0,0,0,.43); }
.iw-config-screen { min-height: 520px; padding: clamp(24px,4vw,50px); background: #f5f6fa; color: var(--iw-ink); }
.iw-config-nav { display: flex; align-items: center; gap: 14px; }.iw-config-nav b { margin-right: auto; font-size: .67rem; letter-spacing: .08em; }.iw-config-nav i { width: 43px; height: 7px; border-radius: 8px; background: #d8dce7; }
.iw-config-copy { display: flex; min-height: 285px; flex-direction: column; align-items: flex-start; justify-content: center; padding-right: 20%; transition: opacity 140ms ease, transform 180ms var(--ease-out); }.iw-config-copy.is-changing { opacity: .25; transform: translateY(7px); }
.iw-config-copy small { margin-bottom: 13px; color: var(--iw-blue); font-size: .62rem; font-weight: 800; letter-spacing: .13em; }.iw-config-copy strong { max-width: 560px; font-size: clamp(2rem,4vw,4rem); line-height: .94; letter-spacing: -.055em; }.iw-config-copy p { max-width: 500px; margin: 18px 0 22px; color: #656c7e; line-height: 1.55; }.iw-config-copy button { min-height: 40px; padding: 0 17px; border: 0; border-radius: 8px; background: var(--iw-blue); color: #fff; font: inherit; font-size: .73rem; font-weight: 700; }
.iw-config-modules { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }.iw-config-modules article { display: grid; gap: 8px; min-height: 94px; padding: 14px; border: 1px solid #dfe2e9; background: #fff; }.iw-config-modules i { width: 28px; height: 28px; border-radius: 6px; background: #e9e9ff; }.iw-config-modules span { height: 7px; border-radius: 6px; background: #e4e6ed; }.iw-config-modules span:last-child { width: 65%; }
.iw-config-caption { min-height: 44px; margin: 17px 0 0; color: #aeb3c0; font-size: .83rem; line-height: 1.55; }

/* Architecture + brand */
.iw-architecture { padding: clamp(100px,13vw,190px) 0; }.iw-architecture-intro { max-width: 900px; margin-bottom: clamp(50px,7vw,90px); }.iw-architecture-intro > p:last-child { color:#676e80; font-size:1.06rem; }
.iw-architecture-list { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--iw-line); }
.iw-architecture-list article { min-height: 205px; padding: 34px 6vw 34px 0; border-bottom: 1px solid var(--iw-line); }.iw-architecture-list article:nth-child(odd) { border-right: 1px solid var(--iw-line); }.iw-architecture-list article:nth-child(even) { padding-right: 0; padding-left: 6vw; }
.iw-architecture-list h3 { font-size: clamp(1.55rem,2.5vw,2.4rem); }.iw-architecture-list p { max-width: 510px; color:#6a7182; line-height:1.7; }
.iw-brand { padding: clamp(92px,11vw,155px) 0; background: var(--iw-dark); color:#fff; }.iw-brand-grid { display:grid; grid-template-columns: 1.05fr .95fr; align-items:center; gap:clamp(60px,9vw,140px); }.iw-brand-board { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:20px; background:#f5f6fa; color:var(--iw-ink); }
.iw-brand-board > div { min-height:170px; padding:23px; border:1px solid #dfe2e9; background:#fff; }.iw-brand-type { display:flex; flex-direction:column; }.iw-brand-type small { font-size:.57rem; letter-spacing:.12em; }.iw-brand-type strong { margin:auto 0 0; font:400 4.8rem/1 Georgia,serif; }.iw-brand-type span { color:#707789; font-size:.73rem; }.iw-brand-colors { display:flex; align-items:flex-end; gap:7px; }.iw-brand-colors i { width:25%; height:100%; background:#302cf4; }.iw-brand-colors i:nth-child(2){height:75%;background:#0a1020}.iw-brand-colors i:nth-child(3){height:50%;background:#aeb3c0}.iw-brand-colors i:nth-child(4){height:30%;background:#e8eaf0}.iw-brand-components { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:14px; }.iw-brand-components button{padding:10px 18px}.iw-brand-components span{text-decoration:underline;text-underline-offset:5px}.iw-brand-components label{width:100%;padding:10px;border:1px solid #d8dce5;color:#72798a;font-size:.72rem}.iw-brand-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:8px}.iw-brand-layout i{background:#e9eaf0}.iw-brand-layout i:last-child{grid-column:1/-1;background:#d9dafb}

/* Comparison, lists, functions */
.iw-standard { padding:clamp(100px,13vw,190px) 0; }.iw-standard-head { max-width:900px;margin-bottom:70px }.iw-standard-head>p:last-child{max-width:660px;color:#686f81;line-height:1.7}.iw-standard-compare{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--iw-line);border-bottom:1px solid var(--iw-line)}.iw-standard-compare article{position:relative;min-height:330px;padding:45px clamp(28px,5vw,72px) 45px 0}.iw-standard-compare article+article{padding-right:0;padding-left:clamp(28px,5vw,72px);border-left:1px solid var(--iw-line)}.iw-standard-compare span{color:#777e8f;font-size:.72rem;font-weight:760;letter-spacing:.12em;text-transform:uppercase}.iw-standard-compare h3{margin:28px 0 16px;font:400 clamp(2.4rem,4vw,4rem)/1 Georgia,serif}.iw-standard-compare p{max-width:500px;color:#666d7e;line-height:1.7}.iw-standard-compare i{position:absolute;right:40px;bottom:38px;left:0;height:1px;background:#bec3ce}.iw-standard-compare article+article i{right:0;left:clamp(28px,5vw,72px);background:var(--iw-blue)}
.iw-usecases{padding:clamp(90px,11vw,150px) 0;background:var(--iw-dark);color:#fff}.iw-usecases-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(60px,10vw,160px)}.iw-usecases-grid>div>p:last-child{max-width:560px;color:#aeb3c0;line-height:1.7}.iw-usecases ul{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0;list-style:none}.iw-usecases li{padding:20px 18px 20px 0;border-bottom:1px solid rgba(255,255,255,.13);font-size:clamp(1rem,1.7vw,1.35rem)}
.iw-functions{padding:clamp(100px,13vw,185px) 0}.iw-functions-head{max-width:900px}.iw-functions-head>p:last-child{max-width:670px;color:#686f81;line-height:1.7}.iw-function-cloud{display:flex;flex-wrap:wrap;gap:0;margin-top:60px;border-top:1px solid var(--iw-line)}.iw-function-cloud span{flex:1 1 25%;min-width:220px;padding:26px 22px 26px 0;border-bottom:1px solid var(--iw-line);font-size:clamp(1.05rem,1.6vw,1.35rem)}.iw-system-bridge{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-top:90px;padding:clamp(40px,6vw,78px);background:var(--iw-blue);color:#fff}.iw-system-bridge h3{max-width:760px;font-size:clamp(2rem,4vw,4rem);line-height:1;letter-spacing:-.045em}.iw-system-bridge p:not(.iw-eyebrow){max-width:690px;margin-bottom:0;color:#d8d8ff;line-height:1.65}.iw-system-bridge .iw-text-link{flex:0 0 auto}

/* Process + scroll build */
.iw-process{padding:clamp(100px,13vw,190px) 0}.iw-process-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(60px,10vw,160px)}.iw-process-intro{position:sticky;top:130px;align-self:start}.iw-process-intro>p:last-child{max-width:520px;color:#687082;line-height:1.7}.iw-process-list{position:relative;margin:0;padding:0;list-style:none}.iw-process-list::before{position:absolute;top:22px;bottom:22px;left:21px;width:1px;background:#d8dbe3;content:''}.iw-process-list li{position:relative;display:grid;grid-template-columns:44px 1fr;gap:25px;padding:0 0 38px}.iw-process-list li>span{z-index:1;display:grid;width:44px;height:44px;place-items:center;border:1px solid #cdd1dc;border-radius:50%;background:#fff;color:var(--iw-blue);font-size:.68rem;font-weight:800}.iw-process-list h3{margin:4px 0 8px;font-size:clamp(1.4rem,2vw,1.9rem)}.iw-process-list p{margin:0;color:#687082;line-height:1.6}
.iw-build-story{padding:clamp(96px,11vw,160px) 0;background:var(--iw-dark);color:#fff}.iw-build-story-head{max-width:920px;margin-bottom:70px}.iw-build-story-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:clamp(55px,8vw,120px)}.iw-build-story-sticky{position:sticky;top:120px;height:max-content}.iw-browser--assembly{box-shadow:0 35px 90px rgba(0,0,0,.45)}.iw-assembly-screen{min-height:490px;padding:30px;background:#f5f6fa}.iw-assembly-nav,.iw-assembly-hero,.iw-assembly-content,.iw-assembly-feature,.iw-assembly-footer{opacity:.08;transition:opacity 320ms ease,transform 440ms var(--ease-out)}.iw-assembly-nav{display:flex;align-items:center;gap:12px;transform:translateY(-8px)}.iw-assembly-nav b{width:80px;height:9px;margin-right:auto;background:#2924ee}.iw-assembly-nav i{width:35px;height:6px;background:#cdd1dc}.iw-assembly-hero{display:flex;min-height:230px;flex-direction:column;align-items:flex-start;justify-content:center;padding-right:28%;transform:translateY(10px)}.iw-assembly-hero small{width:70px;height:7px;background:#302cf4}.iw-assembly-hero strong{width:94%;height:45px;margin:14px 0;background:#151a2a}.iw-assembly-hero span{width:62%;height:8px;background:#d4d7e0}.iw-assembly-hero button{width:110px;height:35px;margin-top:20px;border:0;background:#302cf4}.iw-assembly-content{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;transform:translateY(10px)}.iw-assembly-content article{height:72px;border:1px solid #dfe1e8;background:#fff}.iw-assembly-feature{display:flex;align-items:center;gap:18px;margin-top:12px;padding:15px;background:#eeeeff;transform:translateY(10px)}.iw-assembly-feature i{width:35px;height:35px;border-radius:50%;background:#302cf4}.iw-assembly-feature span{width:55%;height:9px;background:#b5b7ef}.iw-assembly-footer{height:32px;margin-top:12px;background:#171b27;transform:translateY(8px)}.iw-browser--assembly[data-stage="0"] .iw-assembly-nav,.iw-browser--assembly[data-stage="1"] .iw-assembly-nav,.iw-browser--assembly[data-stage="1"] .iw-assembly-hero,.iw-browser--assembly[data-stage="2"] .iw-assembly-nav,.iw-browser--assembly[data-stage="2"] .iw-assembly-hero,.iw-browser--assembly[data-stage="2"] .iw-assembly-content,.iw-browser--assembly[data-stage="3"] .iw-assembly-nav,.iw-browser--assembly[data-stage="3"] .iw-assembly-hero,.iw-browser--assembly[data-stage="3"] .iw-assembly-content,.iw-browser--assembly[data-stage="3"] .iw-assembly-feature,.iw-browser--assembly[data-stage="4"] .iw-assembly-nav,.iw-browser--assembly[data-stage="4"] .iw-assembly-hero,.iw-browser--assembly[data-stage="4"] .iw-assembly-content,.iw-browser--assembly[data-stage="4"] .iw-assembly-feature,.iw-browser--assembly[data-stage="4"] .iw-assembly-footer{opacity:1;transform:none}.iw-build-steps{margin:0;padding:0;list-style:none}.iw-build-steps li{min-height:230px;padding:28px 0;border-top:1px solid rgba(255,255,255,.14);opacity:.42;transition:opacity 200ms ease}.iw-build-steps li.is-active{opacity:1}.iw-build-steps span{color:#8e90ff;font-size:.7rem;font-weight:800}.iw-build-steps h3{margin:18px 0 8px;font-size:clamp(1.5rem,2vw,2rem)}.iw-build-steps p{max-width:420px;color:#aeb3c0;line-height:1.65}

/* Quality, content, choices */
.iw-quality{padding:clamp(100px,13vw,190px) 0}.iw-quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,150px)}.iw-context-links{display:flex;flex-wrap:wrap;gap:18px 28px;margin-top:32px}.iw-context-links a{color:var(--iw-blue);font-size:.78rem;font-weight:750;text-underline-offset:5px}.iw-quality-list{margin:0}.iw-quality-list>div{padding:25px 0;border-bottom:1px solid var(--iw-line)}.iw-quality-list dt{margin-bottom:8px;font-size:1.2rem;font-weight:720}.iw-quality-list dd{margin:0;color:#687082;line-height:1.6}
.iw-manage-grow{padding:0 0 clamp(100px,13vw,180px)}.iw-manage-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--iw-line)}.iw-manage-grid article{padding:70px clamp(32px,6vw,95px) 70px 0}.iw-manage-grid article+article{padding-right:0;padding-left:clamp(32px,6vw,95px);border-left:1px solid var(--iw-line)}.iw-manage-grid h2{font-size:clamp(2rem,3.5vw,3.6rem)}.iw-manage-grid article>p:last-child{color:#687082;line-height:1.7}.iw-growth{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;margin-top:60px;padding:clamp(45px,7vw,86px);background:var(--iw-dark);color:#fff}.iw-growth h2{font-size:clamp(2rem,3.6vw,3.8rem)}.iw-growth-flow{display:grid;grid-template-columns:1fr 1fr;gap:0}.iw-growth-flow>*{padding:17px;border-bottom:1px solid rgba(255,255,255,.14);color:#bdc1cc}.iw-growth-flow strong{grid-column:1/-1;color:#fff;font-size:1.2rem}
.iw-choice{padding:clamp(95px,11vw,160px) 0;background:#f5f6f8}.iw-choice-head{max-width:900px;margin-bottom:60px}.iw-choice-grid{display:grid;grid-template-columns:1fr 1fr;background:#fff}.iw-choice-grid article{min-height:340px;padding:clamp(38px,6vw,80px)}.iw-choice-grid article+article{border-left:1px solid var(--iw-line)}.iw-choice-grid h3{font:400 clamp(2.4rem,4vw,4.3rem)/1 Georgia,serif}.iw-choice-grid p{max-width:520px;margin-bottom:28px;color:#687082;line-height:1.7}
.iw-projects{padding:clamp(94px,11vw,155px) 0;background:var(--iw-blue);color:#fff}.iw-projects-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:end;gap:clamp(60px,10vw,150px)}.iw-projects-grid h2{margin-bottom:0}.iw-projects-grid>div:last-child p{color:#dadaff;line-height:1.7}
.iw-scope{padding:clamp(100px,13vw,185px) 0}.iw-scope-head{max-width:900px;margin-bottom:70px}.iw-scope-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--iw-line)}.iw-scope-grid article{padding:30px 22px 20px 0}.iw-scope-grid article+article{padding-left:22px;border-left:1px solid var(--iw-line)}.iw-scope-grid h3{font-size:1.35rem}.iw-scope-grid ul{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none;color:#676e80;font-size:.92rem;line-height:1.5}.iw-scope-grid a{color:inherit;text-underline-offset:4px}
.iw-faq{padding:clamp(92px,11vw,160px) 0;background:#f5f6f8}.iw-faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(60px,10vw,150px)}.iw-faq-intro{position:sticky;top:120px;align-self:start}.iw-faq-intro h2{font-size:clamp(2.3rem,4vw,4.3rem)}.iw-faq-intro>p:last-child{color:#687082}.iw-faq .faq-item{background:transparent}.iw-faq .faq-item summary h3{font-size:1.05rem}
.iw-closing{padding:clamp(110px,15vw,210px) 0;background:var(--iw-dark);color:#fff;text-align:center}.iw-closing-inner{display:flex;flex-direction:column;align-items:center}.iw-closing h2{max-width:1050px;margin-bottom:25px}.iw-closing-inner>p:not(.iw-eyebrow){max-width:720px;margin-bottom:35px;color:#b8bdc9;font-size:1.1rem;line-height:1.7}

@keyframes iw-piece-in{to{opacity:1;transform:translateY(0)}}
@keyframes iw-fade-in{to{opacity:1}}
@keyframes iw-chip-in{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}

@media (hover:hover) and (pointer:fine){
  .iw-text-link:hover::after{transform:scaleX(1)}
  .iw-config-tabs button:hover{color:#d7d9e1;transform:translateX(4px)}
  .iw-choice-grid article:hover .iw-text-link::after,.iw-system-bridge:hover .iw-text-link::after{transform:scaleX(1)}
}

@media (max-width:1100px){
  .iw-hero-grid{grid-template-columns:1fr;min-height:0}.iw-hero-copy{max-width:820px}.iw-hero-builder{min-height:570px}.iw-browser--hero{width:min(760px,92%)}
  .iw-problem-grid,.iw-brand-grid{grid-template-columns:1fr;}.iw-problem-grid{gap:70px}.iw-template-visual{max-width:760px;margin:auto}.iw-brand-board{max-width:760px;margin:auto;order:2}.iw-brand .iw-section-copy{order:1}
  .iw-configurator-layout{grid-template-columns:1fr}.iw-config-tabs{grid-template-columns:repeat(5,1fr);overflow-x:auto;scrollbar-width:none}.iw-config-tabs button{min-width:155px;padding-right:14px}.iw-config-tabs button small{display:none}
  .iw-usecases-grid,.iw-process-grid,.iw-quality-grid,.iw-projects-grid{grid-template-columns:1fr}.iw-process-intro,.iw-dimensions-intro,.iw-faq-intro{position:static}.iw-build-story-grid{grid-template-columns:1fr}.iw-build-story-sticky{position:static}.iw-build-steps{display:grid;grid-template-columns:repeat(5,1fr)}.iw-build-steps li{min-height:0;padding:24px 14px}.iw-build-steps p{font-size:.82rem}.iw-build-steps h3{font-size:1.12rem}
  .iw-scope-grid{grid-template-columns:1fr 1fr}.iw-scope-grid article:nth-child(3){border-left:0}.iw-scope-grid article{border-bottom:1px solid var(--iw-line)}
}

@media (max-width:800px){
  .iw-page h2{font-size:clamp(2.2rem,10vw,3.6rem)}.iw-hero{padding-top:50px}.iw-hero .corporate-breadcrumb{margin-bottom:40px}.iw-hero h1{font-size:clamp(3rem,13vw,5rem)}.iw-hero-builder{min-height:470px}.iw-build-canvas{min-height:350px;padding:22px}.iw-build-hero{min-height:220px;padding-right:15%}.iw-builder-chip--type{left:1%}.iw-builder-chip--color{right:0}.iw-storyline{flex-wrap:wrap}.iw-storyline i{width:20px}.iw-storyline span,.iw-storyline strong{font-size:.63rem}
  .iw-problem-grid,.iw-dimensions-grid{grid-template-columns:1fr}.iw-template-visual{min-height:350px}.iw-dimension-list article{grid-template-columns:36px 1fr}
  .iw-config-screen{min-height:430px}.iw-config-copy{min-height:240px;padding-right:5%}.iw-config-copy strong{font-size:clamp(2rem,7vw,3rem)}
  .iw-architecture-list,.iw-standard-compare,.iw-manage-grid,.iw-choice-grid,.iw-growth,.iw-faq-grid{grid-template-columns:1fr}.iw-architecture-list article{min-height:0;padding:30px 0!important;border-right:0!important}.iw-standard-compare article,.iw-standard-compare article+article{min-height:270px;padding:40px 0;border-left:0}.iw-standard-compare article+article{border-top:1px solid var(--iw-line)}.iw-standard-compare article+article i{left:0}.iw-usecases ul{grid-template-columns:1fr}.iw-function-cloud span{flex-basis:50%;min-width:160px}.iw-system-bridge{align-items:flex-start;flex-direction:column}.iw-build-steps{grid-template-columns:1fr}.iw-build-steps li{padding:23px 0}.iw-assembly-screen{min-height:390px}.iw-manage-grid article,.iw-manage-grid article+article{padding:50px 0;border-left:0}.iw-manage-grid article+article{border-top:1px solid var(--iw-line)}.iw-growth-flow{grid-template-columns:1fr}.iw-choice-grid article+article{border-top:1px solid var(--iw-line);border-left:0}.iw-faq-intro{margin-bottom:35px}.iw-scope-grid{grid-template-columns:1fr 1fr}.iw-projects-grid{gap:35px}
}

@media (max-width:520px){
  .iw-hero{padding-bottom:32px}.iw-hero h1{font-size:clamp(2.7rem,14vw,4.15rem)}.iw-actions{align-items:flex-start;flex-direction:column}.iw-actions .btn{width:100%;justify-content:center}.iw-hero-builder{min-height:390px;margin-inline:-12px}.iw-browser--hero{width:96%;border-radius:14px}.iw-browser-bar{height:36px}.iw-build-canvas{min-height:290px;padding:17px}.iw-build-nav i{width:26px}.iw-build-hero{min-height:180px;padding-right:6%}.iw-build-hero strong{font-size:1.65rem}.iw-build-modules i{height:52px}.iw-builder-chip{padding:7px 9px;font-size:.64rem}.iw-builder-chip i{width:24px;height:24px}.iw-builder-chip--type{top:2%}.iw-builder-chip--color{top:18%}.iw-builder-chip--form{right:0;bottom:1%}.iw-storyline{display:grid;grid-template-columns:1fr auto 1fr;text-align:center}.iw-storyline i:nth-of-type(2),.iw-storyline span:nth-of-type(3){display:none}
  .iw-template-visual{grid-template-columns:1fr;gap:16px}.iw-template-before,.iw-template-after{max-width:280px;margin:auto}.iw-template-shift{transform:rotate(90deg);text-align:center}.iw-template-before>span{aspect-ratio:1}.iw-configurator{padding-inline:0}.iw-configurator-layout{gap:35px}.iw-config-tabs{margin-inline:-20px;padding-inline:20px}.iw-config-screen{min-height:390px;padding:20px}.iw-config-nav i{width:24px}.iw-config-copy{min-height:225px}.iw-config-copy strong{font-size:1.9rem}.iw-config-modules article{min-height:70px;padding:9px}.iw-config-caption{font-size:.76rem}.iw-brand-board{grid-template-columns:1fr 1fr;padding:10px}.iw-brand-board>div{min-height:130px;padding:14px}.iw-brand-type strong{font-size:3.4rem}.iw-function-cloud span{flex-basis:100%;padding:20px 0}.iw-system-bridge{margin-inline:-20px;padding:42px 20px}.iw-assembly-screen{min-height:310px;padding:17px}.iw-assembly-hero{min-height:155px;padding-right:10%}.iw-assembly-hero strong{height:33px}.iw-assembly-content article{height:50px}.iw-growth{margin-inline:-20px;padding:42px 20px}.iw-growth-flow>*{padding-inline:0}.iw-choice{padding-inline:0}.iw-choice-grid{margin-inline:-20px}.iw-choice-grid article{padding:42px 20px}.iw-projects{padding-inline:0}.iw-scope-grid{grid-template-columns:1fr}.iw-scope-grid article,.iw-scope-grid article+article{padding:25px 0;border-left:0}.iw-closing{padding-inline:0}
}

@media (prefers-reduced-motion:reduce){
  .iw-page *{scroll-behavior:auto!important}
  .iw-build-nav,.iw-build-hero strong,.iw-build-hero>span,.iw-build-hero button,.iw-build-modules i,.iw-builder-chip{opacity:1;transform:none;animation:none}
  .iw-config-copy,.iw-assembly-nav,.iw-assembly-hero,.iw-assembly-content,.iw-assembly-feature,.iw-assembly-footer,.iw-text-link::after{transition-duration:1ms!important}
  .iw-browser--assembly .iw-assembly-nav,.iw-browser--assembly .iw-assembly-hero,.iw-browser--assembly .iw-assembly-content,.iw-browser--assembly .iw-assembly-feature,.iw-browser--assembly .iw-assembly-footer{opacity:1;transform:none}
}