@import "https://fonts.googleapis.com/css2?family=Lalezar&family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap";:root{--ratio:1.77683;--ink:#0a0f2e;--purple:#7c3cff;--blue:#2457ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#111;background:#fff;min-width:320px;margin:0;font-family:Vazirmatn,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.story{height:300svh;position:relative}.viewport{background:#fff;height:100svh;position:sticky;top:0;overflow:hidden}.frame{width:min(100vw,calc(100svh * var(--ratio)));height:min(100svh,calc(100vw / var(--ratio)));background:#fff;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.slide{opacity:1;visibility:visible;pointer-events:none;will-change:clip-path;backface-visibility:hidden;-webkit-clip-path:inset(0);clip-path:inset(0);position:absolute;inset:0;transform:none}.slide.active{pointer-events:auto}.visual{background:#fff;width:60.5%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.visual img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.visual-mask{background:linear-gradient(90deg,transparent 0%,var(--slide-bg) 38%,var(--slide-bg) 100%);width:11%;height:16%;position:absolute;top:0;right:0}.right{background:var(--slide-bg);width:39.5%;height:100%;color:var(--slide-ink);direction:rtl;position:absolute;top:0;right:0}.slide-sketch{--slide-bg:#fff;--slide-ink:#161616}.slide-color{--slide-bg:#fff;--slide-ink:#08133e}.slide-real{--slide-bg:#fdfdfd;--slide-ink:#071238}.slide-real .right{background:radial-gradient(circle at 7% 10%,#654bff0e,#0000 30%),#fdfdfd}.stage-header{z-index:5;direction:rtl;justify-content:space-between;align-items:center;gap:1.2rem;height:8%;display:flex;position:absolute;top:4.2%;left:3.5%;right:4.5%}.brand{white-space:nowrap;direction:ltr;align-items:center;gap:.65rem;font-weight:900;display:flex}.brand svg{width:3.4rem;height:2.7rem;overflow:visible}.brand path{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.brand span{letter-spacing:-.04em;font-size:clamp(1rem,1.35vw,1.5rem)}.nav{white-space:nowrap;align-items:center;gap:clamp(.65rem,1.25vw,1.45rem);font-size:clamp(.66rem,.83vw,.98rem);font-weight:700;display:flex}.nav a{padding:.5rem .1rem;position:relative}.nav a:after{content:"";background:currentColor;height:2px;transition:transform .2s;position:absolute;bottom:.14rem;left:10%;right:10%;transform:scaleX(0)}.nav a.current:after{transform:scaleX(1)}.slide-sketch .brand,.slide-sketch .nav{color:#181818;filter:url(#pencil-rough)}.slide-sketch .brand svg{transform:rotate(-1deg)}.slide-sketch .nav a:nth-child(2n){transform:rotate(.4deg)}.slide-color .brand-mark path:first-child,.slide-real .brand-mark path:first-child{stroke:#315cff}.slide-color .brand-mark path:last-child,.slide-real .brand-mark path:last-child{stroke:#a23cff}.slide-color .nav a.current,.slide-real .nav a.current{color:#174cff}.slide-real .stage-header{top:4.6%}.slide-real .brand{font-weight:900}.copy{text-align:right;direction:rtl;width:84%;position:absolute;top:27%;right:7.2%}.copy h1,.copy h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,4.15vw,5rem);font-weight:900;line-height:1.12}.copy p{color:var(--copy-muted);max-width:95%;margin:2.1rem 0 0;font-size:clamp(.9rem,1.12vw,1.28rem);line-height:2}.slide-sketch{--copy-muted:#4e4e4e}.slide-sketch .copy h1{filter:url(#pencil-rough);text-shadow:1px 0 #111,-1px 1px #0003;font-family:Lalezar,Vazirmatn,sans-serif;font-weight:400}.slide-sketch .copy:before{content:"";opacity:.08;background:repeating-linear-gradient(90deg,#111 0 4px,#0000 4px 7px);width:88%;height:2px;position:absolute;inset:-7% -3% auto auto;transform:rotate(-.4deg)}.slide-color{--copy-muted:#66708c}.slide-color .copy{top:19%}.slide-color .copy h2 em,.slide-real .copy h2 em{background:linear-gradient(135deg,#205aff 5%,#9f34ef 80%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.slide-real{--copy-muted:#686e82}.slide-real .copy{width:86%;top:24.5%;right:6.8%}.slide-real .copy h2{font-size:clamp(3rem,4.3vw,5.15rem)}.actions{flex-wrap:wrap;gap:1rem;margin-top:2.2rem;display:flex}.actions a{background:#fff;border:1.5px solid #222;border-radius:.65rem;justify-content:center;align-items:center;gap:.9rem;min-width:10.8rem;height:3.55rem;font-size:clamp(.78rem,.9vw,1rem);font-weight:800;display:flex}.actions a:first-child{background:repeating-linear-gradient(-18deg,#00000012 0 2px,#0000 2px 6px),#fff}.actions span{font-size:1.15em}.benefits{color:#444;white-space:nowrap;align-items:center;gap:1.15rem;margin-top:2.55rem;font-size:clamp(.65rem,.78vw,.9rem);font-weight:700;display:flex}.benefits i{background:#aaa;width:1px;height:1.6rem}.benefits b{margin-left:.25rem;font-weight:800}.service-intro{max-width:90%}.service-list{gap:.52rem;margin-top:1.65rem;display:grid}.service-item{background:#ffffffeb;border:1px solid #4c5cb12e;border-radius:.72rem;justify-content:space-between;align-items:center;height:3.45rem;padding:0 1.15rem;font-size:clamp(.74rem,.95vw,1.08rem);font-weight:700;display:flex;box-shadow:0 .55rem 1.4rem #4650a00e}.service-item b{text-align:center;width:2.2rem;font-size:1.55rem;font-weight:500}.service-item:first-child b{color:#7650ff}.service-item:nth-child(2) b{color:#17b9bb}.service-item:nth-child(3) b{color:#ff920d}.service-item:nth-child(4) b{color:#2776ff}.service-item:nth-child(5) b{color:#28b24b}.service-item:nth-child(6) b{color:#8d55ff}.badge{color:#7246ee;background:#764bff13;border:1px solid #764bff2e;border-radius:999px;align-items:center;margin-bottom:1.75rem;padding:.55rem 1.25rem;font-size:clamp(.7rem,.92vw,1.05rem);font-weight:800;display:inline-flex}.slide-real .copy p{margin-top:2rem}.progress{z-index:20;backdrop-filter:blur(10px);direction:ltr;background:#ffffffb8;border-radius:999px;gap:.55rem;padding:.5rem .65rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 .6rem 2rem #0f143214}.progress button{cursor:pointer;background:#b9bcc8;border:0;border-radius:50%;width:.55rem;height:.55rem;padding:0;transition:all .25s}.progress button.active{background:var(--dot,#111);border-radius:999px;width:1.8rem}.slide-loader{z-index:100;background:#fff;place-items:center;font-weight:800;transition:opacity .3s,visibility .3s;display:grid;position:fixed;inset:0}.slide-loader.done{opacity:0;visibility:hidden}.loader-line{background:#eee;border-radius:1rem;width:12rem;height:.25rem;margin-top:.8rem;overflow:hidden}.loader-line:before{content:"";background:linear-gradient(90deg,#222,#aaa);width:45%;height:100%;animation:1s infinite alternate load;display:block}@keyframes load{to{transform:translate(125%)}}.anchor{width:1px;height:1px;position:absolute;left:0}.anchor.a1{top:0}.anchor.a2{top:33.333%}.anchor.a3{top:66.666%}.visual-sketch{isolation:isolate;background:#fbfaf7}.visual-color{isolation:isolate;background:#fbfcff}.sketch-composition{color:#202020;direction:rtl;background:radial-gradient(circle at 22% 20%,#00000005,#0000 24%),#fbfaf7;position:absolute;inset:0;overflow:hidden}.sketch-paper{opacity:.46;background-image:linear-gradient(#24242417 1px,#0000 1px),linear-gradient(90deg,#24242417 1px,#0000 1px),radial-gradient(circle,#14141424 1px,#0000 1.4px);background-size:138px 138px,138px 138px,28px 28px;position:absolute;inset:0;mask-image:linear-gradient(#000 0 83%,#0000 100%)}.construction-line{z-index:0;opacity:.17;pointer-events:none;border-color:#222;position:absolute}.line-v1{border-left:1px dashed;top:2%;bottom:3%;left:27%}.line-v2{border-left:1px dashed;top:1%;bottom:8%;left:71%}.line-h1{border-top:1px dashed;top:24%;left:2%;right:4%}.line-h2{border-top:1px dashed;top:64%;left:0;right:8%}.sketch-connectors{z-index:1;pointer-events:none;filter:url(#pencil-rough);width:100%;height:100%;position:absolute;inset:0;overflow:visible}.sketch-connectors path,.sketch-connectors circle{stroke:#242424;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round}.sketch-connectors circle{fill:#242424}.sketch-connectors .wire-dash{stroke-dasharray:10 11}body[data-stage="0"] .visual-sketch .sketch-connectors .wire{stroke-dasharray:520;stroke-dashoffset:520px;animation:1.2s cubic-bezier(.2,.7,.2,1) forwards wireDraw}body[data-stage="0"] .visual-sketch .sketch-connectors .wire-2{animation-delay:80ms}body[data-stage="0"] .visual-sketch .sketch-connectors .wire-3{animation-delay:.16s}body[data-stage="0"] .visual-sketch .sketch-connectors .wire-4{animation-delay:.24s}body[data-stage="0"] .visual-sketch .sketch-connectors .wire-5{animation-delay:.32s}body[data-stage="0"] .visual-sketch .sketch-connectors .wire-dash{animation-delay:.4s}.sketch-element{z-index:3;pointer-events:none;transform-origin:50%;filter:url(#pencil-rough);position:absolute}body[data-stage="0"] .visual-sketch .sketch-element{animation:sketchElementIn .62s cubic-bezier(.22,.8,.32,1) var(--delay,0s) both,sketchElementDrift 5.4s ease-in-out calc(var(--delay,0s) + .7s) infinite alternate}.sketch-card{background:#ffffff94;border:1.7px solid #292929;border-radius:18px 21px 17px 20px;padding:1rem 1.05rem;box-shadow:3px 5px #2020200b}.sketch-card:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #1e1e1e3d;position:absolute;inset:3px -3px -3px 2px;transform:rotate(.28deg)}.sketch-card h3{color:#1e1e1e;text-align:center;margin:0 0 .7rem;font-size:clamp(.62rem,.82vw,.92rem);font-weight:800;position:relative}.sketch-ui-card{width:25.2%;height:20.3%;top:5.4%;left:10.8%;transform:rotate(-.5deg)}.ui-card-body{direction:ltr;grid-template-columns:56% 1fr;gap:.65rem;display:grid}.wire-thumb{stroke:#292929;stroke-width:1.5px;fill:none;width:100%;height:auto;overflow:hidden}.thumb-cross{fill:none}.mini-copy-lines{align-content:center;gap:.38rem;display:grid}.mini-copy-lines i{opacity:.48;background:repeating-linear-gradient(90deg,#292929 0 7px,#0000 7px 9px);border-radius:5px;height:5px;display:block}.mini-copy-lines i:nth-child(2){width:76%}.mini-copy-lines i:nth-child(3){width:88%}.mini-copy-lines i:nth-child(4){width:55%}.wire-swatches{direction:ltr;align-items:center;gap:.38rem;margin-top:.55rem;display:flex}.wire-swatches i{border:1.4px solid #222;border-radius:3px;width:18px;height:18px}.wire-swatches span{opacity:.25;background:#222;border-radius:4px;width:32px;height:4px}.sketch-form-card{width:23%;height:18.8%;top:3.8%;left:54.5%;transform:rotate(.45deg)}.sketch-form-card label{color:#555;background:#ffffff5c;border:1.35px solid #2c2c2c;border-radius:5px;align-items:center;height:1.45rem;margin:.38rem 0;padding:0 .45rem;font-size:.52rem;display:flex}.sketch-form-card button{color:#222;background:repeating-linear-gradient(-14deg,#14141429 0 2px,#0000 2px 5px);border:1.4px solid #242424;border-radius:5px;width:50%;height:1.55rem;margin:.5rem auto 0;font-size:.58rem;font-weight:800;display:block}.sketch-chart-card{width:18%;height:24.5%;top:33.5%;left:2.6%;transform:rotate(.6deg)}.sketch-chart-card svg{fill:#23232338;stroke:#242424;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:calc(100% - 1.4rem);overflow:visible}.sketch-chart-card .chart-axis{fill:none;opacity:.55}.sketch-chart-card .chart-trend,.sketch-chart-card .chart-arrow{fill:none;stroke-width:2.6px}.growth-caption{color:#10a56b;font-size:.48rem;font-weight:800;position:absolute;top:2.4rem;right:1rem}.sketch-chat-card{width:20.5%;height:18.5%;top:61.8%;left:4%;transform:rotate(-.45deg)}.chat-window{background:#ffffff57;border:1.4px solid #262626;border-radius:12px;align-items:center;gap:.5rem;height:69%;padding:.65rem;display:flex;position:relative}.chat-avatar{border:1.5px solid #222;border-radius:50%;width:1.65rem;height:1.65rem}.chat-lines{flex:1;gap:.35rem;display:grid}.chat-lines i{opacity:.42;background:#222;border-radius:4px;height:4px}.chat-lines i:last-child{width:62%}.chat-window b{background:#fff;border:1.5px solid #222;border-radius:50%;place-items:center;width:1.55rem;height:1.55rem;font-size:.68rem;display:grid;position:absolute;top:-.65rem;right:.2rem}.online-label{color:#13a66a;font-size:.43rem;font-weight:800;position:absolute;bottom:.3rem;left:.65rem}.sketch-browser{z-index:4;background:#ffffffb8;border:2px solid #202020;border-radius:19px 23px 18px 21px;width:57.5%;height:51.2%;top:23%;left:26.8%;overflow:hidden;transform:rotate(.18deg);box-shadow:5px 7px #1919190e}.sketch-browser:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #19191952;position:absolute;inset:4px -2px -3px 3px;transform:rotate(-.18deg)}.browser-topbar{direction:ltr;border-bottom:1.7px solid #242424;justify-content:space-between;align-items:center;height:10.7%;padding:0 1rem;display:flex;position:relative}.browser-dots{gap:.42rem;display:flex}.browser-dots i{border:1.4px solid #222;border-radius:50%;width:.55rem;height:.55rem}.browser-topbar b{font-size:.7rem}.mini-w{font-weight:900}.browser-nav-wire{border-bottom:1px solid #20202038;justify-content:center;align-items:center;gap:1.2rem;height:8%;display:flex}.browser-nav-wire i{opacity:.22;background:#222;border-radius:3px;width:2.35rem;height:4px}.browser-content{padding:.72rem 1.05rem .85rem}.browser-hero-wire{direction:ltr;grid-template-columns:49% 1fr;align-items:center;gap:1.05rem;display:grid}.browser-image-wire{stroke:#242424;stroke-width:1.6px;fill:none;width:100%;overflow:hidden}.browser-picture-wire{fill:none}.browser-picture-bg,.browser-picture-sun,.browser-picture-back,.browser-picture-front{stroke:none}.browser-hero-copy{align-content:center;gap:.46rem;display:grid}.browser-hero-copy i{opacity:.56;background:#222;border-radius:4px;height:7px}.browser-hero-copy i:nth-child(2){width:72%}.browser-hero-copy span{opacity:.25;background:#222;border-radius:4px;height:4px}.browser-hero-copy span:nth-of-type(2){width:88%}.browser-hero-copy span:nth-of-type(3){width:62%}.browser-hero-copy button{background:repeating-linear-gradient(-15deg,#14141424 0 2px,#0000 2px 5px);border:1.4px solid #222;border-radius:5px;width:4.1rem;height:1.45rem;margin-top:.35rem;font-size:.4rem;font-weight:800}.browser-mini-title{color:#111a45;font-size:.62rem;line-height:1.45}.browser-content h4{text-align:center;margin:.72rem 0 .45rem;font-size:.68rem}.browser-services{grid-template-columns:repeat(3,1fr);gap:.72rem;display:grid}.browser-services div{background:#ffffff4d;border:1.2px solid #252525;border-radius:8px;align-content:center;place-items:center;gap:.25rem;height:3.35rem;display:grid}.browser-services b{font-size:.78rem}.browser-services small{font-size:.38rem;font-weight:800}.browser-services i,.browser-services span{opacity:.33;background:#222;border-radius:3px;height:3px;display:block}.browser-services i{width:52%}.browser-services span{width:70%}.contact-title{margin-top:.58rem!important}.browser-contact{direction:ltr;grid-template-columns:1.15fr .85fr;gap:.7rem;display:grid}.message-wire{color:#555;border:1.2px solid #252525;border-radius:7px;height:3.15rem;padding:.35rem;font-size:.45rem}.form-wire{gap:.25rem;display:grid}.form-wire i{border:1px solid #2b2b2b;border-radius:4px;height:.62rem}.form-wire button{background:repeating-linear-gradient(-15deg,#14141426 0 1px,#0000 1px 4px);border:1px solid #222;border-radius:4px;height:.8rem;font-size:.4rem;font-weight:800}.sketch-phone{z-index:5;background:#ffffffdb;border:2px solid #202020;border-radius:24px 27px 23px 25px;width:18.2%;height:42.2%;padding:.65rem .65rem .75rem;top:39.4%;left:76.8%;transform:rotate(-.35deg);box-shadow:4px 6px #1919190f}.sketch-phone:before{content:"";border-radius:inherit;pointer-events:none;border:1px solid #1919194d;position:absolute;inset:3px -2px -2px 3px}.phone-earpiece{background:#222;border:1.2px solid #222;border-radius:999px;width:42%;height:.43rem;margin:0 auto .4rem}.phone-brand-wire{text-align:center;margin-bottom:.35rem;font-size:.5rem;font-weight:800}.phone-image-wire{stroke:#242424;stroke-width:1.5px;fill:none;width:100%;overflow:hidden}.phone-picture-wire{fill:none}.phone-picture-bg,.phone-picture-sun,.phone-picture-back,.phone-picture-front{stroke:none}.phone-text-wire{gap:.28rem;margin:.42rem 0;display:grid}.phone-text-wire i{opacity:.34;background:#222;border-radius:3px;height:3px}.phone-text-wire i:last-child{width:62%}.sketch-phone>button{background:repeating-linear-gradient(-15deg,#14141429 0 1px,#0000 1px 4px);border:1.2px solid #222;border-radius:4px;width:48%;height:1rem}.sketch-phone h4{text-align:center;margin:.42rem 0 .25rem;font-size:.48rem}.phone-services-wire{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.phone-services-wire i{background:#ffffff59;border:1px solid #252525;border-radius:5px;height:2.25rem}.phone-input-wire{border:1px solid #252525;border-radius:5px;height:1.25rem}.sketch-admin-card{width:24%;height:17%;top:78%;left:48%;transform:rotate(.35deg)}.admin-wire{direction:ltr;border:1.2px solid #252525;border-radius:7px;grid-template-columns:24% 1fr;height:68%;display:grid;overflow:hidden}.admin-sidebar{border-right:1px solid #252525;align-content:center;gap:.35rem;padding:.35rem;display:grid}.admin-sidebar i{opacity:.45;background:#222;border-radius:3px;height:3px}.admin-chart-area{justify-content:center;align-items:center;gap:.55rem;padding:.4rem;display:flex}.admin-pie{background:conic-gradient(transparent 0 62%,#1e1e1e2e 62% 100%);border:1.3px solid #222;border-radius:50%;width:1.65rem;height:1.65rem}.admin-chart-area svg{stroke:#222;stroke-width:2.2px;fill:none;width:50%;overflow:visible}.sketch-cursor{z-index:7;stroke:#1f1f1f;stroke-width:4px;fill:#ffffffbf;stroke-linejoin:round;stroke-linecap:round;width:7.2%;height:auto;top:66.5%;left:83.5%}.sketch-cursor .cursor-rays{fill:none;stroke-width:2.5px}body[data-stage="0"] .visual-sketch .sketch-cursor{animation:sketchElementIn .62s cubic-bezier(.22,.8,.32,1) var(--delay) both,cursorTap 1.8s ease-in-out 1.4s infinite}.sketch-pencil{z-index:4;transform-origin:0;background:repeating-linear-gradient(#19191921 0 2px,#0000 2px 5px),#f8f7f2;border:1.3px solid #252525;width:15%;height:1rem}.sketch-pencil:before{content:"";filter:grayscale();border-top:.52rem solid #0000;border-bottom:.52rem solid #0000;border-right:1.2rem solid #ddd8cc;position:absolute;top:-1px;left:-1.2rem}.sketch-pencil:after{content:"";border-top:.23rem solid #0000;border-bottom:.23rem solid #0000;border-right:.42rem solid #252525;position:absolute;top:.28rem;left:-1.55rem}.sketch-pencil i{opacity:.35;background:#222;width:1px;height:100%;position:absolute;top:0;right:7%}.pencil-one{bottom:8%;left:1.8%;transform:rotate(-19deg)}.pencil-two{opacity:.64;bottom:6.2%;left:3.3%;transform:rotate(-19deg)}.sketch-ruler{z-index:3;direction:ltr;background:#ffffff73;border:1.4px solid #252525;border-radius:4px 6px 4px 7px;justify-content:space-around;align-items:flex-end;width:31%;height:4.7%;padding:0 .5rem .22rem;font-size:.48rem;display:flex;bottom:5.2%;right:2.2%;transform:rotate(-8deg)}.sketch-ruler:before{content:"";opacity:.44;background:repeating-linear-gradient(90deg,#222 0 1px,#0000 1px 12px) 0 0/auto 43% repeat-x;position:absolute;inset:0}.sketch-ruler:after{content:"";border-radius:inherit;border:1px solid #14141440;position:absolute;inset:3px -2px -2px 2px}.color-composition{color:#111b4a;background:radial-gradient(circle at 14% 16%,#8f56ff1f,#0000 25%),radial-gradient(circle at 78% 78%,#23cdb917,#0000 27%),linear-gradient(#fff 0%,#f8f9ff 100%)}.color-composition:before{content:"";z-index:0;pointer-events:none;opacity:.27;background-image:radial-gradient(circle,#5267ff66 1.25px,#0000 1.5px),radial-gradient(circle,#50dcc559 1px,#0000 1.35px);background-position:12px 18px,42px 31px;background-size:34px 34px,71px 71px;position:absolute;inset:0;mask-image:linear-gradient(135deg,#000 0 28%,#0000 58%)}.color-composition:after{content:"";filter:blur(12px);pointer-events:none;background:radial-gradient(circle,#4868ff29,#0000 68%);border-radius:50%;width:13rem;height:13rem;position:absolute;top:26%;left:37%}.color-composition .sketch-paper{opacity:.72;background-image:linear-gradient(#5369ff14 1px,#0000 1px),linear-gradient(90deg,#5369ff14 1px,#0000 1px),radial-gradient(circle,#4862ff42 1.1px,#0000 1.45px);background-size:138px 138px,138px 138px,28px 28px}.color-composition .construction-line{opacity:.19;border-color:#6e7cff}.color-composition .sketch-connectors{filter:none}.color-composition .sketch-connectors path{stroke:#4963ff;stroke-width:2.2px}.color-composition .sketch-connectors .wire-2,.color-composition .sketch-connectors .wire-5{stroke:#12b99b}.color-composition .sketch-connectors .wire-3{stroke:#ff9c1a}.color-composition .sketch-connectors .wire-4{stroke:#8453ff}.color-composition .sketch-connectors circle{stroke:#fff;stroke-width:2.4px;fill:#4562ff;filter:drop-shadow(0 2px 4px #3750dc4d)}.color-composition .sketch-connectors .node-3,.color-composition .sketch-connectors .node-4,.color-composition .sketch-connectors .node-9,.color-composition .sketch-connectors .node-10{fill:#18b99d}.color-composition .sketch-connectors .node-5,.color-composition .sketch-connectors .node-6{fill:#ff9c1a}.color-composition .sketch-connectors .node-7,.color-composition .sketch-connectors .node-8{fill:#8754ff}.color-composition .sketch-element{filter:none}body[data-stage="1"] .visual-color .sketch-element{animation:colorElementFloat 5.8s ease-in-out var(--delay,0s) infinite alternate}.color-composition .sketch-card{background:linear-gradient(145deg,#fffffff7,#f6f7ffe6);border-color:#5466c940;border-radius:19px;box-shadow:0 18px 42px #39489d24,inset 0 0 0 1px #fffc}.color-composition .sketch-card:before{border-color:#ffffffa6;inset:0;transform:none}.color-composition .sketch-card h3{color:#111a48}.color-composition .wire-thumb{stroke:#2c3f953d;stroke-width:1px}.color-composition .thumb-cross{opacity:.08}.color-composition .mini-copy-lines i{opacity:.52;background:linear-gradient(90deg,#5f6fd1,#a9afe5)}.color-composition .wire-swatches i{border:0;box-shadow:0 5px 12px #4650aa2e}.color-composition .wire-swatches i:first-child{background:linear-gradient(135deg,#ffb63d,#ff8b24)}.color-composition .wire-swatches i:nth-child(2){background:linear-gradient(135deg,#9d5cff,#674fff)}.color-composition .wire-swatches i:nth-child(3){background:linear-gradient(135deg,#45c7ff,#315cff)}.color-composition .wire-swatches span{opacity:.3;background:#8d96c8}.color-composition .sketch-form-card label{color:#7a819f;background:#fff;border-color:#5c69b233;box-shadow:inset 0 1px 3px #1e285a0a}.color-composition .sketch-form-card button{color:#fff;background:linear-gradient(135deg,#19d0ae,#0bab8b);border:0;box-shadow:0 8px 18px #12b79440}.color-composition .sketch-chart-card svg{stroke:#7d88bb;fill:none}.color-composition .sketch-chart-card .chart-axis{stroke:#bac0dd;opacity:.8}.color-composition .sketch-chart-card .bar{stroke:none;rx:4px}.color-composition .sketch-chart-card .bar-1{fill:#5d6fff}.color-composition .sketch-chart-card .bar-2{fill:#8758ff}.color-composition .sketch-chart-card .bar-3{fill:#2eb8f6}.color-composition .sketch-chart-card .bar-4{fill:#1ec4a0}.color-composition .sketch-chart-card .chart-trend,.color-composition .sketch-chart-card .chart-arrow{stroke:#ff9f19;stroke-width:3px}.color-composition .chat-window{background:linear-gradient(145deg,#fff,#f3f6ff);border-color:#5269cd2e;box-shadow:0 8px 18px #3d4b9614}.color-composition .chat-avatar{background:radial-gradient(circle at 50% 36%,#fff 0 17%,#0000 18%),radial-gradient(circle at 50% 80%,#fff 0 28%,#0000 29%),linear-gradient(135deg,#4e8cff,#315cff);border:0;box-shadow:0 5px 12px #315cff40}.color-composition .chat-lines i{opacity:.36;background:#6071d4}.color-composition .chat-window b{color:#fff;background:#ff5d62;border:0;box-shadow:0 6px 14px #ff515847}.color-composition .sketch-browser{background:#fff;border-color:#1c2b69;border-radius:20px;transform:rotate(.18deg);box-shadow:0 28px 65px #202e6f38}.color-composition .sketch-browser:before{border-color:#ffffff6b;inset:0;transform:none}.color-composition .browser-topbar{color:#fff;background:linear-gradient(135deg,#14235f,#233b8d);border-color:#ffffff1a}.color-composition .browser-dots i{border:0}.color-composition .browser-dots i:first-child{background:#ffab4a}.color-composition .browser-dots i:nth-child(2){background:#ffd65d}.color-composition .browser-dots i:nth-child(3){background:#39d790}.color-composition .mini-w{color:#7861ff}.color-composition .browser-nav-wire{background:#fff;border-color:#e5e8f4}.color-composition .browser-nav-wire i{opacity:.5;background:#a6afd6}.color-composition .browser-nav-wire i.active{opacity:1;background:linear-gradient(90deg,#315cff,#8b4cff);box-shadow:0 2px 7px #4856ff38}.color-composition .browser-content{background:linear-gradient(#fff,#fbfcff)}.color-composition .browser-image-wire{stroke:#2c3f952e;stroke-width:1px}.color-composition .browser-picture-wire{opacity:.08}.color-composition .browser-hero-copy span{opacity:.3;background:#8590c5}.color-composition .browser-hero-copy button{color:#fff;background:linear-gradient(135deg,#6f4fff,#315cff);border:0;box-shadow:0 7px 14px #4451f033}.color-composition .browser-content h4{color:#111a48}.color-composition .browser-services div{background:linear-gradient(145deg,#fff,#f8f9ff);border-color:#e0e4f3;box-shadow:0 7px 14px #32408712}.color-composition .browser-services div:first-child b{color:#315cff}.color-composition .browser-services div:nth-child(2) b{color:#8250ff}.color-composition .browser-services div:nth-child(3) b{color:#13b89a}.color-composition .browser-services small{color:#30385e}.color-composition .browser-services i,.color-composition .browser-services span{opacity:.28;background:#8f99c6}.color-composition .message-wire,.color-composition .form-wire i{color:#7e849e;background:#fff;border-color:#dfe3f0}.color-composition .form-wire button{color:#fff;background:linear-gradient(135deg,#19caa8,#0fab8c);border:0}.color-composition .sketch-phone{background:linear-gradient(#fff,#f7f8fe);border-color:#18275f;border-radius:25px;box-shadow:0 26px 54px #1f2e693d}.color-composition .sketch-phone:before{border-color:#ffffff8c;inset:0}.color-composition .phone-earpiece{background:#11172c;border:0}.color-composition .phone-brand-wire{color:#111a48}.color-composition .phone-brand-wire .mini-w{color:#6f4fff}.color-composition .phone-image-wire{stroke:#2c3f9529;stroke-width:1px}.color-composition .phone-picture-wire{opacity:.08}.color-composition .phone-text-wire i{opacity:.38;background:#8a95c3}.color-composition .sketch-phone>button{background:linear-gradient(135deg,#7451ff,#315cff);border:0;box-shadow:0 6px 12px #4052eb38}.color-composition .sketch-phone h4{color:#111a48}.color-composition .phone-services-wire i{background:linear-gradient(145deg,#fff,#f5f7ff);border-color:#e0e4f2;box-shadow:0 5px 10px #33408212}.color-composition .phone-services-wire i:first-child{background:radial-gradient(circle at 50% 42%,#315cff 0 18%,#0000 19%),linear-gradient(145deg,#fff,#f4f6ff)}.color-composition .phone-services-wire i:last-child{background:radial-gradient(circle at 50% 42%,#8750ff 0 18%,#0000 19%),linear-gradient(145deg,#fff,#f4f6ff)}.color-composition .phone-input-wire,.color-composition .admin-wire{background:#fff;border-color:#dfe3f0}.color-composition .admin-sidebar{background:#f7f8ff;border-color:#dfe3f0}.color-composition .admin-sidebar i{opacity:.48;background:#7281cc}.color-composition .admin-pie{background:conic-gradient(#315cff 0 35%,#23c5a4 35% 61%,#eef1ff 61% 100%);border:0;box-shadow:0 5px 12px #3c4eb426}.color-composition .admin-chart-area svg{stroke:#315cff;filter:drop-shadow(0 3px 4px #315cff29)}.color-composition .sketch-cursor{stroke:#2746bd;fill:#fffffff0;filter:drop-shadow(0 8px 13px #263faf2e)}body[data-stage="1"] .visual-color .sketch-cursor{animation:1.8s ease-in-out 1.1s infinite colorCursorTap}.color-composition .sketch-pencil{background:linear-gradient(#ffffff2e,#0000),linear-gradient(90deg,#7045ff,#315cff);border-color:#3923a9;box-shadow:0 8px 16px #3a40be2e}.color-composition .pencil-two{opacity:.82;background:linear-gradient(90deg,#8c4cff,#5863ff)}.color-composition .sketch-pencil:before{filter:none;border-right-color:#e7c27c}.color-composition .sketch-pencil:after{border-right-color:#20264d}.color-composition .sketch-pencil i{opacity:.45;background:#fff}.color-composition .sketch-ruler{color:#56618d;background:linear-gradient(#fffffff5,#ebeeffe0);border-color:#aeb6de;box-shadow:0 12px 22px #2f3e871f}.color-composition .sketch-ruler:before{opacity:.55;background:repeating-linear-gradient(90deg,#52609a 0 1px,#0000 1px 12px)}.color-composition .sketch-ruler:after{border-color:#805bff40}@keyframes wireDraw{to{stroke-dashoffset:0}}@keyframes sketchElementIn{0%{opacity:0;transform:translateY(18px)scale(.965)rotate(-.7deg)}to{opacity:1}}@keyframes sketchElementDrift{0%{translate:0}to{translate:0 -3px}}@keyframes cursorTap{0%,to{translate:0;rotate:0deg}45%{translate:-5px -4px;rotate:-2deg}55%{translate:-2px -1px;rotate:0deg}}@keyframes colorElementFloat{0%{translate:0}to{translate:0 -4px}}@keyframes colorCursorTap{0%,to{translate:0;rotate:0deg}44%{translate:-6px -5px;rotate:-2deg}56%{translate:-2px -1px;rotate:0deg}}@media (width<=900px){.frame{width:100vw;height:100svh;transform:translate(-50%,-50%)}.visual{width:100%;height:57%;top:9%}.visual-mask{display:none}.right{width:100%;height:34%;top:66%;background:#fff!important}.stage-header{backdrop-filter:blur(12px);background:#ffffffe6;border-radius:1rem;height:3.8rem;padding:0 .8rem;position:fixed;left:1rem;right:1rem;box-shadow:0 .5rem 1.5rem #14142812;top:.4rem!important}.brand svg{width:2.5rem}.brand span{font-size:1rem}.nav{gap:.6rem;max-width:70%;font-size:.65rem;overflow-x:auto}.copy{text-align:center;width:90%;right:5%;top:5%!important}.copy h1,.copy h2,.slide-real .copy h2{font-size:clamp(2rem,8vw,3rem)}.copy p{max-width:94%;margin:1rem auto 0;font-size:.82rem;line-height:1.75}.actions{justify-content:center;margin-top:1rem}.actions a{min-width:8.5rem;height:2.7rem}.benefits{justify-content:center;margin-top:1rem;font-size:.62rem}.service-list{grid-template-columns:1fr 1fr;gap:.35rem;margin-top:.8rem}.service-item{height:2.5rem;font-size:.65rem}.badge{margin-bottom:.7rem}.slide-real .copy p{margin-top:1rem}.progress{bottom:.5rem}.visual-sketch,.visual-color{height:57%;top:9%;overflow:hidden}.sketch-composition{transform-origin:0 0;width:176%;height:100%;transform:scale(.568)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide-loader,.progress button,.sketch-element,.sketch-connectors .wire{transition:none!important;animation:none!important}}.visual-sketch .browser-picture-bg,.visual-sketch .browser-picture-sun,.visual-sketch .browser-picture-back,.visual-sketch .browser-picture-front{stroke:#242424;stroke-width:1.6px}.visual-sketch .phone-picture-bg,.visual-sketch .phone-picture-sun,.visual-sketch .phone-picture-back,.visual-sketch .phone-picture-front{stroke:#242424;stroke-width:1.5px}.visual-color .browser-picture-bg,.visual-color .browser-picture-sun,.visual-color .browser-picture-back,.visual-color .browser-picture-front,.visual-color .phone-picture-bg,.visual-color .phone-picture-sun,.visual-color .phone-picture-back,.visual-color .phone-picture-front{stroke:none}.visual-real{isolation:isolate;perspective:1200px;background:radial-gradient(circle at 12% 10%,#fffffffa,#f7f9ffeb 39%,#0000 63%),linear-gradient(#f9fbff 0%,#f4f6fb 74%,#eef1f6 74.2%,#fafbfc 100%)}.real-composition-shell{position:absolute;inset:0;overflow:hidden}.real-composition-shell>.sketch-composition{color:#111a48;background:radial-gradient(circle at 14% 12%,#fffffffa,#0000 31%),radial-gradient(circle at 76% 18%,#6279ff14,#0000 27%),linear-gradient(#fbfcff 0%,#f6f8fc 73%,#e9edf4 73.3%,#fafbfc 100%)}.real-composition-shell>.sketch-composition:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#ffffff2e,#ffffffeb);height:27%;position:absolute;bottom:0;left:-10%;right:-10%;box-shadow:inset 0 1px #4c5c8214}.real-composition-shell>.sketch-composition:after{content:"";z-index:0;filter:blur(18px);pointer-events:none;background:radial-gradient(#313b5a2e,#313b5a0d 42%,#0000 72%);border-radius:50%;width:64%;height:19%;position:absolute;bottom:2%;left:20%;transform:scaleY(.42)}.real-composition-shell .sketch-paper,.real-composition-shell .construction-line,.real-composition-shell .sketch-connectors{display:none}.real-composition-shell .sketch-element{filter:none;pointer-events:none}.real-composition-shell .sketch-card{-webkit-backdrop-filter:blur(13px)saturate(1.18);background:linear-gradient(145deg,#ffffffd1,#f1f5ff9e);border:1px solid #7b8bbd3d;border-radius:18px;box-shadow:0 22px 42px #2a355c29,inset 0 1px #ffffffeb,0 1px 2px #1b264b14}.real-composition-shell .sketch-card:before{border:1px solid #ffffff80;border-radius:17px;inset:1px;transform:none}.real-composition-shell .sketch-card h3{color:#101942;text-shadow:0 1px #fff}.real-composition-shell .wire-thumb{stroke:#24306929}.real-composition-shell .thumb-cross,.real-composition-shell .browser-picture-wire,.real-composition-shell .phone-picture-wire{opacity:.025}.real-composition-shell .mini-copy-lines i{opacity:.5;background:linear-gradient(90deg,#7685ce,#c1c7eb)}.real-composition-shell .wire-swatches i{border:0;box-shadow:0 5px 10px #39438229}.real-composition-shell .wire-swatches i:first-child{background:linear-gradient(135deg,#ffad3b,#ff7f34)}.real-composition-shell .wire-swatches i:nth-child(2){background:linear-gradient(135deg,#a066ff,#7153ff)}.real-composition-shell .wire-swatches i:nth-child(3){background:linear-gradient(135deg,#4ed5ff,#315cff)}.real-composition-shell .wire-swatches span{opacity:.28;background:#7f8ab5}.real-composition-shell .sketch-form-card label{background:#ffffffc2;border-color:#5b69ab29;box-shadow:inset 0 1px 2px #232d580d}.real-composition-shell .sketch-form-card button{color:#fff;background:linear-gradient(135deg,#23cfad,#0ba98a);border:0;box-shadow:0 8px 18px #0eab8c42}.real-composition-shell .sketch-chart-card svg{stroke:#7a86b7;fill:none;filter:drop-shadow(0 3px 5px #35469114)}.real-composition-shell .sketch-chart-card .chart-axis{stroke:#bbc2dd;opacity:.8}.real-composition-shell .sketch-chart-card .bar{stroke:none;rx:4px}.real-composition-shell .sketch-chart-card .bar-1{fill:#6878ff}.real-composition-shell .sketch-chart-card .bar-2{fill:#9a63ff}.real-composition-shell .sketch-chart-card .bar-3{fill:#35bfee}.real-composition-shell .sketch-chart-card .bar-4{fill:#27c5a2}.real-composition-shell .sketch-chart-card .chart-trend,.real-composition-shell .sketch-chart-card .chart-arrow{stroke:#ff9c18;stroke-width:3px}.real-composition-shell .chat-window{background:linear-gradient(145deg,#ffffffe6,#eff4ffc7);border-color:#5d6bac26;box-shadow:inset 0 1px #fff,0 7px 16px #33418014}.real-composition-shell .chat-avatar{background:radial-gradient(circle at 50% 34%,#fff 0 17%,#0000 18%),radial-gradient(circle at 50% 82%,#fff 0 29%,#0000 30%),linear-gradient(145deg,#51a1ff,#315cff);border:0;box-shadow:0 6px 13px #315cff47}.real-composition-shell .chat-lines i{opacity:.34;background:#6372c7}.real-composition-shell .chat-window b{color:#fff;background:#ff5d62;border:2px solid #fff;box-shadow:0 5px 12px #ff565c40}.real-composition-shell .sketch-browser{background:#fff;border:5px solid #172039;border-radius:18px;overflow:visible;transform:rotate(.18deg)translateZ(20px);box-shadow:0 34px 58px #171f3940,0 8px 18px #171f3924,inset 0 0 0 1px #ffffff26}.real-composition-shell .sketch-browser:before{content:"";z-index:-1;background:linear-gradient(90deg,#8790a3,#d8dce5 28%,#f5f6f8 52%,#a5adbb 100%);border:0;border-radius:3px 3px 8px 8px;width:14%;height:24%;position:absolute;bottom:-22%;left:43%;transform:none;box-shadow:0 14px 16px #272f4529}.real-composition-shell .sketch-browser:after{content:"";z-index:-1;background:linear-gradient(90deg,#747e90,#eff1f5 45%,#929bab);border-radius:50%;width:30%;height:3.5%;position:absolute;bottom:-24%;left:35%;box-shadow:0 6px 12px #262f4433}.real-composition-shell .browser-topbar{color:#fff;background:linear-gradient(135deg,#111a38,#243e89);border:0;border-radius:12px 12px 0 0;height:10.7%;overflow:hidden}.real-composition-shell .browser-topbar:after{content:"";pointer-events:none;background:linear-gradient(112deg,#ffffff29,#0000 23% 70%,#ffffff12);position:absolute;inset:0}.real-composition-shell .browser-dots i{border:0;box-shadow:inset 0 -1px 2px #0000002e}.real-composition-shell .browser-dots i:first-child{background:#ff9c45}.real-composition-shell .browser-dots i:nth-child(2){background:#ffd15a}.real-composition-shell .browser-dots i:nth-child(3){background:#3bd69a}.real-composition-shell .browser-nav-wire{background:#fff;border-color:#e3e7f1}.real-composition-shell .browser-nav-wire i{opacity:.48;background:#9ba6cc}.real-composition-shell .browser-nav-wire i.active{opacity:1;background:linear-gradient(90deg,#315cff,#8c4cff);box-shadow:0 2px 6px #4a54e638}.real-composition-shell .browser-content{background:linear-gradient(#fff,#fafbff);border-radius:0 0 12px 12px;overflow:hidden}.real-composition-shell .browser-image-wire{stroke:#2a3c8c14;filter:drop-shadow(0 7px 13px #39499d1a)}.real-composition-shell .browser-hero-copy span{opacity:.28;background:#8190c7}.real-composition-shell .browser-hero-copy button{color:#fff;background:linear-gradient(135deg,#794dff,#315cff);border:0;box-shadow:0 8px 16px #454ee638}.real-composition-shell .browser-content h4{color:#111a48}.real-composition-shell .browser-services div{background:linear-gradient(145deg,#fff,#f6f8ff);border-color:#e1e5f1;box-shadow:0 8px 14px #34418214}.real-composition-shell .browser-services div:first-child b{color:#315cff}.real-composition-shell .browser-services div:nth-child(2) b{color:#8452ff}.real-composition-shell .browser-services div:nth-child(3) b{color:#14b89b}.real-composition-shell .browser-services small{color:#323b63}.real-composition-shell .browser-services i,.real-composition-shell .browser-services span{opacity:.25;background:#8b96c1}.real-composition-shell .message-wire,.real-composition-shell .form-wire i{color:#7c849e;background:#fff;border-color:#dfe3ed}.real-composition-shell .form-wire button{color:#fff;background:linear-gradient(135deg,#20c9a8,#0ba98a);border:0}.real-composition-shell .sketch-phone{z-index:7;background:linear-gradient(155deg,#fff,#f1f4fb);border:5px solid #12192d;border-radius:28px;padding:.55rem .55rem .72rem;overflow:hidden;transform:rotate(-.35deg)translateZ(42px);box-shadow:0 30px 48px #19223f4d,0 7px 14px #12192d2b,inset 0 0 0 1px #ffffff38}.real-composition-shell .sketch-phone:before{content:"";z-index:8;pointer-events:none;background:linear-gradient(112deg,#fff3,#0000 28% 74%,#ffffff12);border:0;border-radius:22px;position:absolute;inset:0}.real-composition-shell .phone-earpiece{background:#111729;border:0;width:34%;height:.35rem;box-shadow:inset 0 1px 2px #ffffff2e}.real-composition-shell .phone-brand-wire{color:#20294f}.real-composition-shell .phone-image-wire{stroke:#27398714;filter:drop-shadow(0 5px 9px #3745961a)}.real-composition-shell .phone-text-wire i{opacity:.3;background:#7885bd}.real-composition-shell .sketch-phone>button{background:linear-gradient(135deg,#7950ff,#315cff);border:0;box-shadow:0 6px 11px #4650e633}.real-composition-shell .phone-services-wire i,.real-composition-shell .phone-input-wire{background:#ffffffd1;border-color:#dce1ef;box-shadow:0 3px 8px #323f820f}.real-composition-shell .admin-wire{background:#fff;border-color:#dfe3ed;box-shadow:inset 0 1px #fff}.real-composition-shell .admin-sidebar{background:#f7f8fd;border-color:#e0e4ef}.real-composition-shell .admin-sidebar i{opacity:.4;background:#7885bc}.real-composition-shell .admin-pie{background:conic-gradient(#315cff 0 35%,#27c7a4 35% 62%,#e9edfa 62% 100%);border:0;box-shadow:0 5px 10px #374aaa21}.real-composition-shell .admin-chart-area svg{stroke:#315cff;filter:drop-shadow(0 3px 4px #315cff26)}.real-composition-shell .sketch-cursor{stroke:#26325f;fill:#fffffffa;filter:drop-shadow(0 9px 10px #1d274a3d);stroke-width:3.2px}.real-composition-shell .sketch-pencil{background:linear-gradient(#252d44 0 20%,#11182b 22% 72%,#3d465b 74% 100%);border:1px solid #20283f;border-radius:2px;height:.78rem;box-shadow:0 7px 10px #181f3238}.real-composition-shell .pencil-two{opacity:.92;background:linear-gradient(#4b566d 0 20%,#242d43 22% 72%,#778094 74% 100%)}.real-composition-shell .sketch-pencil:before{filter:none;border-right-color:#d4b178}.real-composition-shell .sketch-pencil:after{border-right-color:#24283a}.real-composition-shell .sketch-pencil i{background:#ffffff57}.real-composition-shell .sketch-ruler{color:#536583;backdrop-filter:blur(3px);background:linear-gradient(#e7f2ff7a,#b9d5f14d);border:1px solid #5f73a057;box-shadow:0 11px 18px #29385524,inset 0 1px #ffffffd1}.real-composition-shell .sketch-ruler:before{opacity:.52;background:repeating-linear-gradient(90deg,#536888 0 1px,#0000 1px 12px)}.real-composition-shell .sketch-ruler:after{border-color:#ffffff8c}body[data-stage="2"] .visual-real .sketch-card{animation:realCardBreathe 6.5s ease-in-out var(--delay,0s) infinite alternate}body[data-stage="2"] .visual-real .sketch-cursor{animation:2.6s ease-in-out 1s infinite realCursorTap}@keyframes realCardBreathe{0%{translate:0}to{translate:0 -2px}}@keyframes realCursorTap{0%,to{translate:0;rotate:0deg}46%{translate:-4px -3px;rotate:-1.5deg}58%{translate:-1px -1px;rotate:0deg}}@media (width<=900px){.real-composition-shell{position:absolute;inset:0;overflow:hidden}.real-composition-shell>.sketch-composition{transform-origin:0 0;width:176%;height:100%;transform:scale(.568)}}@media (prefers-reduced-motion:reduce){body[data-stage="2"] .visual-real .sketch-card,body[data-stage="2"] .visual-real .sketch-cursor{animation:none!important}}.real-content-composition .real-mountain-photo{opacity:1;filter:saturate(.94)contrast(1.08)brightness(.98);transform-box:fill-box;transform-origin:50%;will-change:transform,filter}.real-content-composition .thumb-cross,.real-content-composition .browser-picture-wire,.real-content-composition .phone-picture-wire{display:none}.real-composition-shell .wire-thumb,.real-composition-shell .browser-image-wire,.real-composition-shell .phone-image-wire{overflow:hidden}.real-content-composition .real-mountain-photo-ui{filter:saturate(.9)contrast(1.08)brightness(1.02)}.real-content-composition .real-mountain-photo-browser{filter:saturate(.93)contrast(1.1)brightness(.97)}.real-content-composition .real-mountain-photo-phone{filter:saturate(.98)contrast(1.1)brightness(1.01)}body[data-stage="2"] .real-content-composition .real-mountain-photo{animation:14s cubic-bezier(.37,0,.2,1) infinite alternate realMountainAlive}body[data-stage="2"] .real-content-composition .real-mountain-photo-ui{animation-delay:-2.5s}body[data-stage="2"] .real-content-composition .real-mountain-photo-phone{animation-delay:-5s}@keyframes realMountainAlive{0%{filter:saturate(.92)contrast(1.07)brightness(.98);transform:scale(1.015)translate(0,0)}to{filter:saturate(1.02)contrast(1.11)brightness(1.01);transform:scale(1.07)translate(-1.2%,-.8%)}}@media (prefers-reduced-motion:reduce){.real-content-composition .real-mountain-photo{animation:none!important;transform:none!important}}@media (width<=820px){:root{--mobile-pad:clamp(14px, 4.5vw, 22px);--mobile-gap:clamp(8px, 2.4vw, 12px);--mobile-radius:20px}html,body{width:100%;max-width:100%;overflow-x:clip}body{background:#fff;min-width:0}.story{height:300svh;min-height:300svh;padding:0;position:relative}.viewport{background:#fff;width:100%;height:100svh;min-height:100svh;position:sticky;top:0;overflow:hidden}.frame{background:#fff;width:100%;max-width:none;height:100%;max-height:none;position:absolute;inset:0;overflow:hidden;transform:none}.slide,.slide.active{opacity:1;visibility:visible;width:100%;height:100%;min-height:0;display:block;overflow:hidden;position:absolute!important;inset:0!important;transform:none!important}.slide{pointer-events:none!important}.slide.active{pointer-events:auto!important}.right{width:100%;height:58%;min-height:0;padding:max(10px, env(safe-area-inset-top)) var(--mobile-pad) 12px;background:var(--slide-bg);flex-direction:column;display:flex;position:absolute;top:0;right:0;overflow:hidden}.visual{width:100%;height:42%;min-height:0;box-shadow:none;background:#fbfcff;border:0;border-top:1px solid #0a0f2e14;border-radius:0;margin:0;position:absolute;top:58%;left:0;overflow:hidden}.slide-sketch .visual{background:#fbfaf7;border-top-color:#2323231a}.slide-real .visual{background:#f8f8fb}.slide-color .right{height:63%}.slide-color .visual{height:37%;top:63%}.real-composition-shell,.sketch-composition{width:100%;height:100%;position:absolute;inset:0}.stage-header,.slide-real .stage-header{direction:rtl;flex:none;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand brand""nav nav";align-items:center;gap:5px;width:100%;height:auto;margin:0 0 8px;display:grid;position:relative;inset:auto}.brand{grid-area:brand;justify-self:start;align-items:center;gap:7px;min-height:30px;display:inline-flex}.brand svg{width:34px;height:27px}.brand span{font-size:.88rem}.nav{white-space:normal;-webkit-backdrop-filter:blur(10px);background:#ffffffc2;border:1px solid #35417d1a;border-radius:11px;grid-area:nav;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;width:100%;min-width:0;padding:3px;display:grid;overflow:visible;box-shadow:0 5px 18px #1e285a0a}.nav a{text-align:center;text-overflow:ellipsis;border-radius:8px;justify-content:center;align-items:center;min-width:0;min-height:27px;padding:4px 1px;font-size:clamp(.48rem,2.2vw,.64rem);line-height:1.15;display:flex;overflow:hidden}.nav a.current{background:#315cff14}.nav a:after{height:1px;bottom:2px;left:26%;right:26%}.copy,.slide-color .copy,.slide-real .copy{text-align:right;flex:auto;width:100%;max-width:100%;min-height:0;position:relative;inset:auto;overflow:hidden}.copy h1,.copy h2,.slide-real .copy h2{letter-spacing:-.042em;max-width:12ch;margin:0;font-size:clamp(1.82rem,8.9vw,2.72rem);line-height:1.03}.slide-color .copy h2{max-width:13ch;font-size:clamp(1.68rem,8.2vw,2.45rem)}.copy p,.slide-real .copy p{max-width:100%;color:var(--copy-muted);margin:9px 0 0;font-size:clamp(.68rem,2.85vw,.83rem);line-height:1.65}.copy p br,.service-intro br,.slide-real .copy p br{display:none}.actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.actions a{border-radius:10px;gap:5px;width:100%;min-width:0;height:37px;padding:0 7px;font-size:clamp(.58rem,2.5vw,.7rem)}.benefits{white-space:normal;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px;font-size:clamp(.52rem,2.2vw,.63rem);display:grid}.benefits span{text-align:center;background:#ffffffad;border:1px solid #19191912;border-radius:9px;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:35px;padding:4px 3px;display:flex}.benefits i{display:none}.benefits b{margin:0;font-size:.75rem}.service-intro{max-width:100%}.slide-color .service-intro{margin-top:7px;font-size:clamp(.63rem,2.55vw,.76rem);line-height:1.5}.service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:8px;display:grid}.service-item{border-radius:10px;gap:4px;height:auto;min-height:39px;padding:5px 7px;font-size:clamp(.57rem,2.4vw,.69rem);line-height:1.25}.service-item span{min-width:0}.service-item b{flex:0 0 22px;width:22px;font-size:.78rem}.badge{white-space:normal;text-align:center;max-width:100%;margin:0 0 8px;padding:5px 9px;font-size:clamp(.58rem,2.45vw,.7rem);line-height:1.35}.progress{z-index:40;left:var(--mobile-pad);right:var(--mobile-pad);bottom:max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);background:#ffffffdb;border:1px solid #222d601a;border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:auto;padding:4px;display:grid;position:fixed;transform:none;box-shadow:0 10px 30px #131c4921}.progress button,.progress button.active{border-radius:11px;justify-content:center;align-items:center;width:auto;min-width:0;height:34px;padding:0 5px;transition:background .25s,color .25s,transform .25s;display:flex}.progress button{color:#626879;background:0 0}.progress button:after{content:attr(aria-label);white-space:nowrap;font-size:clamp(.57rem,2.35vw,.68rem);font-weight:800}.progress button.active{color:#fff;background:var(--dot,#171717);transform:translateY(-1px)}.anchor{pointer-events:none}.slide-loader{text-align:center;padding:24px}.loader-line{max-width:70vw}}@media (width<=820px) and (height<=680px) and (orientation:portrait){.right{height:61%;padding-top:max(7px, env(safe-area-inset-top));padding-bottom:8px}.visual{height:39%;top:61%}.slide-color .right{height:66%}.slide-color .visual{height:34%;top:66%}.stage-header,.slide-real .stage-header{gap:3px;margin-bottom:5px}.brand{min-height:25px}.brand svg{width:29px;height:23px}.brand span{font-size:.76rem}.nav a{min-height:23px;padding:3px 1px;font-size:clamp(.43rem,2vw,.55rem)}.copy h1,.copy h2,.slide-real .copy h2{font-size:clamp(1.55rem,7.8vw,2.15rem)}.slide-color .copy h2{font-size:clamp(1.45rem,7.2vw,1.98rem)}.copy p,.slide-real .copy p{margin-top:6px;font-size:clamp(.6rem,2.55vw,.7rem);line-height:1.48}.actions{margin-top:7px}.actions a{border-radius:8px;height:31px;font-size:.56rem}.benefits{margin-top:6px}.benefits span{min-height:29px;font-size:.49rem}.slide-color .service-intro{margin-top:5px;font-size:.58rem}.service-list{gap:4px;margin-top:6px}.service-item{min-height:32px;padding:4px 6px;font-size:.53rem}.service-item b{flex-basis:18px;width:18px;font-size:.68rem}.badge{margin-bottom:5px;padding:4px 7px;font-size:.54rem}.progress button,.progress button.active{height:30px}}@media (width<=360px) and (orientation:portrait){:root{--mobile-pad:11px}.brand span{font-size:.72rem}.nav a{font-size:.43rem}.copy h1,.copy h2,.slide-real .copy h2{font-size:1.52rem}.copy p,.slide-real .copy p{font-size:.59rem}.progress button:after{font-size:.54rem}}@media (width<=820px) and (orientation:landscape) and (height<=520px){.right,.slide-color .right{width:50%;height:100%;padding:8px 12px 48px;top:0;right:0}.visual,.slide-color .visual{border-top:0;border-right:1px solid #0a0f2e14;width:50%;height:100%;top:0;left:0}.stage-header,.slide-real .stage-header{margin-bottom:5px}.brand{min-height:23px}.brand svg{width:27px;height:21px}.brand span{font-size:.7rem}.nav{gap:1px;padding:2px}.nav a{min-height:21px;padding:2px 0;font-size:.4rem}.copy h1,.copy h2,.slide-real .copy h2,.slide-color .copy h2{font-size:clamp(1.25rem,4vw,1.8rem)}.copy p,.slide-real .copy p{margin-top:5px;font-size:.5rem;line-height:1.4}.actions{gap:4px;margin-top:6px}.actions a{height:27px;font-size:.46rem}.benefits{display:none}.slide-color .service-intro{margin-top:4px;font-size:.48rem}.service-list{gap:3px;margin-top:5px}.service-item{min-height:27px;padding:3px 5px;font-size:.46rem}.service-item b{flex-basis:17px;width:17px;font-size:.6rem}.badge{margin-bottom:4px;padding:3px 6px;font-size:.46rem}.progress{bottom:7px;left:calc(50% + 12px);right:12px}.progress button,.progress button.active{height:28px}.progress button:after{font-size:.47rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}