/*! NovaSoft Labs. Copyright (c) 2026 NovaSoft Technologies Pty Ltd (ABN 31 694 025 379). All rights reserved. Copying, modifying or redistributing this code without written permission is prohibited. */
:root{--canvas:#f3f6fa;--emerald:#13795b}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:#fff}main.wrap{width:min(1280px,calc(100% - 64px))}.site-header{background:#fff}.header-row{width:min(1280px,calc(100% - 64px));min-height:92px}.brand .labs-logo{width:246px;height:70px;object-fit:contain}h1{font-size:clamp(2.6rem,4.4vw,4.5rem);line-height:1.04;letter-spacing:-.055em}button,.button{border-radius:10px}.catalogue-hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:48px;min-height:550px;padding-bottom:36px}.labs-mark{width:64px;height:64px;margin-bottom:24px}.catalogue-hero h1{font-size:clamp(3.2rem,6vw,5.8rem);margin-bottom:24px}.catalogue-hero p{font-size:1.25rem;max-width:33ch;color:var(--muted)}.catalogue-hero .button{margin-top:8px;background:var(--emerald);border-color:var(--emerald)}.hero-promise{font-size:.85rem;margin-top:20px;color:var(--muted)}.preview-cluster{height:490px;position:relative;background:#edf4f0;border-radius:48% 42% 34% 40%;margin:0}.preview-cluster figure{position:absolute;background:#fff;border:1px solid #d4dfe3;border-radius:10px;padding:12px;margin:0;box-shadow:0 16px 32px #10213812;overflow:hidden}.preview-cluster .result-preview{display:block;object-fit:contain;width:100%;height:calc(100% - 28px);object-position:top}.preview-cluster figcaption{font-size:.8rem;text-align:center;font-weight:600;padding-top:7px}.cluster-0{width:69%;height:270px;left:4%;top:22px;transform:rotate(-7deg)}.cluster-1{width:65%;height:205px;left:26%;top:268px;transform:rotate(5deg);z-index:2}.cluster-2{width:31%;height:190px;right:0;top:74px;transform:rotate(9deg)}.cluster-icons{position:absolute;left:5%;top:330px;display:grid;grid-template-columns:repeat(2,48px);gap:10px;transform:rotate(-6deg)}.cluster-icons img{width:48px;height:48px}.need-nav{display:flex;gap:10px;padding:28px 0 36px;border-top:1px solid var(--line);font-size:.9rem}.need-nav a{padding:9px 15px;border:1px solid var(--line);border-radius:30px;text-decoration:none;color:var(--ink);background:#fff;min-height:44px}.need-nav a:hover{border-color:var(--emerald);background:#edf6f1}.catalogue-group{margin:28px 0 72px;scroll-margin-top:28px}.group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:24px}.group-heading h2{font-size:2rem;margin:0}.group-heading>span{font-size:.85rem;color:var(--muted);white-space:nowrap}.catalogue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.catalogue-card{min-width:0;display:block;border:1px solid #d6e0e7;border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink);background:#fff;transition:border-color .15s}.catalogue-card:hover{border-color:var(--tool-accent,var(--emerald))}.catalogue-card:focus-visible{outline-offset:5px}.catalogue-image{height:300px;background:var(--tool-soft,var(--canvas));padding:24px 36px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.result-preview{display:block;max-width:100%;height:100%;width:100%;object-fit:contain;object-position:top}.catalogue-image:not(.paper-result) .result-preview{border-radius:12px;background:#fff;box-shadow:0 8px 25px #1021380c}.catalogue-image.paper-result .result-preview{width:auto;max-width:78%;height:310px;object-fit:cover;object-position:top;border:1px solid #ccd5dc;box-shadow:8px 10px #1021380d;align-self:flex-start;transform:rotate(-3deg)}.paper-caption{position:absolute;bottom:16px;right:20px;font-size:.75rem;font-weight:600;color:var(--tool-accent);background:#fff;padding:4px 9px;border-radius:5px}.catalogue-copy{display:flex;align-items:start;gap:18px;padding:24px}.app-icon{width:56px;height:56px;flex:none}.catalogue-copy h3{font-size:1.5rem;line-height:1.15;margin:2px 0 9px}.catalogue-copy p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.55}.card-open{font-size:1.5rem;line-height:1;margin-left:auto;color:var(--tool-accent);flex:none}.outcome-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:64px;min-height:490px;margin-bottom:36px}.hero-copy{min-width:0}.tool-breadcrumb{font-size:.85rem;color:var(--muted);display:inline-block;margin-bottom:28px}.tool-heading{display:flex;align-items:center;gap:16px;margin-bottom:24px;font-weight:600;color:var(--tool-accent)}.tool-heading img{width:64px;height:64px}.tool-heading span{font-size:.95rem}.outcome-hero h1{margin-bottom:20px}.outcome-hero .lead{font-size:1.2rem;max-width:36ch}.outcome-hero .button{background:var(--tool-accent);border-color:var(--tool-accent);margin-top:8px}.sample-note{font-size:.8rem;color:var(--muted);margin:12px 0 0}.hero-result{height:430px;margin:0;border-radius:24px;background:var(--tool-soft);padding:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-result>.result-preview{max-height:330px;border-radius:10px;width:100%;height:100%;object-fit:contain;background:#fff}.hero-result.paper-result>.result-preview{width:236px;max-width:85%;height:334px;max-height:334px;object-fit:cover;object-position:top;border-radius:0;box-shadow:10px 10px #10213810;border:1px solid #cbd5dc;transform:rotate(-3deg)}.hero-result figcaption{width:100%;display:flex;justify-content:space-between;gap:12px;font-size:.72rem;color:var(--muted);margin-top:20px}.hero-result figcaption span{max-width:55%;text-align:right}.how-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0 28px;margin:12px 0 32px}.how-strip h2{font-size:1rem;margin-bottom:20px;color:var(--muted);letter-spacing:0}.how-strip ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.how-strip li{display:flex;align-items:center;gap:12px;position:relative;min-width:0}.step-picture{width:88px;height:80px;flex:none;display:flex;align-items:center;justify-content:center;background:var(--tool-soft);border-radius:10px;overflow:hidden}.step-picture>img{height:62px;width:66px;object-fit:contain}.step-picture>img.step-output{height:72px;width:65px;object-fit:cover;object-position:top;background:#fff;transform:rotate(-5deg);border:1px solid #dce2ea}.step-number{font-size:.8rem;align-self:start;margin-top:12px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;flex:none;color:var(--muted)}.how-strip strong{font-size:.95rem;line-height:1.4}.visual-tool .privacy{background:#f7f9fb;border-left-color:var(--tool-accent);padding:12px 18px;font-size:.8rem;max-width:none;margin:24px 0}.visual-tool #app{scroll-margin-top:24px}.visual-tool .panel{border-radius:16px}.visual-tool .panel.output{background:#fff;border-color:#bbcbd5;box-shadow:0 5px #10213806}.visual-tool .workspace{gap:28px;background:var(--canvas);border-radius:20px;padding:24px}.visual-tool .editor{background:#fff}.visual-tool .output>h2{border-bottom:3px solid var(--tool-accent);padding-bottom:14px;margin-bottom:22px}.visual-tool .passphrase{background:var(--tool-soft);padding:22px;border-radius:12px;font-size:2.1rem;line-height:1.6;color:var(--tool-accent)}.visual-tool .phone{border-radius:28px;border-width:7px;border-color:var(--ink);padding:25px 18px;background:#f8fafc}.visual-tool .message{font-size:1rem;border-radius:14px 14px 14px 3px;background:var(--tool-soft);line-height:1.6}.visual-tool .tile{border-radius:12px;border-color:#afbfca;min-height:130px;justify-content:center}.visual-tool .tile .symbol{color:var(--tool-accent)}.visual-tool .tile .symbol{height:48px;width:48px}.visual-tool .sheet-card{background:#fff}.suite-cards{margin:32px 0}.visual-tool.builder-page h1{font-size:clamp(2.5rem,4vw,4rem)}.visual-tool.builder-page .intro{margin-bottom:36px}.visual-tool .scene-caption{font-size:.85rem}.visual-tool .studio{border-radius:16px}.visual-tool .studio-bar{background:#f4f7fa}.visual-tool .drawing-wrap{background:#e8eef2}@media(max-width:1000px){.catalogue-hero{gap:24px;grid-template-columns:1fr 1fr}.preview-cluster{height:410px}.cluster-0{height:230px}.cluster-1{top:230px;height:160px}.cluster-2{height:150px}.cluster-icons{top:285px;grid-template-columns:repeat(2,36px)}.cluster-icons img{width:36px;height:36px}.outcome-hero{gap:32px}.how-strip li{gap:8px}.step-picture{width:64px;height:68px}.step-picture>img{width:52px;height:52px}.catalogue-copy{padding:20px;gap:14px}.catalogue-copy h3{font-size:1.3rem}}@media(max-width:700px){main.wrap,.header-row{width:calc(100% - 32px)}.catalogue-hero{grid-template-columns:1fr;gap:28px;min-height:0}.catalogue-hero h1 br{display:none}.catalogue-hero h1{font-size:3.8rem;max-width:7ch}.catalogue-hero p{font-size:1.1rem}.labs-mark{width:52px;height:52px;margin-bottom:18px}.preview-cluster{height:370px;max-width:480px;width:100%;margin:auto}.cluster-0{height:200px}.cluster-1{top:205px;height:145px}.cluster-2{height:150px;top:58px}.cluster-icons{top:255px}.need-nav{gap:8px;padding-block:24px}.need-nav a{font-size:.8rem;padding:8px 12px}.catalogue-grid{grid-template-columns:1fr;gap:22px}.catalogue-group{margin-bottom:48px}.group-heading{align-items:start;gap:14px}.group-heading h2{font-size:1.65rem}.group-heading>span{font-size:.75rem;padding-top:3px}.catalogue-image{height:270px;padding:22px}.catalogue-copy{padding:20px}.catalogue-copy h3{font-size:1.4rem}.outcome-hero{grid-template-columns:1fr;gap:26px;min-height:0}.tool-breadcrumb{margin-bottom:22px}.tool-heading{margin-bottom:20px}.tool-heading img{width:56px;height:56px}.outcome-hero h1,.visual-tool.builder-page h1{font-size:2.9rem}.outcome-hero .lead{font-size:1.1rem}.hero-result{height:350px;padding:20px}.hero-result>.result-preview{max-height:270px}.hero-result.paper-result>.result-preview{height:268px;width:190px;max-height:268px}.hero-result figcaption{font-size:.65rem;margin-top:15px}.how-strip ol{grid-template-columns:1fr;gap:16px}.how-strip li{gap:12px}.how-strip strong{font-size:1rem}.step-picture{width:74px;height:70px}.step-number{margin-top:24px}.visual-tool .workspace{padding:12px}.visual-tool .workspace .panel{padding:18px}.visual-tool .tile-grid{gap:8px}.visual-tool .tile{font-size:.85rem;padding:8px}.visual-tool .passphrase{font-size:1.5rem;padding:15px}.card-open{font-size:1.2rem}.catalogue-copy .app-icon{width:48px;height:48px}.visual-tool .how-strip{margin-top:28px}}.catalogue-image.paper-result{padding-right:110px}.catalogue-image.paper-result>.result-preview{width:100%;max-width:100%;height:100%;object-fit:contain;border:0;box-shadow:none;transform:none;border-radius:8px}.paper-mini{position:absolute;width:76px;height:108px;right:18px;bottom:20px;border:1px solid #b9c7d1;background:#fff;box-shadow:5px 5px #1021380c;transform:rotate(5deg);display:block}.paper-mini>img{width:100%;height:100%;object-fit:cover;object-position:top}.paper-mini>span{position:absolute;top:100%;left:-12px;width:100px;text-align:center;font-size:10px;line-height:1.3;color:var(--tool-accent);padding-top:6px;white-space:nowrap}.hero-result.paper-result{padding-right:115px}.hero-result.paper-result>.result-preview{width:100%;max-width:100%;height:310px;max-height:310px;object-fit:contain;border:0;border-radius:8px;box-shadow:none;transform:none}.hero-result .paper-mini{bottom:60px;width:80px;height:113px;right:17px}.hero-result.paper-result figcaption{position:relative;width:calc(100% + 89px)}.preview-cluster{overflow:clip}.preview-cluster .result-preview{object-position:center}.cluster-1 .result-preview{object-fit:contain}@media(max-width:700px){.catalogue-image.paper-result{padding:18px 80px 22px 18px}.paper-mini{width:57px;height:81px;right:13px;bottom:25px}.paper-mini>span{font-size:8px;width:76px;left:-10px}.hero-result.paper-result{padding:20px 85px 20px 20px}.hero-result.paper-result>.result-preview{width:100%;height:260px;max-height:260px}.hero-result .paper-mini{width:57px;height:81px;bottom:60px;right:13px}.hero-result.paper-result figcaption{width:calc(100% + 65px)}}.tool-heading,.paper-mini>span{color:var(--ink)}.outcome-hero .button{background:var(--navy);border-color:var(--navy)}main.wrap{container-type:inline-size}.outcome-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.catalogue-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.hero-result,.preview-cluster,.catalogue-copy>div{min-width:0}.catalogue-copy h3{overflow-wrap:anywhere}.how-strip strong{min-width:0;overflow-wrap:anywhere}.how-strip li{flex-wrap:wrap}@container (max-width:700px){.outcome-hero,.catalogue-hero,.catalogue-grid,.how-strip ol{grid-template-columns:1fr}.preview-cluster{width:100%;max-width:480px;margin:auto}.outcome-hero h1{font-size:2.8rem}.catalogue-copy h3{font-size:1.35rem}}.hero-result.paper-result figcaption{width:100%;align-self:flex-start}.catalogue-hero h1{overflow-wrap:normal}@media(max-width:700px){.catalogue-hero h1{max-width:none;font-size:3.4rem}.catalogue-hero h1 br{display:block}}@media print{.outcome-hero,.how-strip,.catalogue-hero,.need-nav{display:none!important}.visual-tool .workspace{display:block;background:none;padding:0;border:0}.visual-tool .panel.output{box-shadow:none;border:0;border-radius:0;padding:0}.visual-tool .output>h2{border:0;padding-bottom:0}.visual-tool .tile{min-height:36mm;border-radius:8px}.visual-tool .passphrase{background:none;color:#000}.visual-tool .phone,.visual-tool .sheet-card{border:0}.visual-tool .privacy{display:none}.hero-result{display:none!important}}.catalogue-hero .labs-wordmark{display:block;width:280px;height:auto;max-width:100%;margin-bottom:24px}
