/* ע.ש בניה באלומיניום. Source: build/asal.src.css */
:is(.asal,#asal){--white:#ffffff;--mist:#f3f5f6;--alu:#e4e9ec;--alu-2:#c9d1d6;--ink:#1b1f22;--ink-2:#545d64;--line:#dde3e6;--anth:#383e42;--blue:#1572bd;--blue-d:#0f5a96;--wa:#187f46;--wa-d:#136537;--sun:#e9a72e;--an-gold:#c9a24f;--an-bronze:#94603c;--an-teal:#1f9a92;--an-blue:#2f7dc4;--an-red:#b4483f;--an-silver:#9aa5ad;--sky:#e3f1fb;--il:#0038b8;--anodised:repeating-linear-gradient(90deg, var(--an-gold) 0 14px, var(--an-silver) 14px 22px, var(--an-teal) 22px 34px, #fff 34px 37px, var(--an-blue) 37px 49px, var(--an-bronze) 49px 60px, var(--an-silver) 60px 66px, var(--an-red) 66px 74px, #fff 74px 77px);--brushed:repeating-linear-gradient(90deg, rgba(255,255,255,0) 0 3px, rgba(255,255,255,.55) 3px 4px, rgba(0,0,0,.018) 4px 6px), linear-gradient(180deg, #f8fafb 0%, #e7ecef 100%);--font-display:"Karantina", "Arial Narrow", "IBM Plex Sans Hebrew", sans-serif;--font-body:"IBM Plex Sans Hebrew", "Arial Hebrew", Arial, sans-serif;--font-data:"IBM Plex Mono", ui-monospace, Menlo, monospace;--r:16px;--top-h:74px;color-scheme:light;color:var(--ink);font:400 17px/1.65 var(--font-body);text-align:start;-webkit-text-size-adjust:100%}:is(.asal,#asal) *,:is(.asal,#asal) *::before,:is(.asal,#asal) *::after{box-sizing:border-box}:is(.asal,#asal) [hidden]{display:none!important}:is(.asal,#asal) img,:is(.asal,#asal) svg,:is(.asal,#asal) canvas{max-width:100%;display:block}:is(.asal,#asal) img{height:auto;border:0;border-radius:0;box-shadow:none}:is(.asal,#asal) a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}:is(.asal,#asal) a:hover,:is(.asal,#asal) a:focus{color:var(--blue-d)}:is(.asal,#asal) h1,:is(.asal,#asal) h2,:is(.asal,#asal) h3,:is(.asal,#asal) h4{margin:0;padding:0;color:inherit;font-family:inherit;font-weight:700;letter-spacing:normal;text-transform:none;text-wrap:balance;line-height:1.2}:is(.asal,#asal) p,:is(.asal,#asal) ul,:is(.asal,#asal) ol,:is(.asal,#asal) dl,:is(.asal,#asal) dd,:is(.asal,#asal) figure,:is(.asal,#asal) blockquote{margin:0;padding:0}:is(.asal,#asal) ul,:is(.asal,#asal) ol{list-style:none}:is(.asal,#asal) b,:is(.asal,#asal) strong{font-weight:700}:is(.asal,#asal) button,:is(.asal,#asal) input,:is(.asal,#asal) select,:is(.asal,#asal) textarea{font:inherit;color:inherit;letter-spacing:normal;word-spacing:normal;text-transform:none;text-shadow:none;margin:0}:is(.asal,#asal) button,:is(.asal,#asal) [type="button"],:is(.asal,#asal) [type="submit"]{background:none;border:0;border-radius:0;padding:0;box-shadow:none;cursor:pointer;white-space:normal;user-select:auto;transition:none;text-align:inherit;line-height:inherit;min-height:0;width:auto;display:inline-block}:is(.asal,#asal) button:hover,:is(.asal,#asal) button:focus,:is(.asal,#asal) [type="button"]:hover,:is(.asal,#asal) [type="button"]:focus,:is(.asal,#asal) [type="submit"]:hover,:is(.asal,#asal) [type="submit"]:focus{background:none;color:inherit;text-decoration:none}:is(.asal,#asal) label{display:block;line-height:inherit;vertical-align:baseline;margin:0}:is(.asal,#asal) :focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}:is(.asal,#asal) .wrap{width:min(1220px, 100%);margin-inline:auto;padding-inline:20px}:is(.asal,#asal) section{padding-block:clamp(64px, 9vw, 110px);position:relative}:is(.asal,#asal) section[id]{scroll-margin-top:calc(var(--top-h) + 12px)}:is(.asal,#asal) .mono{font-family:var(--font-data);direction:ltr;unicode-bidi:isolate}:is(.asal,#asal) .rtl{direction:rtl;font-family:var(--font-body)!important}:is(.asal,#asal) .skip{position:absolute;inset-inline-start:12px;top:-80px;background:var(--sun);color:var(--ink);padding:8px 14px;border-radius:8px;font-weight:700;z-index:99;text-decoration:none}:is(.asal,#asal) .skip:focus{top:12px;color:var(--ink)}:is(.asal,#asal) .eyebrow{font:500 13px/1.2 var(--font-data);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);display:flex;align-items:center;gap:10px}:is(.asal,#asal) .eyebrow::before{content:"";flex:none;width:34px;height:10px;border-radius:2px;background:var(--anodised)}:is(.asal,#asal) .h2{font:700 clamp(46px, 6vw, 76px)/.95 var(--font-display);letter-spacing:.01em}:is(.asal,#asal) .h2 em,:is(.asal,#asal) .hero h1 em,:is(.asal,#asal) .cat-hero h1 em,:is(.asal,#asal) .lp h1 em{font-style:normal;color:var(--blue)}:is(.asal,#asal) .lede{font-size:19px;color:var(--ink-2);max-width:62ch}:is(.asal,#asal) .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;font:600 16px/1.1 var(--font-body);text-decoration:none;border:0;cursor:pointer;text-align:center;transition:transform .15s, box-shadow .15s, background-color .15s}:is(.asal,#asal) .btn:hover,:is(.asal,#asal) .btn:focus{transform:translateY(-2px);text-decoration:none}:is(.asal,#asal) .btn svg{width:20px;height:20px;flex:none}:is(.asal,#asal) .btn-sm{min-height:44px;padding:0 18px;font-size:15px}:is(.asal,#asal) .btn-lg{min-height:58px;padding:0 30px;font-size:17.5px}:is(.asal,#asal) .btn-blue,:is(.asal,#asal) .btn-blue:hover,:is(.asal,#asal) .btn-blue:focus{background:var(--blue);color:#fff;box-shadow:0 10px 24px -14px var(--blue)}:is(.asal,#asal) .btn-blue:hover{background:var(--blue-d)}:is(.asal,#asal) .btn-wa,:is(.asal,#asal) .btn-wa:hover,:is(.asal,#asal) .btn-wa:focus{background:var(--wa);color:#fff;box-shadow:0 10px 24px -14px var(--wa)}:is(.asal,#asal) .btn-wa:hover{background:var(--wa-d)}:is(.asal,#asal) .btn-line,:is(.asal,#asal) .btn-line:hover,:is(.asal,#asal) .btn-line:focus{background:var(--white);color:var(--ink);border:1.5px solid var(--alu-2)}:is(.asal,#asal) .btn-light,:is(.asal,#asal) .btn-light:hover,:is(.asal,#asal) .btn-light:focus{background:#fff;color:var(--ink)}:is(.asal,#asal) .btn-ghost,:is(.asal,#asal) .btn-ghost:hover,:is(.asal,#asal) .btn-ghost:focus{background:transparent;color:#fff;text-decoration:underline;text-underline-offset:4px;padding-inline:8px}:is(.asal,#asal) .small-note{font-size:13.5px;color:var(--ink-2)}:is(.asal,#asal) .head{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:18px 48px;align-items:end;margin-bottom:34px}:is(.asal,#asal) .head.head-solo{grid-template-columns:minmax(0, 1fr)}:is(.asal,#asal) .head .stack{display:grid;gap:14px}@media (max-width: 820px){:is(.asal,#asal) .head{grid-template-columns:1fr}}:is(.asal,#asal) .top{position:relative;z-index:50;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 22px -18px rgba(20,30,40,.45)}:is(.asal,#asal) .top .wrap{display:flex;align-items:center;gap:14px;min-height:var(--top-h)}:is(.asal,#asal) .logo{flex:none;display:block;background:var(--anth);border-radius:12px;padding:6px 12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}:is(.asal,#asal) .logo img{height:40px;width:auto}:is(.asal,#asal) .nav{margin-inline-start:auto}:is(.asal,#asal) .nav .menu{display:flex;gap:2px;align-items:center}:is(.asal,#asal) .nav li{position:relative}:is(.asal,#asal) .nav a{display:block;color:var(--ink-2);text-decoration:none;font-weight:600;font-size:15.5px;padding:8px 12px;border-radius:10px;white-space:nowrap}:is(.asal,#asal) .nav a:hover,:is(.asal,#asal) .nav a:focus{color:var(--ink);background:var(--mist)}:is(.asal,#asal) .nav .current-menu-item>a,:is(.asal,#asal) .nav [aria-current="page"]{color:var(--ink)}:is(.asal,#asal) .nav .menu-item-has-children>a::after{content:"";display:inline-block;width:7px;height:7px;margin-inline-start:8px;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-3px) rotate(45deg)}:is(.asal,#asal) .nav .sub-menu{position:absolute;top:100%;inset-inline-start:0;min-width:230px;display:none;gap:2px;padding:8px;background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 50px -24px rgba(20,30,40,.45)}:is(.asal,#asal) .nav li:hover>.sub-menu,:is(.asal,#asal) .nav li:focus-within>.sub-menu{display:grid}:is(.asal,#asal) .top-phone{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding-inline:4px;font:500 15px var(--font-data);color:var(--ink);text-decoration:none}:is(.asal,#asal) .top-phone svg{width:17px;height:17px;color:var(--blue)}:is(.asal,#asal) .top-phone:hover{color:var(--blue)}:is(.asal,#asal) .nav+.top-phone,:is(.asal,#asal) .top .logo+.top-phone{margin-inline-start:6px}:is(.asal,#asal) .top .logo+.top-phone{margin-inline-start:auto}:is(.asal,#asal) .top .btn{min-height:42px;padding:0 16px;font-size:15px}:is(.asal,#asal) .burger{display:none;width:44px;height:44px;border-radius:12px;border:1.5px solid var(--line);background:var(--white);color:var(--ink);place-items:center}:is(.asal,#asal) .burger svg{width:24px;height:24px}@media (max-width: 1000px){:is(.asal,#asal) .burger{display:grid}:is(.asal,#asal) .nav{position:absolute;inset-inline:0;top:100%;margin:0;background:var(--white);border-bottom:1px solid var(--line);box-shadow:0 30px 50px -30px rgba(20,30,40,.4);max-height:calc(100vh - var(--top-h) - 20px);overflow-y:auto;display:none}:is(.asal,#asal) .top.open .nav{display:block}:is(.asal,#asal) .nav .menu{flex-direction:column;align-items:stretch;padding:10px 16px 18px;gap:0}:is(.asal,#asal) .nav a{font-size:17px;padding:12px 10px;border-bottom:1px solid var(--mist);border-radius:0}:is(.asal,#asal) .nav .menu-item-has-children>a::after{display:none}:is(.asal,#asal) .nav .sub-menu{position:static;display:grid;min-width:0;padding:0 0 0;padding-inline-start:18px;border:0;box-shadow:none;background:none}:is(.asal,#asal) .top-phone{margin-inline-start:auto}}@media (max-width: 560px){:is(.asal,#asal) .top .wrap{gap:8px}:is(.asal,#asal) .top-phone .mono{display:none}:is(.asal,#asal) .top-phone{width:44px;height:44px;justify-content:center;border:1.5px solid var(--line);border-radius:12px}:is(.asal,#asal) .top-wa span{display:none}:is(.asal,#asal) .top .top-wa{width:44px;padding:0}:is(.asal,#asal) .logo img{height:34px}}:is(.asal,#asal) .hero{background:radial-gradient(900px 420px at 85% -10%, rgba(255,214,120,.45), transparent 60%), radial-gradient(800px 500px at 10% 0%, rgba(47,125,196,.18), transparent 60%), linear-gradient(180deg, var(--sky) 0%, #ffffff 78%);overflow:hidden;padding-block:clamp(44px, 6vw, 84px) clamp(56px, 8vw, 100px)}:is(.asal,#asal) .hero::after,:is(.asal,#asal) .cat-hero::after{content:"";position:absolute;inset-inline:0;bottom:0;height:14px;background:var(--anodised);opacity:.9}:is(.asal,#asal) .hero-grid{display:grid;grid-template-columns:minmax(0, 5fr) minmax(0, 6fr);gap:clamp(28px, 4vw, 56px);align-items:center}:is(.asal,#asal) .hero-grid.hero-solo{grid-template-columns:minmax(0, 1fr);max-width:860px}@media (max-width: 920px){:is(.asal,#asal) .hero-grid{grid-template-columns:1fr}}:is(.asal,#asal) .hero-copy{display:grid;gap:22px;justify-items:start}:is(.asal,#asal) .hero h1{font:700 clamp(60px, 9vw, 120px)/.88 var(--font-display)}:is(.asal,#asal) .hero-actions{display:flex;flex-wrap:wrap;gap:12px}:is(.asal,#asal) .facts{display:flex;flex-wrap:wrap;gap:10px}:is(.asal,#asal) .facts span{display:inline-flex;gap:6px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14.5px;font-weight:600}:is(.asal,#asal) .facts b{color:var(--blue)}:is(.asal,#asal) .wall3{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:5 / 4}:is(.asal,#asal) .wall3.wall-n2{grid-template-rows:1fr;aspect-ratio:2 / 1}:is(.asal,#asal) .wall3.wall-n1{grid-template-columns:1fr;grid-template-rows:1fr;aspect-ratio:4 / 3}:is(.asal,#asal) .wall3 figure{position:relative;border-radius:14px;overflow:hidden;background:var(--alu);box-shadow:0 0 0 6px #fff, 0 24px 50px -28px rgba(30,40,50,.55)}:is(.asal,#asal) .wall3.wall-n3 figure:first-child{grid-row:1 / 3}:is(.asal,#asal) .wall3 a{display:block;height:100%}:is(.asal,#asal) .wall3 img{width:100%;height:100%;object-fit:cover;transition:transform .6s}:is(.asal,#asal) .wall3 a:hover img{transform:scale(1.04)}:is(.asal,#asal) .wall3 figcaption{position:absolute;inset-inline-start:10px;bottom:10px;background:rgba(255,255,255,.94);color:var(--ink);font:600 13px var(--font-body);padding:5px 11px;border-radius:999px}:is(.asal,#asal) .clients{padding-block:34px;background:var(--white);border-bottom:1px solid var(--line)}:is(.asal,#asal) .clients .wrap{display:grid;gap:14px}:is(.asal,#asal) .marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);mask-image:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent)}:is(.asal,#asal) .marquee-track{display:flex;gap:14px;width:max-content;animation:asal-roll 38s linear infinite;direction:ltr}:is(.asal,#asal) .marquee:hover .marquee-track,:is(.asal,#asal) .marquee:focus-within .marquee-track{animation-play-state:paused}:is(.asal,#asal) .client{direction:rtl;flex:none;display:grid;place-items:center;gap:2px;min-width:190px;height:86px;padding:10px 20px;border:1px solid var(--line);border-radius:14px;background:var(--brushed);text-align:center;border-top:5px solid var(--c, var(--an-blue))}:is(.asal,#asal) .client b{font:700 25px/1 var(--font-display);letter-spacing:.02em;color:var(--anth)}:is(.asal,#asal) .client small{font-size:12.5px;color:var(--ink-2)}@media (prefers-reduced-motion: reduce){:is(.asal,#asal) .marquee-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}:is(.asal,#asal) .marquee-track [aria-hidden="true"]{display:none}:is(.asal,#asal) .marquee{-webkit-mask-image:none;mask-image:none}}:is(.asal,#asal) .services{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:18px}@media (max-width: 980px){:is(.asal,#asal) .services{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width: 600px){:is(.asal,#asal) .services{grid-template-columns:1fr}}:is(.asal,#asal) .svc{position:relative;display:flex;flex-direction:column;background:var(--white);border-radius:var(--r);overflow:hidden;border:1px solid var(--line);border-top:6px solid var(--c, var(--an-blue));transition:box-shadow .2s, transform .2s}:is(.asal,#asal) .svc:hover,:is(.asal,#asal) .svc:focus-within{box-shadow:0 26px 50px -30px rgba(20,30,40,.5);transform:translateY(-3px)}:is(.asal,#asal) .svc-img{aspect-ratio:4 / 3;overflow:hidden;background:var(--alu)}:is(.asal,#asal) .svc-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}:is(.asal,#asal) .svc:hover .svc-img img{transform:scale(1.04)}:is(.asal,#asal) .svc-body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}:is(.asal,#asal) .svc h3{font:700 36px/1 var(--font-display)}:is(.asal,#asal) .svc h3 a{color:var(--ink);text-decoration:none}:is(.asal,#asal) .svc h3 a::after{content:"";position:absolute;inset:0;z-index:1}:is(.asal,#asal) .svc p{color:var(--ink-2);font-size:16px}:is(.asal,#asal) .svc .more{margin-top:auto;padding-top:8px;font-weight:600;color:var(--blue)}:is(.asal,#asal) .cap{background:radial-gradient(900px 500px at 90% 0%, rgba(47,125,196,.35), transparent 60%), radial-gradient(700px 420px at 0% 100%, rgba(31,154,146,.25), transparent 60%), linear-gradient(160deg, #18232d 0%, #22303c 45%, #2e3439 100%);color:#fff;overflow:hidden}:is(.asal,#asal) .cap::before,:is(.asal,#asal) .cap::after{content:"";position:absolute;inset-inline:0;height:12px;background:var(--anodised)}:is(.asal,#asal) .cap::before{top:0}:is(.asal,#asal) .cap::after{bottom:0}:is(.asal,#asal) .cap .eyebrow{color:#c9d6df}:is(.asal,#asal) .cap-head{display:grid;gap:18px;max-width:980px}:is(.asal,#asal) .cap-title{font:700 clamp(56px, 9vw, 128px)/.88 var(--font-display);letter-spacing:.01em}:is(.asal,#asal) .cap-title em{font-style:normal;background:linear-gradient(90deg, #8fd0ff 0%, #ffffff 45%, #ffe2a3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}:is(.asal,#asal) .cap-lede{font-size:clamp(19px, 2vw, 23px);line-height:1.6;color:#dbe5ec;max-width:60ch}:is(.asal,#asal) .cap-stats{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:1px;margin-block:clamp(36px, 5vw, 60px);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);border-radius:20px;overflow:hidden}:is(.asal,#asal) .cap-stats>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:6px;padding:clamp(18px, 2.4vw, 28px);background:rgba(16,24,31,.55)}:is(.asal,#asal) .cap-stats dt{font-size:15.5px;color:#c9d6df}:is(.asal,#asal) .cap-stats dd{display:flex;align-items:baseline;gap:6px;direction:ltr;justify-content:flex-end}:is(.asal,#asal) .num-big{font:700 clamp(64px, 8.5vw, 124px)/.85 var(--font-display);background:linear-gradient(180deg, #ffffff 30%, #9fc9e8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}:is(.asal,#asal) .cap-stats small{font:700 clamp(26px, 3vw, 40px)/1 var(--font-display);color:#9fc9e8}:is(.asal,#asal) .cap-stats>div:nth-child(2) .num-big{background-image:linear-gradient(180deg, #fff 30%, #ffd98f 100%)}:is(.asal,#asal) .cap-stats>div:nth-child(3) .num-big{background-image:linear-gradient(180deg, #fff 30%, #8fe3db 100%)}:is(.asal,#asal) .cap-stats>div:nth-child(4) .num-big{background-image:linear-gradient(180deg, #fff 30%, #f5b3ac 100%)}@media (max-width: 760px){:is(.asal,#asal) .cap-stats{grid-template-columns:repeat(2, minmax(0, 1fr))}}:is(.asal,#asal) .cap-mats{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:18px}@media (max-width: 760px){:is(.asal,#asal) .cap-mats{grid-template-columns:1fr}}:is(.asal,#asal) .mat{position:relative;display:grid;gap:14px;align-content:start;padding:clamp(24px, 3vw, 36px);border-radius:22px;background:linear-gradient(160deg, rgba(255,255,255,.12), rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.2)}:is(.asal,#asal) .mat h3{font:700 clamp(44px, 5.5vw, 70px)/.95 var(--font-display);display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}:is(.asal,#asal) .mat h3 .mono{font:500 14px var(--font-data);letter-spacing:.12em;text-transform:uppercase;color:#b9cbd8}:is(.asal,#asal) .mat p{font-size:18px;color:#e3ebf1;max-width:46ch}:is(.asal,#asal) .mat-link{color:#ffe2a3;font-weight:600;white-space:nowrap}:is(.asal,#asal) .mat-link:hover,:is(.asal,#asal) .mat-link:focus{color:#fff}:is(.asal,#asal) .il-note a{color:var(--il);font-weight:700}:is(.asal,#asal) .il-badge{justify-self:start;display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--il);border-radius:999px;padding:7px 14px 7px 16px;font:700 15px var(--font-body);box-shadow:0 8px 20px -12px rgba(0,0,0,.5)}:is(.asal,#asal) .il-flag{width:26px;height:19px;flex:none}:is(.asal,#asal) .cap-list{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:22px 28px;margin-top:clamp(36px, 5vw, 56px)}@media (max-width: 900px){:is(.asal,#asal) .cap-list{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width: 560px){:is(.asal,#asal) .cap-list{grid-template-columns:1fr}}:is(.asal,#asal) .cap-list li{display:grid;grid-template-columns:40px minmax(0, 1fr);gap:14px;align-items:start}:is(.asal,#asal) .tick{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg, var(--an-teal), var(--an-blue));color:#fff}:is(.asal,#asal) .tick svg{width:22px;height:22px}:is(.asal,#asal) .cap-list b{display:block;font:700 30px/1.05 var(--font-display);margin-bottom:4px}:is(.asal,#asal) .cap-list p{color:#cfdbe3;font-size:16px}:is(.asal,#asal) .studio{background:var(--mist);isolation:isolate}:is(.asal,#asal) .studio::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg, rgba(243,245,246,.97) 0%, rgba(243,245,246,.9) 55%, rgba(243,245,246,.74) 100%), url(../img/lg/web-cladding.jpg) center / cover no-repeat}:is(.asal,#asal) .tabs{display:inline-flex;background:var(--white);border:1px solid var(--line);border-radius:999px;padding:5px;gap:4px;margin-bottom:18px}:is(.asal,#asal) .tabs button{font:700 17px var(--font-body);color:var(--ink-2);padding:10px 22px;border-radius:999px}:is(.asal,#asal) .tabs button[aria-selected="true"],:is(.asal,#asal) .tabs button[aria-selected="true"]:hover{background:var(--anth);color:#fff}:is(.asal,#asal) .kits{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;margin-bottom:18px;scrollbar-width:thin}:is(.asal,#asal) .kit{flex:none;display:grid;gap:2px;text-align:start;background:var(--white);border:1.5px solid var(--line);border-radius:14px;padding:10px 14px;min-width:150px}:is(.asal,#asal) .kit:hover{border-color:var(--alu-2);background:var(--white)}:is(.asal,#asal) .kit b{font-size:15px}:is(.asal,#asal) .kit small{font:500 12px var(--font-data);color:var(--ink-2);direction:ltr;text-align:right}:is(.asal,#asal) .kit[aria-pressed="true"]{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,114,189,.15)}:is(.asal,#asal) .st-grid{display:grid;grid-template-columns:minmax(0, 1.55fr) minmax(0, 1fr);gap:20px;align-items:start}@media (max-width: 980px){:is(.asal,#asal) .st-grid{grid-template-columns:1fr}}:is(.asal,#asal) .viewer{position:relative;background:linear-gradient(180deg, #dceaf4 0%, #f4f8fb 58%, #ffffff 100%);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;aspect-ratio:16 / 11;touch-action:none}:is(.asal,#asal) .viewer canvas{width:100%!important;height:100%!important;cursor:grab}:is(.asal,#asal) .viewer canvas:active{cursor:grabbing}:is(.asal,#asal) .v-tools{position:absolute;inset-inline-start:10px;top:10px;display:flex;gap:6px;flex-wrap:wrap;z-index:2}:is(.asal,#asal) .v-tools button{font:600 13px var(--font-body);background:rgba(255,255,255,.94);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:6px 12px}:is(.asal,#asal) .v-tools button:hover{background:#fff}:is(.asal,#asal) .v-hint{position:absolute;inset-inline-end:12px;bottom:10px;font-size:12.5px;color:var(--ink-2);background:rgba(255,255,255,.88);padding:4px 10px;border-radius:999px}:is(.asal,#asal) .dim{position:absolute;transform:translate(-50%, -50%);background:var(--ink);color:#fff;font:500 12.5px var(--font-data);padding:3px 8px;border-radius:6px;pointer-events:none;white-space:nowrap;direction:ltr}:is(.asal,#asal) .v-fail{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;color:var(--ink-2)}:is(.asal,#asal) .panel{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;gap:16px;max-height:760px;overflow-y:auto}@media (max-width: 980px){:is(.asal,#asal) .panel{max-height:none}}:is(.asal,#asal) .grp{display:grid;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}:is(.asal,#asal) .grp:last-child{border-bottom:0;padding-bottom:0}:is(.asal,#asal) .grp h3{font:700 15px var(--font-body);color:var(--ink-2);letter-spacing:.02em}:is(.asal,#asal) .ctl{display:grid;gap:6px}:is(.asal,#asal) .ctl .lab{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:600;font-size:15px}:is(.asal,#asal) .num{display:inline-flex;align-items:center;gap:4px;direction:ltr}:is(.asal,#asal) .num input{width:80px;font:500 15px var(--font-data);text-align:center;padding:5px 6px;border:1.5px solid var(--line);border-radius:8px;color:var(--ink);background:var(--white);min-height:0;height:auto;box-shadow:none}:is(.asal,#asal) .num span{font:500 13px var(--font-data);color:var(--ink-2)}:is(.asal,#asal) input[type="range"]{width:100%;accent-color:var(--blue);background:none;border:0;padding:0;box-shadow:none}:is(.asal,#asal) .seg{display:flex;flex-wrap:wrap;gap:6px}:is(.asal,#asal) .seg button{font:600 14px var(--font-body);padding:7px 13px;border-radius:999px;border:1.5px solid var(--line);background:var(--white);color:var(--ink-2)}:is(.asal,#asal) .seg button:hover{border-color:var(--alu-2);color:var(--ink);background:var(--white)}:is(.asal,#asal) .seg button[aria-pressed="true"],:is(.asal,#asal) .seg button[aria-pressed="true"]:hover{background:var(--anth);border-color:var(--anth);color:#fff}:is(.asal,#asal) .sws{display:flex;flex-wrap:wrap;gap:8px;align-items:center}:is(.asal,#asal) .sw{width:36px;height:36px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--alu-2);background:var(--c)}:is(.asal,#asal) .sw:hover,:is(.asal,#asal) .sw:focus{background:var(--c)}:is(.asal,#asal) .sw[aria-pressed="true"]{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--blue)}:is(.asal,#asal) .sw-name{font-size:13.5px;color:var(--ink-2);font-weight:400}:is(.asal,#asal) .toggle{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;cursor:pointer}:is(.asal,#asal) .toggle input{width:20px;height:20px;accent-color:var(--blue)}:is(.asal,#asal) .fence-note{font-size:13.5px;color:var(--ink-2)}:is(.asal,#asal) .result{margin-top:18px;display:grid;grid-template-columns:minmax(0, 1.4fr) minmax(0, 1fr);gap:16px;align-items:stretch}@media (max-width: 760px){:is(.asal,#asal) .result{grid-template-columns:1fr}}:is(.asal,#asal) .readout{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}:is(.asal,#asal) .readout div{background:var(--white);padding:14px;display:grid;gap:2px;align-content:start}:is(.asal,#asal) .readout b{font:700 32px/1 var(--font-display)}:is(.asal,#asal) .readout span{font-size:13px;color:var(--ink-2)}@media (max-width: 520px){:is(.asal,#asal) .readout{grid-template-columns:repeat(2, minmax(0, 1fr))}}:is(.asal,#asal) .price{background:linear-gradient(150deg, #2b3a48 0%, #383e42 55%, #4a3a2e 100%);color:#fff;border-radius:var(--r);padding:18px 20px;display:grid;gap:8px;align-content:start}:is(.asal,#asal) .price .k{font-size:14px;color:#d3dade}:is(.asal,#asal) .price .v{font:700 54px/1 var(--font-display);letter-spacing:.01em}:is(.asal,#asal) .price .v small{font-size:26px;margin-inline-start:6px}:is(.asal,#asal) .price p{font-size:13.5px;color:#d3dade}:is(.asal,#asal) .price .btn{margin-top:6px}:is(.asal,#asal) .price .v-text{font-size:clamp(36px, 4vw, 48px);line-height:1}:is(.asal,#asal) .promo{background:linear-gradient(90deg, #0d4475 0%, #1572bd 55%, #1f9a92 100%);color:#fff;position:relative}:is(.asal,#asal) .promo::after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:var(--anodised);opacity:.9}:is(.asal,#asal) .promo-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 22px;padding-block:12px 15px;text-align:center}:is(.asal,#asal) .promo-text{margin:0;font:700 clamp(30px, 5.2vw, 54px)/1 var(--font-display);letter-spacing:.01em;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px}:is(.asal,#asal) .promo-text strong{font-weight:700;color:#fff}:is(.asal,#asal) .promo-text strong+strong{color:#ffe2a3}:is(.asal,#asal) .promo-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}:is(.asal,#asal) .promo .btn{min-height:44px;padding:0 18px;font-size:15.5px}:is(.asal,#asal) .btn-promo-wa,:is(.asal,#asal) .btn-promo-wa:hover,:is(.asal,#asal) .btn-promo-wa:focus{background:#fff;color:var(--wa-d)}:is(.asal,#asal) .btn-promo-call,:is(.asal,#asal) .btn-promo-call:hover,:is(.asal,#asal) .btn-promo-call:focus{background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.6)}@media (max-width: 560px){:is(.asal,#asal) .promo-wrap{padding-block:10px 13px}:is(.asal,#asal) .promo .btn{min-height:44px;padding:0 14px;font-size:14.5px}}:is(.asal,#asal) .photo{background:var(--white)}:is(.asal,#asal) .ph-grid{display:grid;grid-template-columns:minmax(0, 1.5fr) minmax(0, 1fr);gap:22px;align-items:start}@media (max-width: 900px){:is(.asal,#asal) .ph-grid{grid-template-columns:1fr}}:is(.asal,#asal) .ph-stage{position:relative;border-radius:var(--r);overflow:hidden;background:var(--alu);border:1px solid var(--line);touch-action:none;min-height:220px}:is(.asal,#asal) .ph-stage canvas{width:100%;height:auto;cursor:crosshair}:is(.asal,#asal) .ph-tag{position:absolute;inset-inline-start:12px;top:12px;background:rgba(255,255,255,.94);border-radius:999px;padding:6px 12px;font:600 13px var(--font-body)}:is(.asal,#asal) .ph-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-2);padding:20px;text-align:center}:is(.asal,#asal) .ph-side{display:grid;gap:14px}:is(.asal,#asal) .ph-steps{display:grid;gap:10px;counter-reset:p}:is(.asal,#asal) .ph-steps li{counter-increment:p;display:grid;grid-template-columns:30px minmax(0, 1fr);gap:10px;align-items:start;font-size:15.5px}:is(.asal,#asal) .ph-steps li::before{content:counter(p);width:30px;height:30px;border-radius:50%;background:var(--an-blue);color:#fff;display:grid;place-items:center;font:700 15px var(--font-body)}:is(.asal,#asal) .ph-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}:is(.asal,#asal) .ph-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}:is(.asal,#asal) .ph-row-top{margin-top:8px}:is(.asal,#asal) .ph-row label:not(.btn){display:flex;gap:8px;align-items:center;font-weight:600;font-size:14.5px}:is(.asal,#asal) .ph-file:focus-visible+.btn,:is(.asal,#asal) label.btn:focus-within{outline:3px solid var(--blue);outline-offset:3px}:is(.asal,#asal) .rain{background:var(--white)}:is(.asal,#asal) .rain-grid{display:grid;grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr);gap:24px;align-items:stretch}@media (max-width: 900px){:is(.asal,#asal) .rain-grid{grid-template-columns:1fr}}:is(.asal,#asal) .rain-stage{position:relative;border-radius:var(--r);overflow:hidden;background:linear-gradient(180deg, #8d9aa4 0%, #b9c4cb 100%);aspect-ratio:16 / 10}:is(.asal,#asal) .rain-stage canvas{width:100%;height:100%}:is(.asal,#asal) .rain-label{position:absolute;inset-inline-start:12px;top:12px;background:rgba(255,255,255,.94);border-radius:999px;padding:6px 12px;font:600 14px var(--font-body)}:is(.asal,#asal) .rain-side{display:grid;gap:14px;align-content:start}:is(.asal,#asal) .rain-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px}:is(.asal,#asal) .rain-choice button{display:grid;gap:4px;text-align:start;background:var(--mist);border:1.5px solid var(--line);border-radius:14px;padding:14px}:is(.asal,#asal) .rain-choice button:hover{background:var(--mist);border-color:var(--alu-2)}:is(.asal,#asal) .rain-choice b{font:700 24px/1 var(--font-display)}:is(.asal,#asal) .rain-choice small{font-size:13.5px;color:var(--ink-2)}:is(.asal,#asal) .rain-choice button[aria-pressed="true"]{border-color:var(--blue);background:#e8f2fb}:is(.asal,#asal) .rain-ctl{display:flex;gap:10px;flex-wrap:wrap;align-items:center}:is(.asal,#asal) .rain-ctl label{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600}:is(.asal,#asal) .meter{display:grid;gap:6px}:is(.asal,#asal) .meter-bar{height:14px;border-radius:999px;background:var(--alu);overflow:hidden}:is(.asal,#asal) .meter-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg, #2fa66a, #e9a72e 60%, #d6453d);border-radius:999px;transition:width .12s}:is(.asal,#asal) .meter span{font-size:13.5px;color:var(--ink-2)}:is(.asal,#asal) .gallery{background:linear-gradient(180deg, #fff 0%, var(--sky) 100%)}:is(.asal,#asal) .filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}:is(.asal,#asal) .filters button{font:600 15px var(--font-body);padding:9px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--white);color:var(--ink-2);display:inline-flex;gap:8px;align-items:baseline}:is(.asal,#asal) .filters button:hover{background:var(--white);color:var(--ink);border-color:var(--alu-2)}:is(.asal,#asal) .filters small{font:500 12px var(--font-data);opacity:.75}:is(.asal,#asal) .filters button[aria-pressed="true"],:is(.asal,#asal) .filters button[aria-pressed="true"]:hover{background:var(--anth);color:#fff;border-color:var(--anth)}:is(.asal,#asal) .wallg{columns:4 240px;column-gap:12px}:is(.asal,#asal) .g-item{display:block;width:100%;margin:0 0 12px;padding:0;border-radius:10px;overflow:hidden;cursor:default;background:var(--alu);break-inside:avoid;box-shadow:0 0 0 4px #fff}:is(.asal,#asal) .g-item:hover,:is(.asal,#asal) .g-item:focus{background:var(--alu)}:is(.asal,#asal) .g-item img{width:100%;height:auto;transition:transform .4s}:is(.asal,#asal) .g-link{cursor:pointer}:is(.asal,#asal) .g-link:hover img,:is(.asal,#asal) .g-link:focus img{transform:scale(1.03)}:is(.asal,#asal) .g-more-row{text-align:center;margin-top:18px}:is(.asal,#asal) .lightbox{position:fixed;inset:0;z-index:9990;background:rgba(245,247,248,.97);display:grid;grid-template-rows:minmax(0, 1fr) auto;padding:calc(16px + env(safe-area-inset-top, 0px)) 16px calc(16px + env(safe-area-inset-bottom, 0px))}:is(.asal,#asal) .lightbox img{max-width:100%;max-height:100%;margin:auto;object-fit:contain;border-radius:10px;box-shadow:0 30px 60px -30px rgba(0,0,0,.45)}:is(.asal,#asal) .lb-bar{display:flex;justify-content:center;align-items:center;gap:14px;padding-top:12px;color:var(--ink);font:500 14px var(--font-data)}:is(.asal,#asal) .lb-bar button{width:48px;height:48px;border-radius:50%;border:1px solid var(--alu-2);background:var(--white);color:var(--ink);font-size:20px;text-align:center}:is(.asal,#asal) .lb-bar button:hover{background:var(--white);border-color:var(--ink-2)}:is(.asal,#asal) .about{background:var(--mist)}:is(.asal,#asal) .about-grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:48px;align-items:start}:is(.asal,#asal) .about-grid .h2,:is(.asal,#asal) .about-grid .lede{margin-top:14px}@media (max-width: 900px){:is(.asal,#asal) .about-grid{grid-template-columns:1fr}}:is(.asal,#asal) .badges{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;margin-top:24px}:is(.asal,#asal) .badge{background:var(--brushed);border:1px solid var(--line);border-radius:14px;padding:16px;display:grid;gap:4px}:is(.asal,#asal) .badge b{font:700 36px/1 var(--font-display);color:var(--anth)}:is(.asal,#asal) .badge span{font-size:14.5px;color:var(--ink-2)}:is(.asal,#asal) .bigjobs{display:grid;gap:12px}:is(.asal,#asal) .bigjobs article{display:grid;grid-template-columns:130px minmax(0, 1fr);gap:16px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:12px}:is(.asal,#asal) .bigjobs article.no-img{grid-template-columns:minmax(0, 1fr);padding:16px 18px}:is(.asal,#asal) .job-img img{width:130px;height:98px;object-fit:cover;border-radius:10px}:is(.asal,#asal) .bigjobs h3{font:700 27px/1 var(--font-display);margin-bottom:4px}:is(.asal,#asal) .bigjobs p{font-size:15px;color:var(--ink-2)}:is(.asal,#asal) .steps{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));counter-reset:s;border-top:2px solid var(--anth)}:is(.asal,#asal) .steps li{padding:22px 0 0;padding-inline-end:22px;display:grid;gap:8px;align-content:start;counter-increment:s}:is(.asal,#asal) .steps li::before{content:"0" counter(s);font:500 13px var(--font-data);color:var(--blue);letter-spacing:.1em}:is(.asal,#asal) .steps h3{font:700 32px/1 var(--font-display)}:is(.asal,#asal) .steps p{color:var(--ink-2);font-size:16px}@media (max-width: 860px){:is(.asal,#asal) .steps{grid-template-columns:repeat(2, minmax(0, 1fr));row-gap:26px}}@media (max-width: 480px){:is(.asal,#asal) .steps{grid-template-columns:1fr}}:is(.asal,#asal) .why-sec{padding-top:0}:is(.asal,#asal) .process+.why-sec,:is(.asal,#asal) .asal-b-process+.asal-b-why .why-sec{padding-top:0}:is(.asal,#asal) .why{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:48px;align-items:start}:is(.asal,#asal) .why-main{display:grid;gap:22px}@media (max-width: 860px){:is(.asal,#asal) .why{grid-template-columns:1fr}}:is(.asal,#asal) .reasons div{display:grid;grid-template-columns:140px minmax(0, 1fr);gap:18px;padding-block:18px;border-bottom:1px solid var(--line)}:is(.asal,#asal) .reasons b{font:700 34px/1 var(--font-display)}:is(.asal,#asal) .reasons p{color:var(--ink-2);font-size:16px}@media (max-width: 480px){:is(.asal,#asal) .reasons div{grid-template-columns:1fr;gap:4px}}:is(.asal,#asal) .quotes{display:grid;gap:14px}:is(.asal,#asal) .quotes blockquote{background:var(--mist);border-radius:var(--r);padding:22px 24px;display:grid;gap:10px;border:0;font-style:normal}:is(.asal,#asal) .quotes blockquote p{font-size:16.5px}:is(.asal,#asal) .quotes blockquote footer{font-size:14px;color:var(--ink-2);font-weight:600}:is(.asal,#asal) .regions{background:linear-gradient(180deg, var(--sky) 0%, #fff 100%)}:is(.asal,#asal) .reg-grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:18px}@media (max-width: 760px){:is(.asal,#asal) .reg-grid{grid-template-columns:1fr}}:is(.asal,#asal) .reg{background:var(--white);border:1px solid var(--line);border-top:6px solid var(--c);border-radius:var(--r);padding:22px 24px;display:grid;gap:10px}:is(.asal,#asal) .reg h3{font:700 42px/1 var(--font-display);color:var(--c)}:is(.asal,#asal) .reg p{font-size:16.5px;line-height:1.9}:is(.asal,#asal) .contact{background:var(--mist)}:is(.asal,#asal) .contact-grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:48px}:is(.asal,#asal) .contact-grid .h2,:is(.asal,#asal) .contact-grid .lede{margin-top:14px}@media (max-width: 860px){:is(.asal,#asal) .contact-grid{grid-template-columns:1fr}}:is(.asal,#asal) .info{margin-top:26px}:is(.asal,#asal) .info>div{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-block:14px;border-bottom:1px solid var(--line);flex-wrap:wrap}:is(.asal,#asal) .info dt{color:var(--ink-2);font-size:15px}:is(.asal,#asal) .info dd{font:500 17px var(--font-data);display:flex;gap:10px;align-items:center}:is(.asal,#asal) .info dd a{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}:is(.asal,#asal) .info dd a:hover{color:var(--blue)}:is(.asal,#asal) .copy{font:600 13px var(--font-body);border:1px solid var(--alu-2);background:var(--white);color:var(--ink-2);border-radius:999px;padding:5px 11px}:is(.asal,#asal) .copy:hover,:is(.asal,#asal) .copy:focus{background:var(--white);color:var(--ink)}:is(.asal,#asal) .socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}:is(.asal,#asal) .lead{display:grid;gap:14px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:24px;align-content:start}:is(.asal,#asal) .row2{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:14px}@media (max-width: 480px){:is(.asal,#asal) .row2{grid-template-columns:1fr}}:is(.asal,#asal) .field{display:grid;gap:6px}:is(.asal,#asal) .field label{font-weight:600;font-size:15px}:is(.asal,#asal) .field label span{color:var(--an-red)}:is(.asal,#asal) .field input,:is(.asal,#asal) .field select,:is(.asal,#asal) .field textarea{font:400 16px/1.4 var(--font-body);padding:12px 14px;border-radius:10px;border:1.5px solid var(--line);background:var(--white);color:var(--ink);width:100%;min-height:48px;height:auto;box-shadow:none;outline-offset:0;appearance:auto}:is(.asal,#asal) .field input:focus,:is(.asal,#asal) .field select:focus,:is(.asal,#asal) .field textarea:focus{border-color:var(--blue);outline:2px solid rgba(21,114,189,.25)}:is(.asal,#asal) .field input[aria-invalid="true"]{border-color:var(--an-red)}:is(.asal,#asal) .field input[dir="ltr"]{text-align:right}:is(.asal,#asal) .field textarea{resize:vertical;min-height:110px}:is(.asal,#asal) .hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}:is(.asal,#asal) .form-note{font-size:13.5px;color:var(--ink-2)}:is(.asal,#asal) .form-actions{display:flex;flex-wrap:wrap;gap:10px}:is(.asal,#asal) .status{font-weight:600;min-height:1.5em}:is(.asal,#asal) .status.ok{color:var(--wa-d)}:is(.asal,#asal) .status.err{color:#a3352d}:is(.asal,#asal) .cat-hero{background:linear-gradient(180deg, var(--sky) 0%, #ffffff 82%);background:radial-gradient(800px 420px at 85% -10%, color-mix(in srgb, var(--c) 28%, transparent), transparent 60%), linear-gradient(180deg, var(--sky) 0%, #ffffff 82%);overflow:hidden;padding-block:clamp(30px, 4vw, 54px) clamp(56px, 7vw, 90px)}:is(.asal,#asal) .cat-hero-grid{display:grid;grid-template-columns:minmax(0, 1.05fr) minmax(0, 1fr);gap:clamp(28px, 4vw, 56px);align-items:center}:is(.asal,#asal) .cat-hero-grid.hero-solo{grid-template-columns:minmax(0, 1fr);max-width:900px}@media (max-width: 920px){:is(.asal,#asal) .cat-hero-grid{grid-template-columns:1fr}}:is(.asal,#asal) .cat-hero-copy{display:grid;gap:20px;justify-items:start}:is(.asal,#asal) .crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--ink-2)}:is(.asal,#asal) .crumbs a{color:var(--ink-2)}:is(.asal,#asal) .crumbs [aria-current]{color:var(--ink);font-weight:600}:is(.asal,#asal) .cat-hero h1{font:700 clamp(56px, 8vw, 104px)/.9 var(--font-display)}:is(.asal,#asal) .cat-specs{display:flex;flex-wrap:wrap;gap:8px}:is(.asal,#asal) .cat-specs li{background:var(--white);border:1px solid var(--line);border-inline-start:4px solid var(--c);border-radius:10px;padding:7px 12px;font-size:14.5px;font-weight:600}:is(.asal,#asal) .cat-hero-img{border-radius:20px;overflow:hidden;background:var(--alu);box-shadow:0 0 0 8px #fff, 0 30px 60px -30px rgba(30,40,50,.6);aspect-ratio:4 / 3}:is(.asal,#asal) .cat-hero-img img{width:100%;height:100%;object-fit:cover}:is(.asal,#asal) .cat-info{background:var(--white)}:is(.asal,#asal) .cat-intro{display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1.15fr);gap:20px 56px;align-items:start;margin-bottom:clamp(36px, 5vw, 56px)}@media (max-width: 860px){:is(.asal,#asal) .cat-intro{grid-template-columns:1fr}}:is(.asal,#asal) .prose{display:grid;gap:14px;font-size:18.5px;line-height:1.75}:is(.asal,#asal) .opts-title{font:700 clamp(34px, 4vw, 48px)/1 var(--font-display);margin-bottom:20px}:is(.asal,#asal) .opts{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:16px}@media (max-width: 900px){:is(.asal,#asal) .opts{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width: 560px){:is(.asal,#asal) .opts{grid-template-columns:1fr}}:is(.asal,#asal) .opt{display:grid;gap:8px;align-content:start;background:var(--brushed);border:1px solid var(--line);border-top:5px solid var(--c);border-radius:14px;padding:20px 20px 22px}:is(.asal,#asal) .opt-n{font-size:13px;color:var(--ink-2);letter-spacing:.1em}:is(.asal,#asal) .opt h4{font:700 30px/1 var(--font-display)}:is(.asal,#asal) .opt p{color:var(--ink-2);font-size:16px}:is(.asal,#asal) .il-note{margin-top:26px;display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;padding:20px 24px;border-radius:16px;background:linear-gradient(90deg, #eef4ff, #ffffff);border:1px solid #cddcf5;border-inline-start:6px solid var(--il)}:is(.asal,#asal) .il-note .il-badge{box-shadow:none;border:1px solid #cddcf5}:is(.asal,#asal) .il-note p{flex:1 1 320px;font-size:18px}:is(.asal,#asal) .il-note b{color:var(--il)}:is(.asal,#asal) .faq{background:var(--mist)}:is(.asal,#asal) .faq-grid{display:grid;grid-template-columns:minmax(0, .8fr) minmax(0, 1.2fr);gap:20px 56px;align-items:start}:is(.asal,#asal) .faq-grid .head{grid-template-columns:1fr;margin:0}@media (max-width: 860px){:is(.asal,#asal) .faq-grid{grid-template-columns:1fr}}:is(.asal,#asal) .faq-list{display:grid;gap:10px}:is(.asal,#asal) .faq details{background:var(--white);border:1px solid var(--line);border-radius:14px}:is(.asal,#asal) .faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;font-weight:700;font-size:17.5px}:is(.asal,#asal) .faq summary::-webkit-details-marker{display:none}:is(.asal,#asal) .faq summary::after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--mist);color:var(--blue);font:500 22px/1 var(--font-data)}:is(.asal,#asal) .faq details[open] summary::after{content:"−"}:is(.asal,#asal) .faq details p{padding:0 20px 20px;color:var(--ink-2);font-size:16.5px}:is(.asal,#asal) .cta{background:var(--white);padding-block:clamp(56px, 7vw, 90px)}:is(.asal,#asal) .cta-box{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0, 1.2fr) minmax(0, 1fr);gap:24px 40px;align-items:center;padding:clamp(28px, 4vw, 52px);border-radius:26px;color:#fff;background:radial-gradient(600px 300px at 0% 0%, rgba(31,154,146,.55), transparent 60%), linear-gradient(135deg, #0d4475 0%, #125f9e 55%, #1a6fb0 100%)}:is(.asal,#asal) .cta-box::before{content:"";position:absolute;inset-inline:0;top:0;height:10px;background:var(--anodised)}@media (max-width: 860px){:is(.asal,#asal) .cta-box{grid-template-columns:1fr}}:is(.asal,#asal) .cta-copy{display:grid;gap:14px}:is(.asal,#asal) .cta .eyebrow{color:#d7e9f8}:is(.asal,#asal) .cta h2{font:700 clamp(44px, 6vw, 76px)/.95 var(--font-display)}:is(.asal,#asal) .cta h2 em{font-style:normal;color:#ffe2a3}:is(.asal,#asal) .cta-copy p{font-size:18px;color:#e6f1fb;max-width:54ch}:is(.asal,#asal) .cta-actions{display:grid;gap:12px;justify-items:stretch}:is(.asal,#asal) .cta-actions .btn-ghost{justify-self:center}:is(.asal,#asal) .related{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px}:is(.asal,#asal) .related span{font-weight:700;color:var(--ink-2);margin-inline-end:4px}:is(.asal,#asal) .related a{text-decoration:none;color:var(--ink);background:var(--white);border:1.5px solid var(--line);border-inline-start:5px solid var(--c);border-radius:999px;padding:8px 16px;font-weight:600;font-size:15px}:is(.asal,#asal) .related a:hover{border-color:var(--c);color:var(--ink)}:is(.asal,#asal) .cat-uses{background:var(--mist)}:is(.asal,#asal) .uses{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px;counter-reset:none}@media (max-width: 980px){:is(.asal,#asal) .uses{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width: 520px){:is(.asal,#asal) .uses{grid-template-columns:1fr}}:is(.asal,#asal) .use{position:relative;display:grid;gap:10px;align-content:start;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:22px 20px 24px;overflow:hidden;transition:transform .2s, box-shadow .2s}:is(.asal,#asal) .use::after{content:"";position:absolute;inset-inline:0;bottom:0;height:4px;background:var(--c);transform:scaleX(.25);transform-origin:right;transition:transform .35s}:is(.asal,#asal) .use:hover{transform:translateY(-3px);box-shadow:0 24px 44px -30px rgba(20,30,40,.5)}:is(.asal,#asal) .use:hover::after{transform:scaleX(1)}:is(.asal,#asal) .use-n{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--mist);background:color-mix(in srgb, var(--c) 16%, #fff);color:var(--ink);font:700 30px/1 var(--font-display);box-shadow:inset 0 0 0 1.5px var(--c)}:is(.asal,#asal) .use h3{font:700 30px/1.05 var(--font-display)}:is(.asal,#asal) .use p{color:var(--ink-2);font-size:16px}:is(.asal,#asal) .cat-guide,:is(.asal,#asal) .cat-cmp{background:var(--white)}:is(.asal,#asal) .cat-cmp{background:linear-gradient(180deg, #fff 0%, var(--mist) 100%)}:is(.asal,#asal) .table-wrap{overflow-x:auto;border-radius:18px;border:1px solid var(--line);background:var(--white);box-shadow:0 30px 60px -48px rgba(20,30,40,.5)}:is(.asal,#asal) .table-wrap:focus-visible{outline-offset:2px}:is(.asal,#asal) .guide,:is(.asal,#asal) .cmp{width:100%;border-collapse:collapse;font-size:16px;text-align:start;margin:0;border:0}:is(.asal,#asal) .guide th,:is(.asal,#asal) .guide td,:is(.asal,#asal) .cmp th,:is(.asal,#asal) .cmp td{padding:15px 18px;border:0;border-bottom:1px solid var(--line);text-align:start;vertical-align:top;background:none}:is(.asal,#asal) .guide thead th,:is(.asal,#asal) .cmp thead th{background:var(--anth);color:#fff;font:600 14.5px var(--font-body);letter-spacing:.02em}:is(.asal,#asal) .guide tbody th,:is(.asal,#asal) .cmp tbody th{font:700 22px/1.1 var(--font-display);color:var(--ink);white-space:nowrap;border-inline-start:5px solid var(--c)}:is(.asal,#asal) .guide tbody tr:nth-child(even) td,:is(.asal,#asal) .guide tbody tr:nth-child(even) th{background:#fafbfc}:is(.asal,#asal) .guide tbody tr:last-child>*,:is(.asal,#asal) .cmp tbody tr:last-child>*{border-bottom:0}:is(.asal,#asal) .guide-note{margin-top:14px}:is(.asal,#asal) .cmp thead th.cmp-us{background:linear-gradient(135deg, #0d4475, #125f9e)}:is(.asal,#asal) .cmp td.cmp-us{font-weight:600;color:var(--ink);background:color-mix(in srgb, var(--c) 9%, #fff)}:is(.asal,#asal) .cmp td:not(.cmp-us){color:var(--ink-2)}:is(.asal,#asal) .tick-s{display:inline-grid;place-items:center;width:22px;height:22px;margin-inline-end:8px;border-radius:50%;background:var(--wa);color:#fff;vertical-align:-5px}:is(.asal,#asal) .tick-s svg{width:14px;height:14px}:is(.asal,#asal) .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-width: 640px){:is(.asal,#asal) .table-wrap{overflow:visible;border:0;background:none;box-shadow:none}:is(.asal,#asal) .guide thead,:is(.asal,#asal) .cmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}:is(.asal,#asal) .guide tr,:is(.asal,#asal) .cmp tr{display:grid;background:var(--white);border:1px solid var(--line);border-inline-start:5px solid var(--c);border-radius:14px;margin-bottom:10px;overflow:hidden}:is(.asal,#asal) .guide tbody th,:is(.asal,#asal) .cmp tbody th{border-inline-start:0;white-space:normal;padding-bottom:6px;background:none!important}:is(.asal,#asal) .guide td,:is(.asal,#asal) .cmp td{display:grid;grid-template-columns:110px minmax(0, 1fr);gap:10px;border-bottom:0;padding-block:6px;background:none!important}:is(.asal,#asal) .guide td::before,:is(.asal,#asal) .cmp td::before{content:attr(data-label);font-weight:600;color:var(--ink-2);font-size:14px}:is(.asal,#asal) .cmp td.cmp-us{background:color-mix(in srgb, var(--c) 9%, #fff)!important}:is(.asal,#asal) .guide tr>:last-child,:is(.asal,#asal) .cmp tr>:last-child{padding-bottom:14px}}:is(.asal,#asal) .story{background:radial-gradient(800px 400px at 90% -10%, rgba(255,214,120,.35), transparent 60%), linear-gradient(180deg, var(--sky) 0%, #fff 70%);padding-top:clamp(40px, 6vw, 80px)}:is(.asal,#asal) .story-grid{display:grid;grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr);gap:32px 64px;align-items:start}@media (max-width: 900px){:is(.asal,#asal) .story-grid{grid-template-columns:1fr}}:is(.asal,#asal) .story-copy{display:grid;gap:20px}:is(.asal,#asal) .story-title{font:700 clamp(58px, 8.5vw, 112px)/.88 var(--font-display)}:is(.asal,#asal) .story-title em{font-style:normal;color:var(--blue)}:is(.asal,#asal) .tl{position:relative;display:grid;gap:0;padding-inline-start:30px}:is(.asal,#asal) .tl::before{content:"";position:absolute;inset-inline-start:10px;top:10px;bottom:10px;width:3px;border-radius:3px;background:linear-gradient(180deg, var(--an-gold), var(--an-teal), var(--an-blue))}:is(.asal,#asal) .tl li{position:relative;display:grid;gap:4px;padding:0 0 26px}:is(.asal,#asal) .tl li::before{content:"";position:absolute;inset-inline-start:-27px;top:6px;width:17px;height:17px;border-radius:50%;background:#fff;border:4px solid var(--an-blue);box-shadow:0 0 0 4px var(--sky)}:is(.asal,#asal) .tl-k{font:500 13px var(--font-data);letter-spacing:.12em;color:var(--blue)}:is(.asal,#asal) .tl h3{font:700 32px/1 var(--font-display)}:is(.asal,#asal) .tl p{color:var(--ink-2);font-size:16px}:is(.asal,#asal) .values-t{font:700 clamp(36px, 4.5vw, 54px)/1 var(--font-display);margin:clamp(40px, 6vw, 70px) 0 20px}:is(.asal,#asal) .values{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px}@media (max-width: 900px){:is(.asal,#asal) .values{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width: 520px){:is(.asal,#asal) .values{grid-template-columns:1fr}}:is(.asal,#asal) .value{display:grid;gap:8px;align-content:start;padding:22px;border-radius:18px;background:var(--brushed);border:1px solid var(--line);border-top:5px solid var(--an-blue)}:is(.asal,#asal) .value:nth-child(2){border-top-color:var(--il)}:is(.asal,#asal) .value:nth-child(3){border-top-color:var(--an-gold)}:is(.asal,#asal) .value:nth-child(4){border-top-color:var(--an-teal)}:is(.asal,#asal) .value h3{font:700 30px/1.05 var(--font-display)}:is(.asal,#asal) .value p{color:var(--ink-2);font-size:16px}:is(.asal,#asal) .page-head{background:radial-gradient(800px 380px at 88% -10%, rgba(255,214,120,.4), transparent 60%), radial-gradient(700px 400px at 5% 0%, rgba(47,125,196,.16), transparent 60%), linear-gradient(180deg, var(--sky) 0%, #fff 85%);padding-block:clamp(30px, 4vw, 54px) clamp(44px, 6vw, 74px);overflow:hidden}:is(.asal,#asal) .page-head::after{content:"";position:absolute;inset-inline:0;bottom:0;height:12px;background:var(--anodised);opacity:.9}:is(.asal,#asal) .page-head .wrap{display:grid;gap:18px;justify-items:start}:is(.asal,#asal) .page-head h1{font:700 clamp(58px, 9vw, 116px)/.88 var(--font-display)}:is(.asal,#asal) .page-head h1 em{font-style:normal;color:var(--blue)}:is(.asal,#asal) .nf-code{font:700 clamp(70px, 12vw, 150px)/.8 var(--font-display);color:transparent;-webkit-text-stroke:2px var(--alu-2);letter-spacing:.04em}:is(.asal,#asal) .nf-links{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px;width:100%;margin-block:10px}@media (max-width: 860px){:is(.asal,#asal) .nf-links{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width: 520px){:is(.asal,#asal) .nf-links{grid-template-columns:1fr}}:is(.asal,#asal) .nf-links a{display:grid;gap:4px;height:100%;padding:16px 18px;border-radius:14px;background:var(--white);border:1px solid var(--line);border-top:5px solid var(--c);color:var(--ink);text-decoration:none;transition:transform .2s, box-shadow .2s}:is(.asal,#asal) .nf-links a:hover{transform:translateY(-3px);box-shadow:0 24px 44px -30px rgba(20,30,40,.5);color:var(--ink)}:is(.asal,#asal) .nf-links b{font:700 28px/1 var(--font-display)}:is(.asal,#asal) .nf-links span{font-size:14.5px;color:var(--ink-2)}:is(.asal,#asal) .services-sec.no-head,:is(.asal,#asal) .gallery.no-head{padding-top:clamp(36px, 4.5vw, 60px)}:is(.asal,#asal) .top::after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:linear-gradient(90deg, var(--an-teal) 0%, var(--blue) 50%, var(--an-gold) 100%)}:is(.asal,#asal) .svc-body{position:relative}:is(.asal,#asal) .svc .more{display:inline-flex;align-items:center;gap:8px}:is(.asal,#asal) .svc:hover .more,:is(.asal,#asal) .svc:focus-within .more{text-decoration:underline;text-underline-offset:4px}:is(.asal,#asal) .svc-img{position:relative}:is(.asal,#asal) .svc-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent 55%, rgba(10,20,30,.28));pointer-events:none}:is(.asal,#asal) .cat-hero-img{position:relative}:is(.asal,#asal) .img-badge{position:absolute;inset-inline-start:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.95);color:var(--ink);border-radius:999px;padding:7px 14px;font:600 14px var(--font-body);box-shadow:0 10px 24px -14px rgba(0,0,0,.5)}:is(.asal,#asal) .img-badge .il-flag{width:22px;height:16px}:is(.asal,#asal) .opt{transition:transform .2s, box-shadow .2s}:is(.asal,#asal) .opt:hover{transform:translateY(-3px);box-shadow:0 24px 44px -30px rgba(20,30,40,.5)}:is(.asal,#asal) .btn-blue,:is(.asal,#asal) .btn-blue:focus{background:linear-gradient(135deg, #1a7fd0, #125f9e)}:is(.asal,#asal) .btn-wa,:is(.asal,#asal) .btn-wa:focus{background:linear-gradient(135deg, #1d8b4e, #136537)}:is(.asal,#asal) .tools{background:linear-gradient(180deg, #fff 0%, var(--mist) 100%)}:is(.asal,#asal) .tool-cards{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:16px}@media (max-width: 1080px){:is(.asal,#asal) .tool-cards{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width: 560px){:is(.asal,#asal) .tool-cards{grid-template-columns:1fr}}:is(.asal,#asal) .tool-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;min-height:330px;padding:22px;border-radius:22px;color:#fff;text-decoration:none;isolation:isolate;box-shadow:0 30px 50px -36px rgba(10,20,30,.7);transition:transform .25s, box-shadow .25s}:is(.asal,#asal) .tool-card:hover,:is(.asal,#asal) .tool-card:focus{color:#fff;transform:translateY(-5px);box-shadow:0 40px 60px -34px rgba(10,20,30,.75)}:is(.asal,#asal) .tool-card::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.5}:is(.asal,#asal) .tc-plan{background:linear-gradient(160deg, #0b3a66 0%, #0f5a96 100%)}:is(.asal,#asal) .tc-plan::before{background:linear-gradient(rgba(255,255,255,.14) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(90deg, rgba(255,255,255,.14) 1px, transparent 1px) 0 0 / 22px 22px}:is(.asal,#asal) .tc-photo{background:linear-gradient(160deg, #7a3d12 0%, #b4643a 55%, #c9a24f 100%)}:is(.asal,#asal) .tc-photo::before{opacity:1;background:linear-gradient(#fff, #fff) 14px 14px / 28px 3px no-repeat, linear-gradient(#fff, #fff) 14px 14px / 3px 28px no-repeat, linear-gradient(#fff, #fff) right 14px bottom 14px / 28px 3px no-repeat, linear-gradient(#fff, #fff) right 14px bottom 14px / 3px 28px no-repeat}:is(.asal,#asal) .tc-rain{background:linear-gradient(160deg, #1c2833 0%, #34495a 100%)}:is(.asal,#asal) .tc-rain::before{opacity:.35;background:repeating-linear-gradient(105deg, transparent 0 14px, rgba(255,255,255,.35) 14px 15px, transparent 15px 34px)}:is(.asal,#asal) .tc-meet{background:linear-gradient(160deg, #0f5c34 0%, #1a8a4c 100%)}:is(.asal,#asal) .tc-meet::before{opacity:.18;background:radial-gradient(circle at 85% 15%, #fff 0 60px, transparent 61px), radial-gradient(circle at 10% 95%, #fff 0 40px, transparent 41px)}:is(.asal,#asal) .tc-top{display:flex;justify-content:space-between;align-items:flex-start}:is(.asal,#asal) .tc-n{font-size:14px;letter-spacing:.14em;opacity:.85}:is(.asal,#asal) .tc-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3)}:is(.asal,#asal) .tc-icon svg{width:34px;height:34px;color:#fff}:is(.asal,#asal) .tool-card h3{font:700 38px/1 var(--font-display)}:is(.asal,#asal) .tool-card p{font-size:16px;color:rgba(255,255,255,.9)}:is(.asal,#asal) .tc-props{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}:is(.asal,#asal) .tc-props li{font-size:13px;font-weight:600;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28)}:is(.asal,#asal) .tc-go{font-weight:700;padding-top:6px;border-top:1px solid rgba(255,255,255,.25)}:is(.asal,#asal) .tool-badge{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 18px;padding:6px 14px 6px 8px;border-radius:999px;font-size:14px;font-weight:600;background:var(--white);border:1px solid var(--line);box-shadow:0 10px 24px -18px rgba(10,20,30,.6)}:is(.asal,#asal) .tool-badge b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 18px/1 var(--font-display);background:var(--blue)}:is(.asal,#asal) .tool-badge.tb-2 b{background:#b4643a}:is(.asal,#asal) .tool-badge.tb-3 b{background:#34495a}:is(.asal,#asal) .tool-badge.tb-4 b{background:var(--wa)}:is(.asal,#asal) .tool-badge a{font-size:13px;color:var(--ink-2)}:is(.asal,#asal) .studio::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(21,114,189,.07) 1px, transparent 1px) 0 0 / 28px 28px, linear-gradient(90deg, rgba(21,114,189,.07) 1px, transparent 1px) 0 0 / 28px 28px}:is(.asal,#asal) .viewer{box-shadow:0 0 0 6px #fff, 0 0 0 7px rgba(21,114,189,.35), 0 30px 60px -40px rgba(10,30,60,.6)}:is(.asal,#asal) .v-sun{position:absolute;inset-inline-start:10px;bottom:10px;z-index:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:calc(100% - 20px);background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:14px;padding:6px 10px;font:600 13px var(--font-body)}:is(.asal,#asal) .v-sun label{display:flex;gap:6px;align-items:center;white-space:nowrap}:is(.asal,#asal) .v-sun output{font:500 12.5px var(--font-data);direction:ltr}:is(.asal,#asal) .v-sun input[type="range"]{width:120px}:is(.asal,#asal) .v-sun button{font:600 13px var(--font-body);border:1.5px solid var(--line);border-radius:999px;padding:4px 11px;background:#fff;color:var(--ink)}:is(.asal,#asal) .v-sun button[aria-pressed="true"]{background:#1b2633;color:#ffe39a;border-color:#1b2633}:is(.asal,#asal) .viewer.is-night{background:linear-gradient(180deg, #0d1622 0%, #1b2633 60%, #24303d 100%)}:is(.asal,#asal) .viewer .v-hint{bottom:auto;top:52px}@media (max-width: 560px){:is(.asal,#asal) .v-sun input[type="range"]{width:90px}:is(.asal,#asal) .viewer .v-hint{display:none}}:is(.asal,#asal) .photo{background:linear-gradient(180deg, #fff 0%, #fbf3ea 100%)}:is(.asal,#asal) .ph-stage{box-shadow:0 0 0 6px #fff, 0 30px 60px -40px rgba(90,40,10,.6)}:is(.asal,#asal) .ph-stage::before,:is(.asal,#asal) .ph-stage::after{content:"";position:absolute;width:34px;height:34px;pointer-events:none;z-index:1;border:solid #fff}:is(.asal,#asal) .ph-stage::before{inset-inline-end:12px;top:12px;border-width:4px 4px 0 0}:is(.asal,#asal) .ph-stage::after{inset-inline-start:12px;bottom:12px;border-width:0 0 4px 4px}:is(.asal,#asal) .photo .ph-steps li::before{background:#b4643a}:is(.asal,#asal) .rain{background:radial-gradient(800px 400px at 85% 0%, rgba(47,125,196,.3), transparent 60%), linear-gradient(170deg, #17222c 0%, #24323e 100%);color:#e7eef3}:is(.asal,#asal) .rain .eyebrow,:is(.asal,#asal) .rain .lede,:is(.asal,#asal) .rain .small-note,:is(.asal,#asal) .rain .meter span,:is(.asal,#asal) .rain-ctl label{color:#c5d2dc}:is(.asal,#asal) .rain .h2{color:#fff}:is(.asal,#asal) .rain .tool-badge{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff}:is(.asal,#asal) .rain .tool-badge a{color:#c5d2dc}:is(.asal,#asal) .rain-choice button{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);color:#fff}:is(.asal,#asal) .rain-choice button:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35)}:is(.asal,#asal) .rain-choice small{color:#c5d2dc}:is(.asal,#asal) .rain-choice button[aria-pressed="true"]{background:rgba(47,125,196,.35);border-color:#8fc6f0}:is(.asal,#asal) .rain .seg button{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.25);color:#e7eef3}:is(.asal,#asal) .rain .seg button[aria-pressed="true"]{background:#fff;color:#17222c;border-color:#fff}:is(.asal,#asal) .rain .meter-bar{background:rgba(255,255,255,.12)}:is(.asal,#asal) .rain-stage{box-shadow:0 0 0 1px rgba(255,255,255,.15), 0 40px 70px -40px rgba(0,0,0,.8)}:is(.asal,#asal) .meet{background:linear-gradient(180deg, #effaf3 0%, #fff 100%)}:is(.asal,#asal) .meet-grid{display:grid;grid-template-columns:minmax(0, 1.4fr) minmax(0, 1fr);gap:28px;align-items:start}@media (max-width: 900px){:is(.asal,#asal) .meet-grid{grid-template-columns:1fr}}:is(.asal,#asal) .meet-card{display:grid;gap:16px;background:var(--white);border:1px solid #cfe9d9;border-top:6px solid var(--wa);border-radius:22px;padding:clamp(18px, 3vw, 28px);box-shadow:0 30px 60px -44px rgba(10,60,30,.5)}:is(.asal,#asal) .meet .seg button[aria-pressed="true"]{background:var(--wa);border-color:var(--wa)}:is(.asal,#asal) .meet-sum{font:700 clamp(24px, 3vw, 32px)/1.1 var(--font-display);color:var(--wa-d);min-height:1.1em}:is(.asal,#asal) .meet-points{display:grid;gap:16px}:is(.asal,#asal) .meet-points li{display:grid;grid-template-columns:40px minmax(0, 1fr);gap:12px;align-items:start}:is(.asal,#asal) .meet-points .tick{background:linear-gradient(135deg, #1a8a4c, #1f9a92)}:is(.asal,#asal) .meet-points b{display:block;font:700 28px/1.05 var(--font-display);margin-bottom:2px}:is(.asal,#asal) .meet-points p{color:var(--ink-2);font-size:16px}:is(.asal,#asal) .lp{padding-block:clamp(26px, 5vw, 56px);background:radial-gradient(700px 360px at 90% -5%, rgba(255,214,120,.45), transparent 60%), linear-gradient(180deg, var(--sky) 0%, #fff 60%)}:is(.asal,#asal) .lp-wrap{width:min(780px, 100%);display:grid;gap:clamp(26px, 4vw, 40px)}:is(.asal,#asal) .lp-hero{display:grid;gap:18px;justify-items:start}:is(.asal,#asal) .lp h1{font:700 clamp(58px, 12vw, 104px)/.88 var(--font-display)}:is(.asal,#asal) .lp .lede{font-size:19.5px}:is(.asal,#asal) .lp-actions{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;width:100%}@media (max-width: 520px){:is(.asal,#asal) .lp-actions{grid-template-columns:1fr}}:is(.asal,#asal) .lp-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 12px;margin-inline:-4px;scrollbar-width:thin}:is(.asal,#asal) .lp-strip figure{flex:0 0 min(300px, 72%);scroll-snap-align:start;aspect-ratio:4 / 3;border-radius:14px;overflow:hidden;background:var(--alu);box-shadow:0 0 0 4px #fff}:is(.asal,#asal) .lp-strip img{width:100%;height:100%;object-fit:cover}:is(.asal,#asal) .lp-points{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:10px}@media (max-width: 620px){:is(.asal,#asal) .lp-points{grid-template-columns:repeat(2, minmax(0, 1fr))}}:is(.asal,#asal) .lp-points>div{display:grid;gap:4px;background:var(--white);border:1px solid var(--line);border-top:5px solid var(--an-blue);border-radius:14px;padding:14px}:is(.asal,#asal) .lp-points>div:nth-child(2){border-top-color:var(--il)}:is(.asal,#asal) .lp-points>div:nth-child(3){border-top-color:var(--an-gold)}:is(.asal,#asal) .lp-points>div:nth-child(4){border-top-color:var(--an-teal)}:is(.asal,#asal) .lp-points dd{font:700 40px/1 var(--font-display);color:var(--anth)}:is(.asal,#asal) .lp-points dt{font-size:14px;color:var(--ink-2)}:is(.asal,#asal) .calc{display:grid;gap:14px;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:clamp(18px, 3vw, 28px);box-shadow:0 30px 60px -40px rgba(20,30,40,.45)}:is(.asal,#asal) .calc h2,:is(.asal,#asal) .lp-cats h2,:is(.asal,#asal) .lp-form h2{font:700 clamp(34px, 5vw, 46px)/1 var(--font-display)}:is(.asal,#asal) .calc-out{display:grid;gap:2px;background:linear-gradient(150deg, #2b3a48 0%, #383e42 55%, #4a3a2e 100%);color:#fff;border-radius:14px;padding:16px 18px}:is(.asal,#asal) .calc-out span{font-size:14px;color:#d3dade}:is(.asal,#asal) .calc-out b{font:700 52px/1 var(--font-display)}:is(.asal,#asal) .calc-out small{font-size:13.5px;color:#d3dade}:is(.asal,#asal) .calc-out b small{font-size:26px;color:#fff;margin-inline-start:6px}:is(.asal,#asal) .lp-cats{display:flex;flex-wrap:wrap;gap:10px;align-items:center}:is(.asal,#asal) .lp-cats h2{flex:1 0 100%;margin-bottom:4px}:is(.asal,#asal) .lp-cats a{text-decoration:none;color:var(--ink);background:var(--white);border:1.5px solid var(--line);border-inline-start:5px solid var(--c);border-radius:999px;padding:10px 18px;font-weight:600}:is(.asal,#asal) .lp-form{display:grid;gap:14px}:is(.asal,#asal) .lp-more{text-align:center;font-weight:600}:is(.asal,#asal) .doc-page{padding-block:clamp(40px, 6vw, 80px);background:var(--white)}:is(.asal,#asal) .doc-wrap{width:min(820px, 100%);display:grid;gap:14px}:is(.asal,#asal) .doc-page h1{font:700 clamp(48px, 7vw, 80px)/.95 var(--font-display)}:is(.asal,#asal) .doc-page h2{font:700 20px var(--font-body);margin-top:10px}:is(.asal,#asal) .doc-page p,:is(.asal,#asal) .doc-page li{font-size:16.5px}:is(.asal,#asal) .doc-page ul{list-style:disc;padding-inline-start:22px;display:grid;gap:6px}:is(.asal,#asal) .doc-meta{color:var(--ink-2);font-size:14.5px!important}:is(.asal,#asal) .foot{background:var(--brushed);border-top:1px solid var(--line);color:var(--ink-2);padding-block:48px calc(28px + env(safe-area-inset-bottom, 0px));font-size:15px}:is(.asal,#asal) .foot .wrap{display:grid;gap:22px}:is(.asal,#asal) .foot-grid{display:grid;grid-template-columns:minmax(0, 1.5fr) repeat(3, minmax(0, 1fr));gap:28px}@media (max-width: 900px){:is(.asal,#asal) .foot-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width: 520px){:is(.asal,#asal) .foot-grid{grid-template-columns:1fr}}:is(.asal,#asal) .foot-brand{display:grid;gap:14px;justify-items:start;align-content:start}:is(.asal,#asal) .foot h2{font:700 15px var(--font-body);color:var(--ink);margin-bottom:10px}:is(.asal,#asal) .foot ul{display:grid;gap:6px}:is(.asal,#asal) .foot a{color:var(--ink-2);text-decoration:none}:is(.asal,#asal) .foot a:hover{color:var(--blue);text-decoration:underline}:is(.asal,#asal) .foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding-top:18px;border-top:1px solid var(--line);font-size:13.5px}:is(.asal,#asal) .foot-links{display:flex;flex-wrap:wrap;gap:6px 16px}:is(.asal,#asal) .foot-links a{text-decoration:underline}:is(.asal,#asal) .fine{font-size:12px;line-height:1.6;color:#5a636a}:is(.asal,#asal) .fine a{color:#5a636a;text-decoration:underline}:is(.asal,#asal) .foot-lp{padding-top:26px}@media (max-width: 1360px){:is(.asal,#asal) .foot{padding-bottom:calc(126px + env(safe-area-inset-bottom, 0px))}}:is(.asal,#asal) .fabs{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom, 0px));z-index:9980;display:grid;gap:10px}:is(.asal,#asal) .fab{width:48px;height:48px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;color:#fff;box-shadow:0 10px 22px -10px rgba(0,0,0,.5);padding:0;text-decoration:none}:is(.asal,#asal) .fab svg{width:26px;height:26px}:is(.asal,#asal) .fab-wa,:is(.asal,#asal) .fab-wa:hover,:is(.asal,#asal) .fab-wa:focus{background:var(--wa);color:#fff}:is(.asal,#asal) .fab-a11y,:is(.asal,#asal) .fab-a11y:hover,:is(.asal,#asal) .fab-a11y:focus{background:var(--blue);color:#fff}:is(.asal,#asal) .a11y-panel{position:fixed;right:72px;bottom:calc(14px + env(safe-area-inset-bottom, 0px));z-index:9981;width:min(320px, calc(100vw - 92px));background:var(--white);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 30px 60px -24px rgba(0,0,0,.4);padding:16px;display:grid;gap:12px}:is(.asal,#asal) .a11y-panel h2{font:700 17px var(--font-body)}:is(.asal,#asal) .a11y-size{display:flex;align-items:center;gap:8px}:is(.asal,#asal) .a11y-size button{width:40px;height:40px;border-radius:10px;border:1.5px solid var(--line);background:var(--white);font:700 16px var(--font-body);color:var(--ink);text-align:center}:is(.asal,#asal) .a11y-size output{font:500 14px var(--font-data);min-width:52px;text-align:center}:is(.asal,#asal) .a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}:is(.asal,#asal) .a11y-grid button{font:600 14px var(--font-body);padding:10px 8px;border-radius:10px;border:1.5px solid var(--line);background:var(--white);color:var(--ink);text-align:center}:is(.asal,#asal) .a11y-grid button[aria-pressed="true"]{border-color:var(--blue);background:#e8f2fb}:is(.asal,#asal) .a11y-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}:is(.asal,#asal) .a11y-foot button{font:600 14px var(--font-body);color:var(--ink-2);text-decoration:underline}@keyframes asal-roll{to{transform:translateX(-50%);}}@media (prefers-reduced-motion: reduce){:is(.asal,#asal) *,:is(.asal,#asal) *::before,:is(.asal,#asal) *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}html:has(>body.asal-body){scroll-behavior:smooth;scroll-padding-top:86px}body.asal-body{margin:0;background:#fff}body .asal-sticky{position:sticky;top:var(--wp-admin--admin-bar--height, 0px);z-index:990}@media (max-width: 600px){body .asal-sticky{top:0}}body.asal-body #main:focus{outline:none}body .elementor-section.asal-sec>.elementor-container{max-width:none}body .elementor-section.asal-sec .elementor-widget-wrap{padding:0}body .elementor-section.asal-sec .elementor-widget:not(:last-child){margin-bottom:0}html.asal-t1 body.asal-body{zoom:1.12}html.asal-t2 body.asal-body{zoom:1.25}html.asal-contrast{filter:contrast(1.2)}html.asal-contrast :is(.asal,#asal){--ink-2:#2b3237;--line:#9aa5ac}html.asal-links a{text-decoration:underline!important;outline:2px dashed #1572bd!important;outline-offset:2px}html.asal-font body,html.asal-font body *{font-family:Arial, "Helvetica Neue", sans-serif!important;letter-spacing:normal!important}html.asal-still *,html.asal-still *::before,html.asal-still *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}